:root{--ink:#04080c;--paper:#f7fbf8;--mist:#dbe5e0;--aqua:#30d0d6;--lime:#7ee787;--citrus:#f59e0b;--line:#e8f4ef29;color:var(--paper);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);min-width:320px;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%}a{color:inherit}::selection{color:#061016;background:var(--lime)}.site{background:radial-gradient(circle at 18% 4%, #34d39921, transparent 28rem), radial-gradient(circle at 82% 0%, #f59e0b1f, transparent 25rem), var(--ink);min-height:100svh;overflow-x:clip}.topbar{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#060b11b8;border:1px solid #e8f4ef24;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;width:min(1160px,100% - 32px);min-height:60px;padding:10px;display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 20px 80px #00000042}.brand,.nav-links,.nav-cta{z-index:1;position:relative}.brand{color:var(--paper);white-space:nowrap;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{object-fit:cover;background:#03070c;border-radius:12px;width:42px;height:42px;display:block;box-shadow:0 0 36px #30d0d63d}.nav-links{justify-content:center;gap:clamp(14px,2vw,28px);display:inline-flex}.nav-links a,.nav-cta{color:#f7fbf8c2;font-size:.9rem;text-decoration:none;transition:color .18s}.nav-links a:hover,.nav-cta:hover{color:var(--paper)}.nav-cta{color:#071015;background:var(--paper);border-radius:999px;justify-content:center;min-width:120px;padding:10px 16px;font-weight:750;display:inline-flex}.intro,.process-band,.pricing,.contact{scroll-margin-top:104px}.hero{isolation:isolate;min-height:88svh;padding:120px clamp(20px,5vw,72px) 24px;display:grid;position:relative}.hero-media,.hero-art,.hero-scrim{position:absolute;inset:0}.hero-media{z-index:-2;overflow:hidden}.hero-art{object-fit:cover;opacity:.72;transform-origin:50%;width:100%;height:100%}.hero-scrim{z-index:1;background:linear-gradient(90deg, #04080cf0 0%, #04080cb8 45%, #04080c47 100%), linear-gradient(0deg, var(--ink) 0%, #04080c00 24%)}.hero-orbit{z-index:2;pointer-events:none;border:1px solid #bcffdf47;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:clamp(220px,26vw,420px);top:23svh;right:11vw}.orbit-two{aspect-ratio:1;border-color:#f59e0b6b;width:clamp(120px,15vw,240px);top:31svh;right:19vw}.hero-content{align-self:center;width:min(760px,100%)}.eyebrow,.section-kicker{color:var(--aqua);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 18px;font-size:.83rem;font-weight:800;display:inline-flex}.hero h1{max-width:780px;color:var(--paper);letter-spacing:0;margin:0;font-size:clamp(4rem,14vw,10.6rem);line-height:.82}.hero-copy{color:#f7fbf8d1;max-width:660px;margin:28px 0 0;font-size:clamp(1.16rem,2vw,1.55rem);line-height:1.45}.hero-actions,.button{align-items:center;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.button{border:1px solid #0000;border-radius:999px;justify-content:center;gap:10px;min-height:50px;padding:0 20px;font-weight:800;text-decoration:none}.button-primary{color:#041011;background:linear-gradient(135deg, var(--lime), var(--aqua));box-shadow:0 24px 70px #3bdbb833}.button-ghost{color:var(--paper);background:#f7fbf812;border-color:#e8f4ef33}.hero-proof{grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:10px;margin-top:64px;display:grid}.hero-proof span{color:#f7fbf8d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060d1299;border:1px solid #e8f4ef29;border-radius:18px;align-items:center;gap:8px;min-height:54px;padding:12px 14px;font-size:.92rem;display:inline-flex}.intro,.showcase-grid,.device-showcase,.story-pin,.pricing,.contact,.footer{width:min(1160px,100% - 40px);margin-inline:auto}.intro{grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:clamp(28px,6vw,90px);padding:96px 0 64px;display:grid}.intro h2,.process-content h2,.pricing h2,.contact h2{color:var(--paper);letter-spacing:0;margin:0;font-size:clamp(2.2rem,5.2vw,5rem);line-height:.95}.story h2{color:var(--paper);letter-spacing:0;margin:0;font-size:clamp(2.2rem,4.2vw,4.35rem);line-height:.95}.intro p:last-child,.process-content p,.pricing-copy p,.contact-copy p{color:#dbe5e0c7;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.75}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:96px;display:grid}.service-card{min-height:280px;transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff14,#ffffff05),#081218b8;border:1px solid #e8f4ef24;border-radius:26px;padding:24px;box-shadow:0 28px 80px #00000038}.service-card svg{color:var(--lime)}.service-card h3{color:var(--paper);margin:36px 0 12px;font-size:1.35rem;line-height:1.1}.service-card p{color:#dbe5e0b8;margin:0;line-height:1.65}.device-showcase{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(28px,5vw,72px);padding:18px 0 116px;display:grid}.device-copy h2{color:var(--paper);letter-spacing:0;margin:0;font-size:clamp(2.15rem,4.7vw,4.4rem);line-height:.96}.device-copy p:last-child{color:#dbe5e0c7;margin:24px 0 0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.74}.device-stage{perspective:1800px;min-height:720px;position:relative}.laptop-device,.phone-device{background:linear-gradient(145deg,#1e2c33fa,#050b0ffa);border:1px solid #e8f4ef29;position:absolute;box-shadow:0 34px 120px #00000061}.laptop-device{width:min(760px,100%);transform-style:preserve-3d;border-radius:28px;padding:18px 18px 26px;top:54px;left:0;transform:rotateY(-10deg)rotateX(4deg)}.device-camera{aspect-ratio:1;background:#f7fbf857;border-radius:50%;width:8px;margin:0 auto 12px}.device-screen{background:#050b0f;border:1px solid #e8f4ef2e;position:relative;overflow:hidden}.laptop-screen{border-radius:18px;height:clamp(360px,34vw,470px)}.laptop-base{background:linear-gradient(90deg,#2d4048f2,#e8f4ef3b,#2d4048f2);border-radius:0 0 28px 28px;height:24px;position:absolute;bottom:-18px;left:7%;right:7%;box-shadow:0 20px 46px #00000057}.phone-device{border-radius:34px;width:min(246px,33vw);padding:12px 10px 14px;bottom:20px;right:0;transform:rotate(5deg)translateZ(80px)}.phone-speaker{background:#f7fbf838;border-radius:999px;width:56px;height:5px;margin:0 auto 10px}.phone-screen{border-radius:24px;height:min(500px,60vw)}.device-page-track{will-change:transform}.mini-landing{min-height:820px;color:var(--paper);background:radial-gradient(circle at 22% 0,#30d0d642,#0000 16rem),radial-gradient(circle at 84% 18%,#7ee7872e,#0000 14rem),linear-gradient(#061016 0%,#0a151b 45%,#05090d 100%);font-size:14px}.mini-nav{color:#f7fbf8b8;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e8f4ef1f;justify-content:space-between;align-items:center;padding:16px 18px;font-size:.78em;font-weight:800;display:flex}.mini-nav span:first-child{aspect-ratio:1;color:#061016;background:linear-gradient(135deg, var(--lime), var(--aqua));letter-spacing:0;border-radius:50%;place-items:center;width:32px;display:grid}.mini-hero,.mini-split,.mini-panel,.mini-footer{margin:18px}.mini-hero{background:linear-gradient(#04080c33,#04080cd1),url(/media/hero-workspace.webp) 50%/cover;border-radius:24px;align-content:end;min-height:240px;padding:22px;display:grid;box-shadow:inset 0 0 0 1px #e8f4ef24}.mini-hero p,.mini-panel p,.mini-split p{color:var(--aqua);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.76em;font-weight:900}.mini-hero h3{letter-spacing:0;max-width:520px;margin:0;font-size:3.05em;line-height:.94}.mini-hero span,.mini-split span,.mini-panel span,.mini-footer{color:#dbe5e0bd;line-height:1.55}.mini-hero span{max-width:420px;margin-top:12px;font-size:1.06em;display:block}.mini-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 18px;display:grid}.mini-proof span,.mini-split>div,.mini-panel{background:#f7fbf80f;border:1px solid #e8f4ef1f}.mini-proof span{color:#f7fbf8c7;border-radius:16px;place-items:center;min-height:54px;font-size:.82em;font-weight:800;display:grid}.mini-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-split>div,.mini-panel{border-radius:20px;padding:20px}.mini-split h4,.mini-panel h4{color:var(--paper);margin:0 0 10px;font-size:1.35em;line-height:1.06}.mini-panel{background:linear-gradient(145deg,#7ee78724,#30d0d60f),#f7fbf80d}.mini-footer{border-top:1px solid #e8f4ef1f;justify-content:space-between;padding:22px 0 34px;font-size:.86em;display:flex}.mini-landing-mobile{min-height:980px;font-size:10px}.mini-landing-mobile .mini-nav{padding:12px}.mini-landing-mobile .mini-nav span:last-child{display:none}.mini-landing-mobile .mini-hero,.mini-landing-mobile .mini-split,.mini-landing-mobile .mini-panel,.mini-landing-mobile .mini-footer{margin:10px}.mini-landing-mobile .mini-hero{border-radius:18px;min-height:210px;padding:16px}.mini-landing-mobile .mini-hero h3{font-size:2.35em}.mini-landing-mobile .mini-proof{grid-template-columns:1fr;gap:7px;margin:0 10px}.mini-landing-mobile .mini-proof span{min-height:40px}.mini-landing-mobile .mini-split{grid-template-columns:1fr;gap:9px}.story{background:linear-gradient(180deg, #0c202600, #0c202680 18%, #0c202633 84%, #0c202600), var(--ink);min-height:300svh}.story-pin{grid-template-columns:minmax(0,.84fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,76px);min-height:100svh;padding:90px 0;display:grid}.story-copy{min-height:700px;position:relative}.chapter{width:min(560px,100%);position:absolute;top:430px;left:0}.chapter-two,.chapter-three{opacity:0}.chapter span{color:var(--citrus);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:900}.chapter h3{color:var(--paper);margin:18px 0 12px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.02}.chapter p{color:#dbe5e0bf;margin:0;font-size:1.08rem;line-height:1.7}.story-visual{background:#071014;border:1px solid #e8f4ef29;border-radius:34px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 32px 110px #00000057}.story-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-steps{gap:10px;display:flex;position:absolute;bottom:22px;right:22px}.story-step{aspect-ratio:1;width:52px;color:var(--paper);opacity:.42;background:#050d129e;border:1px solid #e8f4ef2e;border-radius:16px;place-items:center;display:grid;transform:scale(.92)}.story-step:first-child{opacity:1;transform:scale(1)}.process-band{isolation:isolate;align-items:end;min-height:86svh;margin-top:-20svh;padding:clamp(56px,8vw,108px) clamp(20px,5vw,72px);display:grid;position:relative;overflow:hidden}.process-visual{z-index:-1;position:absolute;inset:0}.process-visual:after{content:"";background:linear-gradient(90deg, #04080ced 0%, #04080c8c 54%, #04080c2e 100%), linear-gradient(0deg, var(--ink), transparent 26%, transparent 74%, var(--ink));position:absolute;inset:0}.process-image{object-fit:cover;width:120%;height:100%}.process-content{width:min(760px,100%)}.pricing{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(24px,5vw,76px);padding:112px 0;display:grid}.price-panel{background:linear-gradient(145deg,#7ee78724,#30d0d60a),#09161cd1;border:1px solid #e8f4ef29;border-radius:30px;padding:30px;box-shadow:0 32px 120px #0000004d}.price-label{color:var(--aqua);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:900}.price-panel strong{color:var(--paper);margin:12px 0 10px;font-size:clamp(3rem,7vw,5.6rem);line-height:.92;display:block}.price-panel p{color:#dbe5e0bd;margin:0 0 26px;line-height:1.65}.contact{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,76px);padding:40px 0 112px;display:grid}.contact-art{background:#071014;border:1px solid #e8f4ef29;border-radius:32px;min-height:500px;overflow:hidden;box-shadow:0 32px 110px #0000004d}.contact-art img{object-fit:cover;width:100%;height:100%;min-height:500px;transition:transform .7s}.contact-art:hover img{transform:scale(1.04)}.contact-copy .button{width:fit-content;margin-top:26px}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.contact-form label{gap:8px;display:grid}.contact-form label span{color:#f7fbf8ad;font-size:.82rem;font-weight:800}.contact-form input,.contact-form textarea{width:100%;color:var(--paper);background:#f7fbf80f;border:1px solid #e8f4ef26;border-radius:16px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.contact-form input{min-height:50px;padding:0 14px}.contact-form textarea{resize:vertical;min-height:146px;padding:14px;line-height:1.55}.contact-form input:focus,.contact-form textarea:focus{background:#f7fbf814;border-color:#30d0d6b3;box-shadow:0 0 0 4px #30d0d61f}.contact-form-wide,.contact-form-actions,.form-status{grid-column:1/-1}.contact-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.contact-form-actions .button{cursor:pointer;border:0;margin-top:0}.contact-form-actions .button:disabled{cursor:wait;opacity:.72}.contact-form-actions a{color:#dbe5e0bd;font-weight:750;text-decoration:none}.contact-form-actions a:hover{color:var(--paper)}.form-status{color:#dbe5e0c2;min-height:24px;margin:0;font-weight:750}.form-status-sent{color:var(--lime)}.form-status-error{color:#ffb4a8}.footer{color:#dbe5e0a3;border-top:1px solid #e8f4ef1f;justify-content:space-between;align-items:center;gap:16px;padding:28px 0 40px;display:flex}.footer-logo{width:min(220px,58vw);height:auto;display:block}@media (width<=980px){.topbar{border-radius:24px;grid-template-columns:1fr auto}.nav-links{display:none}.hero{min-height:84svh;padding-top:112px}.hero-proof,.intro,.showcase-grid,.device-showcase,.story-pin,.pricing,.contact{grid-template-columns:1fr}.hero-proof{gap:8px}.showcase-grid{padding-bottom:64px}.service-card{min-height:220px}.device-showcase{padding:4px 0 78px}.device-stage{perspective:none;gap:24px;min-height:auto;display:grid}.laptop-device,.phone-device{position:relative;inset:auto;transform:none}.laptop-device{width:100%}.laptop-screen{height:min(58vw,460px)}.phone-device{justify-self:end;width:min(270px,78vw)}.phone-screen{height:470px}.story{min-height:auto}.story-pin{min-height:auto;padding:74px 0}.story-copy{min-height:auto}.chapter{margin-top:28px;position:relative;top:auto}.chapter-two,.chapter-three{opacity:1}.story-visual,.contact-art,.contact-art img{min-height:390px}.process-band{flex-direction:column;min-height:auto;margin-top:0;padding-top:54px;display:flex}.process-visual{z-index:auto;border:1px solid #e8f4ef29;border-radius:28px;order:1;height:min(62vw,380px);margin-bottom:28px;position:relative;overflow:hidden}.process-visual:after{background:linear-gradient(#04080c14,#04080c6b)}.process-image{width:100%}.process-content{order:2}}@media (width<=620px){.topbar{width:calc(100% - 20px);min-height:56px;position:absolute;top:10px}.brand span:last-child{display:none}.nav-cta{min-width:0;padding-inline:14px;font-size:.84rem}.hero h1{font-size:clamp(3.5rem,20vw,7rem)}.hero-actions,.button{width:100%}.hero-proof{grid-template-columns:1fr;margin-top:42px}.intro,.showcase-grid,.device-showcase,.story-pin,.pricing,.contact,.footer{width:min(100% - 28px,1160px)}.intro{padding-top:68px}.intro h2,.device-copy h2,.story h2,.process-content h2,.pricing h2,.contact h2{font-size:clamp(2rem,9.6vw,3.35rem);line-height:1}.story-visual,.contact-art,.contact-art img{border-radius:24px;min-height:300px}.story-steps{bottom:14px;right:14px}.story-step{border-radius:13px;width:44px}.device-showcase{padding-bottom:62px}.laptop-device{border-radius:22px;padding:12px 12px 18px}.laptop-screen{border-radius:14px;height:min(52vw,230px)}.laptop-screen .device-page-track{width:calc(720px * var(--laptop-page-scale,.48));height:calc(860px * var(--laptop-page-scale,.48))}.laptop-screen .mini-landing-desktop{width:720px;min-height:860px;transform:scale(var(--laptop-page-scale,.48));transform-origin:0 0}.laptop-base{border-radius:0 0 20px 20px;height:17px;bottom:-12px}.phone-device{justify-self:center}.contact-form{grid-template-columns:1fr}.contact-form-actions,.contact-form-actions .button{width:100%}.contact-form-actions a{text-align:center;width:100%}.price-panel{border-radius:24px;padding:24px}.footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
