:root{--ink:#e8eaf0;--muted:#9ca1af;--purple:#8e62ed;--s:min(.186916vw,2.09346px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#090e14;color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}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:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a47cff;outline-offset:6px}button{border:0}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-weight:300}span{font-style:normal}.reference-page{width:100%;max-width:1120px;margin:auto;overflow:visible}.section-inner{margin-left:7.1%;margin-right:6.8%}.dark-world{background:linear-gradient(180deg,#090e14 0%,#0c111a 45%,#1a1930 60%,#78749f 80%,#e9eef4 100%)}.brand{display:flex;align-items:center;gap:calc(var(--s)*5);font-size:calc(var(--s)*12);letter-spacing:calc(var(--s)*-.45);white-space:nowrap}.logo-crop{position:relative;overflow:hidden;width:calc(var(--s)*26);height:calc(var(--s)*25);display:block}.logo-crop img{position:absolute;width:calc(var(--s)*535);max-width:none;left:calc(var(--s)*-34);top:calc(var(--s)*-14)}.language{font-size:calc(var(--s)*6.5);background:#171c24;border-radius:18px;padding:calc(var(--s)*3) calc(var(--s)*6)}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--s)*15);min-height:calc(var(--s)*27);padding:calc(var(--s)*8) calc(var(--s)*15);border-radius:calc(var(--s)*5);background:linear-gradient(120deg,#6d56fd,#5143f1);color:#f6f3ff;box-shadow:0 calc(var(--s)*2) calc(var(--s)*15) #6d55fa44;font-size:calc(var(--s)*7.3);transition:filter .18s,transform .18s;white-space:nowrap}.button:hover{filter:brightness(1.14);transform:translateY(-1px)}.button.small{font-size:calc(var(--s)*6.3);padding:calc(var(--s)*7) calc(var(--s)*10);min-height:calc(var(--s)*20);border-radius:calc(var(--s)*4)}.button span{opacity:.7}.hero{position:relative;height:calc(var(--s)*277);padding:calc(var(--s)*38) 6.7% 0}.hero-copy{position:relative;z-index:2;width:calc(var(--s)*251)}h1{font-size:calc(var(--s)*38);line-height:.96;letter-spacing:calc(var(--s)*-1.9);color:#f2f2f5}h1 span,h2 span{color:var(--purple)}.hero-copy>p{font-size:calc(var(--s)*9.1);line-height:1.49;color:#aaaebb;margin-top:calc(var(--s)*12);max-width:calc(var(--s)*229)}.hero-actions{display:flex;align-items:center;gap:calc(var(--s)*13);margin-top:calc(var(--s)*18)}.film-link{background:transparent;font-size:calc(var(--s)*6.9);display:flex;align-items:center;gap:calc(var(--s)*7);padding:0;white-space:nowrap}.play{display:flex;align-items:center;justify-content:center;width:calc(var(--s)*24);height:calc(var(--s)*24);border:1px solid #7160c0;border-radius:50%;font-size:calc(var(--s)*11)}.hero-art{position:absolute;right:0;top:calc(var(--s)*1);width:51.7757%;mask-image:linear-gradient(to right,transparent,black 14%);pointer-events:none}.crop{position:relative;overflow:hidden;aspect-ratio:var(--w)/var(--h);width:100%}.crop img{position:absolute;width:calc(535 / var(--w)*100%);max-width:none;height:auto;left:calc(-1*var(--x)/var(--w)*100%);top:calc(-1*var(--y)/var(--h)*100%);display:block}.trust{position:relative;border-top:1px solid #34384590;border-bottom:1px solid #252b3733;margin:0 6.7%;height:calc(var(--s)*44);display:flex;justify-content:center;align-items:center}.trust p{font-size:calc(var(--s)*8);letter-spacing:calc(var(--s)*1.9);color:#c7cbd6}.connector{width:calc(var(--s)*9);height:calc(var(--s)*9);border:1px solid #8a70ff;position:absolute;top:calc(var(--s)*-4.5);left:50%;transform:translateX(-50%);box-shadow:0 0 12px #5c4bce44}.connector:after{content:"";position:absolute;inset:3px;background:#7970c1}h2{font-size:calc(var(--s)*28);line-height:1.12;letter-spacing:calc(var(--s)*-1.2)}.pain{padding-top:calc(var(--s)*25)}.quotes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(var(--s)*32);position:relative;margin-top:calc(var(--s)*23);align-items:center}.quote{min-height:calc(var(--s)*81);border:1px solid #41445280;border-radius:calc(var(--s)*6);position:relative;padding:calc(var(--s)*17) calc(var(--s)*18);background:linear-gradient(120deg,#ffffff03,#ffffff01);box-shadow:inset 0 0 10px #ffffff02}.quote p{font-size:calc(var(--s)*10);line-height:1.42;white-space:nowrap}.quote i,.quote b{position:absolute;font-family:Georgia,serif;font-size:calc(var(--s)*51);line-height:1;color:#6358b0;font-weight:bold}.quote i{top:calc(var(--s)*-13);left:calc(var(--s)*3)}.quote b{bottom:calc(var(--s)*-36);right:calc(var(--s)*9);color:#697087}.quote:nth-of-type(2){transform:translateY(calc(var(--s)*6));min-height:calc(var(--s)*69)}.thread{position:absolute;top:50%;width:calc(var(--s)*32);height:calc(var(--s)*19);border-top:1px solid #818291;border-radius:50%;z-index:0}.thread-one{left:29%;transform:rotate(29deg)}.thread-two{left:65%;transform:rotate(-40deg)}.thread:before,.thread:after{content:"";position:absolute;width:4px;height:4px;background:#ad9be3;border-radius:50%;top:-2px}.thread:after{right:0}.proof{padding-top:calc(var(--s)*47)}.subtitle{font-size:calc(var(--s)*10.3);line-height:1.5;letter-spacing:calc(var(--s)*.45);color:#c2c2d0;margin-top:calc(var(--s)*2)}.comparison{margin-top:calc(var(--s)*13);border-radius:calc(var(--s)*8);overflow:hidden;border:1px solid #84869777;box-shadow:0 8px 35px #02061120}.asset-caption{font-size:calc(var(--s)*6.3);letter-spacing:calc(var(--s)*.2);color:#9ba0b0;margin-top:calc(var(--s)*9)}.proof-cta{padding-top:calc(var(--s)*23);padding-bottom:calc(var(--s)*47);text-align:center}.proof-cta p{font-size:calc(var(--s)*16);letter-spacing:calc(var(--s)*-.5);margin-bottom:calc(var(--s)*10)}.proof-cta .button{min-width:calc(var(--s)*102);font-size:calc(var(--s)*8);min-height:calc(var(--s)*31)}.light-world{background:#e9eef4;color:#111722;color-scheme:light;background-image:radial-gradient(ellipse at 90% 10%,#e1ddf550,transparent 50%)}.workflow{padding-top:calc(var(--s)*0)}.workflow h2{font-size:calc(var(--s)*28)}.steps{padding:0;margin:calc(var(--s)*13) 0 calc(var(--s)*31);list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--s)*13)}.steps li{position:relative}.steps li:after{content:"";position:absolute;height:1px;background:#b8b9d0;top:calc(var(--s)*20);left:calc(var(--s)*9);width:calc(100% + var(--s)*7)}.steps li:last-child:after{display:none}.steps small{display:block;color:#9296a4;font-size:calc(var(--s)*6)}.steps i{display:block;width:calc(var(--s)*13);height:calc(var(--s)*13);border:1px solid #bbb5de;border-radius:50%;background:#a48aea40;margin-top:calc(var(--s)*4);margin-bottom:calc(var(--s)*9);position:relative;z-index:1;box-shadow:0 0 12px #8c65df33}.steps i:after{content:"";position:absolute;inset:calc(var(--s)*3);background:#8e65de;border-radius:50%}.steps strong{font-size:calc(var(--s)*8.6);font-weight:500;display:block}.steps p{color:#898e9a;font-size:calc(var(--s)*6.2);line-height:1.5;margin-top:calc(var(--s)*4)}.screen-title{font-size:calc(var(--s)*9);margin-bottom:calc(var(--s)*5);letter-spacing:calc(var(--s)*-.15)}.screen{overflow:hidden;border-radius:calc(var(--s)*5);box-shadow:0 calc(var(--s)*4) calc(var(--s)*20) #28314213;background:#fff}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--s)*10);margin-top:calc(var(--s)*12)}.workflow>.asset-caption{color:#9ca2ac}.vertical-connector{height:calc(var(--s)*66);width:1px;background:linear-gradient(transparent,#c3c1d5);position:relative;margin:calc(var(--s)*7) auto 0}.vertical-connector span{width:calc(var(--s)*5);height:calc(var(--s)*5);background:#c8b7f0;border:1px solid #9066d9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eyebrow{font-size:calc(var(--s)*6.5);letter-spacing:calc(var(--s)*1.5);color:#8d839f;margin-bottom:calc(var(--s)*15)}.modules{padding:calc(var(--s)*31) 0 calc(var(--s)*51)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--s)*13);margin-top:calc(var(--s)*24)}.module-grid article{border:1px solid #d6dce6;border-radius:calc(var(--s)*6);padding:calc(var(--s)*18);background:#ffffff59}.module-icon{font-size:calc(var(--s)*7);border:1px solid #cbbde7;display:inline-flex;width:calc(var(--s)*24);height:calc(var(--s)*24);align-items:center;justify-content:center;border-radius:calc(var(--s)*5);color:#825bce;background:#ece6f8;margin-bottom:calc(var(--s)*18)}h3{font-size:calc(var(--s)*17);letter-spacing:calc(var(--s)*-.5)}.module-grid p{font-size:calc(var(--s)*8.5);line-height:1.6;color:#7c8491;margin-top:calc(var(--s)*9)}.credits{padding:calc(var(--s)*10) 0 calc(var(--s)*63)}.credit-card{margin-top:calc(var(--s)*23);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--s)*28);border:1px solid #d2d7e1;border-radius:calc(var(--s)*8);background:#f8f9fc99;padding:calc(var(--s)*27)}.credit-card p{color:#7c8491;max-width:calc(var(--s)*250);font-size:calc(var(--s)*9);line-height:1.6;margin-top:calc(var(--s)*9)}.credit-path{display:flex;gap:calc(var(--s)*13);margin-top:calc(var(--s)*18);font-size:calc(var(--s)*8);color:#5f6474}.credit-path b{color:#a58dce;font-weight:400}.second-dark{background:linear-gradient(170deg,#101520,#0a0e15 65%);color:#e8eaf0}.made,.team,.faq{padding-top:calc(var(--s)*59);padding-bottom:calc(var(--s)*33)}.second-dark .eyebrow{color:#a297b9}.film-card{display:grid;grid-template-columns:1.35fr 1fr;gap:calc(var(--s)*27);margin-top:calc(var(--s)*24);align-items:center}.film-still{border:1px solid #363d4a;border-radius:calc(var(--s)*7);overflow:hidden;position:relative}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(var(--s)*17);width:calc(var(--s)*40);height:calc(var(--s)*40);border:1px solid #b2a9d066;background:#10162055;border-radius:50%;display:flex;align-items:center;justify-content:center}.film-description>span{font-size:calc(var(--s)*6);letter-spacing:calc(var(--s)*1.5);color:#9d94b5}.film-description h3{font-size:calc(var(--s)*22);margin-top:calc(var(--s)*12);line-height:1.15}.film-description p{font-size:calc(var(--s)*9);line-height:1.6;color:#a2a5b2;margin:calc(var(--s)*13) 0}.text-button{font-size:calc(var(--s)*8);background:none;color:#d6c7f7;padding:0;display:inline-flex;gap:calc(var(--s)*19);align-items:center}.team{border-top:1px solid #252c38;margin-top:calc(var(--s)*25)}.team-content{display:grid;grid-template-columns:1.2fr 1fr;gap:calc(var(--s)*40);margin:calc(var(--s)*22) 0 calc(var(--s)*25)}.team-content>p{font-size:calc(var(--s)*11);line-height:1.6;color:#a4a9b6}.team-points{display:flex;flex-direction:column;gap:calc(var(--s)*13);font-size:calc(var(--s)*8.5);color:#b6afc8}.form-note{font-size:calc(var(--s)*7);color:#838b9c;margin-top:calc(var(--s)*12)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:calc(var(--s)*28);padding-bottom:calc(var(--s)*62)}.faq-list details{border-bottom:1px solid #2c3340;padding:calc(var(--s)*15) 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;font-size:calc(var(--s)*9);display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:calc(var(--s)*16);color:#8f76bf}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:calc(var(--s)*8.4);line-height:1.7;color:#949cab;margin-top:calc(var(--s)*12);max-width:95%}.club{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--s)*24);border:1px solid #363a4b;border-radius:calc(var(--s)*7);padding:calc(var(--s)*25);background:linear-gradient(115deg,#1a1c2b,#101521)}.club .eyebrow{margin-bottom:calc(var(--s)*8)}.club p{font-size:calc(var(--s)*9);color:#9ca4b5;margin-top:calc(var(--s)*7)}.final{text-align:center;padding:calc(var(--s)*70) 0 calc(var(--s)*67)}.final h2{font-size:calc(var(--s)*37)}.final-actions{display:flex;justify-content:center;gap:calc(var(--s)*12);margin-top:calc(var(--s)*25)}.outline{background:transparent;box-shadow:none;border:1px solid #564a75}.footer{padding:calc(var(--s)*26) 0 calc(var(--s)*21);border-top:1px solid #29303d;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--s)*23)}.footer>div{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--s)*17);font-size:calc(var(--s)*7);color:#a2a8b5}.footer>div button{background:none;padding:0;font-size:inherit}.footer>p{font-size:calc(var(--s)*7.6);color:#8d96a7}.footer>small{grid-column:1/-1;font-size:calc(var(--s)*6.5);color:#657083}.footer .logo-crop{width:calc(var(--s)*26)}dialog{position:fixed;background:#111723;color:#e8eaf0;border:1px solid #49405e;border-radius:16px;padding:44px;width:min(520px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#020509c9;backdrop-filter:blur(8px)}dialog h2{font-size:38px;letter-spacing:-1.5px}dialog .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}dialog>p{font-size:14px;line-height:1.7;color:#a5aabb;margin-top:20px}.dialog-close{position:absolute;right:18px;top:12px;background:none;font-size:30px;color:#a6a5b6;padding:5px}.dialog-close:hover{color:white}dialog form{margin-top:24px;display:grid;gap:15px}dialog label{display:grid;gap:8px;font-size:12px;color:#bdc1ce}dialog label small{font-size:11px;color:#7e8595}input,textarea{width:100%;border:1px solid #343b4a;background:#0a101a;color:#e8eaf0;border-radius:6px;padding:12px;outline:none;font-size:15px}input:focus,textarea:focus{border-color:#9170d4}textarea{resize:vertical}dialog .button{font-size:13px;min-height:45px;border-radius:6px;padding:12px 18px;gap:20px}dialog .preview-note{font-size:11px;color:#9690a8;line-height:1.5;margin-top:3px}.purchase-steps{display:grid;gap:16px;margin:25px 0;color:#c9c0db;font-size:14px}dialog .close-action{margin-top:22px}#form-result{font-size:13px;line-height:1.6;padding:13px;background:#7a5ce019;border:1px solid #7a5ce04d;border-radius:6px;color:#c9b7e8}

@media(max-width:600px){:root{--s:1px}.reference-page{max-width:none}.brand{font-size:17px;gap:7px}.logo-crop{width:31px;height:30px}.logo-crop img{width:643px;left:-41px;top:-17px}.language{display:none}.button.small{font-size:11px;padding:9px 13px;min-height:32px}.hero{height:auto;min-height:550px;padding:33px 24px 250px}.hero-copy{width:100%;max-width:350px}h1{font-size:43px;letter-spacing:-2px;line-height:1}.hero-copy>p{font-size:13px;line-height:1.6;max-width:310px;margin-top:18px}.hero-actions{gap:20px;margin-top:23px}.button{font-size:12px;min-height:42px;padding:12px 20px;border-radius:6px;gap:18px}.film-link{font-size:11px;gap:9px}.play{width:30px;height:30px;font-size:14px}.hero-art{top:auto;bottom:0;width:min(100%,390px);right:-10px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 90%,transparent)}.trust{height:70px;margin:0 24px}.trust p{text-align:center;font-size:9px;letter-spacing:1.3px;line-height:1.8;max-width:280px}.connector{width:9px;height:9px;top:-4.5px}.section-inner{margin-left:24px;margin-right:24px}h2{font-size:31px;letter-spacing:-1.3px;line-height:1.1}.pain{padding-top:40px}.quotes{grid-template-columns:1fr;gap:26px;margin-top:28px}.quote{padding:23px 28px;min-height:100px}.quote p{font-size:16px;line-height:1.5}.quote i,.quote b{font-size:62px}.quote i{top:-17px;left:10px}.quote b{bottom:-38px;right:17px}.quote:nth-of-type(2){transform:none;min-height:100px}.thread{display:none}.proof{padding-top:55px}.subtitle{font-size:13px;letter-spacing:.2px;margin-top:8px}.comparison{margin-top:20px;border-radius:8px}.asset-caption{font-size:8px;margin-top:9px}.proof-cta{padding-top:29px;padding-bottom:66px}.proof-cta p{font-size:20px;margin-bottom:18px}.proof-cta .button{font-size:12px;min-height:42px;min-width:132px}.workflow h2{font-size:31px}.steps{display:grid;grid-template-columns:repeat(6,110px);gap:18px;overflow-x:auto;margin:25px 0 31px;padding-bottom:12px;scroll-snap-type:x mandatory}.steps li{scroll-snap-align:start}.steps small{font-size:10px}.steps i{width:16px;height:16px;margin-top:8px;margin-bottom:12px}.steps i:after{inset:4px}.steps li:after{top:28px;left:12px;width:120px}.steps strong{font-size:13px}.steps p{font-size:10px;line-height:1.5;margin-top:8px}.screen-title{font-size:12px;margin-bottom:8px}.product-pair{grid-template-columns:1fr;gap:22px;margin-top:22px}.vertical-connector{height:70px}.modules{padding:35px 0 55px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.module-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.module-grid article{padding:17px 14px}.module-icon{font-size:9px;width:28px;height:28px;margin-bottom:18px}h3{font-size:20px}.module-grid p{font-size:11px;margin-top:10px}.credits{padding:10px 0 55px}.credit-card{flex-direction:column;align-items:flex-start;padding:24px;gap:23px;margin-top:25px}.credit-card p{font-size:13px;max-width:none;margin-top:12px}.credit-path{font-size:11px;gap:14px;margin-top:20px}.made,.team,.faq{padding-top:55px;padding-bottom:35px}.film-card{grid-template-columns:1fr;gap:23px;margin-top:25px}.film-description>span{font-size:9px}.film-description h3{font-size:29px;margin-top:14px}.film-description p{font-size:13px;margin:16px 0}.text-button{font-size:12px;gap:20px}.film-play{font-size:24px;width:48px;height:48px}.team{margin-top:15px}.team-content{grid-template-columns:1fr;gap:26px;margin:25px 0}.team-content>p{font-size:15px}.team-points{font-size:12px;gap:15px}.form-note{font-size:10px;margin-top:14px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.faq-list details{padding:18px 0}.faq-list summary{font-size:14px}.faq-list summary span{font-size:22px}.faq-list details p{font-size:12px;margin-top:14px}.club{flex-direction:column;align-items:flex-start;padding:24px;gap:20px}.club p{font-size:13px;margin-top:10px}.club .eyebrow{margin-bottom:10px}.final{padding:60px 0}.final h2{font-size:41px}.final-actions{gap:10px;margin-top:27px}.final-actions .button{padding:12px 14px;font-size:11px;gap:11px}.footer{padding:27px 0;grid-template-columns:1fr;gap:22px}.footer>div{justify-content:flex-start;font-size:10px;gap:18px;flex-wrap:wrap}.footer>p{font-size:11px}.footer>small{font-size:9px;line-height:1.6}.footer .logo-crop{width:31px}dialog{padding:32px 24px}dialog h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Same header composition, rebuilt with vector artwork and crisp type. */
.logo-crop{display:flex;align-items:center;justify-content:center;overflow:visible}.logo-crop img{position:static;width:100%;height:100%;left:auto;top:auto;object-fit:contain}.language{border:1px solid #232a35;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:5px}
@media(max-width:600px){.logo-crop img{width:100%;height:100%;left:auto;top:auto}.language{display:none}}

.hero-frame{position:absolute;z-index:2;border:1px solid #919bad85;border-radius:calc(var(--s)*2);overflow:hidden;background:#161d29;box-shadow:0 0 12px #9bacd322}.hero-frame img{width:100%;height:100%;object-fit:cover;display:block}.hero-frame.mountain{left:38.63%;top:28.17%;width:23.83%;height:17.06%}.hero-frame.portrait{left:13.35%;top:48.81%;width:28.15%;height:17.46%}.hero-frame.architecture{left:16.61%;top:71.43%;width:31.05%;height:17.06%}

.hero-frame{display:none}.hero-frame img{width:100%;height:100%;object-fit:cover}body.has-film .hero-frame{display:block}

.film-player{margin-top:calc(var(--s)*25);border:1px solid #434558;border-radius:calc(var(--s)*8);overflow:hidden;background:#080b11}.film-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.film-under{margin-top:calc(var(--s)*12);display:flex;align-items:center;justify-content:space-between;gap:20px}.film-under p{font-size:calc(var(--s)*10);color:#bcc1cf}.film-under span{font-size:calc(var(--s)*6);letter-spacing:calc(var(--s)*1.3);color:#8d839f}@media(max-width:600px){.film-player{margin-top:25px;border-radius:8px}.film-under{margin-top:15px}.film-under p{font-size:12px}.film-under span{font-size:8px}}

.hero-demo{background:none;padding:0;margin-top:calc(var(--s)*12);font-size:calc(var(--s)*6.5);color:#a9a3b8}.hero-demo:hover{color:#d4c6ef}.film-player video{aspect-ratio:4096/2160}@media(max-width:600px){.hero-demo{font-size:10px;margin-top:14px}}

.mobile-action{display:none}@media(max-width:600px){.hero{padding-bottom:305px}.mobile-action{position:fixed;bottom:16px;left:24px;right:24px;z-index:10;display:none}.past-hero .mobile-action{display:block}.mobile-action .button{width:100%;min-height:45px;box-shadow:0 4px 30px #070b16a0}.footer{padding-bottom:90px}input,textarea{font-size:16px}}

/* High-resolution assets retain the approved composition. */
.hero-detail{display:block;width:100%;height:auto;aspect-ratio:1318/1193}.hero-frame.mountain{left:47.5%;top:30.65%;width:20.7%;height:13.95%}.hero-frame.portrait{left:23.45%;top:48%;width:25.6%;height:15%}.hero-frame.architecture{left:27%;top:67.5%;width:27.8%;height:15.3%}.hero-frame.architecture img{object-position:center 20%}.hero-frame.portrait img{object-position:center 32%}.comparison{position:relative;aspect-ratio:459/194}.watch-detail{display:block;width:100%;height:100%;object-fit:cover}.comparison-label{position:absolute;top:8%;border:1px solid #b2b8c04d;padding:5px 9px;border-radius:4px;color:#f3f5f8;background:#10172099;font-size:clamp(9px,1vw,12px)}.comparison-label.original{left:3%}.comparison-label.revised{right:3%}.comparison-rule{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#e9ecf4bb;display:flex;align-items:center;justify-content:center}.comparison-rule>span{display:grid;place-items:center;position:absolute;width:30px;height:30px;border-radius:50%;background:#f5f2ff;color:#7660c4;box-shadow:0 0 12px #b4a4ff66;font-size:18px;white-space:nowrap}.watch-focus{position:absolute;left:45%;top:29%;width:19%;height:46%;border:1px solid #b5c0ed75;border-radius:3px}.screen{position:relative}.product-main .screen{aspect-ratio:459/206}.product-pair .screen{aspect-ratio:226/151}.product-detail{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.075);transform-origin:50% 7%}.product-detail.projects{object-position:top;transform:scale(1.07)}

.product-pair .product-detail{object-fit:fill;transform:scale(1.075);transform-origin:50% 50%}


/* Preserve the original content width; extend section backgrounds edge to edge. */
body{overflow-x:clip}
.dark-world,.light-world,.second-dark{position:relative;isolation:isolate}
.dark-world::before,.light-world::before,.second-dark::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;
  transform:translateX(-50%);background:inherit;z-index:-1;pointer-events:none;
}

.workflow .steps{margin-bottom:0}

/* Feather the transparent hero artwork into the full-width section. */
.hero-art{
  mask-image:linear-gradient(to right,transparent,black 14%,black 85%,transparent),linear-gradient(to bottom,transparent,black 6%,black 86%,transparent);
  mask-composite:intersect;
  -webkit-mask-composite:source-in;
}
@media(max-width:600px){
  .hero-art{mask-image:linear-gradient(to right,transparent,black 8%,black 88%,transparent),linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}
}

#waitlist-result{font-size:13px;line-height:1.6;padding:13px;background:#7a5ce019;border:1px solid #7a5ce04d;border-radius:6px;color:#c9b7e8}
#waitlist-result[data-state="error"]{color:#ffb1b1;border-color:#d56a6a66}
#waitlist-form .button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.hero-actions{flex-wrap:wrap;gap:16px}.button.small{font-size:10px;padding:9px 10px}.hero{padding-bottom:330px}}

/* Compact early-access signup. */
#waitlist-dialog{width:min(420px,calc(100% - 32px));padding:28px;border-radius:12px}
#waitlist-dialog .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:12px}
#waitlist-title{font-size:27px;line-height:1.2;letter-spacing:-1px}
#waitlist-dialog>p{font-size:13px;line-height:1.5;margin-top:10px}
#waitlist-dialog .dialog-close{font-size:23px;right:12px;top:9px;padding:4px}
#waitlist-form{margin-top:20px;gap:12px}
#waitlist-form label{font-size:11px;gap:6px}
#waitlist-form input{padding:10px 12px}
#waitlist-form .button{min-height:40px;padding:10px 16px;font-size:12px;box-shadow:0 2px 12px #6d55fa25}
@media(max-width:400px){#waitlist-dialog{padding:24px}#waitlist-title{font-size:24px}}

/* Bring the film closer to the hero without changing its content scale. */
@media(min-width:601px){
  .hero{height:calc(var(--s)*245)}
  .hero+.made{padding-top:calc(var(--s)*16)}
}
@media(max-width:600px){
  .hero+.made{padding-top:24px}
}

/* KroxView: review copy and linked version artwork. */
.kroxview{padding-top:calc(var(--s)*44);padding-bottom:calc(var(--s)*28)}
.review-lead{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:calc(var(--s)*18)}
.review-copy .eyebrow{color:#a68acb;margin-bottom:calc(var(--s)*12)}
.review-copy h2{font-size:calc(var(--s)*32);line-height:1.08}
.review-copy>p{font-size:calc(var(--s)*10);line-height:1.6;color:#a4a9b6;margin-top:calc(var(--s)*16);max-width:34ch}
.review-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent),linear-gradient(to bottom,transparent,black 8%,black 82%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.review-features{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--s)*22);margin-top:calc(var(--s)*20);padding-top:calc(var(--s)*20);border-top:1px solid #303647}
.review-features h3{font-size:calc(var(--s)*14)}
.review-features p{font-size:calc(var(--s)*8.5);line-height:1.65;color:#a4a9b6;margin-top:calc(var(--s)*9)}
@media(max-width:600px){
 .kroxview{padding-top:44px;padding-bottom:24px}
 .review-lead{grid-template-columns:1fr;gap:16px}
 .review-copy h2{font-size:34px}
 .review-copy>p{font-size:14px;margin-top:16px;max-width:38ch}
 .review-art{margin-left:-12px;margin-right:-12px}
 .review-features{grid-template-columns:1fr;gap:22px;margin-top:8px;padding-top:24px}
 .review-features h3{font-size:20px}
 .review-features p{font-size:13px;margin-top:8px;max-width:42ch}
}

/* Two registered images with a draggable reveal. */
.comparison{aspect-ratio:1927/816;touch-action:pan-y;user-select:none;--split:62%}
.comparison-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.comparison-original{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-rule{left:var(--split);z-index:2;pointer-events:none}
.comparison-rule>span{width:42px;height:42px;font-size:23px;border:1px solid #cabdf3}
.comparison-label{z-index:2;pointer-events:none}
.comparison-slider{position:absolute;inset:0;z-index:3;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:ew-resize;border:0}
.comparison:focus-within{outline:2px solid #a47cff;outline-offset:5px}
@media(max-width:600px){.comparison-rule>span{width:34px;height:34px;font-size:20px}}

/* Keep copy readable where the dark section fades into the light section. */
.proof-cta p{color:#202638}
.proof>.asset-caption{color:#42485e}

/* Supplied KroxMedia full logo, retaining the kit's proportions and artwork. */
.brand-logo{display:block;width:calc(var(--s)*98);height:auto}.footer .brand{flex-shrink:0}
@media(max-width:600px){.brand-logo{width:145px}}

/* A longer color blend without increasing the space between sections. */
.second-dark{
  --section-fade:clamp(160px,18vw,240px);
  --gradient-depth:calc(var(--section-fade) + 140px);
  padding-top:var(--section-fade);
  background:linear-gradient(180deg,
    #e9eef4 0,
    #e3e6ef calc(var(--gradient-depth)*.10),
    #cccbdc calc(var(--gradient-depth)*.24),
    #a5a0be calc(var(--gradient-depth)*.40),
    #777093 calc(var(--gradient-depth)*.56),
    #4b4468 calc(var(--gradient-depth)*.71),
    #2a273f calc(var(--gradient-depth)*.84),
    #171a2a calc(var(--gradient-depth)*.94),
    #101520 var(--gradient-depth),
    #0a0e15 75%);
}

.footer>div{flex-wrap:wrap;row-gap:12px}
.footer>div>a,.footer>div>button{white-space:nowrap}

/* Slightly quieter hero headline. */
.hero h1{font-size:calc(var(--s)*34);line-height:1.02;letter-spacing:calc(var(--s)*-1.6)}
@media(max-width:600px){.hero h1{font-size:39px;letter-spacing:-1.7px}}

.footer-phone{display:inline-block;margin-left:16px;color:#c1c6d2;white-space:nowrap}.footer-phone:hover{color:#a47cff}
@media(max-width:600px){.footer-phone{display:block;margin-left:0;margin-top:12px}}

/* Keep the gradual fade, removing excess space around it. */
.credits{padding-bottom:32px}
.second-dark{--section-fade:clamp(160px,18vw,240px)}
.kroxview{padding-top:28px}
@media(max-width:600px){.credits{padding-bottom:24px}.kroxview{padding-top:24px}}

.footer>.footer-legal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9ca1af}

/* Stack footer navigation in a single readable column. */
.footer>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;justify-self:end;gap:12px}
@media(max-width:600px){.footer>div{justify-self:start}}

/* Compact analytics choice; never covers the whole page. */
.cookie-banner[hidden]{display:none}
.cookie-banner{position:fixed;z-index:30;right:20px;bottom:20px;width:min(440px,calc(100vw - 40px));padding:20px;border:1px solid #45405d;border-radius:12px;background:#111722;box-shadow:0 12px 45px #0007;color:#e8eaf0}
.cookie-banner h2{font:400 18px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0 0 9px}
.cookie-banner p{font-size:13px;line-height:1.6;color:#b9bfcc}
.cookie-banner a{text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:10px;margin-top:16px}
.cookie-actions button{flex:1;padding:11px 10px;border:1px solid #68607c;border-radius:6px;background:#242235;color:#f3efff;font-size:12px}
.cookie-actions button:hover{background:#36304e}
.legal-page main{max-width:780px;margin:0 auto;padding:40px 24px 70px}
.legal-page h1{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:38px 0 12px}
.legal-page h2{font-size:23px;letter-spacing:-.3px;margin:30px 0 10px}
.legal-page p{font-size:15px;line-height:1.75;color:#bec3ce;margin:12px 0}
.legal-page a{text-decoration:underline;text-underline-offset:4px}
.legal-page .legal-actions{margin-top:28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.legal-page .legal-actions button{background:transparent;color:#cbb5ff;padding:8px 0}
@media(max-width:600px){.cookie-banner{bottom:76px;left:12px;right:auto;width:calc(100vw - 24px);padding:16px}.cookie-banner h2{font-size:17px}.cookie-banner p{font-size:12px}.legal-page h1{font-size:32px}}