:root{--ink:#101114;--muted:#727781;--paper:#f6f6f3;--dark:#0c0d10;--electric:#78aafd;--amber:#ffca72;--lilac:#b49cfb;--header-h:78px;--ease:cubic-bezier(.18,.78,.18,1);--progress:0;--stage-tilt-x:0deg;--stage-tilt-y:0deg;--movement:1}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--dark);color:#fff;overflow-x:hidden}button,a,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #518ffa;outline-offset:4px}.sr-only{position:absolute!important;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
    .progress-line{position:fixed;z-index:110;inset:0 auto auto 0;width:calc(var(--progress)*100%);height:2px;background:linear-gradient(90deg,#80b2ff,#f1c27c,#bda9ff);box-shadow:0 0 15px #80b2ff66;pointer-events:none;transition:width .1s linear}
    .topbar{position:fixed;z-index:90;left:0;top:0;width:100%;height:var(--header-h);padding:0 clamp(24px,4.4vw,80px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff1c;background:#111216d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:height .3s ease,background .3s ease}.topbar.compact{--header-h:63px;height:63px;background:#101114f5}.brand{display:inline-flex;gap:12px;align-items:center;font-weight:790;font-size:clamp(23px,2vw,30px);letter-spacing:-.075em}.brand-mark{width:34px;height:34px;object-fit:contain;filter:invert(1)}.brand strong{font-weight:800}.brand-dot{color:#92b7ff}.topnav{display:flex;align-items:center;gap:clamp(12px,2vw,32px)}.navlink{font-size:12px;color:#b1b4bc;font-weight:650;letter-spacing:.015em;transition:color .25s}.navlink:hover,.navlink.active{color:#fff}.navlink.active{position:relative}.navlink.active:after{content:"";height:2px;background:#fff;position:absolute;left:0;right:0;bottom:-12px}.header-meta{display:flex;align-items:center;gap:11px}.small-pill{border:1px solid #ffffff29;color:#d5d8df;border-radius:99px;padding:9px 15px;background:#ffffff0b;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.text-btn{border:0;background:transparent;color:inherit}.icon-btn{border:1px solid #ffffff2c;width:40px;height:40px;border-radius:50%;background:#ffffff12;color:white;display:inline-grid;place-items:center}.icon-btn svg{width:16px;height:16px}.mobile-menu-btn{display:none}.mobile-panel{display:none}.flag-demo{font-size:10px;color:#adb3c0;letter-spacing:.11em;font-weight:750}.container{max-width:1472px;margin:0 auto;padding:0 clamp(24px,6vw,108px)}
    .chapter{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:0;display:flex;align-items:center;padding:calc(var(--header-h) + 28px) 0 60px}.chapter .container{width:100%}.chapter-num{font-size:11px;letter-spacing:.22em;font-weight:850;text-transform:uppercase}.kicker{display:inline-flex;align-items:center;gap:12px;letter-spacing:.22em;font-size:11px;text-transform:uppercase;font-weight:800}.kicker:before{content:"";width:22px;height:1px;background:currentColor;opacity:.8}.display{font-size:clamp(64px,8.35vw,154px);line-height:.93;letter-spacing:-.085em;max-width:1080px;margin:24px 0;font-weight:790}.display em{font-style:normal;color:#bac6d8}.display.small{font-size:clamp(56px,6.4vw,118px)}.bodycopy{font-size:clamp(15px,1.45vw,20px);line-height:1.65;color:#a9b0bd;max-width:520px}.btn-primary,.btn-outline{display:inline-flex;align-items:center;gap:13px;padding:14px 23px;border-radius:100px;font-weight:740;font-size:13px;transition:transform .28s ease,background .28s ease,border-color .28s ease;white-space:nowrap}.btn-primary{background:#f7f7f4;color:#111217;border:1px solid #fff}.btn-outline{color:#fff;border:1px solid #ffffff40;background:transparent}.btn-primary:hover,.btn-outline:hover{transform:translateY(-3px)}.btn-outline:hover{background:#ffffff16}.arrow-icon{font-size:16px;font-weight:400}.chapter-marker{position:absolute;bottom:34px;left:clamp(24px,6vw,108px);color:#ffffff73;font-size:10px;letter-spacing:.18em;font-weight:700}.chapter-marker i{font-style:normal;color:white}
    /* intro */
    .intro{background:radial-gradient(circle at 75% 35%,#233041 0,#11171f 31%,#0b0c0e 60%)}.intro:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff25 .8px,transparent .8px);background-size:29px 29px;mask-image:linear-gradient(90deg,transparent 40%,#000 90%);opacity:.24;pointer-events:none}.intro-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(530px,1.14fr);gap:2vw;align-items:center}.intro h1{font-size:clamp(66px,7.4vw,132px);position:relative;z-index:4}.intro h1 span{display:block}.intro h1 .shimmer{background:linear-gradient(95deg,#fff 3%,#a6c4ef 46%,#e8efff 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.intro .bodycopy{max-width:480px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.hero-note{margin-top:46px;color:#858b97;font-size:11px;letter-spacing:.08em}.hero-note b{color:#d5d7e1;font-weight:650}.intro-right{position:relative;min-height:min(740px,75vh);display:grid;place-items:center;perspective:1300px;user-select:none;touch-action:pan-y}.hero-glow{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,#a5bdff18 0,#91c8ff0e 40%,transparent 72%);filter:blur(35px)}.orbit-stage{position:relative;width:min(100%,740px);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(var(--stage-tilt-x)) rotateY(var(--stage-tilt-y));transition:transform .14s linear}.stage-ring{position:absolute;border-radius:50%;border:1px solid #98a9c74c;inset:7%;box-shadow:0 0 36px #a4bbd817}.stage-ring.outer{inset:1%;border-color:#b5c5db30;transform:rotateX(64deg) rotateY(11deg) translateZ(-46px);animation:orbit-turn 28s linear infinite}.stage-ring.inner{inset:18%;border-color:#d5dce04f;transform:rotateX(68deg) rotateY(-10deg) translateZ(26px);animation:orbit-reverse 23s linear infinite}.stage-ring.mid{inset:11%;border:1px dashed #a7acc44a;transform:rotateX(43deg) rotateY(12deg);animation:orbit-turn 32s linear infinite}.stage-ring:after{content:"";position:absolute;width:7px;height:7px;top:18%;left:20%;background:#e5eaff;box-shadow:0 0 18px #d5eaff;border-radius:50%}.orbit-plate{position:absolute;inset:25%;border-radius:50%;transform:translateZ(55px);display:grid;place-items:center;background:linear-gradient(150deg,#eef0f4,#dce4f2);box-shadow:0 40px 110px #0009,inset 0 0 0 14px #ffffff22,0 0 55px #98c9ff23}.orbit-core{width:80%;aspect-ratio:1;border-radius:50%;background:linear-gradient(150deg,#fefefe,#edf0f5);box-shadow:0 18px 50px #282e4163,0 -4px 30px #fff inset;display:grid;place-items:center;transform:translateZ(36px);animation:logo-breathe 8s ease-in-out infinite}.orbit-core img{width:66%;filter:drop-shadow(0 7px 8px #0001)}.orbit-cap{position:absolute;left:50%;top:50%;width:46%;height:46%;border-radius:50%;border:1px solid #d5e3fd36;transform:translate(-50%,-50%) translateZ(118px);pointer-events:none}.orbit-label{position:absolute;left:50%;top:82%;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.26em;color:#c3cada;font-weight:650;white-space:nowrap}.float-app{position:absolute;border:1px solid #ffffff65;padding:12px 13px;background:#f9fafce8;color:#20242a;backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 25px 48px #0005,0 4px 20px #95a9ba13;display:flex;align-items:center;gap:12px;min-width:174px;transform-style:preserve-3d;will-change:transform;transition:box-shadow .25s,background .25s;animation:app-drift 7s ease-in-out infinite}.float-app:hover{background:#fff;box-shadow:0 28px 58px #0007}.float-app .glyph{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.float-app svg{width:25px;height:25px}.float-app strong{font-size:13px;letter-spacing:-.02em;display:block}.float-app span{font-size:10px;color:#808895;display:block;padding-top:3px;letter-spacing:.04em}.float-app.foto{top:15%;left:-4%;transform:translateZ(122px) rotate(-6deg);animation-delay:-1s}.float-app.foto .glyph{background:#dceaff;color:#256af0}.float-app.light{top:45%;right:-5%;transform:translateZ(154px) rotate(5deg);animation-delay:-3.3s}.float-app.light .glyph{background:#fff1d9;color:#ac6e12}.float-app.alfa{bottom:12%;left:3%;transform:translateZ(132px) rotate(3deg);animation-delay:-5.2s}.float-app.alfa .glyph{background:#e8defe;color:#6440bb}.intro .aside-scroll{position:absolute;right:clamp(20px,3vw,56px);bottom:24px;display:flex;align-items:center;gap:10px;font-weight:720;font-size:10px;letter-spacing:.17em;opacity:.66}.scroll-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff75;border-radius:50%;font-size:17px;animation:arrow-bob 2.4s ease-in-out infinite}
    /* sequence */
    .manifest{background:#f6f6f3;color:#101115}.manifest .kicker,.manifest .chapter-marker{color:#73777a}.manifest .chapter-marker i{color:#101115}.manifest-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.manifest h2{font-size:clamp(70px,8vw,145px);line-height:.94;letter-spacing:-.083em;margin:20px 0}.manifest h2 em{font-style:normal;color:#a5a8ac}.manifest .bodycopy{color:#63686b}.manifest-stat{border-top:1px solid #d4d4d1;padding-top:25px;margin-top:37px;color:#6b6c72;font-size:12px;line-height:1.5}.manifest-stat b{font-size:clamp(37px,4vw,60px);display:block;line-height:1.3;letter-spacing:-.04em;color:#141518}.prism-view{position:relative;width:100%;aspect-ratio:1;background:radial-gradient(circle at 50% 55%,#eef1f2 0%,#f6f6f3 69%);border:1px solid #d9dbde;border-radius:48px;perspective:1000px;overflow:hidden}.prism-grid{position:absolute;inset:0;background:linear-gradient(#b5babd24 1px,transparent 1px),linear-gradient(90deg,#b5babd24 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle,#000 0%,transparent 75%)}.prism-box{position:absolute;inset:20%;transform-style:preserve-3d;transform:rotateX(-19deg) rotateY(25deg) rotateZ(-14deg);animation:prism-turn 15s ease-in-out infinite alternate}.prism-face{position:absolute;inset:0;border-radius:33px;display:grid;place-items:center;border:1px solid #fff9;box-shadow:0 24px 55px #9295a550;backdrop-filter:blur(8px)}.prism-face.top{background:#e2e8f5cc;transform:translateZ(65px)}.prism-face.mid{background:#f7f4e4b5;transform:translate(23px,23px) translateZ(10px)}.prism-face.back{background:#ded9f3c8;transform:translate(46px,46px) translateZ(-30px)}.prism-face.top img{width:43%;opacity:.94}.prism-tags{position:absolute;inset:0;pointer-events:none}.prism-tag{position:absolute;border:1px solid #dee0e0;background:#fff;padding:9px 13px;color:#34373a;border-radius:30px;font-size:11px;font-weight:700;box-shadow:0 10px 24px #15171812}.prism-tag.a{top:15%;left:9%}.prism-tag.b{top:56%;right:5%}.prism-tag.c{bottom:13%;left:10%}
    /* Shared product chapters */
    .product .kicker{color:#bcc7dd}.product-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(400px,1.06fr);gap:5.5vw;align-items:center}.product h2{font-size:clamp(62px,7.4vw,124px);letter-spacing:-.085em;line-height:.98;margin:22px 0}.product h2 em{font-style:normal;color:#91b5ff}.product .bodycopy{max-width:440px}.section-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.chip{border-radius:100px;border:1px solid #ffffff36;color:#aebbd0;font-size:11px;padding:8px 12px;font-weight:680}.product-visual{position:relative;min-height:630px;display:grid;place-items:center}.foto-section{background:radial-gradient(ellipse at 70% 38%,#1b2f4d 0,#0c1523 42%,#09101a 75%)}.foto-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 95%,#ffffff08 95.05%);background-size:44px 44px;pointer-events:none;opacity:.15}.foto-sculpture{width:min(100%,610px);aspect-ratio:1;position:relative;perspective:1300px;transform-style:preserve-3d}.foto-back-glow{position:absolute;inset:10%;background:radial-gradient(circle,#a0d2ff69,transparent 65%);filter:blur(45px);opacity:.4}.foto-card{position:absolute;width:60%;aspect-ratio:10/13;border-radius:35px;padding:18px;background:linear-gradient(142deg,#f7f9ff,#cbd8e9);box-shadow:0 30px 65px #0007,inset 0 0 0 1px #ffffffd9;color:#1d2637;transform-style:preserve-3d;will-change:transform}.foto-card.back{top:4%;right:4%;transform:rotate(14deg) rotateY(-18deg) translateZ(-35px);opacity:.65}.foto-card.front{top:15%;left:9%;transform:rotate(-9deg) rotateY(14deg) translateZ(55px);animation:device-float 8s ease-in-out infinite}.camera-lens{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:58px;height:11px;border-radius:30px;background:#16191f}.photo-abstract{position:absolute;left:8%;right:8%;top:18%;bottom:24%;border-radius:24px;background:linear-gradient(145deg,#95a5bc,#b7cfdd 37%,#8094aa 55%,#4f637b);overflow:hidden}.photo-abstract:before{content:"";position:absolute;left:22%;top:5%;width:70%;height:125%;border-left:20px solid #f5f9ff30;transform:rotate(17deg)}.photo-abstract:after{content:"";position:absolute;inset:auto -10% 0;background:linear-gradient(135deg,#7b92a7,#b9c6cf);height:40%;clip-path:polygon(0 70%,35% 10%,59% 60%,88% 0,100% 45%,100% 100%,0 100%)}.photo-shutter{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);width:43px;height:43px;border:7px solid white;background:#1a2634;border-radius:50%;box-shadow:0 0 0 2px #9aa7b5}.foto-mini{position:absolute;right:1%;bottom:11%;padding:16px 19px;border-radius:20px;background:#f6f9ff;color:#1a2536;box-shadow:0 18px 40px #010b1b95;transform:rotate(7deg) translateZ(94px);max-width:190px}.foto-mini strong{display:block;font-size:12px}.foto-mini span{display:block;color:#76869a;font-size:10px;padding-top:6px}.photo-note{position:absolute;bottom:1%;right:2%;font-size:10px;letter-spacing:.1em;color:#a9bdd4;max-width:210px;text-align:right}
    .light-section{background:#f3f1ed;color:#161718}.light-section .kicker{color:#917649}.light-section .bodycopy{color:#616369}.light-section h2 em{color:#b59b6e}.light-section .chip{border-color:#ddd8cc;color:#6c6455}.light-demo{position:relative;min-height:640px;width:100%;overflow:hidden;border-radius:42px;background:radial-gradient(ellipse at 50% 62%,#eae3d1 0,#e1e0dc 41%,#d2d4d3 72%);border:1px solid #fff;box-shadow:0 40px 80px #77736c26}.light-demo:after{content:"";position:absolute;inset:0;background:radial-gradient(#ffffff90 .7px,transparent 1px);background-size:18px 18px;opacity:.2;pointer-events:none}.lamp-cable{position:absolute;left:50%;top:-5%;transform:translateX(-50%);width:4px;height:23%;background:#292b2b;z-index:5}.lamp-head{position:absolute;width:128px;height:91px;left:50%;top:10%;transform:translateX(-50%);background:linear-gradient(100deg,#202325,#3b4041,#202426);border-radius:37px 37px 17px 17px;box-shadow:0 12px 28px #0004;z-index:7}.lamp-head:after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:26px;border-radius:50%;background:radial-gradient(ellipse,#fffcd9,#ffe8a8 48%,#68675f 52%,#202223 70%);box-shadow:0 0 30px #ffe7ab88}.light-cone{position:absolute;left:50%;top:23%;width:85%;height:66%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,235,170,.54),rgba(255,235,170,.08) 58%,rgba(255,232,153,.16));clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(10px);opacity:var(--cone-opacity,.75);mix-blend-mode:screen;animation:light-breathe 6.5s ease-in-out infinite;pointer-events:none}.light-plane{position:absolute;left:13%;right:13%;bottom:11%;height:32%;background:linear-gradient(160deg,#deddd6,#e7e4df);border:1px solid #fff;transform:perspective(740px) rotateX(57deg) rotateZ(-12deg);box-shadow:0 34px 65px #2223,inset 0 0 30px #fff9}.light-plane-grid{position:absolute;inset:3%;background:repeating-linear-gradient(0deg,transparent 0 19px,#aeb1af99 20px,transparent 21px),repeating-linear-gradient(90deg,transparent 0 19px,#aeb1af99 20px,transparent 21px);opacity:.64}.light-plane-grid:after{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 48% 42%,rgba(255,241,172,.9),rgba(255,239,182,.1) 52%,transparent 68%);opacity:var(--cone-opacity,.75);mix-blend-mode:screen}.light-readout{position:absolute;top:32px;left:30px;z-index:9;color:#4c4a45;font-size:10px;letter-spacing:.14em;font-weight:850}.light-caption{position:absolute;left:28px;right:28px;bottom:27px;color:#78766e;font-size:11px;letter-spacing:.035em;z-index:9}.light-ctrl{margin-top:25px;max-width:340px}.light-ctrl label{display:flex;justify-content:space-between;color:#555;font-size:12px;font-weight:750;margin-bottom:13px}.light-ctrl input{width:100%;accent-color:#d2a35c;cursor:pointer}.light-ctrl small{display:block;font-size:11px;color:#83817d;margin-top:10px}
    .alfa-section{background:radial-gradient(ellipse at 66% 56%,#27213d 0,#15121f 45%,#0e0d14 85%)}.alfa-section h2 em{color:#b8a6ee}.alfa-section .kicker{color:#c1b4e5}.alfa-stack{position:relative;aspect-ratio:1;width:min(100%,610px);perspective:1300px}.alfa-glow{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,#a896f54d,transparent 70%);filter:blur(50px)}.alfa-slab{width:59%;height:44%;position:absolute;top:27%;left:21%;border-radius:35px;border:1px solid #ffffff75;background:linear-gradient(125deg,#dcd7fb,#8d83bd 65%,#61517f);box-shadow:0 34px 90px #0009,inset 0 0 0 4px #fff5;transform-style:preserve-3d;display:flex;align-items:flex-end;padding:25px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.alfa-slab strong{color:#fff;font-weight:790;font-size:17px;text-shadow:0 1px 9px #0007}.alfa-slab:nth-child(2){transform:translate(-65px,-86px) rotate(-14deg) translateZ(-20px);background:linear-gradient(125deg,#a9caff,#3d70ba)}.alfa-slab:nth-child(3){transform:translate(81px,-32px) rotate(15deg) translateZ(20px);background:linear-gradient(125deg,#ead4aa,#ac854e)}.alfa-slab:nth-child(4){transform:translate(13px,66px) rotate(-2deg) translateZ(80px);background:linear-gradient(125deg,#c8c0ef,#7365a5)}.alfa-slab:nth-child(4) img{width:31px;filter:invert(1);margin-right:8px}.alfa-sub{position:absolute;right:1%;bottom:2%;letter-spacing:.16em;color:#c5bed6;font-size:10px}
    .outro{background:#f5f5f2;color:#101114;text-align:center}.outro .kicker{color:#76777d}.outro .container{display:flex;flex-direction:column;align-items:center}.outro h2{font-size:clamp(66px,10vw,158px);letter-spacing:-.085em;line-height:.94;margin:26px auto;max-width:1300px}.outro h2 span{color:#a2a4a7}.outro .bodycopy{color:#65676e;margin-bottom:30px}.outro-orb{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 15px 35px #2221;margin-bottom:25px}.outro-orb img{width:70px}.outro .btn-primary{background:#101114;color:white}.outro .btn-outline{color:#18191b;border-color:#bfc1c2}.outro .chapter-marker{color:#8b8e94}.outro .chapter-marker i{color:#1c1d20}
    .reveal{opacity:0;transform:translateY(44px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.in-view .reveal,.reveal.in-view{opacity:1;transform:translateY(0)}.reveal.delay1{transition-delay:.13s}.reveal.delay2{transition-delay:.27s}.reveal.delay3{transition-delay:.42s}
    .chapter-dots{position:fixed;right:25px;top:50%;transform:translateY(-50%);z-index:76;display:flex;flex-direction:column;gap:13px}.chapter-dots button{border:0;border-radius:50%;height:6px;width:6px;background:#92939b88;padding:0;outline-offset:7px;transition:all .25s;position:relative}.chapter-dots button:after{content:attr(data-title);position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:10px;letter-spacing:.12em;opacity:0;white-space:nowrap;pointer-events:none;color:#adb0b8;background:#13151bea;border-radius:6px;padding:6px 9px}.chapter-dots button:hover:after{opacity:1}.chapter-dots button.active{height:23px;border-radius:4px;background:#9ebdf7}.feedback{position:fixed;z-index:80;bottom:24px;left:50%;transform:translateX(-50%);background:#ffffffed;color:#242527;border:1px solid #ffffffa6;box-shadow:0 8px 35px #0004;padding:10px 15px;border-radius:100px;display:flex;gap:18px;align-items:center;font-size:11px;white-space:nowrap;backdrop-filter:blur(14px)}.feedback span{color:#8c8e95;font-weight:720;letter-spacing:.1em}.feedback b{font-weight:780}.feedback button{background:#191a1d;color:#fff;border:0;border-radius:100px;padding:9px 13px;font-weight:700;font-size:11px}.hide{display:none!important}.pausable.paused *,.pausable.paused *:before,.pausable.paused *:after{animation-play-state:paused!important}.is-paused *:not(.progress-line){animation-play-state:paused!important}.is-paused video{display:none}
    @keyframes orbit-turn{from{rotate:0deg}to{rotate:360deg}}@keyframes orbit-reverse{from{rotate:0deg}to{rotate:-360deg}}@keyframes app-drift{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes logo-breathe{0%,100%{scale:1}50%{scale:1.045}}@keyframes arrow-bob{0%,100%{translate:0 0}50%{translate:0 5px}}@keyframes prism-turn{0%{transform:rotateX(-19deg) rotateY(25deg) rotateZ(-14deg)}100%{transform:rotateX(-8deg) rotateY(-16deg) rotateZ(-6deg)}}@keyframes device-float{0%,100%{translate:0 0}50%{translate:0 -15px}}@keyframes light-breathe{0%,100%{opacity:.72}50%{opacity:.95}}
    @media(max-width:1160px){.intro-layout,.product-grid{grid-template-columns:1fr 1fr}.intro-layout{gap:0}.float-app{min-width:145px;padding:10px;border-radius:17px}.float-app .glyph{width:38px;height:38px;border-radius:10px}.float-app svg{width:22px}.float-app span{display:none}.intro h1{font-size:clamp(58px,7vw,90px)}.product-visual{min-height:550px}.light-demo{min-height:550px}}
    @media(max-width:800px){:root{--header-h:68px}.topbar{height:68px;padding:0 21px}.topbar.compact{height:61px}.topnav{display:none}.mobile-menu-btn{display:inline-grid}.header-meta .small-pill{display:none}.mobile-panel{position:fixed;z-index:88;display:flex;flex-direction:column;gap:2px;top:68px;left:0;right:0;padding:20px 22px;background:#121417f9;border-bottom:1px solid #ffffff2c;transform:translateY(-130%);transition:transform .33s ease}.mobile-panel.is-open{transform:translateY(0)}.mobile-panel a{padding:13px 9px;font-size:17px;border-bottom:1px solid #ffffff17;font-weight:700}.mobile-panel .close-link{font-size:12px;color:#aab0bc}.chapter{padding:112px 0 85px;min-height:100svh}.container{padding:0 26px}.intro-layout,.manifest-layout,.product-grid{display:flex;flex-direction:column;align-items:stretch;gap:22px}.intro h1{font-size:clamp(56px,12vw,95px);letter-spacing:-.077em;margin-top:22px}.intro .bodycopy{font-size:16px}.intro-right{min-height:0;height:auto;aspect-ratio:1;max-height:650px;max-width:640px;width:100%;margin:auto}.intro .aside-scroll{display:none}.orbit-label{top:89%}.float-app.foto{left:0}.float-app.light{right:0}.float-app.alfa{left:5%}.chapter-marker{left:26px;bottom:24px}.manifest h2{font-size:clamp(58px,11vw,94px)}.manifest .prism-view{max-height:620px;max-width:620px;margin:auto}.product h2{font-size:clamp(65px,13vw,110px)}.product-visual{min-height:0;width:100%;max-height:640px;margin:auto}.foto-sculpture,.alfa-stack{max-width:640px}.light-demo{max-width:640px;min-height:530px}.chapter-dots{right:10px}.feedback{bottom:14px}.manifest .chapter-marker{position:relative;left:0;bottom:0}.hero-note{margin-top:28px}}
    @media(max-width:500px){.topbar{height:62px}.mobile-panel{top:62px}.brand{font-size:23px}.brand-mark{width:30px;height:30px}.chapter{padding-top:94px}.kicker{font-size:9px;letter-spacing:.16em}.chapter-num{font-size:10px}.intro h1{font-size:clamp(48px,13.4vw,70px);margin:20px 0}.bodycopy{font-size:15px;line-height:1.58}.intro .bodycopy{font-size:14px}.btn-primary,.btn-outline{font-size:12px;padding:12px 16px}.actions{gap:8px;margin-top:24px}.intro-right{margin-top:15px;min-height:350px}.orbit-stage{width:100%}.stage-ring.outer{inset:3%}.orbit-plate{inset:25%}.float-app{min-width:0;padding:7px 8px;gap:7px;border-radius:12px;box-shadow:0 13px 25px #0005}.float-app strong{font-size:10px}.float-app .glyph{width:30px;height:30px;border-radius:9px}.float-app svg{width:19px;height:19px}.float-app.foto{top:12%;left:-1%}.float-app.light{right:-2%;top:44%}.float-app.alfa{left:2%;bottom:10%}.orbit-label{font-size:8px;letter-spacing:.12em;top:88%}.manifest h2{font-size:clamp(54px,12vw,76px)}.prism-view{border-radius:30px}.product h2{font-size:clamp(53px,14vw,75px)}.product-visual{margin-top:10px}.foto-card{border-radius:25px}.foto-sculpture,.alfa-stack{width:min(100%,440px)}.foto-mini{padding:10px 12px}.light-demo{min-height:450px;border-radius:27px}.lamp-head{width:100px;height:74px}.light-readout,.light-caption{font-size:9px}.alfa-slab{border-radius:19px;padding:15px}.alfa-slab strong{font-size:12px}.alfa-slab:nth-child(2){transform:translate(-42px,-45px) rotate(-14deg) translateZ(-20px)}.alfa-slab:nth-child(3){transform:translate(48px,-18px) rotate(15deg) translateZ(20px)}.alfa-slab:nth-child(4){transform:translate(6px,41px) rotate(-2deg) translateZ(80px)}.section-chips{margin-top:17px}.chip{font-size:10px}.outro h2{font-size:clamp(55px,12vw,80px)}.chapter-dots{display:none}.feedback{max-width:calc(100vw - 24px);width:fit-content;gap:10px;padding:8px 10px;font-size:10px}.feedback button{font-size:10px;padding:8px 10px}.feedback .desktop-only{display:none}.flag-demo{font-size:9px}.chapter-marker{font-size:9px}.manifest .prism-view{height:auto}}
    @media(max-width:800px){.hero-note{display:none}.feedback{display:none}}
/* Touch scrolling follows native momentum; section snapping caused a second jump. */
@media(max-width:800px),(pointer:coarse){html{scroll-snap-type:none!important;scroll-behavior:auto}.chapter{scroll-snap-align:none}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;scroll-snap-type:none!important}*,:before,:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}.stage-ring{animation:none!important}.float-app{animation:none!important}}
  
/* Motion HQ 2.0 - WordPress integration */
body.agilopus-motion-home{background:#0c0d10;color:#fff;line-height:1.45}
body.agilopus-motion-home.admin-bar .topbar{top:32px}
body.agilopus-motion-home.admin-bar .progress-line{top:32px}
@media(max-width:782px){body.agilopus-motion-home.admin-bar .topbar{top:46px}body.agilopus-motion-home.admin-bar .progress-line{top:46px}}
.agml-skip-link{position:fixed;top:-100px;left:18px;z-index:99999;background:white;color:#0b0b0d;padding:12px 18px;border-radius:12px}
.agml-skip-link:focus{top:70px}
.agml-site{width:100%;isolation:isolate}
.agml-site .chapter{box-sizing:border-box}
.agml-site .agml-legal-link{display:inline-flex;align-items:center;min-height:40px;font-size:12px;color:#50545f;padding:10px}
.agml-site .agml-legal-link:hover{text-decoration:underline}
.agml-site .feedback{max-width:calc(100vw - 24px)}
.agml-site .outro .actions{justify-content:center;align-items:center}
.agml-site .intro .aside-scroll,.agml-site .intro .chapter-marker{pointer-events:none}
/* Lightcheck: dark ambient scene becomes brighter with the same slider. It is not a lux simulation. */
.agml-site .light-section{background:#d9dadb;--ambient-opacity:.45;transition:background .18s ease}
.agml-site .light-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 74% 60%,#fff6df 0%,#fff1ccaa 23%,#fff2d333 49%,transparent 76%);opacity:var(--ambient-opacity,.45);z-index:0;pointer-events:none;transition:opacity .14s ease}
.agml-site .light-section .container{position:relative;z-index:1}
.agml-site .light-section h2 em{color:#89652d}
.agml-site .light-demo{--scene-illumination:.62;--plane-illumination:.62;background:radial-gradient(ellipse at 50% 70%,#686c6d 0%,#484e53 53%,#303840 97%);border:1px solid #ffffff6b;box-shadow:0 42px 100px #27272b2b;isolation:isolate}
.agml-site .light-demo::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 68%,#fff6d4e6 0%,#ffebb9af 28%,#fff0bf54 54%,transparent 85%);opacity:var(--scene-illumination,.62);pointer-events:none;transition:opacity .14s ease}
.agml-site .light-demo::after{z-index:2;opacity:.1;mix-blend-mode:screen}
.agml-site .lamp-head{z-index:7}
.agml-site .light-cone{z-index:3;background:linear-gradient(180deg,#fff8d0b5 0%,#fff7ce73 42%,#ffeaa33b 68%,#fff4b156);mix-blend-mode:screen;filter:blur(9px);opacity:var(--cone-opacity,.7);transition:opacity .12s ease}
.agml-site .light-plane{z-index:4;background:linear-gradient(160deg,#70787b,#535b5e);border:1px solid #c8cbcb87;box-shadow:0 34px 65px #0505055c,inset 0 0 30px #ffffff20}
.agml-site .light-plane::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#fff8d5 0%,#e9e0c0d9 45%,#eee9dd82 75%,transparent 96%);opacity:var(--plane-illumination,.62);transition:opacity .15s ease;pointer-events:none}
.agml-site .light-plane-grid{z-index:2;opacity:.78;background:repeating-linear-gradient(0deg,transparent 0 19px,#252b2d55 20px,transparent 21px),repeating-linear-gradient(90deg,transparent 0 19px,#252b2d55 20px,transparent 21px)}
.agml-site .light-plane-grid:after{opacity:var(--plane-illumination,.62)}
.agml-site .light-readout,.agml-site .light-caption{color:#edf0f2;text-shadow:0 1px 7px #15191cbd}
.agml-site .light-readout{z-index:8}
.agml-site .light-caption{z-index:8}
.agml-site .light-ctrl input{accent-color:#c18a27}
.agml-site .light-ctrl label{color:#3f4448}
.agml-site .light-ctrl small{color:#666b6d}
/* Uploaded originals are displayed as images, not redrawn UIs. */
.agml-site .motion-original-captures{position:relative;display:flex;gap:14px;justify-content:center;align-items:center;max-width:100%;padding:30px 12px;min-height:520px}
.agml-site .motion-original-captures img{display:block;min-width:0;max-width:32%;height:auto;max-height:510px;object-fit:contain;border-radius:18px;box-shadow:0 18px 42px #0008;border:6px solid #232830;background:#15171a;transform:perspective(1100px) rotateY(-6deg) translateY(0);transition:transform .3s ease}
.agml-site .motion-original-captures img:nth-child(2){transform:perspective(1100px) rotateY(4deg) translateY(-18px)}
.agml-site .motion-original-captures img:nth-child(3){transform:perspective(1100px) rotateY(-2deg) translateY(10px)}
.agml-site .motion-original-captures img:hover{transform:translateY(-12px)}
@media(max-width:800px){.agml-site .motion-original-captures{min-height:280px;padding:15px 0;gap:7px}.agml-site .motion-original-captures img{border-width:3px;border-radius:11px;max-height:330px}}
@media(prefers-reduced-motion:reduce){.agml-site .light-demo::before,.agml-site .light-plane::before,.agml-site .light-section::before{transition:none}}
/* Final small-screen refinement: keep the Lightcheck card fully inside the viewport. */
@media(max-width:500px){.agml-site .float-app.light{right:6%;top:43%}}

/* Motion HQ 2.1: visible development status and authentic documentation link */
.agml-dev-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:12px;padding:7px 10px;border:1px solid rgba(112,215,255,.52);background:rgba(37,105,151,.28);border-radius:99px;color:#d2efff;font-family:inherit;letter-spacing:.08em;font-size:10px;font-weight:800;white-space:nowrap}
.agml-dev-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#73dbff;margin-right:7px}
.agml-guide-link{font-size:13px;letter-spacing:0;font-weight:700;color:#adddf5;text-underline-offset:4px;align-self:center;padding:12px 2px}
.agml-guide-link:hover{color:white}
@media(max-width:600px){.agml-dev-badge{margin:9px 0 0;padding:6px 10px;font-size:9px}.agml-guide-link{padding-top:5px}}