:root {
  --primary:#0f3d8e; --secondary:#20e2d7; --ink:#0f172a; --muted:#526176; --paper:#f5f8fc;
  --navy:#091224; --line:#d7e0ea; --heading:"Montserrat",sans-serif; --body:"Poppins","Montserrat",sans-serif;
  --radius:24px; --page-pad:48px; --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.7 var(--body);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.65}button,summary,a,input,textarea{outline-offset:5px}:focus-visible{outline:3px solid #0077cf}[hidden]{display:none!important}svg{display:block}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.content-width{width:min(100% - var(--page-pad)*2,1240px);margin-inline:auto}.skip-link{position:fixed;z-index:100;background:white;padding:15px;top:0;left:10px;transform:translateY(-110%)}.skip-link:focus{transform:none}.eyebrow{font:600 10px/1.6 var(--heading);letter-spacing:2.1px;margin:0 0 24px}.gradient-text{background:linear-gradient(105deg,#0758bc 10%,#169bc6 55%,#0ab8af 100%);-webkit-background-clip:text;background-clip:text;color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading)}h2{font-size:clamp(36px,4.1vw,60px);font-weight:750;letter-spacing:-2.7px;line-height:1.12;margin-bottom:24px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:15px 26px;border:0;border-radius:100px;background:var(--primary);color:#fff;font:600 13px/1.5 var(--heading);transition:background .2s,transform .3s var(--ease),box-shadow .3s;box-shadow:0 7px 18px #0f3d8e10}.button:hover{background:#1559b3;transform:translateY(-3px);box-shadow:0 12px 25px #0f3d8e22}.button .icon{width:18px;height:18px}.button-small{min-height:40px;padding:10px 18px;font-size:11px;gap:15px}.text-button{display:inline-flex;gap:12px;align-items:center;background:none;border:0;padding:0;font:600 12px/1.5 var(--heading)}.text-button:hover .play-circle{transform:scale(1.1);background:#20e2d71a}.play-circle{width:33px;height:33px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transition:.3s}.play-circle .icon{width:16px;height:16px}.section-description{color:var(--muted);font-size:14px;line-height:1.9;max-width:410px}
.header{position:sticky;top:0;z-index:30;background:#f5f8fced;backdrop-filter:blur(18px)}.header-inner{max-width:1400px;margin:auto;padding:0 var(--page-pad);height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font:750 23px/1 var(--heading);letter-spacing:-.8px}.brand-mark{display:block;width:31px;height:37px;background:linear-gradient(35deg,#0566ff,#39c8bf);mask:url("assets/sociumid-mark.svg") center / 200% no-repeat;-webkit-mask:url("assets/sociumid-mark.svg") center / 200% no-repeat}.brand-id{color:var(--primary)}.desktop-nav{display:flex;gap:32px;font:500 11px/1.5 var(--heading)}.desktop-nav a{padding:14px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:7px;left:0;width:100%;height:1px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:15px}.menu-toggle{display:none;width:40px;height:40px;border:0;background:none;padding:10px}.menu-toggle span{display:block;height:1px;margin:5px 0;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{padding:10px 24px 24px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px}.scroll-progress{position:absolute;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left}
.hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:49px var(--page-pad) 30px;background:#f5f8fc}.hero-glow{position:absolute;inset:180px -25% -130px;z-index:-1;background:radial-gradient(ellipse at 15% 60%,#d6f1fa 0,transparent 41%),radial-gradient(ellipse at 85% 55%,#e1e0fc 0,transparent 43%);opacity:.75}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:20px;font-size:9px;letter-spacing:2.4px}.tiny-mark{width:6px;height:6px;border-radius:50%;background:#0cabb6}.hero h1{font-size:clamp(40px,5.8vw,84px);font-weight:750;line-height:1.08;letter-spacing:-4px;margin:0}.hero-stage{position:relative;width:min(100%,990px);height:385px;margin:6px auto 10px;perspective:1000px;--pointer-x:0deg;--pointer-y:0deg;--scroll-shift:0px}.hero-tag{position:absolute;width:180px;height:400px;top:-4px;filter:drop-shadow(16px 25px 15px #22375d1d);will-change:transform}.product-svg{width:100%;height:100%;overflow:visible}.hero-tag-white{left:calc(50% - 197px);transform:translateY(var(--scroll-shift)) rotate(-24deg) rotateY(var(--pointer-x)) rotateX(var(--pointer-y))}.hero-tag-black{left:calc(50% + 30px);top:-8px;transform:translateY(calc(var(--scroll-shift)*-1)) rotate(20deg) rotateY(var(--pointer-x)) rotateX(var(--pointer-y))}.hero-orbit{position:absolute;left:50%;top:49%;width:570px;height:185px;border:1px solid #96cde57a;border-radius:50%;z-index:-1;transform:translate(-50%,-50%) rotate(-14deg)}.orbit-two{width:490px;height:230px;border-color:#c6bff059;transform:translate(-50%,-50%) rotate(20deg)}.object-note{position:absolute;font:500 10px/1.8 var(--heading);color:#68788e;text-align:left;top:54%}.note-left{left:5%}.note-left:after{content:"";display:block;width:60px;height:1px;background:#b9cddd;margin-top:15px}.note-right{right:3%;top:45%}.note-right .icon{color:#189dc0;margin-bottom:10px;width:25px;height:25px}.hero-bottom>p{font-size:16px;margin-bottom:20px;letter-spacing:-.3px}.button-row{display:flex;align-items:center;justify-content:center;gap:30px}.scroll-cue{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:36px;font-size:9px;color:#68778b;letter-spacing:.6px}.scroll-cue span{font-size:18px}
.experience{background:var(--navy);color:#f2f6ff;overflow:hidden;padding:112px 0 0}.experience-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.experience .eyebrow{color:#60d8e0}.experience h2{font-size:clamp(38px,4.3vw,62px);letter-spacing:-2.8px}.experience h2>span{color:#91a2bd}.experience .section-description{color:#a9b6cb;max-width:370px;font-size:13px;margin-bottom:27px}.demo-steps{max-width:400px}.demo-step{display:flex;width:100%;text-align:left;align-items:center;gap:19px;background:none;border:0;border-top:1px solid #28364d;padding:18px 0;color:#8091ad;transition:color .3s}.demo-step .step-number{font:500 10px var(--heading);width:22px;color:#6c819e}.demo-step strong{display:block;font:650 16px var(--heading);margin-bottom:5px}.demo-step small{font-size:10px}.demo-step .step-arrow{margin-left:auto;opacity:0;transform:translate(-7px,7px);transition:.3s}.demo-step.is-active{color:#f4faff}.demo-step.is-active .step-number,.demo-step.is-active .step-arrow{color:#20e2d7}.demo-step.is-active .step-arrow{opacity:1;transform:none}.demo-step:hover{color:white}.demo-play{color:#d7e7f7;margin-top:24px;font-size:10px}.demo-play .play-circle{border-color:#4c657e}.compatibility{color:#8294b0;font-size:9px;line-height:1.8;max-width:360px;margin:22px 0 0}.demo-stage{height:610px;position:relative;display:grid;place-items:center;isolation:isolate}.demo-halo{position:absolute;inset:35px -110px 0;background:radial-gradient(ellipse,#1a446659,transparent 67%);z-index:-1}.demo-orbit{position:absolute;width:450px;height:280px;border:1px solid #1e50665c;border-radius:50%;transform:rotate(-30deg);z-index:-1}.phone{width:267px;height:517px;position:relative;border:6px solid #233048;background:#e9f2fc;box-shadow:0 0 0 1px #77849b66,20px 35px 45px #0006;border-radius:43px;overflow:hidden;color:#142540;transform:rotate(7deg);transition:transform 1s var(--ease)}.phone-camera{position:absolute;width:72px;height:20px;top:8px;left:50%;transform:translateX(-50%);background:#101729;border-radius:20px;z-index:5}.phone-bar{position:absolute;top:14px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;font-weight:700;z-index:4}.phone-home{position:absolute;bottom:7px;height:4px;width:90px;left:50%;transform:translateX(-50%);border-radius:10px;background:#142540;z-index:5}.phone-idle{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 30%,#b6f3ea,transparent 66%),linear-gradient(140deg,#d3ecff,#e8defa);padding:70px 14px;transition:opacity .5s,transform .7s}.lock-time{font:500 64px/1.3 var(--heading);display:block;text-align:center;letter-spacing:-3px}.lock-date{display:block;text-align:center;font-size:9px;color:#596b87}.nfc-notification{position:absolute;left:10px;right:10px;bottom:132px;background:#ffffffb8;border:1px solid #fff;border-radius:19px;padding:15px 10px;display:flex;text-align:left;gap:9px;align-items:center;box-shadow:0 10px 22px #44557710}.notification-icon{padding:8px;background:var(--primary);color:white;border-radius:12px}.notification-icon .icon{width:20px;height:20px}.nfc-notification strong{display:block;font-size:10px}.nfc-notification small{display:block;font-size:8px;margin-top:2px}.demo-tag{position:absolute;z-index:6;left:-3px;top:97px;width:126px;height:278px;transform:rotate(-26deg);transition:transform 1s var(--ease),opacity .8s;filter:drop-shadow(10px 16px 10px #0004);pointer-events:none}.profile-preview{position:absolute;inset:0;background:#f7faff;opacity:0;transform:translateY(25px);transition:opacity .5s,transform .7s;text-align:center;padding:48px 16px 20px}.phone-address{background:#e7edf4;font-size:8px;padding:5px 12px;border-radius:8px;margin-bottom:12px;display:flex;justify-content:space-between;color:#5d718b}.profile-cover{height:80px;border-radius:18px;background:linear-gradient(120deg,#cef6f5,#ddd5f4);display:flex;justify-content:flex-end;align-items:center;padding:18px}.profile-cover .brand-mark{width:26px;height:30px;opacity:.45}.profile-avatar{position:relative;margin:-27px auto 10px;background:#fff;border:5px solid #f7faff;box-shadow:0 3px 8px #33557709;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font:700 16px var(--heading);color:var(--primary)}.profile-preview h3{font-size:19px;margin:0 0 3px;letter-spacing:-.5px}.profile-role{font-size:8px;color:#52667c;margin-bottom:15px}.profile-bio{font-size:9px;color:#536176;line-height:1.8;margin-bottom:19px}.profile-links{display:flex;gap:8px;margin-bottom:13px}.profile-links span{flex:1;font-size:8px;border:1px solid #dce7ef;border-radius:10px;padding:9px 3px}.profile-save{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:12px;background:var(--primary);color:white;font-size:9px;padding:13px 12px}.profile-powered{display:block;color:#7b8c9e;font-size:7px;margin-top:18px}.saved-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#effffc,#eff1fe);opacity:0;transform:scale(.94);transition:opacity .5s,transform .6s}.saved-check{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#c9f5ea;color:#087760;margin-bottom:25px;box-shadow:0 0 0 12px #20e2d70c}.saved-check .icon{width:30px;height:30px;stroke-width:2}.saved-state h3{font-size:22px;letter-spacing:-1px;margin-bottom:12px}.saved-state p{font-size:11px;line-height:1.9;color:#52657c}.saved-state>span{font-size:8px;line-height:1.9;color:#64778d;margin-top:20px}.demo-stage[data-demo-state="1"] .phone,.demo-stage[data-demo-state="2"] .phone{transform:rotate(0)}.demo-stage[data-demo-state="1"] .phone-idle,.demo-stage[data-demo-state="2"] .phone-idle{opacity:0;transform:translateY(-20px)}.demo-stage[data-demo-state="1"] .profile-preview{opacity:1;transform:none}.demo-stage[data-demo-state="2"] .saved-state{opacity:1;transform:none}.demo-stage:not([data-demo-state="0"]) .demo-tag{transform:translate(-32px,60px) rotate(-37deg) scale(.85);opacity:.4}.demo-caption{position:absolute;bottom:10px;font-size:9px;display:flex;align-items:center;gap:9px;color:#c1d5e4}.live-dot{width:5px;height:5px;background:#20cec0;border-radius:50%;display:inline-block}.demo-disclaimer{position:absolute;bottom:-16px;font-size:8px;color:#788ba8;margin:0}.experience-footer{margin-top:74px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #283449;padding:30px 0 35px;font:500 10px var(--heading);color:#8b9fba}.experience-footer span:first-child{color:#e6f4ff}
.design{padding-block:125px 100px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.design-visual{height:550px;position:relative;display:grid;place-items:center;isolation:isolate}.design-visual:before{content:"";position:absolute;width:100%;height:80%;background:radial-gradient(ellipse,#d5eefbb0,transparent 65%);z-index:-1;transition:background .6s}.design-visual[data-color=black]:before{background:radial-gradient(ellipse,#cfdcf8c0,transparent 65%)}.design-orbit{position:absolute;width:90%;height:220px;border:1px solid #a7c9df73;border-radius:50%;transform:rotate(-23deg);z-index:-1}.design-tag{position:absolute;width:222px;height:490px;top:7px;filter:drop-shadow(22px 27px 15px #0a245326);transition:opacity .6s,transform 1s var(--ease)}.white-choice{transform:rotate(-15deg)}.black-choice{opacity:0;transform:translateX(40px) rotate(3deg)}.design-visual[data-color=black] .white-choice{opacity:0;transform:translateX(-40px) rotate(-28deg)}.design-visual[data-color=black] .black-choice{opacity:1;transform:rotate(15deg)}.design-visual-note{position:absolute;bottom:5px;color:#7a899d;font:500 9px var(--heading);display:flex;align-items:center;gap:10px}.design-copy h2{font-size:clamp(38px,4.3vw,62px)}.design-copy .eyebrow{font-size:9px}.color-picker{border:0;padding:0;margin:28px 0;display:flex;gap:25px}.color-picker legend{font-size:11px;margin-bottom:15px;font-weight:600}.color-option{display:flex;align-items:center;gap:9px;position:relative;font-size:10px;cursor:pointer}.color-option input{position:absolute;opacity:0;width:38px;height:38px;left:-3px}.swatch{width:29px;height:29px;border-radius:50%;border:1px solid #cfd8e1;box-shadow:0 2px 3px #10244415;outline:1px solid transparent;outline-offset:4px;transition:.2s}.swatch-white{background:linear-gradient(140deg,#fff,#e7edf1)}.swatch-black{background:linear-gradient(140deg,#404a59,#080f1b)}.color-option input:checked+.swatch{outline-color:var(--primary)}.color-option input:focus-visible+.swatch{outline:3px solid #0077cf}.selection-note{font-size:9px;color:#718098;max-width:320px;margin:14px 0 0}
.real-section{padding-block:45px 100px}.real-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.real-heading h2{font-size:clamp(35px,3.5vw,50px);margin:0}.real-heading>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 4px;max-width:310px}.real-heading>p>span{font-size:10px;color:#8894a5;display:block;margin-top:10px}.real-photo-button{display:block;position:relative;width:100%;border:0;border-radius:var(--radius);padding:0;background:#343a40;overflow:hidden;text-align:left}.real-photo-button img{display:block;width:100%;height:475px;object-fit:cover;object-position:50% 52%;transition:transform 1.2s var(--ease)}.real-photo-button:hover img{transform:scale(1.035)}.photo-zoom{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:22px;border:1px solid #ffffff55;background:#ffffffdf;backdrop-filter:blur(8px);border-radius:50px;padding:11px 17px;font:600 10px var(--heading)}.photo-zoom .icon{width:16px;height:16px}.photo-caption{font-size:9px;color:#768499;margin:13px 0 0;line-height:1.8}
.faq{padding-block:42px 105px;display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.faq h2{font-size:45px}.text-link{font-size:10px;color:var(--primary);border-bottom:1px solid #c2d2e8;padding-bottom:5px}.faq-items{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font:600 13px/1.65 var(--heading);list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:17px;height:17px;color:var(--primary);transition:transform .3s}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:12px;line-height:1.9;margin:0 24px 24px 0}.closing{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:90px 0 85px;background:#eef3fa}.closing-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 20% 70%,#d0edf280,transparent 50%),radial-gradient(ellipse at 85% 35%,#dfd8fa80,transparent 45%)}.closing h2{font-size:clamp(46px,5.7vw,80px);letter-spacing:-3.8px;margin-bottom:25px}.closing .eyebrow{font-size:9px}.closing p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:27px}.closing-link{display:block;width:fit-content;margin:22px auto 0;font-size:9px;color:#65778d}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:125px;color:#74839a;font-size:9px}.footer .brand{font-size:21px;color:var(--ink)}.footer .brand-mark{width:26px;height:32px}.footer a:not(.brand){color:var(--primary)}
dialog{border:1px solid #e0e8f1;box-shadow:0 25px 100px #06172b33;border-radius:26px;padding:38px;color:var(--ink);background:#f8fbff;max-height:calc(100dvh - 32px);overscroll-behavior:contain}dialog::backdrop{background:#061124b3;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:13px;top:10px;background:none;border:0;font-size:29px;line-height:1;width:38px;height:38px;color:#64758b;z-index:2}.order-dialog{width:min(500px,calc(100% - 28px))}.order-dialog .eyebrow{font-size:8px;margin-bottom:12px}.order-dialog h2{font-size:36px;letter-spacing:-1.5px;margin-bottom:13px}.dialog-intro{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:20px}.order-selection{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px;font-size:10px}.order-selection label{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:9px}.order-selection input{width:52px;padding:6px 2px 6px 8px;border:1px solid var(--line);border-radius:7px;background:white}.order-color-dot{width:20px;height:20px;border:1px solid #c8d4e0;border-radius:50%;background:#fff}.field{display:block;font-size:10px;font-weight:600;margin:0 0 13px}.field>span{font-weight:400;color:#788598;margin-left:4px}.field input,.field textarea{display:block;width:100%;padding:10px 12px;margin-top:5px;border:1px solid #ccd7e4;background:#fff;border-radius:10px;font-size:12px;font-weight:400;resize:vertical;color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:#8d9aab}.consent{display:flex;align-items:flex-start;gap:9px;font-size:9px;line-height:1.8;color:var(--muted)}.consent input{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}.form-message{font-size:10px;line-height:1.8;margin:16px 0;color:#a13445}.form-message:empty{display:none}.form-message[data-state=sending]{color:var(--primary)}.submit-order{width:100%;margin-top:15px}.order-success{text-align:center;padding:30px 0}.order-success .saved-check{margin:0 auto 30px}.order-success p{font-size:12px;color:var(--muted)}.order-success .button{margin-top:20px}.photo-dialog{padding:0;width:min(1100px,calc(100% - 30px));background:#191d24;border:none}.photo-dialog img{display:block;width:100%;height:auto;max-height:calc(100dvh - 35px);object-fit:contain}.photo-dialog .dialog-close{color:#fff;background:#0912249c;border-radius:50%}
.motion-enabled .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.motion-enabled .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1600px){.hero{padding-top:65px}.hero-stage{height:430px}.hero-tag{width:200px;height:442px}.hero-bottom>p{font-size:18px}}
@media(min-width:761px) and (max-height:800px){.hero{padding-top:24px}.hero h1{font-size:clamp(40px,5.2vw,70px)}.hero .eyebrow{margin-bottom:14px}.hero-stage{height:280px;margin-top:4px}.hero-tag{width:135px;height:299px}.hero-tag-white{left:calc(50% - 157px);top:-7px}.hero-tag-black{left:calc(50% + 23px);top:-10px}.hero-orbit{width:480px;height:145px}.orbit-two{width:410px;height:175px}.hero-bottom>p{font-size:14px;margin-bottom:16px}.scroll-cue{margin-top:20px}}
@media(max-width:1050px){:root{--page-pad:32px}.hero h1{letter-spacing:-2.7px}.object-note{font-size:9px}.note-left{left:0}.note-right{right:0}.experience-inner{gap:15px}.demo-tag{left:-20px;width:106px;height:234px}.demo-orbit{width:350px}.design{gap:35px}.faq{gap:60px}.footer>span:nth-child(2){display:none}}
@media(max-width:760px){:root{--page-pad:22px}html{scroll-padding-top:88px}.header-inner{height:70px;padding-inline:20px}.brand{font-size:20px;gap:7px}.brand-mark{width:27px;height:33px}.desktop-nav{display:none}.menu-toggle{display:block}.button-small{font-size:9px;min-height:36px;padding:9px 13px;gap:9px}.button-small .icon{width:14px;height:14px}.header-actions{gap:8px}.hero{padding:38px 15px 25px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:18px}.hero h1{font-size:clamp(28px,6.7vw,49px);letter-spacing:-1.5px;line-height:1.15}.hero-stage{height:310px;max-width:460px;margin:16px auto 6px}.hero-tag{width:137px;height:303px;top:0}.hero-tag-white{left:calc(50% - 141px)}.hero-tag-black{left:calc(50% + 5px);top:0}.hero-orbit{width:340px;height:125px;top:53%}.orbit-two{width:310px;height:170px}.object-note{display:none}.hero-bottom>p{font-size:11px;letter-spacing:0;margin-bottom:20px}.button{font-size:11px;min-height:49px;padding:14px 22px;gap:18px}.button-row{gap:18px}.button-row .button{font-size:10px;padding:13px 16px;gap:11px}.button-row .text-button{font-size:8px;gap:7px}.button-row .play-circle{width:27px;height:27px}.button-row .play-circle .icon{width:12px;height:12px}.scroll-cue{margin-top:25px;font-size:8px}.experience{padding-top:67px}.experience-inner{grid-template-columns:1fr;gap:28px}.experience .eyebrow{font-size:8px;letter-spacing:1.5px}.experience h2{font-size:42px;letter-spacing:-2px}.experience .section-description{font-size:12px;max-width:440px}.demo-steps{max-width:none}.demo-step{padding:17px 0}.demo-step strong{font-size:15px}.demo-step small{font-size:10px}.compatibility{max-width:450px}.demo-stage{height:570px;max-width:430px;width:100%;margin:auto}.phone{width:250px;height:493px}.demo-tag{left:0;top:65px;width:114px;height:253px}.demo-caption{bottom:8px;font-size:8px}.demo-disclaimer{font-size:7px;bottom:-14px}.profile-powered{margin-top:10px}.experience-footer{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:9px;padding-block:25px}.design{padding-block:65px 60px;grid-template-columns:1fr;gap:42px}.design-visual{height:400px;order:1}.design-copy{order:0}.design-tag{width:169px;height:373px;top:0}.design-copy h2{font-size:45px;letter-spacing:-2px}.design-copy .section-description{font-size:12px}.color-picker{margin:24px 0}.design-visual-note{bottom:0;font-size:8px}.design-orbit{max-width:370px;height:180px}.real-section{padding-block:25px 60px}.real-heading{display:block;margin-bottom:25px}.real-heading h2{font-size:35px;letter-spacing:-1.5px}.real-heading>p{margin-top:20px;font-size:11px}.real-heading>p br{display:none}.real-heading>p span{margin-top:6px}.real-photo-button{border-radius:18px}.real-photo-button img{height:330px;object-position:50% 50%}.photo-zoom{bottom:15px;right:15px;font-size:9px;gap:12px}.photo-caption{font-size:8px}.faq{grid-template-columns:1fr;gap:32px;padding-block:30px 60px}.faq h2{font-size:39px;letter-spacing:-2px}.faq h2 br:last-child{display:none}.faq summary{font-size:12px;padding:22px 0}.faq details p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:18px}.closing{padding:65px 0}.closing h2{font-size:clamp(37px,8.8vw,60px);letter-spacing:-2px}.closing p:not(.eyebrow){font-size:11px}.footer{min-height:145px;padding-block:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:8px}.footer .brand{font-size:20px}.footer>span:last-child{grid-column:1/-1}.footer>a:nth-last-child(2){text-align:right}.order-dialog{padding:30px 22px 25px}.order-dialog h2{font-size:31px}.order-selection strong{font-size:9px}.order-selection label{font-size:8px}.order-selection{gap:7px}}
@media(max-width:365px){.header-inner{padding-inline:14px}.header-actions{gap:3px}.button-small{padding-inline:10px}.button-small .icon{display:none}.hero-stage{height:282px}.hero-tag{width:124px;height:274px}.hero-tag-white{left:calc(50% - 128px)}.hero-tag-black{left:calc(50% + 5px)}.button-row{gap:11px}.button-row .button{font-size:9px;padding-inline:12px}.button-row .text-button{font-size:7px}.experience h2{font-size:36px}.demo-tag{left:-13px;width:95px;height:211px}.design-copy h2{font-size:39px}.order-selection{flex-wrap:wrap}.order-selection label{margin-left:0}.order-selection strong{margin-right:auto}}
.hero,.experience,.closing{overflow:clip}.brand,.button{white-space:nowrap}.brand{flex-shrink:0}.faq>*,.design>*,.experience-inner>*{min-width:0}
.desktop-nav{font-size:12px}.demo-step small{font-size:12px}.compatibility{font-size:11px}.demo-caption{font-size:10px}.demo-disclaimer{font-size:9px}.color-option,.color-picker legend{font-size:12px}.selection-note,.photo-caption{font-size:11px}.faq details p{font-size:14px}.field{font-size:12px}.consent{font-size:11px}.dialog-intro{font-size:13px}.form-message{font-size:12px}
@media(max-width:760px){.experience .section-description,.design-copy .section-description{font-size:13px}.faq summary{font-size:13px}.faq details p{font-size:13px}.compatibility{font-size:10px}.demo-disclaimer{font-size:8px}.selection-note,.photo-caption{font-size:10px}.field input,.field textarea{font-size:16px}.field{font-size:11px}.consent{font-size:10px}.dialog-intro{font-size:12px}.form-message{font-size:11px}}
@media(max-width:760px){.faq h2 br:last-child{display:initial}}
@media(max-width:365px){.hero h1{font-size:23px;letter-spacing:-1.1px}.design-copy h2{font-size:35px}.faq h2{font-size:36px}}
@media(max-width:760px){
  .experience-inner{gap:20px}.experience-copy{display:contents}.experience-copy>.eyebrow{grid-row:1;margin:0}.experience-copy>h2{grid-row:2;margin:0}.experience-copy>.section-description{grid-row:3;margin:0}.demo-steps{grid-row:4;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:5px}.demo-step{gap:7px;padding:15px 0;align-items:center}.demo-step .step-number{width:auto;font-size:8px}.demo-step strong{font-size:11px;margin:0}.demo-step small,.demo-step .step-arrow{display:none}.demo-stage{grid-row:5;height:565px}.demo-play{grid-row:6;margin-top:18px;justify-self:start}.compatibility{grid-row:7;margin-top:0}.experience-footer{margin-top:28px}.button-row .text-button{font-size:9px}
}
@media(max-width:365px){.button-row{flex-direction:column;gap:15px}.button-row .text-button{font-size:10px}.hero-bottom>p{font-size:10px}.demo-step strong{font-size:10px}}
@media(max-width:760px){.header .button-small{font-size:9px;min-height:36px;padding:9px 13px;gap:9px}.header-inner{gap:10px}.menu-toggle{flex-shrink:0}.hero-heading{position:relative}}
@media(max-width:365px){.header .button-small{padding-inline:10px}.header .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.hero-tag{will-change:auto}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control select{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--primary);font:600 11px var(--heading);padding:9px 8px;cursor:pointer}
.language-links{display:flex;gap:15px;grid-column:1/-1;font:500 11px var(--heading)}
.wheel-hint{display:none;text-align:center;font:500 11px var(--heading);color:#8fa9c3;gap:14px;justify-content:center;margin:12px 0 0}
.scroll-scene{padding:0;overflow:visible;height:calc(100svh - 82px + var(--scene-travel));position:relative}
.scroll-scene .experience-pin{position:sticky;top:82px;height:calc(100svh - 82px);padding:32px 0 15px;display:flex;flex-direction:column;overflow:clip;background:var(--navy)}
.scroll-scene .experience-inner{flex:1;min-height:0}
.scroll-scene .experience-copy{align-self:center}
.scroll-scene .demo-stage{height:100%;max-height:590px;min-height:0}
.scroll-scene .phone{width:244px;height:478px}
.scroll-scene .demo-caption{bottom:0}
.scroll-scene .demo-disclaimer{bottom:-18px}
.scroll-scene .demo-tag{width:110px;height:243px;top:14%;left:0}
.scroll-scene .experience-footer{margin-top:20px;padding:17px 0 0}
.scroll-scene .wheel-hint{display:flex;margin-top:24px}
@media(min-width:761px) and (max-height:820px){
  .scroll-scene .experience-pin{padding-top:18px}.scroll-scene .experience h2{font-size:42px}.scroll-scene h2{font-size:42px;margin-bottom:16px}.scroll-scene .eyebrow{margin-bottom:14px;font-size:8px}.scroll-scene .section-description{font-size:12px;margin-bottom:15px}.scroll-scene .demo-step{padding:12px 0}.scroll-scene .demo-step strong{font-size:14px}.scroll-scene .demo-step small{font-size:10px}.scroll-scene .demo-play{margin-top:14px}.scroll-scene .compatibility{font-size:9px;margin-top:12px}.scroll-scene .phone{transform:scale(.88) rotate(7deg)}.scroll-scene .demo-stage[data-demo-state="1"] .phone,.scroll-scene .demo-stage[data-demo-state="2"] .phone{transform:scale(.88)}.scroll-scene .experience-footer{display:none}.scroll-scene .demo-caption{bottom:5px}.scroll-scene .demo-disclaimer{bottom:-10px}.scroll-scene .wheel-hint{margin:15px 0 5px;font-size:10px}
}
@media(max-width:760px){.header .button-small{display:none}.header-actions{gap:6px}.header-inner{gap:8px}.language-control select{font-size:11px;padding:8px}.footer{grid-template-columns:1fr 1fr}.footer .language-links{grid-column:1/-1}.wheel-hint{display:none}}
.app-promo{margin-block:0 100px;padding:58px 60px;border-radius:30px;background:linear-gradient(115deg,#def5fa,#e9edf9 60%,#e8e3f9);display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}
.app-promo h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-2px}
.app-promo p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:540px}
.app-promo .button{margin-top:14px}
.app-preview{position:relative;max-width:310px;justify-self:center;width:100%;padding:30px;background:#ffffffc9;border:1px solid #fff;border-radius:26px;box-shadow:0 20px 45px #0f3d8e0d;transform:rotate(4deg)}
.app-preview .brand{font-size:25px;margin-bottom:28px}
.app-preview-card{padding:15px 17px;border:1px solid #d3e4ee;border-radius:15px;background:#ffffffa8;margin-top:12px;display:flex;align-items:center;gap:12px;font:600 13px var(--heading)}
.app-preview-card>span:first-child{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4f4fb;color:var(--primary)}
.app-preview-card>span:last-child{font-size:10px;color:#60748b;margin-left:auto}
.app-preview-caption{font-size:10px!important;margin:18px 0 0;text-align:center}
@media(max-width:760px){.app-promo{margin-bottom:65px;padding:32px 25px;grid-template-columns:1fr;gap:35px;border-radius:22px}.app-promo h2{font-size:32px;letter-spacing:-1.5px}.app-promo p:not(.eyebrow){font-size:13px}.app-preview{max-width:270px;padding:23px}.app-promo .button{font-size:11px}.desktop-nav{gap:20px}}