:root{--bg: oklch(.985 .004 260);--surface: oklch(.965 .006 260);--ink: oklch(.26 .055 262);--ink-soft: oklch(.38 .045 262);--navy-deep: oklch(.21 .05 262);--gold: oklch(.68 .115 84);--gold-deep: oklch(.58 .105 82);--hairline: oklch(.26 .055 262 / .14);--alu: oklch(.32 .012 262);--alu-hi: oklch(.46 .012 262);--alu-lo: oklch(.22 .012 262);--screen-off: oklch(.13 .01 262);--ease-out: cubic-bezier(.23, 1, .32, 1);--font-display: "Marcellus", "Times New Roman", serif;--font-body: "Archivo", system-ui, sans-serif;--space-page: clamp(1.25rem, 4vw, 4rem);--z-header: 10;--lid-open: 0;--screen-on: 0;--cam: 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(46% 34% at 86% 16%,oklch(.9 .05 84 / .4) 0%,transparent 68%) no-repeat top / 100% 100svh,radial-gradient(38% 26% at 6% 62%,oklch(.88 .035 258 / .55) 0%,transparent 68%) no-repeat top / 100% 100svh,var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;border-radius:2px}h1,h2{font-family:var(--font-display);font-weight:400;text-wrap:balance;letter-spacing:.005em}.site-header{position:absolute;inset:0 0 auto 0;z-index:var(--z-header);display:flex;align-items:flex-start;justify-content:space-between;padding:clamp(1rem,2.5vw,2rem) var(--space-page)}.brand img{width:clamp(96px,12vw,148px);height:auto}.header-contact{display:inline-block;margin-top:.5rem;font-size:.9375rem;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px;transition:color .16s var(--ease-out),transform .16s var(--ease-out)}.header-contact:hover{color:var(--gold-deep)}.header-contact:active{transform:scale(.97)}.intro{min-height:92svh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-page);max-width:62rem;margin-inline:auto}.intro h1{font-size:clamp(2.375rem,5.4vw,4.375rem);line-height:1.08;max-width:16ch}.intro h1 .gold{font-style:normal;color:var(--gold-deep)}.intro-sub{margin-top:1.75rem;max-width:52ch;font-size:clamp(1.0625rem,1.4vw,1.1875rem);color:var(--ink-soft)}.hero-actions{margin-top:clamp(1.75rem,3vh,2.5rem);display:flex;flex-wrap:wrap;gap:.875rem}.hero-reassure{margin-top:1.125rem;font-size:.875rem;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;text-decoration:none;border-radius:99px;padding:.8125rem 1.75rem;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{color:var(--navy-deep);background:var(--gold);box-shadow:0 6px 20px #ba923947}.btn-primary:hover{background:#cca548}.btn-ghost{color:var(--ink);background:transparent;border:1px solid var(--hairline)}.btn-ghost:hover{border-color:var(--ink-soft)}.scroll-cue{margin-top:clamp(2rem,5vh,3.5rem);display:inline-flex;align-items:center;gap:.875rem;font-size:.875rem;color:var(--ink-soft)}.scroll-cue-line{width:1px;height:44px;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:cue-drop 2.4s cubic-bezier(.22,1,.36,1) infinite}@keyframes cue-drop{0%{transform:scaleY(0);opacity:0}35%{transform:scaleY(1);opacity:1}75%,to{transform:scaleY(1);opacity:0}}.stage-track{height:500svh;position:relative}.stage-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip;gap:clamp(1rem,3vh,2rem)}.scene{perspective:1900px;perspective-origin:50% 34%}.laptop{position:relative;width:min(78vw,880px);height:calc(min(78vw,880px)*.62);transform-style:preserve-3d;transform:translateY(calc(-26% + var(--cam) * 15%)) scale(calc(.62 + var(--cam) * .3)) rotateX(calc(-62deg + var(--cam) * 65deg));will-change:transform}.deck{position:absolute;top:100%;left:0;right:0;height:calc(min(78vw,880px)*.66);transform-style:preserve-3d;transform-origin:50% 0%;transform:rotateX(77deg)}.deck-top{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px 14px 22px 22px;background:linear-gradient(180deg,var(--alu-hi) 0%,var(--alu) 9%,var(--alu) 88%,var(--alu-lo) 100%);box-shadow:inset 0 1px #ffffff47,inset 0 -2px 6px #00000059}.keyboard{position:absolute;left:7%;right:7%;top:8%;height:52%;border-radius:10px;background:repeating-linear-gradient(90deg,oklch(.16 .008 262) 0 5.5%,transparent 0 6.9%),repeating-linear-gradient(0deg,oklch(.16 .008 262) 0 14%,transparent 0 17.5%),#1d1f24;box-shadow:inset 0 2px 8px #00000080}.trackpad{position:absolute;left:33%;right:33%;bottom:7%;height:26%;border-radius:8px;background:linear-gradient(180deg,#3a3d43,#2b2e33);box-shadow:inset 0 1px 2px #0006,inset 0 -1px #ffffff0f}.deck-front{position:absolute;left:0;right:0;bottom:0;height:14px;border-radius:0 0 22px 22px;background:linear-gradient(180deg,var(--alu-lo),oklch(.14 .01 262));transform:rotateX(90deg);transform-origin:50% 100%}.lid{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(calc(-103deg + (var(--lid-open) * 91deg))) translateZ(-10px);will-change:transform}.lid-front,.lid-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px 18px 8px 8px;backface-visibility:hidden}.lid-front{background:linear-gradient(180deg,var(--alu-lo),var(--alu) 60%);padding:2.4%;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #0006}.lid-back{transform:rotateX(180deg);background:radial-gradient(120% 90% at 50% 8%,oklch(.4 .014 262) 0%,var(--alu) 42%,var(--alu-lo) 100%);box-shadow:inset 0 -1px #ffffff24,inset 0 1px 3px #0006;display:grid;place-items:center}.lid-back-mark{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.5rem);letter-spacing:.18em;color:var(--gold);opacity:.9}.screen{position:relative;width:100%;height:100%;border-radius:12px 12px 4px 4px;background:var(--screen-off);overflow:hidden;box-shadow:0 0 calc(var(--screen-on) * 90px) oklch(.75 .06 250 / calc(var(--screen-on) * .25))}.bezel-cam{position:absolute;top:1.1%;left:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%);background:#2f3c4a;box-shadow:0 0 0 2px #00000080}.desktop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--screen-on);background:radial-gradient(60% 50% at 82% 88%,oklch(.45 .11 84 / .28) 0%,transparent 70%),radial-gradient(70% 60% at 12% 80%,oklch(.42 .13 250 / .4) 0%,transparent 72%),radial-gradient(130% 110% at 50% -10%,#1d4176,#0a1e40 48%,#050e25)}.screen-msg{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) scale(.22);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center;text-decoration:none;will-change:transform,opacity}.screen-msg-title{font-family:var(--font-display);font-size:clamp(1.75rem,4.6vw,3.5rem);letter-spacing:.12em;color:var(--gold);text-shadow:0 0 18px oklch(.68 .115 84 / .55),0 0 60px oklch(.68 .115 84 / .3);white-space:nowrap}.screen-msg-sub{font-family:var(--font-body);font-size:clamp(.5rem,1.1vw,.8125rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#eee7d9;border:1px solid oklch(.68 .115 84 / .6);border-radius:99px;padding:.5em 1.4em;white-space:nowrap}.menubar{position:absolute;inset:0 0 auto 0;height:5.5%;display:flex;align-items:center;justify-content:space-between;padding:0 2.5%;font-size:clamp(.5rem,1vw,.6875rem);color:#dadee5bf;background:#09152c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.screen-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,oklch(1 0 0 / .09) 0%,oklch(1 0 0 / .02) 34%,transparent 55%);opacity:calc(.35 + var(--screen-on) * .65)}.app-window,.phone{position:absolute;opacity:0;transform:translateY(26px) scale(.96);will-change:transform,opacity}.app-window{border-radius:10px;overflow:hidden;background:#f4f5f7;box-shadow:0 22px 44px #00000073,0 0 0 1px #00000040}.app-window img{width:100%;height:calc(100% - clamp(18px,2.6vw,30px));object-fit:cover;object-position:top center}.window-bar{height:clamp(18px,2.6vw,30px);display:flex;align-items:center;gap:3%;padding:0 3%;background:linear-gradient(#e6e8eb,#d6d7db);border-bottom:1px solid oklch(0 0 0 / .12)}.traffic{display:inline-flex;gap:22%;flex:0 0 auto;width:9%;min-width:26px}.traffic i{width:clamp(5px,.8vw,9px);aspect-ratio:1;border-radius:50%}.traffic i:nth-child(1){background:#ed5350}.traffic i:nth-child(2){background:#e3ae28}.traffic i:nth-child(3){background:#4db956}.window-url{flex:1;text-align:center;font-size:clamp(.4375rem,.85vw,.625rem);color:#424853;background:#ffffff8c;border-radius:99px;padding:1px 4%;margin-right:9%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win-1{left:5%;top:12%;width:46%;height:62%}.win-2{left:36%;top:26%;width:42%;height:58%}.win-3{left:62%;top:9%;width:26%;height:44%}.phone{right:3.5%;bottom:6%;width:16%;aspect-ratio:9 / 19;border-radius:12%/5.6%;background:#090b0f;padding:2.5%;box-shadow:0 18px 36px #00000080,inset 0 0 0 1.5px #52555b}.phone img{width:100%;height:100%;object-fit:contain;background:#091018;border-radius:10%/4.8%}.phone-notch{position:absolute;top:3.2%;left:32%;right:32%;height:2.6%;border-radius:99px;background:#030303;z-index:1}.scene{position:relative}.laptop-shadow{position:absolute;left:10%;right:10%;bottom:-9%;height:9%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,oklch(.2 .03 262 / .32),transparent 70%);filter:blur(8px)}.stage-caption{font-size:.9375rem;color:var(--ink-soft);max-width:60ch;text-align:center;padding:0 var(--space-page);opacity:var(--screen-on);transition:opacity .2s linear}.services h2,.process h2,.work h2,.faq h2,.contact h2{font-size:clamp(1.625rem,2.6vw,2.25rem);margin-bottom:2.25rem}.trustbar{border-block:1px solid var(--hairline);margin-top:clamp(3rem,8vh,6rem)}.trustbar-list{list-style:none;max-width:62rem;margin-inline:auto;padding:clamp(2rem,4vh,2.75rem) var(--space-page);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1.5rem,3vw,2.5rem)}.trustbar-list li{display:flex;flex-direction:column;gap:.35rem}.trustbar-list strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.25rem,2vw,1.6rem);color:var(--ink)}.trustbar-list span{font-size:.9375rem;color:var(--ink-soft)}.process-inner,.work-inner,.faq-inner{max-width:62rem;margin-inline:auto;padding:clamp(4rem,10vh,7rem) var(--space-page) 0}.process-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(2rem,4vw,3rem);counter-reset:step}.process-num{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--gold);color:var(--gold-deep);font-family:var(--font-display);font-size:1.25rem;margin-bottom:1.25rem}.process-steps h3,.work-list h3{font-family:var(--font-display);font-weight:400;font-size:1.3125rem;margin-bottom:.5rem}.process-steps p{color:var(--ink-soft);max-width:34ch}.work-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,3vw,2.25rem)}.work-list li{padding:clamp(1.5rem,2.5vw,2rem);border:1px solid var(--hairline);border-radius:14px;background:var(--surface);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}.work-list li:hover{border-color:#ba923980;transform:translateY(-3px)}.work-list p{color:var(--ink-soft)}.faq-list{border-top:1px solid var(--hairline)}.faq-list details{border-bottom:1px solid var(--hairline)}.faq-list summary{list-style:none;cursor:pointer;padding:1.25rem 2.5rem 1.25rem 0;position:relative;font-family:var(--font-display);font-size:clamp(1.0625rem,1.6vw,1.25rem);color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--gold-deep);transition:transform .2s var(--ease-out)}.faq-list details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-list details p{padding:0 2.5rem 1.5rem 0;color:var(--ink-soft);max-width:68ch}.services{background:linear-gradient(180deg,#e6edf9,#f6f1e98c);padding:clamp(4rem,10vh,7rem) 0;margin-top:clamp(4rem,10vh,7rem)}.services>*{max-width:62rem;margin-inline:auto;padding-inline:var(--space-page)}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1.75rem,4vw,3.5rem)}.services-list dt{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.625rem}.services-list dt:before{content:"";display:block;width:2rem;height:2px;margin-bottom:.875rem;background:var(--gold)}.services-list dd{color:var(--ink-soft);max-width:38ch}.contact{background:radial-gradient(70% 80% at 88% 0%,oklch(.34 .09 258 / .7) 0%,transparent 65%),radial-gradient(50% 60% at 8% 100%,oklch(.35 .08 84 / .35) 0%,transparent 70%),var(--navy-deep);color:#e7ebf3}.contact-inner{max-width:46rem;margin-inline:auto;padding:clamp(4.5rem,11vh,7.5rem) var(--space-page)}.contact h2{color:#f8f5ee}.contact-lede{color:#e7ebf3c7;max-width:46ch;margin:-1rem 0 2.5rem}.form-success{font-family:var(--font-display);font-size:1.25rem;color:var(--gold);margin-bottom:2rem}.contact-form{display:grid;gap:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.contact-form label{display:grid;gap:.5rem}.contact-form label span{font-size:.875rem;font-weight:500;letter-spacing:.02em;color:#e7ebf3d9}.contact-form label em{font-style:normal;color:#e7ebf380}.contact-form input,.contact-form textarea,.contact-form select{font:inherit;color:#eef2f9;background:#18263f;border:1px solid oklch(.45 .04 262);border-radius:8px;padding:.75rem .875rem;transition:border-color .16s var(--ease-out)}.contact-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,oklch(.8 .02 262) 50%),linear-gradient(135deg,oklch(.8 .02 262) 50%,transparent 50%);background-position:calc(100% - 1.1rem) center,calc(100% - .75rem) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.25rem}.contact-form input:hover,.contact-form textarea:hover,.contact-form select:hover{border-color:#6a7b99}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form select:focus-visible{outline:none;border-color:var(--gold)}.contact-form textarea{resize:vertical;min-height:7rem}.contact-form ::placeholder{color:#eef2f973}.contact-alt{margin-top:1.5rem;font-size:.9375rem;color:#e7ebf3b3}.contact-alt a{color:var(--gold);text-decoration:none;border-bottom:1px solid oklch(.68 .115 84 / .4)}.contact-alt a:hover{border-color:var(--gold)}.sticky-cta{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:40;font-weight:600;font-size:.9375rem;color:var(--navy-deep);background:var(--gold);text-decoration:none;border-radius:99px;padding:.8125rem 1.5rem;box-shadow:0 8px 28px #0e162459;opacity:0;transform:translateY(120%);pointer-events:none;transition:opacity .24s var(--ease-out),transform .24s var(--ease-out),background .16s var(--ease-out)}.sticky-cta.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.sticky-cta:hover{background:#cca548}.sticky-cta:active{transform:scale(.97)}.form-submit{justify-self:start;font:inherit;font-weight:600;color:var(--navy-deep);background:var(--gold);border:none;border-radius:99px;padding:.8125rem 2.25rem;cursor:pointer;transition:background .16s var(--ease-out),transform .16s var(--ease-out)}.form-submit:hover{background:#cca548}.form-submit:active{transform:scale(.97)}.site-footer{background:#050f23;color:#e1e5eb}.footer-inner{max-width:62rem;margin-inline:auto;padding:1.75rem var(--space-page)}.footer-legal{font-size:.875rem;color:#e1e5eb99}@media(prefers-reduced-motion:reduce){.scroll-cue-line{animation:none;opacity:.6;transform:scaleY(1)}.stage-track{height:auto;padding:clamp(3rem,8vh,6rem) 0}.stage-sticky{position:static;height:auto}.laptop{--cam: 1;--lid-open: 1;--screen-on: 1}.screen{box-shadow:0 0 60px #92b1d333}.desktop,.stage-caption{opacity:1}.app-window,.phone{opacity:1;transform:none;transition:opacity .6s ease}@starting-style{.app-window,.phone{opacity:0}}.screen-msg{display:none}.sticky-cta{transform:none;transition:opacity .2s linear}.work-list li:hover{transform:none}html{scroll-behavior:auto}}@media(max-width:640px){.laptop{width:92vw}.deck{height:calc(92vw * .66)}.lid{height:57.04vw}.header-contact{display:none}.hero-actions{width:100%}.hero-actions .btn{flex:1}.sticky-cta{left:clamp(1rem,3vw,2rem);text-align:center}}