/* Motion is progressive: no hidden content, autoplay or permanent render loop. */
.scene::before{content:"";position:absolute;width:min(70vw,850px);aspect-ratio:1;border-radius:50%;right:-12%;top:-15%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffffff68,transparent 68%)}
.scene-vpn::before{background:radial-gradient(circle,#8ea96935,transparent 68%)}
.project-nav{position:relative}.project-tab{transition:background .25s,color .25s,box-shadow .25s,transform .25s}.project-tab:hover{transform:translateY(-3px);box-shadow:0 7px 18px #173c3312}.project-tab[aria-current=true]{box-shadow:0 6px 18px #173c3325}
.film{--film-progress:0}.film::after{display:none}.film-controls{position:relative}.film-controls::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to right,#edbf79,#173c33);transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .35s}
.primary,.film-arrow{transition:transform .22s,box-shadow .22s,background .22s}.primary:hover{transform:translateY(-3px);box-shadow:0 12px 24px #173c3325}.primary:active,.film-arrow:active{transform:scale(.96)}.film-arrow:hover:enabled{background:#e2e7d8;transform:translateY(-2px)}
.scene-visual[data-demo]{flex-direction:column;justify-content:center;gap:28px;perspective:1100px;--tilt-x:0deg;--tilt-y:0deg}
.scene-visual[data-demo]>div:first-child{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .28s ease-out}
.demo-controls{display:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;position:relative;z-index:4}
.motion-ready .demo-controls{display:flex}.demo-controls button{font:600 16px/1.2 Inter,Arial,sans-serif;color:#173c33;border:1px solid #a8b7a3;border-radius:999px;background:#fffdf78c;padding:12px 17px;min-height:46px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.demo-controls button:hover{transform:translateY(-3px);background:#fffdf7;box-shadow:0 6px 18px #173c3319}.demo-controls button[aria-pressed=true]{color:#fff8e9;background:#173c33;border-color:#173c33;box-shadow:0 4px 12px #173c3320}.demo-controls button:active{transform:scale(.95)}
.scene-vpn .demo-controls button{color:#fff8e9;background:#224d40;border-color:#78917d}.scene-vpn .demo-controls button[aria-pressed=true]{background:#edbf79;color:#173c33;border-color:#edbf79}
.mail-art{min-height:475px}.mail-note{width:65%;padding:18px;transform:rotate(-5deg)}.mail-note p{font-size:20px;line-height:1.4;margin:10px 0;white-space:pre-line}.mail-note i{right:-10px;bottom:3px;font-size:54px}.mail-letter{top:160px;width:86%;padding:24px;transform:rotate(2deg)}.mail-letter p{font-size:19px;line-height:1.5}.mail-letter p[hidden]{display:none}.letter-top{font-size:19px}.letter-bottom{font-size:16px}
.devices-art .laptop,.devices-art .phone,.devices-art .tablet{transition:opacity .3s,filter .3s}.devices-art .is-dimmed{opacity:.58}.devices-art .is-focused{opacity:1;filter:drop-shadow(0 0 15px #edbf794c)}.device-caption{bottom:-24px}.devices-art{margin-bottom:5px}.device-state{font-size:20px}
.report-card{background:linear-gradient(135deg,#fffefa,#f8f4e9);box-shadow:0 30px 65px #483d252b}.house svg{filter:drop-shadow(0 20px 10px #173c3315)}
@media(max-width:1000px){.mail-letter{padding:20px}.mail-letter p{font-size:18px}.letter-top{font-size:18px}}
@media(max-width:700px){.scene-visual[data-demo]{gap:25px}.demo-controls{gap:7px}.demo-controls button{padding:12px 13px;font-size:16px;min-height:44px}.mail-art{min-height:450px}.mail-note{width:69%;padding:16px;left:8px}.mail-note p{font-size:18px;line-height:1.4;margin:8px 0}.mail-note i{font-size:44px}.mail-letter{top:150px;width:87%;padding:20px}.mail-letter p{font-size:18px}.device-state{font-size:18px}.devices-art{margin-bottom:10px}.scene-visual[data-demo=property]{gap:24px}.report-art{height:335px}.report-card{width:80%}}
@media(prefers-reduced-motion:reduce){.scene-visual[data-demo]>div:first-child{transform:none!important}.demo-controls button,.project-tab,.primary,.film-arrow,.devices-art>*{transition:none!important}.primary:hover,.project-tab:hover,.demo-controls button:hover,.film-arrow:hover:enabled{transform:none!important}}
@media print{.demo-controls{display:none}.scene::before{display:none}}

.mail-note{translate:0 0 18px}.devices-art .phone{translate:0 0 30px}.devices-art .tablet{translate:0 0 20px}.house{translate:0 0 12px}

@media(prefers-reduced-motion:reduce){.film-controls::before{transition:none!important}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{transition:none!important;animation:none!important}

body .at-metrika-reopen{position:static;display:block;margin:0 20px 20px}