:root{
  --bg:#101116;--paper:#f5f1e8;--ink:#15161b;--white:#fff;--muted:#a6a9b3;
  --lime:#c4ff4b;--purple:#9e7bff;--orange:#ff8b4c;--blue:#4cd7ff;--pink:#ff6fb1;--yellow:#ffd84c;
  --radius:30px;--shadow:0 30px 80px rgba(0,0,0,.26);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,a{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.section-shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:16px max(20px,calc((100vw - var(--max))/2));background:rgba(16,17,22,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-weight:900;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lime);color:#111}.top-actions{display:flex;gap:8px}.icon-btn,.lang-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800}.icon-btn{display:flex;gap:8px;align-items:center}.icon-btn.is-playing .music-icon{animation:pulse .8s infinite alternate}.lang-btn{display:flex;gap:10px;align-items:center}.flag-bars{display:flex;width:24px;height:16px;flex-direction:column;overflow:hidden;border-radius:3px}.flag-bars i{flex:1}.flag-bars i:nth-child(1){background:#181818}.flag-bars i:nth-child(2){background:#d61d31}.flag-bars i:nth-child(3){background:#f6c344}
.hero{min-height:760px;padding:78px 0 64px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px}.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.eyebrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--lime);margin-bottom:26px}.eyebrow span{padding:8px 12px;border:1px solid rgba(196,255,75,.28);border-radius:999px}.hero h1{font-size:clamp(58px,8vw,116px);line-height:.85;letter-spacing:-.07em;margin:0;max-width:760px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-lead{font-size:clamp(18px,2vw,24px);line-height:1.45;color:#c9cbd2;max-width:720px;margin:32px 0}.hero-pills{display:flex;flex-wrap:wrap;gap:9px}.hero-pills span{padding:10px 13px;background:#23242b;border-radius:12px;color:#e7e8ed;font-weight:700}.hero-visual{position:relative;display:grid;place-items:center;min-width:0}.photo-card{position:relative;width:min(100%,470px);aspect-ratio:3/4;border-radius:38px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(2.4deg);border:1px solid rgba(255,255,255,.16)}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.6))}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-badge{position:absolute;z-index:2;background:var(--lime);color:#111;border-radius:18px;padding:13px 16px;font-size:12px;font-weight:950;letter-spacing:.06em;box-shadow:0 15px 30px rgba(0,0,0,.22)}.photo-badge.top{top:18px;left:18px}.photo-badge.bottom{right:18px;bottom:18px;display:grid;gap:2px}.photo-badge.bottom strong{font-size:34px;line-height:1}.orbit{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;box-shadow:0 15px 40px rgba(0,0,0,.25);animation:float 3.5s ease-in-out infinite}.orbit-a{width:92px;height:92px;background:var(--purple);top:7%;right:-1%;font-size:42px}.orbit-b{width:72px;height:72px;background:var(--yellow);color:#111;bottom:12%;left:-4%;font-size:32px;animation-delay:-1.1s}.orbit-c{width:66px;height:66px;background:var(--orange);bottom:-2%;right:15%;font-size:30px;animation-delay:-2s}
.ticker{overflow:hidden;border-block:1px solid rgba(255,255,255,.09);background:#15161c}.ticker-track{display:flex;width:max-content;animation:ticker 24s linear infinite}.ticker-track span{padding:18px 28px;font-size:14px;font-weight:900;letter-spacing:.08em;color:#ddd}.ticker-track span:nth-child(odd){color:var(--lime)}
.story{padding:120px 0}.section-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;align-items:end;margin-bottom:46px}.section-heading .kicker{color:var(--lime)}.section-heading h2,.feature-card h2,.wishes h2,.game-copy h2{font-size:clamp(40px,5vw,70px);line-height:.94;letter-spacing:-.055em;margin:0}.story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.story-card{position:relative;min-height:370px;padding:28px;border-radius:var(--radius);color:#111;overflow:hidden}.story-card:nth-child(1),.story-card:nth-child(4){grid-column:span 7}.story-card:nth-child(2),.story-card:nth-child(3){grid-column:span 5}.story-card:nth-child(5){grid-column:span 5}.story-card:nth-child(6){grid-column:span 7}.story-card h3{font-size:30px;line-height:1;margin:42px 0 14px;letter-spacing:-.04em}.story-card p{font-size:17px;line-height:1.5;max-width:560px;margin:0}.story-no{position:absolute;top:22px;right:24px;font-size:12px;font-weight:900;opacity:.55}.story-icon{font-size:44px}.c-lime{background:var(--lime)}.c-purple{background:var(--purple)}.c-orange{background:var(--orange)}.c-blue{background:var(--blue)}.c-pink{background:var(--pink)}.c-yellow{background:var(--yellow)}.mini-route,.road{display:flex;align-items:center;gap:12px;margin-top:30px;font-weight:950}.mini-route i,.road i{height:2px;flex:1;background:#111;position:relative}.mini-route i:after,.road i:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;border-top:2px solid;border-right:2px solid;transform:translateY(-50%) rotate(45deg)}.rocket{font-size:48px;font-weight:900;margin-top:26px;letter-spacing:-.15em}.court{position:absolute;right:26px;bottom:25px;width:128px;height:82px;border:3px solid #111}.court:before,.court:after{content:"";position:absolute;background:#111}.court:before{width:3px;height:100%;left:50%}.court:after{height:3px;width:100%;top:50%}.court i{position:absolute;width:15px;height:15px;background:#111;border-radius:50%;right:18px;top:15px}.filmstrip{position:absolute;left:28px;bottom:24px;font-size:28px;letter-spacing:.15em}.kpi{position:absolute;right:24px;bottom:24px;display:grid;justify-items:end}.kpi span{font-size:11px;font-weight:900}.kpi strong{font-size:50px;letter-spacing:-.06em}
.intelligence{padding-bottom:100px}.int-card{background:#f0efe9;color:#111;border-radius:40px;padding:54px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.int-card h2{font-size:clamp(54px,7vw,96px);letter-spacing:-.07em;line-height:.9;margin:12px 0 22px}.int-card p{font-size:18px;line-height:1.55;max-width:540px}.gauge-wrap{display:grid;place-items:center;position:relative}.gauge{width:min(100%,360px);aspect-ratio:1;border-radius:50%;padding:20px;background:conic-gradient(var(--purple) 0 91%,#d8d5cc 91% 100%);transform:rotate(-26deg);box-shadow:inset 0 0 0 2px #111}.gauge-core{height:100%;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;align-content:center;transform:rotate(26deg);text-align:center}.gauge-core span,.gauge-core small{font-size:12px;font-weight:900;letter-spacing:.12em}.gauge-core strong{font-size:92px;letter-spacing:-.08em;line-height:.9;color:var(--lime)}.benchmark{position:absolute;right:4%;bottom:5%;background:var(--yellow);border:2px solid #111;border-radius:15px;padding:10px 14px;transform:rotate(4deg);display:grid}.benchmark span{font-size:10px;font-weight:900}.benchmark b{font-size:26px}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:110px}.feature-card{border-radius:40px;padding:42px;min-height:620px;overflow:hidden}.feature-card h2{font-size:clamp(40px,4vw,64px);margin:26px 0}.feature-card p{font-size:18px;line-height:1.55;max-width:580px}.feature-top{display:flex;justify-content:space-between;align-items:center}.finance{background:#121926;border:1px solid rgba(76,215,255,.22)}.finance .kicker{color:var(--blue)}.live-dot{font-size:11px;font-weight:900;color:#62ff95}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#62ff95;margin-right:7px;box-shadow:0 0 14px #62ff95}.pnl-board{margin-top:44px;padding:25px;border-radius:26px;background:#0a0f18;border:1px solid rgba(255,255,255,.08);display:grid;gap:17px}.pnl-board>div{display:flex;justify-content:space-between;font-size:14px}.pnl-board b{color:#62ff95}.pnl-board svg{width:100%;height:auto;color:var(--blue)}.family{background:var(--paper);color:#111}.family .kicker{color:#6e57ca}.flight-card{display:flex;align-items:center;gap:18px;margin:48px 0 22px;font-size:42px}.flight-line{height:3px;flex:1;background:#111;position:relative}.flight-line i{position:absolute;left:46%;top:50%;transform:translate(-50%,-50%) rotate(4deg);font-style:normal;background:var(--paper);padding:0 9px;font-size:32px}.caption{font-size:14px!important;font-weight:750}
.quote-section{padding-bottom:110px}.quote-card{position:relative;border-radius:40px;background:var(--purple);color:#111;padding:55px 60px;overflow:hidden}.quote-card p{font-size:clamp(38px,5vw,72px);line-height:1.03;letter-spacing:-.05em;margin:25px 0 34px;max-width:1000px;font-weight:800}.quote-mark{position:absolute;right:30px;top:-40px;font:900 200px/1 Georgia,serif;opacity:.18}.quote-sign{font-weight:900}
.game-section{background:#f7f2e8;color:#111;padding:110px 0}.game-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}.game-copy .kicker{color:#7a59e3}.game-copy h2{margin:13px 0 24px}.game-copy p{font-size:18px;line-height:1.55}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.game-stats div{padding:14px;background:#fff;border-radius:16px;display:grid;gap:6px}.game-stats span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.game-stats strong{font-size:24px}.primary-btn{border:0;background:#111;color:#fff;border-radius:16px;padding:16px 22px;font-weight:900;box-shadow:0 10px 0 #7a59e3;transition:.16s transform,.16s box-shadow}.primary-btn:active{transform:translateY(5px);box-shadow:0 5px 0 #7a59e3}.game-wrap{position:relative;border-radius:34px;overflow:hidden;background:#111;box-shadow:var(--shadow);border:8px solid #111}.game-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:720/620;touch-action:none}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;background:rgba(9,10,14,.68);color:#fff;backdrop-filter:blur(5px);transition:.2s opacity}.game-overlay.hidden{opacity:0;pointer-events:none}.game-overlay strong{font-size:34px}.game-overlay span{font-size:13px;color:#c7c8cf}.overlay-badge{font-size:60px}.mobile-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#111;padding:8px}.mobile-controls button{border:0;background:#262833;color:#fff;border-radius:14px;padding:14px 8px;font-size:24px;font-weight:900;touch-action:manipulation}.mobile-controls button:active{background:var(--lime);color:#111}
.wishes{padding:110px 0}.wishes-card{position:relative;text-align:center;padding:70px max(24px,7vw);border-radius:50px;background:linear-gradient(135deg,#c4ff4b 0%,#ffd84c 55%,#ff8b4c 100%);color:#111;overflow:hidden}.wishes-symbols{font-size:40px;letter-spacing:.45em;margin-bottom:24px}.wishes h2{max-width:900px;margin:14px auto 24px}.wishes p{max-width:760px;margin:0 auto;font-size:20px;line-height:1.6}.wishes-footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:38px;font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.wishes-footer span:first-child{font-size:38px;letter-spacing:-.05em}.wishes-footer i{width:70px;height:2px;background:#111}
footer{border-top:1px solid rgba(255,255,255,.08);color:#8f929b}.footer-inner{padding:26px 0 34px;display:flex;justify-content:space-between;gap:30px;font-size:12px;line-height:1.45}.footer-inner span:last-child{max-width:650px;text-align:right}
.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
/* German mode: black / red / gold with a stricter editorial feel. */
body.de-theme{--lime:#f5c542;--purple:#df2935;--orange:#f05b41;--blue:#f5c542;--pink:#df2935;--yellow:#f5c542;background:#0b0b0c}.de-theme .hero h1 em,.de-theme .section-heading .kicker{color:#f5c542}.de-theme .photo-badge{background:#df2935;color:#fff}.de-theme .orbit-a{background:#df2935}.de-theme .orbit-b{background:#f5c542}.de-theme .orbit-c{background:#171717;color:#f5c542}.de-theme .ticker{border-color:rgba(223,41,53,.35)}.de-theme .ticker-track span:nth-child(odd){color:#f5c542}.de-theme .wishes-card{background:linear-gradient(145deg,#111 0 32%,#df2935 32% 66%,#f5c542 66%);color:#fff}.de-theme .wishes-card .kicker,.de-theme .wishes-card p{color:#fff}.de-theme .wishes-footer i{background:#fff}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes pulse{to{transform:scale(1.2)}}
@media (max-width:960px){.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding-top:55px}.hero-copy{order:1}.hero-visual{order:2}.photo-card{width:min(78vw,470px)}.orbit-a{right:5%}.orbit-b{left:7%}.section-heading{grid-template-columns:1fr}.story-card:nth-child(n){grid-column:span 6}.int-card,.split-section,.game-shell{grid-template-columns:1fr}.feature-card{min-height:unset}.game-copy{max-width:680px}.footer-inner{flex-direction:column}.footer-inner span:last-child{text-align:left}}
@media (max-width:640px){.section-shell{width:min(var(--max),calc(100% - 24px))}.topbar{padding:12px}.brand{font-size:13px}.brand-mark{width:32px;height:32px}.icon-btn,.lang-btn{padding:9px 11px}.icon-btn span:last-child{display:none}.hero{padding:38px 0 50px}.hero h1{font-size:clamp(52px,17vw,78px)}.hero-lead{font-size:17px;margin:24px 0}.hero-pills span{font-size:12px}.photo-card{width:88vw;border-radius:27px}.orbit-a{width:70px;height:70px;font-size:32px}.orbit-b,.orbit-c{width:58px;height:58px}.story{padding:78px 0}.section-heading{margin-bottom:26px}.story-grid{grid-template-columns:1fr}.story-card:nth-child(n){grid-column:1;min-height:330px}.story-card{padding:23px;border-radius:24px}.story-card h3{font-size:27px}.intelligence{padding-bottom:70px}.int-card{padding:26px;border-radius:28px}.int-card h2{font-size:52px}.gauge-core strong{font-size:68px}.benchmark{right:0}.split-section{padding-bottom:70px}.feature-card{padding:27px;border-radius:28px}.quote-section{padding-bottom:70px}.quote-card{padding:34px 27px;border-radius:28px}.game-section{padding:72px 0}.game-shell{gap:28px}.game-wrap{border-width:5px;border-radius:24px}.game-stats{gap:6px}.game-stats div{padding:10px}.game-stats strong{font-size:21px}.mobile-controls button{font-size:21px;padding:12px 4px}.wishes{padding:72px 0}.wishes-card{padding:48px 22px;border-radius:30px}.wishes-symbols{letter-spacing:.25em}.wishes p{font-size:17px}.wishes-footer{gap:10px;flex-wrap:wrap}.wishes-footer i{width:40px}.footer-inner{padding-bottom:26px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* --- Added refinements v3 --- */
.story-photo{margin-top:18px;border-radius:18px;overflow:hidden;border:2px solid rgba(17,17,17,.12);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.story-photo img{display:block;width:100%;height:200px;object-fit:cover}
.feature-media{margin:28px 0 26px;background:rgba(255,255,255,.04);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.feature-media img{display:block;width:100%;height:300px;object-fit:cover}
.feature-media figcaption{padding:14px 16px;font-size:14px;line-height:1.45;opacity:.9}.family .feature-media{background:#fff6ea;border-color:rgba(17,17,17,.12)}.family .feature-media figcaption{color:#111}.home-shot img{height:360px;object-position:center}.glass-shot img{height:300px;object-position:center}
.quote-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.quote-photo{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.18)}.quote-photo img{display:block;width:100%;height:100%;max-height:540px;object-fit:cover}.quote-copy{position:relative}.quote-note{display:block;margin-top:18px;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.8}
.gauge{position:relative;overflow:visible;animation:gaugeFloat 4.8s ease-in-out infinite}.gauge:before{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px dashed rgba(17,17,17,.15);animation:spin 16s linear infinite}.gauge-core strong{display:block;animation:countPulse 2.3s ease-in-out infinite}.gauge-core small{margin-top:4px}.benchmark{animation:wiggle 4s ease-in-out infinite}
.handheld{background:linear-gradient(180deg,#f4f4f4 0%,#d5d5d5 100%);border:8px solid #0f8a1d;border-radius:28px;padding:16px;box-shadow:0 18px 36px rgba(0,0,0,.2)}.handheld-topline{height:10px;border-radius:999px;background:linear-gradient(90deg,#1b7d1d,#19ae2a,#1b7d1d);margin-bottom:12px}.handheld-grid{display:grid;grid-template-columns:96px 1fr 124px;gap:16px;align-items:center}.device-side{display:grid;justify-items:center;align-content:center;gap:14px;color:#111}.device-logo{width:76px;height:76px;border-radius:50%;border:2px solid #111;display:grid;place-items:center;font-size:34px;font-weight:900;letter-spacing:-.05em}.device-knob{width:68px;height:68px;border-radius:50%;background:linear-gradient(180deg,#fdfdfd,#bfc0c0);border:4px solid #18a729;box-shadow:inset 0 4px 8px rgba(255,255,255,.75), inset 0 -6px 10px rgba(0,0,0,.12)}.device-knob.small{width:58px;height:58px}.device-center{display:grid;gap:10px}.device-title{font-size:clamp(22px,2.4vw,34px);line-height:1;font-weight:950;color:#d61b1b;text-align:center;letter-spacing:.08em}.device-screen-shell{background:#f8f8f8;border:4px solid #111;border-radius:26px;padding:18px 16px 14px;box-shadow:inset 0 0 0 10px rgba(0,0,0,.02)}.device-screen{position:relative;border:8px solid #18a729;border-radius:20px;background:#d7ddd8;overflow:hidden}.device-footer{text-align:center;font-size:clamp(26px,2.5vw,42px);line-height:1;font-weight:950;letter-spacing:-.05em;color:#111}.status-pill{width:58px;height:30px;border-radius:999px;border:3px solid #18a729;background:#eee}.status-pill.on{box-shadow:inset 0 0 0 8px #fff, 0 0 12px rgba(24,167,41,.35)}.status-text{font-size:12px;font-weight:900;letter-spacing:.12em;color:#111;text-align:center}.handheld .game-overlay{background:rgba(215,221,216,.9);color:#111;backdrop-filter:none}.handheld .game-overlay span{color:#30343b}.mobile-controls{margin-top:10px;border-radius:18px;background:transparent;padding:0}.mobile-controls button{border:2px solid #111;background:#f1f1f1;color:#111;box-shadow:0 4px 0 rgba(0,0,0,.18)}.mobile-controls button:active{background:#c4ff4b;color:#111;transform:translateY(2px)}
.de-theme .feature-media{border-color:rgba(223,41,53,.18)}.de-theme .quote-photo{box-shadow:0 20px 40px rgba(0,0,0,.34)}.de-theme .handheld{border-color:#df2935}.de-theme .handheld-topline{background:linear-gradient(90deg,#111,#df2935,#f5c542)}.de-theme .device-title{color:#df2935}.de-theme .device-knob,.de-theme .status-pill,.de-theme .device-screen{border-color:#df2935}.de-theme .device-footer{color:#111}.de-theme .gauge-core strong{color:#f5c542}
@keyframes gaugeFloat{50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countPulse{50%{transform:scale(1.05)}}@keyframes wiggle{50%{transform:rotate(7deg)}}

@media (max-width:960px){.quote-layout{grid-template-columns:1fr}.handheld-grid{grid-template-columns:72px 1fr 88px}.device-logo{width:58px;height:58px;font-size:25px}.device-knob{width:54px;height:54px}.device-knob.small{width:46px;height:46px}.feature-media img{height:260px}.home-shot img{height:320px}}
@media (max-width:640px){.story-photo img{height:180px}.feature-media{margin:22px 0}.feature-media img,.glass-shot img,.home-shot img{height:220px}.quote-note{font-size:12px}.handheld{padding:10px;border-width:5px;border-radius:22px}.handheld-topline{height:8px;margin-bottom:8px}.handheld-grid{grid-template-columns:1fr;gap:10px}.device-side.left,.device-side.right{grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}.device-logo{width:44px;height:44px;font-size:18px;justify-self:start}.device-knob,.device-knob.small{width:42px;height:42px;border-width:3px}.status-pill{width:42px;height:22px;border-width:2px}.status-text{font-size:10px}.device-screen-shell{padding:10px 10px 8px;border-radius:18px}.device-screen{border-width:6px;border-radius:14px}.device-footer{font-size:24px}.handheld .game-overlay strong{font-size:28px}}

/* --- v5: показываем фотографии целиком, не ломая анимации и игровую консоль v3 --- */
.story-photo,
.feature-media,
.quote-photo{
  background:rgba(255,255,255,.055);
}
.story-photo img,
.feature-media img,
.glass-shot img,
.home-shot img,
.quote-photo img{
  width:100%;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center top !important;
}
.quote-photo{align-self:start;}
.family .feature-media{background:#eee8dd;}

/* Сделать Альбертокачан заметно живым при появлении блока */
.gauge-wrap{isolation:isolate;}
.gauge{
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.15));
}
.gauge-core strong{
  text-shadow:0 0 24px rgba(196,255,75,.24);
}

@media (max-width:960px){
  .story-photo img,
  .feature-media img,
  .glass-shot img,
  .home-shot img,
  .quote-photo img{
    height:auto !important;
    max-height:none !important;
  }
}
@media (max-width:640px){
  .story-photo img,
  .feature-media img,
  .glass-shot img,
  .home-shot img,
  .quote-photo img{
    height:auto !important;
    max-height:none !important;
  }
}


/* =========================================================
   v6 — full responsive pass. Keeps v3 handheld game + gauge.
   ========================================================= */
:root{--edge:20px}
.section-shell{min-width:0}
.hero-copy,.hero-visual,.story-card,.int-card>*,.feature-card,.quote-layout>*,.game-shell>*,.device-center{min-width:0}
.story-card p,.feature-card p,.quote-card p,.footer-inner span{overflow-wrap:anywhere}

/* Photos: show the whole shot without cropping faces, but don't let portrait photos dominate the page. */
.story-photo,.feature-media,.quote-photo{display:grid;place-items:center}
.story-photo img,.feature-media img,.quote-photo img,
.glass-shot img,.home-shot img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin-inline:auto;
}
.story-photo img{max-height:320px!important}
.feature-media img{max-height:520px!important}
.quote-photo img{max-height:560px!important}

/* Preserve the original rotation while the Albertokachan gauge floats. */
.gauge{
  --gauge-progress:91%;
  background:conic-gradient(var(--purple) 0 var(--gauge-progress),#d8d5cc var(--gauge-progress) 100%);
}
@keyframes gaugeFloat{
  0%,100%{transform:rotate(-26deg) translateY(0)}
  50%{transform:rotate(-26deg) translateY(-8px)}
}
@keyframes wiggle{
  0%,100%{transform:rotate(4deg)}
  50%{transform:rotate(8deg) translateY(-4px)}
}

@media (max-width:1100px){
  .hero{gap:36px}
  .story-card{padding:26px}
  .int-card{padding:42px}
  .feature-card{padding:34px}
  .game-shell{gap:32px}
  .handheld-grid{grid-template-columns:78px minmax(0,1fr) 98px;gap:12px}
  .device-logo{width:60px;height:60px;font-size:26px}
  .device-knob{width:54px;height:54px}.device-knob.small{width:46px;height:46px}
  .status-pill{width:48px;height:26px}
}

@media (max-width:900px){
  .section-shell{width:min(var(--max),calc(100% - 32px))}
  .hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 54px;gap:44px}
  .hero-copy{max-width:760px}
  .hero-visual{padding-inline:30px}
  .photo-card{width:min(74vw,470px)}
  .story{padding:88px 0}
  .section-heading{grid-template-columns:1fr;gap:14px;margin-bottom:32px}
  .story-card:nth-child(n){grid-column:span 6}
  .int-card{grid-template-columns:1fr;gap:34px;padding:36px}
  .gauge-wrap{padding:18px 0 6px}
  .split-section{grid-template-columns:1fr;padding-bottom:82px}
  .feature-card{min-height:0}
  .quote-layout{grid-template-columns:1fr;gap:24px}
  .quote-photo{max-width:620px;margin-inline:auto}
  .game-shell{grid-template-columns:1fr;gap:32px}
  .game-copy{max-width:720px}
  .handheld-grid{grid-template-columns:72px minmax(0,1fr) 86px;gap:10px}
  .device-title{font-size:clamp(20px,4vw,32px)}
  .footer-inner{flex-direction:column;gap:12px}.footer-inner span:last-child{text-align:left;max-width:none}
}

@media (max-width:680px){
  :root{--radius:24px;--edge:12px}
  .section-shell{width:calc(100% - 24px)}
  .topbar{padding:10px 12px;gap:8px}
  .brand{font-size:12px;gap:7px;letter-spacing:.05em;white-space:nowrap}
  .brand-mark{width:31px;height:31px;flex:0 0 auto}
  .top-actions{gap:6px;flex:0 0 auto}
  .icon-btn,.lang-btn{padding:8px 10px}
  .flag-bars{width:20px;height:14px}

  .hero{padding:34px 0 44px;gap:30px}
  .eyebrow{gap:6px;margin-bottom:20px}.eyebrow span{padding:7px 9px;font-size:10px}
  .hero h1{font-size:clamp(46px,14vw,68px);line-height:.89;letter-spacing:-.065em}
  .hero-lead{font-size:16px;margin:22px 0;line-height:1.5}
  .hero-pills{gap:7px}.hero-pills span{font-size:11px;padding:8px 10px}
  .hero-visual{padding-inline:18px}
  .photo-card{width:min(86vw,430px);border-radius:26px;transform:rotate(1.2deg)}
  .photo-badge{padding:9px 11px;border-radius:13px;font-size:9px}.photo-badge.bottom strong{font-size:27px}
  .orbit-a{width:62px;height:62px;font-size:28px;right:0}.orbit-b{width:52px;height:52px;font-size:24px;left:1%}.orbit-c{width:50px;height:50px;font-size:23px;right:10%}

  .ticker-track span{padding:14px 18px;font-size:11px}
  .story{padding:66px 0}
  .section-heading h2,.feature-card h2,.wishes h2,.game-copy h2{font-size:clamp(34px,10vw,48px);line-height:.98}
  .section-heading{margin-bottom:24px}
  .story-grid{grid-template-columns:1fr;gap:12px}
  .story-card:nth-child(n){grid-column:1;min-height:0;padding:22px;border-radius:24px}
  .story-card h3{font-size:26px;margin:22px 0 12px;line-height:1.03}
  .story-card p{font-size:15px;line-height:1.48;padding-right:0}
  .story-icon{font-size:36px}.story-no{top:18px;right:20px}
  .mini-route,.road{margin-top:22px}
  .rocket{font-size:38px;margin-top:20px}
  .court{position:relative;right:auto;bottom:auto;margin:22px 0 0 auto;width:112px;height:70px}
  .filmstrip{position:relative;left:auto;bottom:auto;margin-top:18px;font-size:22px}
  .kpi{position:relative;right:auto;bottom:auto;margin-top:22px;justify-items:start}.kpi strong{font-size:42px}
  .story-photo{margin-top:16px}.story-photo img{max-height:280px!important}

  .intelligence{padding-bottom:64px}
  .int-card{padding:24px;border-radius:26px;gap:28px}
  .int-card h2{font-size:clamp(43px,12vw,58px);line-height:.92;margin:10px 0 16px}
  .int-card p{font-size:16px;margin-bottom:0}
  .gauge-wrap{gap:14px;padding:14px 8px 0}
  .gauge{width:min(74vw,290px);padding:16px}
  .gauge:before{inset:-9px}
  .gauge-core strong{font-size:clamp(58px,17vw,76px)}
  .gauge-core span,.gauge-core small{font-size:10px;letter-spacing:.09em}
  .benchmark{position:relative;right:auto;bottom:auto;justify-self:center;margin-top:10px;padding:8px 12px;z-index:3}
  .benchmark b{font-size:22px}

  .split-section{gap:12px;padding-bottom:64px}
  .feature-card{padding:23px;border-radius:26px}
  .feature-top{gap:12px;flex-wrap:wrap}
  .feature-card h2{margin:20px 0 16px}
  .feature-card p{font-size:16px;line-height:1.5}
  .feature-media{margin:20px 0}.feature-media img{max-height:440px!important}.feature-media figcaption{font-size:12px;padding:11px 13px}
  .pnl-board{margin-top:24px;padding:17px;border-radius:20px;gap:13px}.pnl-board>div{font-size:12px;gap:10px}.pnl-board svg{max-height:110px}
  .flight-card{margin:30px 0 16px;font-size:30px;gap:10px}.flight-line i{font-size:24px;padding:0 6px}

  .quote-section{padding-bottom:64px}
  .quote-card{padding:20px;border-radius:26px}
  .quote-layout{gap:20px}.quote-photo{border-radius:20px}.quote-photo img{max-height:500px!important}
  .quote-card p{font-size:clamp(30px,9vw,44px);line-height:1.02;margin:16px 0 22px}
  .quote-mark{font-size:120px;right:10px;top:-22px}.quote-note{font-size:11px;line-height:1.4}

  .game-section{padding:64px 0}
  .game-shell{gap:26px}.game-copy p{font-size:16px}
  .game-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:22px 0}
  .game-stats div{min-width:0;padding:10px 8px}.game-stats span{font-size:9px;letter-spacing:.05em}.game-stats strong{font-size:20px}
  .primary-btn{width:100%;padding:14px 16px}
  .handheld{padding:9px;border-width:5px;border-radius:20px}
  .handheld-topline{height:7px;margin-bottom:8px}
  /* On phones keep the recognizable console frame and screen; decorative side hardware moves out of the way. */
  .handheld-grid{display:block}
  .device-side{display:none}
  .device-center{width:100%}
  .device-title{font-size:clamp(18px,6vw,25px);letter-spacing:.035em;margin:3px 0 7px}
  .device-screen-shell{padding:8px;border-width:3px;border-radius:16px}
  .device-screen{border-width:5px;border-radius:12px}
  .device-footer{font-size:clamp(22px,7vw,30px);margin-top:7px}
  .game-wrap canvas{width:100%;height:auto;aspect-ratio:720/620}
  .handheld .game-overlay{padding:12px;text-align:center}.handheld .game-overlay strong{font-size:25px}.handheld .game-overlay span{font-size:11px;max-width:90%}
  .overlay-badge{font-size:42px}
  .mobile-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}.mobile-controls button{min-width:0;font-size:19px;padding:10px 2px;border-radius:11px}

  .wishes{padding:64px 0}.wishes-card{padding:38px 20px;border-radius:27px}.wishes-symbols{font-size:30px;letter-spacing:.18em}.wishes p{font-size:16px;line-height:1.55}.wishes-footer{margin-top:28px;gap:9px;flex-wrap:wrap}.wishes-footer span:first-child{font-size:31px}.wishes-footer i{width:34px}
  .footer-inner{padding:22px 0 28px;font-size:11px;overflow-wrap:anywhere}
}

@media (max-width:420px){
  .brand span:last-child{font-size:11px}
  .topbar .icon-btn span:last-child{display:none}
  .lang-btn{gap:7px}
  .hero h1{font-size:clamp(43px,13vw,58px)}
  .hero-visual{padding-inline:10px}.photo-card{width:90vw}
  .photo-badge.top{top:12px;left:12px}.photo-badge.bottom{right:12px;bottom:12px}
  .orbit-a{top:2%;right:-2%}.orbit-b{left:-1%;bottom:15%}.orbit-c{right:7%;bottom:-1%}
  .story-card{padding:20px!important}.story-card h3{font-size:24px}
  .int-card{padding:20px}.gauge{width:min(72vw,260px)}
  .feature-card{padding:20px}.feature-card h2{font-size:clamp(31px,9.5vw,40px)}
  .quote-card{padding:17px}.quote-card p{font-size:clamp(28px,8.6vw,38px)}
  .game-section{padding:56px 0}.game-copy h2{font-size:clamp(34px,10vw,42px)}
  .device-title{font-size:18px}.device-screen-shell{padding:6px}.device-screen{border-width:4px}.device-footer{font-size:22px}
  .wishes-card{padding:34px 17px}.wishes h2{font-size:clamp(32px,9.4vw,40px)}
}

/* Mobile/tablet header should not cover cards while scrolling. */
@media (max-width:900px){
  .topbar{position:relative;top:auto}
}
