:root{--bg:#071321;--cyan:#8ce8ed;--muted:#a5b7c8;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:white;font-family:Hanken Grotesk,Arial,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}body:before{content:"";position:absolute;inset:0 0 auto;height:1100px;z-index:-1;background:radial-gradient(ellipse at 72% 57%,#13617766,transparent 44%),radial-gradient(ellipse at 27% 18%,#23385380,transparent 50%),linear-gradient(#071321,#091726)}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-weight:700;font-size:25px;letter-spacing:-1.2px}.brand span{color:var(--cyan)}nav{display:flex;align-items:center;gap:36px;font-size:15px}nav .active{position:relative}nav .active:after{content:"";position:absolute;bottom:-15px;left:0;width:25px;height:2px;background:var(--cyan)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 27px;border-radius:40px;color:#0a1c2c;background:linear-gradient(180deg,#fff,#d9ecfe 72%,#fff);box-shadow:0 6px 25px #bde9ff29,inset 0 0 0 1px #fff;white-space:nowrap;font-weight:700;transition:transform .25s,box-shadow .25s}.pill:hover{transform:translateY(-3px);box-shadow:0 9px 35px #bde9ff55}nav .pill{padding:12px 22px}.burger{display:none;color:white;background:none;border:1px solid var(--line);border-radius:20px;padding:10px 14px}.hero{text-align:center;padding-top:59px}.eyebrow{font-size:13px;letter-spacing:3.5px;text-transform:uppercase;color:#c9d9e8;font-weight:500;margin:0 0 22px}.mask{display:block;overflow:hidden;padding-top:.15em;margin-top:-.15em}h1{font-family:Prata,Georgia,serif;font-size:clamp(44px,5.5vw,77px);font-weight:400;line-height:1.17;letter-spacing:-2.5px;margin:0}h1 em{font-style:normal;color:#a3edf0}.rule{height:3px;width:70px;background:var(--cyan);border-radius:3px;margin:25px auto 19px}.lede{font-size:18px;line-height:1.65;color:#b7c6d5;max-width:610px;margin:0 auto}.hero-cta{margin-top:25px}.hero-cta .hint{display:inline-block;color:#afc0cf;font-size:14px;margin-left:20px}.showcase{margin:52px auto 0;display:grid;grid-template-columns:1fr 1.18fr;gap:54px;align-items:center;max-width:1120px;position:relative;padding-bottom:48px;text-align:left}.caption{display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:2px;margin-bottom:17px}.caption span:last-child{letter-spacing:0;color:#8a9aaa;font-size:12px}.before{transform:perspective(1400px) rotateY(7deg) rotate(-2deg);opacity:.83}.after{position:relative;transform:perspective(1400px) rotateY(-5deg) rotate(2deg);transition:transform .4s}.after:hover{transform:perspective(1400px) rotateY(0) rotate(0) translateY(-7px)}.after .caption{color:#abf4f2}.browser{border:1px solid #ffffff42;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #0006}.chrome{height:31px;display:flex;align-items:center;gap:5px;padding:0 13px;background:#c9cdd2;color:#626971}.dot{height:5px;width:5px;background:#858c91;border-radius:50%}.address{font-size:10px;text-align:center;flex:1 1;letter-spacing:.3px}.old-content{background:#eee9df;color:#242424;height:288px;font-family:Georgia,serif;padding:14px}.old-logo{font-size:17px;font-weight:700;color:#624c29}.old-menu{font-family:Arial;font-size:10px;padding:12px 0;color:#314e89;text-decoration:underline;word-spacing:8px;border-bottom:2px solid #b1a78e}.old-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:12px;padding:18px 0}.old-hero h2{font-size:21px;line-height:1.1;margin:0 0 10px}.old-hero p{font-family:Arial;font-size:10px;line-height:1.5;margin:8px 0}.old-hero img{width:100%;height:117px;object-fit:cover;filter:saturate(.45)}.old-button{display:inline-block;border:1px solid #777;background:#c9c9c9;padding:4px 9px;font:10px Arial}.old-footer{border:1px solid #aaa;text-align:center;font-size:11px;padding:10px;margin-top:2px}.old-footer small{display:block;margin-top:6px}.after-frame{padding:8px;border-radius:19px;border:1px solid #b2f6ff99;background:linear-gradient(135deg,#e5fbff80,#6ed5eb25 40%,#3d679e70 75%,#b9e7fd77);box-shadow:0 0 50px #5fc8e02b,0 30px 80px #0008,inset 0 1px 0 #fff}.after .chrome{background:#182632;color:#9dacb5}.after .browser{border-color:#ffffff28}.new-content{height:326px;background:#0f191d;position:relative;overflow:hidden}.new-nav{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ffffff20;font-size:9px}.new-logo{font-size:14px;font-weight:700;letter-spacing:-.6px}.new-logo b{color:#d9f47e}.new-links{font-size:8px;word-spacing:12px;color:#d0d7d8}.new-hero{position:relative;height:222px;padding:25px 22px}.new-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101a20 12%,#101a2088 58%,#101a2011);z-index:0}.new-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 55%}.new-copy{position:relative;z-index:1;max-width:65%}.new-copy .micro{color:#d9f47e;font-size:8px;letter-spacing:1.8px}.new-copy h2{font-family:Arial,sans-serif;font-size:31px;letter-spacing:-1px;line-height:1.02;margin:13px 0}.new-copy p{font-size:9px;line-height:1.5;max-width:180px;color:#dae1e2}.new-button{display:inline-block;background:#d9f47e;color:#172117;border-radius:3px;padding:9px 12px;font-size:8px;font-weight:700;margin-top:3px}.new-bottom{display:flex;justify-content:space-between;padding:15px 22px;color:#c7d2d6;font-size:9px}.price-pop{position:absolute;right:-24px;bottom:-25px;width:150px;border-radius:19px;padding:18px 20px;background:linear-gradient(135deg,#fff,#deefff 40%,#96e2e8);color:#092c3a;box-shadow:0 13px 36px #0005,inset 0 0 0 1px #fff;transform:rotate(-5deg)}.price-pop span{display:block;font-size:12px}.price-pop strong{display:block;font-size:43px;line-height:1.15;letter-spacing:-2px}.price-pop small{font-size:11px}.comparison-arrow{position:absolute;left:44%;top:49%;width:48px;height:48px;display:grid;place-items:center;border:1px solid #8dd7e366;background:#102d3f;border-radius:50%;z-index:3;color:var(--cyan);font-size:24px}.concept{text-align:center;font-size:12px;color:#8195a7;margin:0 0 38px}.scroll-link{display:block;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;margin:0 auto 35px;text-align:center;line-height:40px;background:#ffffff06}.pricing{border-top:1px solid var(--line);padding:63px 0 67px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.contact h2,.section-head h2{font:400 36px/1.3 Prata,Georgia,serif;margin:10px 0}.section-head p{color:var(--muted);font-size:15px}.section-head .eyebrow{font-size:12px;margin:0;color:var(--cyan)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{border:1px solid var(--line);border-radius:16px;padding:28px;background:linear-gradient(140deg,#ffffff07,#ffffff01);display:flex;flex-direction:column}.plan.featured{border-color:#82dce666;background:linear-gradient(140deg,#23455a66,#101c2c)}.plan .type{font-size:15px;color:#c0d2df}.plan .cost{font-size:43px;font-weight:500;letter-spacing:-1.5px;margin:14px 0}.plan .cost small{font-size:14px;letter-spacing:0;color:#9fb6c8}.plan p{font-size:16px;color:#9fb3c4;line-height:1.6;margin:0 0 23px;flex:1 1}.plan a{font-size:14px;color:#b9f5f3;padding-top:17px}.contact,.plan a{display:flex;justify-content:space-between;border-top:1px solid var(--line)}.contact{padding:48px 0 58px;align-items:center;gap:25px}.contact p{color:var(--muted);margin-bottom:0}.contact .number{font-size:14px;text-align:center;color:#adbfce;margin-top:14px}footer{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);font-size:12px;color:#8497a8}.line-reveal{display:block;animation:reveal .95s cubic-bezier(.16,1,.3,1) .2s both}.hero .eyebrow{animation:rise .7s ease .1s both}.hero-cta,.lede,.rule{animation:rise .8s ease .5s both}.showcase{animation:rise 1s cubic-bezier(.16,1,.3,1) .7s both}header{animation:rise .6s ease both}@keyframes reveal{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes rise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(min-width:1450px){.hero{padding-top:75px}.showcase{margin-top:65px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{height:80px}nav{gap:18px}.hero{padding-top:42px}h1{font-size:54px}.showcase{gap:24px}.old-content{height:247px;padding:10px}.old-hero{gap:6px}.old-hero h2{font-size:17px}.old-hero img{height:90px}.old-footer{padding:6px}.new-content{height:275px}.new-nav{padding:0 12px}.new-links{display:none}.new-hero{padding:18px 14px;height:177px}.new-copy h2{font-size:24px}.new-bottom,.new-copy p{font-size:8px}.new-bottom{padding:17px 12px}.price-pop{right:-8px;width:115px;padding:13px}.price-pop strong{font-size:33px}.comparison-arrow{left:43%;width:35px;height:35px;font-size:19px}.plans{gap:10px}.plan{padding:20px}.plan .cost{font-size:37px}.contact h2,.section-head h2{font-size:29px}.section-head{display:block}}@media(max-width:580px){.wrap{width:calc(100% - 36px)}.brand{font-size:22px}.burger{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:#102235;border:1px solid var(--line);border-radius:16px;align-items:stretch;flex-direction:column;gap:25px}header[data-open=true] nav{display:flex}nav .active:after{display:none}.eyebrow{font-size:10px;letter-spacing:2.3px}.hero{padding-top:38px}h1{font-size:43px;letter-spacing:-1.8px}.lede{font-size:16px;max-width:330px}.rule{margin:21px auto 17px}.hero-cta .hint{display:block;margin:13px 0 0;font-size:12px}.showcase{grid-template-columns:1fr;gap:36px;margin-top:37px;padding:0 10px 42px;max-width:430px}.before{width:85%;justify-self:start;transform:rotate(-3deg)}.after{width:95%;justify-self:end;transform:rotate(2deg)}.caption{margin-bottom:10px;font-size:11px}.caption span:last-child{font-size:10px}.old-content{height:230px}.old-hero{padding:12px 0}.old-hero h2{font-size:20px}.old-hero img{height:102px}.old-footer{margin-top:8px}.new-content{height:285px}.new-hero{height:191px;padding-top:22px}.new-copy h2{font-size:28px}.new-copy p{font-size:9px}.comparison-arrow{left:auto;right:5px;top:40%;transform:rotate(65deg)}.price-pop{right:-4px;bottom:-24px}.concept{margin-bottom:24px;font-size:11px}.pricing{padding:40px 0}.plans{grid-template-columns:1fr;gap:14px}.plan{padding:24px}.plan .cost{margin:10px 0}.plan p{margin-bottom:18px}.contact{display:block;padding:32px 0}.contact>div:last-child{margin-top:26px;display:inline-block}.contact h2{font-size:28px}footer{gap:18px;font-size:11px}.new-links{display:block;font-size:7px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.after:hover,.pill:hover{transform:none}}:root{--accent:#b9f482}body{background:#080d15}body:before{height:1000px;background:radial-gradient(ellipse at 75% 42%,#30436650,transparent 50%),radial-gradient(ellipse at 20% 30%,#11353c40,transparent 50%)}.wrap{width:min(1420px,calc(100% - 72px))}header{height:82px}.intro{padding:42px 0 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.intro .eyebrow{font-size:12px;letter-spacing:2.7px;color:#92a9b9;margin-bottom:14px}.intro h1{font:400 clamp(36px,4vw,58px)/1.1 Prata,Georgia,serif;letter-spacing:-2px}.intro h1 em{color:#b5f2ee}.intro-side{text-align:right;max-width:280px;flex:none}.intro-side p{font-size:15px;color:#a7b9c8;line-height:1.5;margin:0 0 13px}.intro-side a{font-size:14px;color:#cdf5f3}.intro-side b{font-size:21px;color:white;font-weight:500}.gallery{position:relative;border-top:1px solid #ffffff20;padding-top:22px}.gallery-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.current-name{font-size:18px;letter-spacing:-.4px;font-weight:500}.current-name span{color:#7d91a3;margin-left:16px;font-size:13px;font-weight:400;letter-spacing:0}.gallery-controls{display:flex;align-items:center;gap:9px}.count{font-size:13px;letter-spacing:2px;color:#a3b6c7;margin-right:14px}.control{background:#ffffff07;border:1px solid #ffffff25;border-radius:50%;width:38px;height:38px;color:white;cursor:pointer;display:grid;place-items:center;transition:.25s}.control:hover{background:#b5e9eb;color:#0c2331;border-color:#b5e9eb}.control.play{width:auto;border-radius:25px;padding:0 14px;font-size:12px;gap:8px;display:flex}.deck{position:relative;perspective:1800px;touch-action:pan-y;outline:none}.project{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:38px;padding:6px 5px 23px;--tone:#d9f47e}.project[hidden]{display:none!important}.demo-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;font-size:12px;letter-spacing:2px;color:#8395a6}.demo-label b{font-weight:500;color:#c6d2de}.modern .demo-label b{color:#bdf5ea}.demo-label span{letter-spacing:0;font-size:12px}.legacy{transform:perspective(1500px) rotateY(4deg);opacity:.8;min-width:0}.legacy .window{border:1px solid #8f949b;border-radius:10px;overflow:hidden}.window-bar{height:29px;background:#d6d9dd;display:flex;align-items:center;gap:5px;padding:0 12px;color:#676f78}.window-bar i{height:5px;width:5px;background:#8d969e;border-radius:50%}.window-bar span{font-size:10px;text-align:center;flex:1 1}.legacy-body{background:#efeee9;color:#25282b;height:340px;padding:19px;font-family:Georgia,serif;overflow:hidden}.legacy-logo{font-size:24px;line-height:1.15;font-weight:700;color:#5b5141}.legacy-nav{font:11px Arial;color:#244880;text-decoration:underline;border-top:1px solid #999;border-bottom:1px solid #999;padding:11px 0;margin:13px 0;word-spacing:13px}.legacy-feature{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.legacy-feature h3{font-size:24px;line-height:1.05;margin:7px 0 12px}.legacy-feature p{font:11px/1.5 Arial;margin:8px 0 12px}.legacy-feature img{width:100%;height:128px;object-fit:cover;filter:saturate(.4)}.legacy-button{display:inline-block;font:11px Arial;background:#cacaca;border:1px solid #777;padding:6px 12px}.legacy-foot{font-size:12px;text-align:center;border:1px solid #aaa;padding:12px 5px;margin-top:20px}.legacy-foot small{display:block;font:10px Arial;margin-top:8px}.modern{min-width:0;position:relative;transform:perspective(1400px) rotateY(-2deg);transition:transform .35s}.gloss-shell{padding:7px;border-radius:18px;border:1px solid #b4deef66;background:linear-gradient(135deg,#d9f7ff60,#24334750 33%,#6591ad40 78%,#e3fbff70);box-shadow:0 18px 55px #0008,0 0 40px #79bee713;position:relative;isolation:isolate;overflow:hidden}.gloss-shell:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx,80%) var(--my,0),#fff2,transparent 35%);opacity:.55}.modern .window{border-radius:11px;overflow:hidden;border:1px solid #ffffff15}.modern .window-bar{background:#1b2533;color:#91a5b9}.modern .window-bar i{background:#667988}.demo-site{height:405px;background:#0c191b;position:relative;overflow:hidden;color:white;container-type:inline-size}.demo-nav{height:53px;border-bottom:1px solid #ffffff22;display:flex;align-items:center;justify-content:space-between;padding:0 27px;position:relative;z-index:2}.demo-brand{font-size:19px;letter-spacing:-1px;font-weight:700}.demo-brand em{color:var(--tone);font-style:normal}.demo-nav-links{font-size:9px;word-spacing:17px}.demo-nav-cta{font-size:9px;color:var(--tone);border:1px solid;padding:7px 11px;border-radius:20px}.demo-main{height:297px;position:relative;padding:36px 28px;isolation:isolate;overflow:hidden}.demo-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;z-index:-2}.demo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071416ed,#08161788 48%,#08161700);z-index:-1}.demo-copy{position:relative;width:64%;z-index:1}.demo-kicker{font-size:9px;letter-spacing:2px;color:var(--tone);text-transform:uppercase}.demo-copy h3{font:700 clamp(30px,6cqw,47px)/.99 Arial,sans-serif;letter-spacing:-1.8px;margin:16px 0}.demo-copy h3 em{font-style:normal;color:var(--tone)}.demo-copy p{font-size:11px;line-height:1.55;color:#cdd7d7;max-width:220px;margin:13px 0}.demo-cta{font-size:9px;display:inline-flex;gap:17px;color:#15221b;background:var(--tone);padding:11px 15px;border-radius:3px;font-weight:700}.demo-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 27px;font-size:9px;letter-spacing:.5px;position:relative;z-index:2;background:inherit}.floating-detail{position:absolute;right:23px;bottom:21px;width:126px;padding:13px;background:#ecffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff5;border-radius:9px;z-index:1}.floating-detail b{display:block;font-size:14px;margin-bottom:5px}.floating-detail span{font-size:9px;line-height:1.4;color:#d0d9dc;display:block}.redesign-tag{position:absolute;right:19px;bottom:7px;z-index:4;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff,#dceafa 40%,#8fdae2);border:1px solid #fff;border-radius:30px;padding:10px 19px;color:#102839;box-shadow:0 5px 25px #0006}.redesign-tag small{font-size:10px;max-width:49px;line-height:1.15}.redesign-tag strong{font-size:27px;line-height:1;letter-spacing:-1px}.project:nth-child(2n) .legacy-body{background:#e4e8eb;font-family:Arial}.project:nth-child(2n) .legacy-logo{color:#233f68;font-size:22px}.project:nth-child(3n) .legacy-body{background:#eee5ce}.project:nth-child(3n) .legacy-logo{color:#845526;text-transform:uppercase}.project:nth-child(4n) .legacy-feature{grid-template-columns:1.1fr 1fr}.project:nth-child(4n) .legacy-nav{background:#244880;color:white;padding:9px 4px}.project:nth-child(5n) .legacy-body{font-family:Times New Roman,serif;background:#f5f5f5}.project:nth-child(5n) .legacy-logo{text-align:center;color:#771717;font-size:25px}.project:nth-child(5n) .legacy-foot{background:#ddddb7}.gallery-footer{justify-content:space-between;margin:7px 0 18px;color:#8295a7;font-size:12px}.gallery-footer,.style-name{display:flex;align-items:center}.style-name{gap:8px;color:#c2d2df}.style-name:before{content:"";height:5px;width:5px;background:var(--accent);border-radius:50%}.thumbs{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;padding:0 0 26px}.thumb{cursor:pointer;min-width:0;padding:0;border:0;color:#8498ab;background:none;text-align:left}.thumb-image{height:62px;position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:8px;padding:10px;background:#17222b;transition:.25s;display:flex;align-items:flex-end}.thumb-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.47;transition:.4s}.thumb-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050d19cc,transparent)}.thumb-image b{position:relative;z-index:1;color:white;font-size:12px;letter-spacing:-.4px}.thumb>span{font-size:10px;display:block;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb[aria-pressed=true]{color:white}.thumb[aria-pressed=true] .thumb-image{border-color:#bceef3;box-shadow:0 0 0 2px #9bdde825}.thumb:hover img{transform:scale(1.12);opacity:.7}.thumb[aria-pressed=true] .thumb-image img{opacity:.8}.gallery-note{font-size:11px;color:#74899c;text-align:center;margin:0 0 34px}.pricing{padding-top:40px}.section-head h2{font-size:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project.enter .modern{animation:card-enter .85s cubic-bezier(.16,1,.3,1) both}.project.enter .legacy{animation:old-enter .7s cubic-bezier(.16,1,.3,1) both}.project.enter .demo-copy>*{animation:content-enter .8s cubic-bezier(.16,1,.3,1) both}.project.enter .demo-copy h3{animation-delay:.09s}.project.enter .demo-copy p{animation-delay:.16s}.project.enter .demo-copy .demo-cta{animation-delay:.22s}.project.enter .redesign-tag{animation:badge-enter .9s cubic-bezier(.16,1,.3,1) .18s both}.project.active .demo-photo{animation:photo-drift 16s ease-in-out infinite alternate}.project.leaving{position:absolute;inset:0;pointer-events:none;z-index:2;animation:card-exit .32s ease both}.project.enter{--direction:1}@keyframes card-enter{0%{opacity:0;transform:translateX(calc(65px * var(--direction))) rotateY(-9deg) scale(.92)}to{opacity:1;transform:perspective(1400px) rotateY(-2deg)}}@keyframes old-enter{0%{opacity:0;transform:translateX(calc(35px * var(--direction))) scale(.96)}to{opacity:.8;transform:perspective(1500px) rotateY(4deg)}}@keyframes content-enter{0%{opacity:0;transform:translateY(19px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes card-exit{to{opacity:0;transform:translateX(calc(-35px * var(--direction))) scale(.975)}}@keyframes badge-enter{0%{opacity:0;transform:translateY(18px) rotate(8deg) scale(.8)}to{opacity:1;transform:none}}@keyframes photo-drift{0%{transform:scale(1)}to{transform:scale(1.075)}}.t-atlas{--tone:#e8e34e!important}.t-atlas .demo-site{background:#edeee7;color:#20291d}.t-atlas .demo-nav{border-color:#29341c25}.t-atlas .demo-brand em,.t-atlas .demo-nav-cta{color:#5a662f}.t-atlas .demo-main{padding:27px 26px;background:#edeee7}.t-atlas .demo-photo{inset:15px 18px 15px auto;width:48%;height:267px;border-radius:110px 110px 8px 8px;z-index:0}.t-atlas .demo-main:after{display:none}.t-atlas .demo-copy{width:49%}.t-atlas .demo-copy h3{font:400 6.2cqw/1.03 Georgia,serif;letter-spacing:-1.5px}.t-atlas .demo-copy h3 em{color:#6a703a;font-style:italic}.t-atlas .demo-copy p{color:#54604d}.t-atlas .demo-kicker{color:#67714d;letter-spacing:1.2px}.t-atlas .demo-cta{background:#25321f;color:#fff;border-radius:30px}.t-atlas .floating-detail{right:28px;bottom:24px;background:#eef0dfd9;color:#263020;border-color:#fff}.t-atlas .floating-detail span{color:#556046}.t-atlas .demo-bottom{border-top:1px solid #25321f33}.t-summit{--tone:#abe6ff!important}.t-summit .demo-site{background:#0b2031}.t-summit .demo-nav{margin:12px 20px 0;height:42px;border:1px solid #c7f4ff33;border-radius:30px;background:#ffffff0b}.t-summit .demo-main{height:296px;text-align:center;padding:26px 22px}.t-summit .demo-photo{opacity:.6;object-position:center 35%}.t-summit .demo-main:after{background:linear-gradient(#0b203177,#0b203144 50%,#0b2031)}.t-summit .demo-copy{width:100%}.t-summit .demo-copy h3{font:400 6.6cqw/1.08 Georgia,serif;letter-spacing:-1px}.t-summit .demo-copy p{margin:10px auto;max-width:250px}.t-summit .demo-cta{border-radius:30px;background:linear-gradient(#fff,#bcdcec);padding:10px 19px}.t-summit .floating-detail{display:none}.t-summit .demo-bottom{border-top:1px solid #ffffff22}.t-terra{--tone:#fe672b!important}.t-terra .demo-site{background:#eeeae3;color:#1e1d18}.t-terra .demo-nav{border-color:#241e192b}.t-terra .demo-brand{font-style:italic}.t-terra .demo-main{padding:27px 25px}.t-terra .demo-main:after{background:linear-gradient(90deg,#eeeae3 47%,transparent 0)}.t-terra .demo-photo{left:47%;width:53%;object-position:70% center}.t-terra .demo-copy{width:56%}.t-terra .demo-copy h3{font:900 7.2cqw/.91 Arial,sans-serif;text-transform:uppercase;letter-spacing:-2.3px}.t-terra .demo-copy h3 em{color:#fe672b}.t-terra .demo-copy p{color:#5b554b;max-width:180px}.t-terra .demo-kicker{color:#827970}.t-terra .demo-cta{background:#fe672b;color:white;border-radius:0}.t-terra .floating-detail{right:12px;bottom:17px;width:124px;background:#fe672b;color:white;border:none;border-radius:0}.t-terra .floating-detail span{color:#fff}.t-terra .demo-bottom{background:#1e211f;color:white}.t-mono{--tone:#d9f7ec!important}.t-mono .demo-site{background:#f7f8fa;color:#101715}.t-mono .demo-nav{border-color:#151e2222}.t-mono .demo-brand em,.t-mono .demo-nav-cta{color:#52625d}.t-mono .demo-main{height:297px;padding:22px 27px;background:#f7f8fa}.t-mono .demo-photo{inset:12px 16px 12px auto;width:50%;height:273px;border-radius:12px;z-index:0}.t-mono .demo-main:after{display:none}.t-mono .demo-copy{width:47%;padding-top:5px}.t-mono .demo-copy h3{font-size:5.8cqw;font-weight:500;line-height:1.07;letter-spacing:-1.7px}.t-mono .demo-copy h3 em{color:#82938d}.t-mono .demo-kicker{color:#64796e;font-size:8px}.t-mono .demo-copy p{color:#65716c}.t-mono .demo-cta{border-radius:25px;background:#182620;color:white}.t-mono .floating-detail{background:#fcfffcdf;color:#182620;right:25px;bottom:27px;border-color:#fff}.t-mono .floating-detail span{color:#5c6e60}.t-mono .demo-bottom{border-top:1px solid #1d2a2022}.t-grid{--tone:#9bf3bd!important}.t-grid .demo-site{background:#0c2626}.t-grid .demo-main{padding:29px 26px;background-image:linear-gradient(#94edc210 1px,transparent 0),linear-gradient(90deg,#94edc210 1px,transparent 0);background-size:30px 30px}.t-grid .demo-main:after{display:none}.t-grid .demo-photo{z-index:0;width:43%;height:228px;inset:35px 22px auto auto;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);filter:saturate(.6)}.t-grid .demo-copy{width:58%}.t-grid .demo-copy h3{font:500 6cqw/1.02 Hanken Grotesk,Arial,sans-serif;letter-spacing:-1.9px}.t-grid .demo-kicker{font-family:monospace;letter-spacing:1.5px}.t-grid .demo-cta{background:transparent;color:#abefcf;border:1px solid #9bf3bd55;border-radius:0}.t-grid .floating-detail{border-radius:0;background:#0c2626dc;bottom:8px;right:18px}.t-grid .demo-bottom{border-top:1px solid #9bf3bd33;color:#9bf3bd;font-family:monospace}.t-forge{--tone:#ffbb40!important}.t-forge .demo-site{background:#131312}.t-forge .demo-main{padding-top:23px}.t-forge .demo-photo{filter:saturate(.6) brightness(.65);object-position:center 50%}.t-forge .demo-main:after{background:linear-gradient(0deg,#131312,#13131222 70%)}.t-forge .demo-copy{width:100%}.t-forge .demo-copy h3{font:900 8.5cqw/.91 Arial,sans-serif;letter-spacing:-3px;text-transform:uppercase;width:82%}.t-forge .demo-copy h3 em{-webkit-text-stroke:1px #ffbb40;color:transparent}.t-forge .demo-copy p{max-width:240px}.t-forge .demo-bottom{background:#ffbb40;color:#1a1915;font-weight:700}.t-forge .floating-detail{background:#141612bb;right:20px;bottom:21px}.t-north{--tone:#c4c1ff!important}.t-north .demo-site{background:#121122}.t-north .demo-nav{border:none}.t-north .demo-main{padding:23px 25px;background:radial-gradient(ellipse at 70% 50%,#837ccb55,transparent 66%)}.t-north .demo-main:after{display:none}.t-north .demo-photo{z-index:0;inset:23px 18px auto auto;width:52%;height:250px;border-radius:16px;transform:rotate(4deg)!important;animation:none!important;opacity:.85}.t-north .demo-copy{width:56%;padding:8px 0}.t-north .demo-copy h3{font:500 5.8cqw/1.06 Hanken Grotesk,Arial,sans-serif;letter-spacing:-1.8px}.t-north .demo-kicker{border:1px solid #c4c1ff55;border-radius:20px;padding:5px 8px;font-size:7px;letter-spacing:1px;display:inline-block}.t-north .demo-cta{border-radius:30px;background:linear-gradient(135deg,#f4f2ff,#aba6f5);box-shadow:0 0 15px #a095ee33}.t-north .floating-detail{background:#c9beff26;bottom:22px;right:30px}.t-north .demo-bottom{background:#ffffff07;border-top:1px solid #ffffff15}.t-lift{--tone:#167aee!important}.t-lift .demo-site{background:#e9f1f6;color:#0d2946}.t-lift .demo-nav{border-color:#17375122}.t-lift .demo-main{padding:28px}.t-lift .demo-main:after{background:linear-gradient(90deg,#e9f1f6 10%,#e9f1f6eb 48%,#e9f1f633)}.t-lift .demo-photo{width:70%;left:30%;height:100%;object-position:center 30%}.t-lift .demo-copy{width:68%}.t-lift .demo-copy h3{font-size:6.8cqw;font-weight:800;letter-spacing:-2px}.t-lift .demo-copy p{color:#54708a}.t-lift .demo-cta{background:#167aee;color:white;border-radius:6px}.t-lift .floating-detail{background:#fff;color:#19334a;border:none;border-radius:9px;width:105px}.t-lift .floating-detail span{color:#5a7590}.t-lift .demo-bottom{background:#0e3458;color:#fff}.t-sterling{--tone:#ddc99c!important}.t-sterling .demo-site{background:#171919}.t-sterling .demo-brand{font:400 19px Georgia,serif;letter-spacing:1px}.t-sterling .demo-main{text-align:center;padding:23px 20px}.t-sterling .demo-photo{filter:brightness(.4) saturate(.3)}.t-sterling .demo-main:after{background:linear-gradient(#17191988,#17191922,#171919)}.t-sterling .demo-copy{width:100%}.t-sterling .demo-kicker{font-size:8px;letter-spacing:3px}.t-sterling .demo-copy h3{font:400 6.5cqw/1.05 Georgia,serif;letter-spacing:-1px;margin:18px 0 12px}.t-sterling .demo-copy h3 em{font-style:italic}.t-sterling .demo-copy p{margin:12px auto;color:#c0bcae}.t-sterling .demo-cta{background:none;border:1px solid #ddc99c88;color:#ddc99c;border-radius:0;letter-spacing:1.4px;text-transform:uppercase}.t-sterling .floating-detail{display:none}.t-sterling .demo-bottom{font-family:Georgia,serif;letter-spacing:1px;color:#c4bba6;border-top:1px solid #ddc99c33}@media(min-width:1550px){.intro{padding-top:55px}.demo-site{height:445px}.demo-main{height:337px}.legacy-body{height:369px}.t-atlas .demo-photo{height:307px}.t-mono .demo-main,.t-summit .demo-main{height:336px}.t-mono .demo-photo{height:313px}.t-grid .demo-photo{height:266px}.t-north .demo-photo{height:289px}.thumb-image{height:77px}}@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.project{gap:20px;grid-template-columns:.8fr 1.2fr}.demo-nav{padding:0 17px}.demo-nav-links{display:none}.demo-main{padding:27px 18px}.demo-copy h3{font-size:6.8cqw}.legacy-body{padding:14px;height:319px}.legacy-feature{gap:8px}.legacy-feature h3{font-size:21px}.legacy-feature img{height:109px}.legacy-logo{font-size:21px}.legacy-nav{word-spacing:6px}.legacy-foot{font-size:10px;margin-top:15px}.demo-site{height:370px}.demo-main{height:262px}.demo-copy p{font-size:10px}.floating-detail{width:100px;right:13px;bottom:12px;padding:10px}.floating-detail b{font-size:12px}.demo-bottom,.floating-detail span{font-size:8px}.demo-bottom{padding:16px}.thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.thumb-image{height:65px}.thumb>span{font-size:11px}.intro h1{font-size:43px}.t-atlas .demo-photo{height:232px}.t-mono .demo-main,.t-summit .demo-main{height:261px}.t-mono .demo-photo{height:237px}.t-grid .demo-photo{height:210px;top:25px}.t-north .demo-photo{height:226px}.t-atlas .demo-main,.t-grid .demo-main,.t-lift .demo-main,.t-mono .demo-main,.t-north .demo-main{padding-left:19px}.t-atlas .demo-copy h3,.t-mono .demo-copy h3,.t-north .demo-copy h3{font-size:6.5cqw}}@media(max-width:650px){.wrap{width:calc(100% - 30px)}header{height:72px}.intro{padding:28px 0 22px;display:block}.intro h1{font-size:37px;letter-spacing:-1.4px}.intro .eyebrow{font-size:10px;letter-spacing:1.8px}.intro-side{text-align:left;max-width:none;margin-top:15px}.intro-side p{display:none}.intro-side a{font-size:13px}.intro-side b{font-size:17px}.gallery{padding-top:16px}.gallery-head{align-items:center;gap:8px}.current-name{font-size:16px}.current-name span{display:block;margin:4px 0 0;font-size:11px}.gallery-controls{gap:6px}.count{font-size:11px;letter-spacing:1px;margin-right:5px}.control{width:33px;height:33px}.control.play{width:33px;padding:0;font-size:11px;justify-content:center}.play-label{display:none}.project{grid-template-columns:1fr;gap:21px;padding:0 2px 21px}.legacy{width:84%;transform:none!important;justify-self:start}.legacy .window-bar{height:20px}.legacy .window-bar span{font-size:8px}.legacy-body{height:184px;padding:10px 12px}.legacy-logo,.project:nth-child(2n) .legacy-logo,.project:nth-child(5n) .legacy-logo{font-size:15px;text-align:left}.legacy-nav{font-size:8px;padding:5px 0;margin:6px 0;word-spacing:9px}.legacy-feature{grid-template-columns:1.05fr 1fr;gap:10px}.legacy-feature h3{font-size:16px;margin:4px 0}.legacy-feature p{font-size:8px;line-height:1.35;margin:5px 0}.legacy-feature img{height:76px}.legacy-button{font-size:8px;padding:4px 8px}.legacy-foot{font-size:8px;margin-top:6px;padding:5px}.legacy-foot small{display:none}.demo-label{margin-bottom:8px}.demo-label,.demo-label span{font-size:10px}.modern{width:100%;transform:none!important}.demo-site{height:340px}.demo-nav{height:44px;padding:0 15px}.demo-brand{font-size:17px}.demo-nav-cta{font-size:8px;padding:6px 9px}.demo-main{height:248px;padding:27px 19px}.demo-bottom{font-size:7px;padding:17px 15px}.demo-copy h3{font-size:8cqw;letter-spacing:-1.3px}.demo-copy p{font-size:10px;max-width:170px}.demo-kicker{font-size:8px;letter-spacing:1.3px}.demo-cta{padding:9px 12px;font-size:8px}.floating-detail{width:100px;right:10px;bottom:12px}.gloss-shell{padding:5px;border-radius:14px}.redesign-tag{right:13px;bottom:-14px;padding:8px 14px}.redesign-tag strong{font-size:24px}.redesign-tag small{font-size:9px}.gallery-footer{font-size:10px;margin:13px 0 16px}.gallery-footer>span:last-child{max-width:95px;text-align:right}.thumbs{gap:10px 7px;padding-bottom:22px}.thumb-image{height:49px;padding:6px;border-radius:6px}.thumb-image b{font-size:9px}.thumb>span{font-size:8px;line-height:1.4}.gallery-note{font-size:10px;line-height:1.5;margin-bottom:25px}.t-atlas .demo-photo{height:217px;width:48%}.t-atlas .demo-copy h3{font-size:7.4cqw}.t-atlas .demo-copy p{max-width:145px}.t-summit .demo-nav{height:37px;margin:7px 10px 0}.t-summit .demo-main{height:249px;padding-top:27px}.t-summit .demo-copy h3{font-size:8.5cqw}.t-summit .demo-copy p{font-size:10px}.t-terra .demo-copy h3{font-size:8.6cqw;letter-spacing:-1.5px}.t-terra .demo-copy p{max-width:135px}.t-terra .floating-detail{width:105px}.t-mono .demo-main{height:249px}.t-mono .demo-photo{height:224px;right:10px}.t-mono .demo-copy h3{font-size:7.3cqw}.t-mono .floating-detail{right:17px;bottom:16px;width:95px}.t-grid .demo-photo{width:43%;right:12px;top:25px;height:203px}.t-grid .demo-copy h3{font-size:7.1cqw}.t-grid .demo-copy p{max-width:153px}.t-forge .demo-copy h3{font-size:10.5cqw;letter-spacing:-2px}.t-forge .demo-copy p{max-width:180px}.t-north .demo-photo{height:213px;width:49%;right:12px}.t-north .demo-copy h3{font-size:7.1cqw}.t-north .demo-kicker{font-size:6px;letter-spacing:.4px;padding:5px 6px}.t-north .floating-detail{right:18px;bottom:12px;width:99px}.t-north .demo-copy p{max-width:149px}.t-lift .demo-copy h3{font-size:8.1cqw}.t-lift .demo-copy p{max-width:170px}.t-lift .floating-detail{width:88px}.t-sterling .demo-copy h3{font-size:8.3cqw}.t-sterling .demo-copy p{max-width:215px}.pricing{padding-top:28px}.section-head h2{font-size:26px}.section-head p{font-size:14px}.intro-side a{display:inline-block}.gallery-controls .count{display:none}}@media(prefers-reduced-motion:reduce){.project.active .demo-photo,.project.enter .demo-copy>*,.project.enter .legacy,.project.enter .modern,.project.enter .redesign-tag,.project.leaving{animation:none!important}.gloss-shell:after,.project.leaving{display:none}.thumb-image img{transition:none}}@media(max-width:1000px){.demo-copy h3{margin:12px 0}.demo-copy p{margin:9px 0}.demo-main{padding-top:22px;padding-bottom:20px}.t-atlas .demo-copy h3,.t-grid .demo-copy h3,.t-mono .demo-copy h3,.t-north .demo-copy h3{font-size:6cqw}}@media(max-width:650px){.demo-copy h3{font-size:7.1cqw;margin:12px 0}.demo-copy p{margin:9px 0}.demo-main{padding-top:22px;padding-bottom:18px}.t-atlas .demo-copy h3,.t-mono .demo-copy h3,.t-north .demo-copy h3{font-size:6.8cqw}.t-grid .demo-copy h3{font-size:6.7cqw}.t-forge .demo-copy h3{font-size:10cqw}.t-terra .demo-copy h3{font-size:8.6cqw}.t-sterling .demo-copy h3,.t-summit .demo-copy h3{font-size:7.8cqw}.t-lift .demo-copy h3{font-size:8cqw}}.scroll-site{overflow:visible}.scroll-site .intro{padding-top:37px;padding-bottom:30px}.scroll-track{position:relative}.scroll-track.is-pinned{height:calc(100svh * 10)}.scroll-stage{position:relative;padding:20px 0 15px;border-top:1px solid #ffffff23;isolation:isolate}.is-pinned .scroll-stage{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.three-scene{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.three-scene canvas{display:block;width:100%;height:100%}.scroll-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.portfolio-kicker{font-size:11px;letter-spacing:2.8px;color:#93aabb;display:block;margin-bottom:10px}.scroll-controls{display:flex;align-items:center;gap:20px}.skip{font-size:14px;color:#b6d7e6}.scroll-deck{outline:none;perspective:1600px;position:relative}.scroll-deck:focus-visible{outline:1px solid #87dce1;outline-offset:8px;border-radius:10px}.scroll-pair[hidden]{display:none!important}.scroll-site .project{padding:8px 5px 27px}.scroll-site .pair-active .modern{animation:scroll-after .85s cubic-bezier(.16,1,.3,1) both}.scroll-site .pair-active .legacy{animation:scroll-before .8s cubic-bezier(.16,1,.3,1) both}.pair-active .demo-copy>*{animation:scroll-text .75s cubic-bezier(.16,1,.3,1) both}.pair-active .demo-copy h3{animation-delay:.08s}.pair-active .demo-copy p{animation-delay:.14s}.pair-active .demo-cta{animation-delay:.2s}.pair-active .redesign-tag{animation:badge-enter .8s cubic-bezier(.16,1,.3,1) .2s both}.pair-active .demo-photo{animation:photo-drift 16s ease-in-out infinite alternate}.scroll-bottom{justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;color:#95aaba}.chapter-nav,.scroll-bottom{display:flex;align-items:center}.chapter-nav{gap:4px}.chapter-nav button{border:0;background:transparent;cursor:pointer;width:24px;height:30px;display:grid;place-items:center;padding:5px}.chapter-nav button span{height:3px;width:100%;background:#ffffff27;border-radius:4px;transition:background .3s,transform .3s}.chapter-nav button[aria-current] span{background:#b5eff1;transform:scaleY(1.8)}.chapter-nav button:hover span{background:#a6d5e1}.scroll-instruction{white-space:nowrap;display:flex;align-items:center;gap:12px}.scroll-instruction>span{font-size:24px;color:#bbecf0;animation:scroll-cue 2s ease-in-out infinite}.natural-caption{display:flex;align-items:center;gap:16px;margin:24px 0;color:#95aabd;font-size:13px}.natural-caption h2{font-weight:500;font-size:21px;color:#f0f4f8;margin:0}.natural-caption>span:last-child{margin-left:auto}.natural-style{font-size:13px;color:#91aebf;margin:10px 0 0}.pair-natural{padding:22px 0 60px;border-bottom:1px solid #ffffff1f;scroll-margin-top:20px}.is-natural .scroll-heading{margin-bottom:0}.is-natural .count{display:none}.scroll-site .contact h2{font-size:clamp(28px,3.1vw,43px);letter-spacing:-1px;line-height:1.23}.scroll-site .contact p{max-width:640px;font-size:16px;line-height:1.7}.scroll-site .contact{padding:55px 0 65px;gap:40px}.scroll-site .contact>div:last-child{flex:none}.scroll-site .contact .pill{font-size:15px}.scroll-site .gallery-note{margin-top:20px}.is-pinned+.gallery-note{margin-top:22px}@keyframes scroll-after{0%{opacity:0;transform:translateY(55px) translateZ(-160px) rotateX(8deg) rotateY(-9deg)}to{opacity:1;transform:perspective(1400px) rotateY(-2deg)}}@keyframes scroll-before{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:.8;transform:perspective(1500px) rotateY(4deg)}}@keyframes scroll-text{0%{opacity:0;transform:translateY(18px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes scroll-cue{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media(max-width:1000px){.scroll-bottom{gap:12px}.scroll-bottom .style-name{max-width:190px;font-size:11px}.scroll-controls{gap:12px}.chapter-nav button{width:18px}.scroll-site .contact{display:block}.scroll-site .contact>div:last-child{margin-top:24px;display:inline-block}}@media(max-width:759px){.scroll-site .intro{padding:29px 0 22px}.scroll-site .intro-side p{display:block;text-align:left;font-size:14px;margin:12px 0}.scroll-heading .current-name span{font-size:12px;line-height:1.5}.portfolio-kicker{font-size:10px}.skip{font-size:12px;white-space:nowrap}.natural-caption{gap:10px;flex-wrap:wrap;margin:10px 0 22px}.natural-caption h2{font-size:19px}.natural-caption>span:last-child{width:100%;margin-left:0;font-size:12px}.pair-natural{padding:18px 0 45px}.natural-style{font-size:12px}.scroll-site .contact h2{font-size:29px}.scroll-site .contact{padding:35px 0}.scroll-site .contact .pill{font-size:14px;padding:16px 22px}.scroll-site .project{padding-bottom:28px}.scroll-site .legacy{width:88%}.scroll-instruction{font-size:11px}}@media(prefers-reduced-motion:reduce){.scroll-site *{animation:none!important;scroll-behavior:auto!important}.three-scene{display:none}}.scroll-site .project{grid-template-columns:.66fr 1.34fr;gap:45px;align-items:center;padding:15px 10px 38px}.scroll-site .legacy{opacity:.63;filter:saturate(.5);transform:perspective(1500px) rotateY(8deg) scale(.96)}.scroll-site .modern{position:relative;isolation:isolate}.after-aura{position:absolute;inset:4% -4% -6%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 24%,transparent),transparent 65%);filter:blur(35px)}.scroll-site .gloss-shell{padding:8px;border-radius:20px;border-color:#dcf8ff9c;background:linear-gradient(140deg,#ebfbffad,#5b748951 22%,#212d4433 50%,#8cb2cf79 83%,#ebfaffb3);box-shadow:0 32px 75px -20px #000d,0 0 0 1px #b4e4fa1c,inset 0 1px 0 #fff9,0 0 48px -12px color-mix(in srgb,var(--tone) 32%,transparent);transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.2,.8,.2,1);overflow:hidden}.scroll-site .gloss-shell:after{background:radial-gradient(ellipse at var(--shine-x,90%) var(--shine-y,0),#fff3,transparent 40%);opacity:.6}.specular-sweep{position:absolute;inset:-50% -80%;pointer-events:none;z-index:4;background:linear-gradient(112deg,transparent 42%,#fff0 45%,#fff4 49%,#fff0 54%,transparent 57%);transform:translateX(-65%);opacity:0}.pair-active .specular-sweep,.pair-natural[data-revealed] .specular-sweep{animation:premium-sweep 1.8s cubic-bezier(.2,.65,.3,1) .15s both}.scroll-site .modern .window{border-radius:12px}.scroll-site .modern .window-bar{height:25px;background:#111c28;color:#7e98b0}.scroll-site .demo-site{height:452px}.scroll-site .demo-nav{height:59px;padding:0 31px}.scroll-site .demo-brand{font-size:22px;letter-spacing:-1.1px}.scroll-site .demo-nav-links{font-size:10px;word-spacing:21px;color:inherit;opacity:.7}.scroll-site .demo-nav-cta{padding:9px 13px;font-size:10px}.scroll-site .demo-main{height:306px;padding:35px 31px}.scroll-site .demo-copy h3{font-size:clamp(32px,5.8cqw,54px);line-height:1.01;letter-spacing:-1.9px;margin:16px 0}.scroll-site .demo-copy p{font-size:12px;line-height:1.6;max-width:260px}.scroll-site .demo-kicker{font-size:9px;letter-spacing:2px}.scroll-site .demo-cta{font-size:10px;padding:13px 17px}.scroll-site .floating-detail{padding:16px;width:149px;right:26px;bottom:25px;border-radius:11px;box-shadow:0 10px 25px #0002}.scroll-site .floating-detail b{font-size:16px;font-weight:500}.scroll-site .floating-detail span{font-size:10px;line-height:1.5}.scroll-site .premium-catalog{height:87px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #80808035}.premium-catalog>div{display:flex;align-items:center;gap:13px;min-width:0;height:100%}.premium-catalog>div+div{border-left:1px solid #80808035;padding-left:20px}.premium-catalog .catalog-number{font-size:12px;opacity:.45;font-family:Georgia,serif}.premium-catalog small{display:block;font-size:7px;letter-spacing:1.2px;opacity:.55;margin-bottom:7px;line-height:1.3}.premium-catalog b{font-size:13px;font-weight:500;letter-spacing:-.2px;display:block}.premium-catalog em{margin-left:auto;font:18px Arial;opacity:.65}.scroll-site .modern .demo-label{margin:0 0 15px}.scroll-site .modern .demo-label b{font-size:13px;letter-spacing:3px;color:#e1fcff}.scroll-site .modern .demo-label span{color:#95b8c5}.scroll-site .redesign-tag{bottom:-5px;right:28px;border-radius:14px;padding:14px 21px;gap:15px;box-shadow:0 14px 32px #0008,inset 0 1px 0 #fff}.scroll-site .redesign-tag strong{font-size:33px}.scroll-site .redesign-tag small{font-size:11px;line-height:1.25}.pair-natural[data-revealed] .modern,.scroll-site .pair-active .modern{animation:premium-after 1.1s cubic-bezier(.16,1,.3,1) both}.scroll-site .pair-active .legacy{animation:premium-before .85s cubic-bezier(.16,1,.3,1) both}.pair-active .demo-copy h3,.pair-natural[data-revealed] .demo-copy h3{animation:premium-type 1.05s cubic-bezier(.16,1,.3,1) .14s both}.pair-active .demo-photo{animation:premium-photo 1.5s cubic-bezier(.16,1,.3,1) both}.pair-natural[data-revealed] .redesign-tag{animation:badge-enter 1.1s cubic-bezier(.16,1,.3,1) .4s both}.scroll-site .t-atlas .demo-copy h3{font:400 5.9cqw/1.05 Georgia,serif}.scroll-site .t-atlas .demo-photo{height:277px;width:48%;border-radius:160px 160px 8px 8px;right:20px;top:15px}.scroll-site .t-summit .demo-nav{height:43px;margin:16px 24px 0}.scroll-site .t-summit .demo-copy h3{font:400 6.1cqw/1.08 Georgia,serif}.scroll-site .t-summit .demo-main{padding-top:26px}.scroll-site .t-summit .demo-photo{opacity:.78}.scroll-site .t-terra .demo-copy h3{font:900 7.5cqw/.9 Arial,sans-serif;letter-spacing:-3px}.scroll-site .t-terra .demo-photo{object-position:70% center}.scroll-site .t-mono .demo-photo{height:278px;top:14px;width:49%;border-radius:70px 12px 12px 12px}.scroll-site .t-mono .demo-copy h3{font-weight:500;font-size:5.4cqw;line-height:1.1}.scroll-site .t-grid .demo-photo{height:252px;top:27px;right:23px}.scroll-site .t-grid .demo-copy h3{font:500 5.8cqw/1.04 Hanken Grotesk,Arial,sans-serif}.scroll-site .t-forge .demo-copy h3{font:900 8.1cqw/.92 Arial,sans-serif;letter-spacing:-3.7px}.scroll-site .t-forge .demo-photo{filter:brightness(.79) saturate(.7)}.scroll-site .t-north .demo-photo{height:254px;top:24px;right:22px;border-radius:18px}.scroll-site .t-north .demo-copy h3{font:500 5.7cqw/1.05 Hanken Grotesk,Arial,sans-serif}.scroll-site .t-north .demo-kicker{font-size:8px;letter-spacing:.8px}.scroll-site .t-lift .demo-copy h3{font-size:6.6cqw;line-height:.99}.scroll-site .t-sterling .demo-copy h3{font:400 6cqw/1.08 Georgia,serif}.scroll-site .t-sterling .demo-photo{filter:brightness(.5) saturate(.35)}.scroll-site .t-sterling .demo-cta{padding:12px 20px}.scroll-site .t-sterling .demo-copy p,.scroll-site .t-summit .demo-copy p{margin:13px auto}@keyframes premium-after{0%{opacity:0;transform:perspective(1400px) translateY(65px) translateZ(-140px) rotateY(-16deg) rotateX(7deg) scale(.94);clip-path:inset(0 0 25% 0 round 22px)}to{opacity:1;transform:perspective(1400px) rotateY(-2deg);clip-path:inset(-15% -15% -20% -15% round 22px)}}@keyframes premium-before{0%{opacity:.15;transform:perspective(1500px) translateY(15px) rotateY(13deg) scale(.91)}to{opacity:.63;transform:perspective(1500px) rotateY(8deg) scale(.96)}}@keyframes premium-type{0%{opacity:0;transform:translateY(28px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes premium-photo{0%{transform:scale(1.18);filter:brightness(.65)}to{transform:scale(1);filter:brightness(1)}}@keyframes premium-sweep{0%{transform:translateX(-65%);opacity:0}25%{opacity:.75}to{transform:translateX(65%);opacity:0}}@media(min-width:760px) and (max-height:820px){.scroll-site .demo-site{height:389px}.scroll-site .demo-nav{height:47px}.scroll-site .demo-main{height:270px;padding-top:24px;padding-bottom:20px}.scroll-site .premium-catalog{height:72px}.scroll-site .demo-copy h3{font-size:5.2cqw;margin:12px 0}.scroll-site .demo-copy p{font-size:11px;margin:9px 0}.scroll-site .demo-cta{padding:10px 14px}.scroll-site .t-atlas .demo-photo,.scroll-site .t-mono .demo-photo{height:241px}.scroll-site .t-grid .demo-photo,.scroll-site .t-north .demo-photo{height:219px;top:24px}.scroll-site .t-summit .demo-nav{height:36px;margin-top:11px}.scroll-site .t-forge .demo-copy h3{font-size:7.2cqw}.scroll-site .t-terra .demo-copy h3{font-size:6.9cqw}}@media(max-width:1000px){.scroll-site .project{grid-template-columns:.68fr 1.32fr;gap:24px}.scroll-site .demo-nav{padding:0 21px}.scroll-site .demo-nav-links{display:none}.scroll-site .demo-main{padding-left:22px;padding-right:22px}.scroll-site .floating-detail{width:116px;padding:12px;right:17px;bottom:20px}.scroll-site .floating-detail b{font-size:13px}.scroll-site .floating-detail span{font-size:9px}.scroll-site .premium-catalog{padding:0 19px;gap:12px}.premium-catalog>div{gap:8px}.premium-catalog>div+div{padding-left:12px}.premium-catalog b{font-size:11px}.premium-catalog small{font-size:6px}.premium-catalog .catalog-number{font-size:10px}}@media(max-width:759px){.scroll-site .project{grid-template-columns:1fr;gap:26px;padding:10px 0 36px}.scroll-site .legacy{width:83%}.scroll-site .modern{width:100%}.scroll-site .demo-site{height:382px}.scroll-site .demo-nav{height:46px;padding:0 17px}.scroll-site .demo-brand{font-size:18px}.scroll-site .demo-nav-cta{font-size:8px;padding:7px 10px}.scroll-site .demo-main{height:262px;padding:24px 20px}.scroll-site .demo-copy h3{font-size:7cqw;letter-spacing:-1.2px;margin:12px 0}.scroll-site .demo-copy p{font-size:10px;max-width:172px;margin:10px 0}.scroll-site .demo-kicker{font-size:7px;letter-spacing:1.1px}.scroll-site .demo-cta{font-size:8px;padding:10px 12px}.scroll-site .premium-catalog{height:74px;padding:0 15px}.scroll-site .floating-detail{width:100px;padding:11px;right:13px;bottom:16px}.scroll-site .floating-detail b{font-size:12px}.scroll-site .floating-detail span{font-size:8px}.scroll-site .redesign-tag{right:16px;bottom:-11px;padding:11px 16px}.scroll-site .redesign-tag strong{font-size:27px}.scroll-site .redesign-tag small{font-size:9px}.scroll-site .t-atlas .demo-photo,.scroll-site .t-mono .demo-photo{height:233px;top:15px;right:12px}.scroll-site .t-atlas .demo-copy h3{font-size:7cqw}.scroll-site .t-summit .demo-nav{height:36px;margin:10px 13px 0}.scroll-site .t-sterling .demo-copy h3,.scroll-site .t-summit .demo-copy h3{font-size:7.6cqw}.scroll-site .t-terra .demo-copy h3{font-size:8.4cqw;letter-spacing:-1.5px}.scroll-site .t-mono .demo-copy h3{font-size:6.8cqw}.scroll-site .t-grid .demo-photo,.scroll-site .t-north .demo-photo{height:216px;top:23px;right:12px}.scroll-site .t-grid .demo-copy h3,.scroll-site .t-north .demo-copy h3{font-size:6.7cqw}.scroll-site .t-forge .demo-copy h3{font-size:9.9cqw;letter-spacing:-2px}.scroll-site .t-lift .demo-copy h3{font-size:8cqw}.scroll-site .t-north .demo-kicker{font-size:6px;letter-spacing:.3px}.scroll-site .gloss-shell{transform:none!important}.scroll-site .modern .demo-label b{font-size:11px}.after-aura{filter:blur(22px)}}@media(prefers-reduced-motion:reduce){.scroll-site .demo-copy>*,.scroll-site .demo-photo,.scroll-site .gloss-shell,.scroll-site .legacy,.scroll-site .modern{animation:none!important;transform:none!important}.specular-sweep{display:none}}.scroll-site .indonesia-hero{display:block;text-align:center;padding:48px 0 40px}.indonesia-hero .eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:19px}.indonesia-hero h1{font-family:Hanken Grotesk,Arial,sans-serif;font-weight:600;font-size:clamp(52px,6.4vw,88px);letter-spacing:-4px;line-height:.98}.indonesia-hero h1 em{background:linear-gradient(105deg,#fafcff 5%,#b0f3ef 55%,#70b6df);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;padding-bottom:.1em}.hero-one-line{font-size:17px;color:#a6bacb;margin:21px 0}.hero-demo-cta{font-size:14px;padding:14px 25px}.scroll-track.is-pinned{height:calc(100svh * var(--sample-count,3))}.live-project>div:first-child{min-width:0}.live-project .legacy{width:100%}.live-modern{--tone:#b8eaff}.live-preview{height:425px;position:relative;overflow:hidden;background:#edf1f5;--preview-scale:.5}.live-preview iframe{position:absolute;left:0;top:0;width:1440px;height:1100px;border:0;transform:scale(var(--preview-scale));transform-origin:top left;background:white;pointer-events:none}.preview-link{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:linear-gradient(0deg,#06142455,transparent 28%)}.preview-link>span{background:#071727d9;color:white;border:1px solid #ffffff70;border-radius:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 20px;font-size:13px;box-shadow:0 5px 20px #0004;transition:transform .3s,background .3s}.preview-link:hover>span{transform:translateY(-5px);background:#132f44}.preview-link:focus-visible{outline-offset:-5px;outline:3px solid #82cedf}.demo-fallback{height:100%;display:flex;flex-direction:column;justify-content:center;padding:35px;background:radial-gradient(ellipse at 90% 0,#245676,#0b1b2b 70%);color:white}.demo-fallback>span{font-size:10px;letter-spacing:3px;color:#b0e5e8}.demo-fallback strong{font-size:36px;max-width:420px;line-height:1.15;margin-top:20px}.demo-fallback p{font-size:14px;color:#b9cdda}.scroll-site .live-modern .redesign-tag strong{font-size:22px;letter-spacing:-.5px}.scroll-site .live-modern .redesign-tag{bottom:-6px}.scroll-site .live-modern .demo-label span{font-size:12px}.scroll-site .live-project .legacy .demo-label{font-size:10px;letter-spacing:1px}.scroll-site .live-project .legacy .demo-label>span{display:none}.scroll-site .live-project .legacy .legacy-logo{font-size:22px}.scroll-site .gallery-note{max-width:700px;margin:25px auto;font-size:12px;line-height:1.6}.is-natural .live-project{padding-bottom:40px}.chapter-nav button{width:42px}.scroll-stage{background:radial-gradient(ellipse at 85% 50%,#29476428,transparent 65%)}@media(min-width:760px) and (max-height:820px){.live-preview{height:365px}.scroll-site .indonesia-hero{padding-top:32px;padding-bottom:30px}.indonesia-hero h1{font-size:65px}}@media(max-width:759px){.scroll-site .indonesia-hero{padding:36px 0 29px}.indonesia-hero h1{font-size:57px;letter-spacing:-2.6px}.indonesia-hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-one-line{font-size:15px;margin:17px 0}.live-preview{height:320px}.live-project .legacy{width:86%}.live-preview iframe{height:1450px}.scroll-site .live-modern .redesign-tag strong{font-size:20px}.scroll-site .live-project .legacy .legacy-logo{font-size:16px}.preview-link>span{font-size:11px;padding:10px 16px}.scroll-site .gallery-note,.scroll-site .live-modern .demo-label span{font-size:10px}.current-name{font-size:16px}.scroll-controls{gap:8px}.scroll-controls .count{display:none}}.scroll-track{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.scroll-site .scroll-stage{padding:clamp(16px,2.4vh,30px) clamp(18px,3.5vw,70px);border-top:0;background:radial-gradient(ellipse at 78% 50%,#234c6030,transparent 72%),#080f19}.scroll-track.is-pinned .scroll-stage{height:100svh;min-height:100svh;max-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:clamp(12px,2vh,25px);align-content:stretch;justify-content:normal;box-sizing:border-box}.is-pinned .scroll-heading{margin:0;min-height:45px}.is-pinned .scroll-bottom{margin:0;min-height:32px}.is-pinned .scroll-deck,.is-pinned .scroll-pair{min-height:0;height:100%}.scroll-site .is-pinned .project.live-project{height:100%;min-height:0;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:clamp(24px,3vw,60px);padding:0 0 12px;align-items:center}.is-pinned .live-project>div:first-child{max-height:100%;align-self:center}.scroll-site .is-pinned .live-modern{height:100%;min-height:0;display:flex;flex-direction:column;padding-bottom:24px}.is-pinned .live-modern .demo-label{flex:0 0 auto;margin-bottom:12px}.is-pinned .live-modern .gloss-shell,.is-pinned .live-modern .window{flex:1 1;min-height:0;display:flex;flex-direction:column}.is-pinned .live-modern .window-bar{flex:0 0 27px}.is-pinned .live-preview{height:auto!important;min-height:0;flex:1 1}.scroll-site .is-pinned .redesign-tag{right:22px;bottom:0;padding:11px 18px}.scroll-site .is-pinned .legacy-body{height:clamp(240px,40svh,460px)}.scroll-site .is-pinned .legacy{width:100%;max-height:100%}.scroll-site .is-pinned .legacy-feature img{height:clamp(100px,17svh,210px)}.scroll-site .is-pinned .legacy-foot{margin-top:clamp(12px,3vh,35px)}.live-preview iframe{width:var(--preview-width,1440px);height:var(--preview-height,1000px);transform:scale(var(--preview-scale,.5))}.live-preview .preview-link{width:100%;border:0;cursor:pointer;font:inherit;color:white}.preview-link>span{font-size:14px}.demo-dialog{inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#071321;color:white;overflow:hidden}.demo-dialog[open]{display:flex;flex-direction:column}.demo-dialog::backdrop{background:#02070be8}.dialog-bar{flex:none;display:flex;gap:20px;align-items:center;padding:14px 22px;border-bottom:1px solid #ffffff25}.dialog-bar>div{flex:1 1;min-width:0}.dialog-bar small{display:block;font-size:10px;color:#9bbaca;letter-spacing:2px;margin-bottom:4px}.dialog-bar strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-bar a{font-size:14px;white-space:nowrap;color:#b9eaf0}.dialog-bar button{border:1px solid #ffffff44;background:#ffffff10;color:white;border-radius:24px;padding:10px 17px;cursor:pointer;white-space:nowrap}.demo-dialog>iframe{border:0;width:100%;flex:1 1;min-height:0;background:white;transform:none!important;position:static;height:auto;pointer-events:auto}.demo-dialog:focus{outline:none}@media(min-width:760px) and (max-width:1050px){.scroll-site .is-pinned .project.live-project{grid-template-columns:minmax(205px,.65fr) minmax(0,1.35fr);gap:22px}.is-pinned .scroll-bottom .style-name{display:none}.scroll-site .is-pinned .legacy-logo{font-size:18px}.scroll-site .is-pinned .legacy-feature h3{font-size:19px}.scroll-site .is-pinned .legacy-feature{grid-template-columns:1fr}.scroll-site .is-pinned .legacy-feature img{display:none}.is-pinned .scroll-controls .count{margin:0}.is-pinned .scroll-heading .current-name span{display:block;margin:5px 0 0}}@media(max-width:759px){.scroll-site .scroll-stage{padding:24px 18px}.scroll-track.is-natural .scroll-heading{padding-bottom:20px;border-bottom:1px solid #ffffff20}.scroll-site .pair-natural{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:25px 0 35px;scroll-margin-top:0}.scroll-site .pair-natural .project.live-project{width:100%;padding:0 0 30px;gap:22px;grid-template-columns:1fr}.scroll-site .pair-natural .legacy{width:78%}.scroll-site .pair-natural .legacy-body{height:175px}.scroll-site .pair-natural .live-preview{height:clamp(340px,58svh,640px)}.scroll-site .pair-natural .live-modern{width:100%}.scroll-site .natural-caption{margin:0 0 22px}.scroll-site .natural-style{margin:8px 0 0}.dialog-bar{padding:12px;gap:10px;flex-wrap:wrap}.dialog-bar>div{flex-basis:calc(100% - 95px);order:0}.dialog-bar>button{order:1;padding:9px 13px}.dialog-bar>a{order:2;font-size:12px}.dialog-bar strong{font-size:14px}.dialog-bar small{font-size:9px}.scroll-site .pair-natural .redesign-tag{bottom:-5px}.scroll-site .live-project .legacy .demo-label{font-size:9px}}@media(max-height:619px) and (min-width:760px){.scroll-site .pair-natural{min-height:100svh;padding:24px 0 35px}.scroll-site .pair-natural .live-preview{height:max(310px,68svh)}.scroll-site .pair-natural .project.live-project{grid-template-columns:.65fr 1.35fr}.scroll-site .scroll-stage{padding:20px 28px}}@media(prefers-reduced-motion:reduce){.scroll-site .pair-natural{min-height:100svh}.live-modern .gloss-shell{transform:none!important}}.scroll-site .hero-with-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(20px,3vw,60px);align-items:center;text-align:left;min-height:calc(100svh - 82px);padding:80px 0 75px}.hero-with-showcase h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-3.5px;line-height:1.02}.hero-with-showcase .eyebrow{font-size:10px;letter-spacing:2.3px}.hero-with-showcase .hero-one-line{font-size:16px;margin:23px 0}.hero-secondary{display:block;font-size:13px;color:#99b6c8;margin-top:21px}.hero-showcase{min-width:0;padding:35px 8px 10px;perspective:1600px}.floating-stack{position:relative;isolation:isolate;margin:0 0 40px}.stack-glow{inset:-15%;z-index:-3;background:radial-gradient(ellipse,#5cacc046,transparent 65%);filter:blur(24px)}.rear-card,.stack-glow{position:absolute;pointer-events:none}.rear-card{inset:0;border:1px solid #a2e4f43b;border-radius:18px;background:#172934;padding:7px;overflow:hidden;opacity:.6}.rear-one{transform:translate(15px,-27px) rotate(5deg) scale(.91);z-index:-1}.rear-two{transform:translate(-14px,-41px) rotate(-6deg) scale(.86);z-index:-2;opacity:.4}.hero-popup-card{position:relative;display:block;width:100%;border:1px solid #dcfaff99;border-radius:17px;background:linear-gradient(130deg,#e1fbff70,#39516644 38%,#7fc7e17a);box-shadow:0 26px 60px #0008,inset 0 1px 0 #fff8;overflow:hidden;padding:7px;text-align:left;color:#e7faff;cursor:pointer;transform:perspective(1300px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,-3deg)) rotate(-2deg);transition:transform .5s ease,box-shadow .3s}.hero-popup-card:hover{box-shadow:0 32px 75px #0009,0 0 30px #a3e6ff26}.floating-browser{display:flex;align-items:center;gap:5px;height:29px;padding:0 10px;background:#0c1d2b;border-radius:10px 10px 0 0}.floating-browser i{height:5px;width:5px;border-radius:50%;background:#7395a7}.floating-browser span:nth-last-child(2){flex:1 1;text-align:center;font-size:9px;letter-spacing:2px;color:#a4bfca}.floating-browser span:last-child{font-size:16px}.hero-crop{width:100%;position:relative;overflow:hidden;background:#121b20}.hero-crop img{display:block;width:100%;height:auto;max-width:none;-webkit-user-select:none;user-select:none}.floating-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#10202e;padding:13px 12px;border-radius:0 0 10px 10px;font-size:12px}.floating-caption>span:last-child{font-size:10px;color:#adcbd7}.floating-price{position:absolute;right:12px;bottom:-29px;z-index:3;pointer-events:none;padding:15px 20px;border:1px solid #fff;border-radius:15px;background:linear-gradient(135deg,#fff,#dff2fb 45%,#93dde5);color:#0a2d3e;box-shadow:0 13px 28px #0006;transform:rotate(3deg)}.floating-price small{font-size:8px;letter-spacing:1.6px;display:block}.floating-price strong{font-size:28px;letter-spacing:-1px;display:block;margin:3px 0}.floating-price>span{font-size:10px}.hero-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:50px}.hero-options button{border:1px solid #ffffff22;color:#92a9bc;background:#ffffff04;border-radius:9px;padding:12px 8px;cursor:pointer;text-align:left}.hero-options button[aria-pressed=true]{border-color:#aae6ed;color:#e8fcff;background:#9edcea12}.hero-options button>span:first-child{font-size:11px;display:block;color:#9cbecf;margin-bottom:5px}.hero-options button>span:last-child{font-size:10px;white-space:nowrap}.crop-reveal{animation:crop-appear .65s cubic-bezier(.16,1,.3,1) both}.hero-image-dialog{padding:18px;margin:auto;width:min(1200px,94vw);max-width:94vw;max-height:94dvh;border:1px solid #ffffff55;border-radius:20px;background:#0b1825;color:white;box-shadow:0 30px 100px #000b;overflow:auto}.hero-image-dialog::backdrop{background:#020b14dc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-dialog-footer,.hero-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px}.hero-dialog-header>span{font-size:14px}.hero-dialog-footer button,.hero-dialog-header button{border:1px solid #ffffff33;border-radius:25px;background:#ffffff0b;color:white;padding:10px 15px;cursor:pointer}.hero-dialog-art{border:1px solid #ffffff33;border-radius:11px;overflow:hidden}.hero-dialog-footer{padding:15px 0 0}.hero-dialog-footer>div{display:flex;gap:9px}.hero-dialog-footer .pill{font-size:13px;padding:12px 19px}.scroll-site .plan .cost{font-size:clamp(26px,2.6vw,38px);letter-spacing:-1.2px}.plan .cost small{display:block;margin-top:7px;font-size:13px}@keyframes crop-appear{0%{opacity:.25;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1050px){.scroll-site .hero-with-showcase{grid-template-columns:.85fr 1.15fr;gap:20px}.hero-with-showcase h1{font-size:54px;letter-spacing:-2.5px}.hero-showcase{padding-left:0;padding-right:0}.hero-options{gap:5px}.hero-options button>span:last-child{font-size:8px}.floating-price{padding:12px 17px}.floating-price strong{font-size:24px}}@media(max-width:759px){.scroll-site .hero-with-showcase{display:flex;flex-direction:column;text-align:center;gap:35px;min-height:auto;padding:35px 0 40px}.hero-with-showcase h1{font-size:58px;letter-spacing:-2.6px}.hero-with-showcase .hero-one-line{margin:17px 0}.hero-showcase{width:100%;padding:26px 5px 0}.hero-secondary{margin-top:16px}.floating-price{right:11px;bottom:-27px;padding:11px 15px}.floating-price strong{font-size:23px}.floating-caption{font-size:10px;padding:11px 9px}.floating-caption>span:last-child{font-size:9px}.hero-options{margin-top:44px;gap:7px}.hero-options button{padding:11px 7px}.hero-options button>span:last-child{font-size:9px}.hero-popup-card{transform:rotate(-1.2deg)}.hero-dialog-header>span{font-size:12px}.hero-image-dialog{padding:12px;border-radius:14px}.hero-dialog-footer .pill{font-size:11px;padding:11px 14px}.hero-dialog-footer{gap:10px}.hero-dialog-footer button{padding:10px 12px}.scroll-site .plan .cost{font-size:32px}}@media(prefers-reduced-motion:reduce){.hero-popup-card{transform:none!important;transition:none}.crop-reveal{animation:none!important}}.hero-live-crop{position:relative;background:#10151b;isolation:isolate}.hero-live-crop iframe{position:absolute;inset:0;width:1440px;height:760px;border:0;transform:scale(var(--hero-scale,.5));transform-origin:top left;pointer-events:none}.hero-options button{min-width:0}.hero-options button span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-nav{flex-wrap:wrap;justify-content:center;gap:6px}.chapter-nav button{min-width:24px}.legacy-variant-1{background:#e1e8d7!important;font-family:Times New Roman,serif!important}.legacy-variant-2{background:#ded9c4!important}.legacy-variant-3 .legacy-logo{color:#25436a;text-decoration:underline}.legacy-variant-4 .legacy-nav{background:#acb5be;border:2px outset #ddd}@media(max-width:600px){.hero-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-live-crop{aspect-ratio:1440/760!important}}.external-preview{background:linear-gradient(120deg,rgba(4,12,20,.94),rgba(4,12,20,.48)),url(/construction.jpg) 50%/cover}.external-preview .demo-fallback{z-index:1;background:transparent}.external-preview .demo-fallback strong{font-size:clamp(28px,4vw,64px)}.external-preview{background:#080d19}.original-demo-preview{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}.external-preview:has(.original-demo-preview){background:#080d19}