*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{min-height:100vh;overflow-x:clip}img,svg,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent, #ff4a1c);outline-offset:3px}::selection{background:var(--accent, #ff4a1c);color:var(--on-accent, #fff)}.sp-o{display:inline-block;overflow:clip;overflow-clip-margin:.12em;vertical-align:top;padding-bottom:.06em;margin-bottom:-.06em}.sp-i{display:inline-block;will-change:transform}.sp-w{display:inline-block;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(hover:hover)and (pointer:fine){body,body a,body button,body [data-cursor]{cursor:none}body input,body textarea{cursor:text}}.cursor{position:fixed;inset:0;pointer-events:none;z-index:9998;transition:opacity .3s}.cursor__arrow{position:absolute;left:0;top:0;width:22px;height:26px;margin:-2px 0 0 -3px;transform-origin:3px 2px;will-change:transform}.cursor__arrow svg{width:100%;height:100%;overflow:visible;transform-origin:3px 2px;transition:scale .35s cubic-bezier(.3,1.6,.5,1);filter:drop-shadow(0 3px 5px rgba(20,35,33,.28))}.cursor__arrow path{fill:var(--cursor, #3e625e);stroke:var(--cursor-ink, #fff);stroke-width:1.6;stroke-linejoin:round;transition:fill .3s}.cursor.is-hover .cursor__arrow svg{scale:1.18}.cursor.is-hover .cursor__arrow path{fill:var(--cursor-hover, #97a8d8)}.cursor.is-down .cursor__arrow svg{scale:.86}.cursor.is-out{opacity:0}.curtain{position:fixed;inset:0;background:var(--curtain, #0f0e0c);z-index:9997;pointer-events:none}.marquee{display:flex;overflow:hidden;white-space:nowrap;user-select:none}.marquee__track{display:flex;flex-shrink:0;animation:marquee var(--marquee-speed, 30s) linear infinite}.marquee__track>*{flex-shrink:0}@keyframes marquee{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink: #e2e8ee;--ink-2: #edf1f5;--paper: #263f3d;--paper-dim: #4c6a67;--muted: #6f8785;--line: rgba(38, 63, 61, .14);--accent: #97a8d8;--saffron: #5f74b4;--brand: #7286c0;--on-accent: #263f3d;--font-display: "Geologica", system-ui, sans-serif;--font-body: "Geologica", system-ui, sans-serif;--font-serif: "Geologica", system-ui, sans-serif;--gutter: max(clamp(16px, 3.4vw, 48px), calc((100vw - 1320px)/2) );--cursor: #3e625e;--cursor-ink: #e2e8ee;--curtain: #3e625e;color-scheme:light}body{background:var(--ink);color:var(--paper);font:400 16px/1.6 var(--font-body)}.wrap{padding-inline:var(--gutter)}.eyebrow{font:500 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim)}.cnav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:18px var(--gutter);pointer-events:none}.cnav>*{pointer-events:auto}.cnav__pill{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:99px;background:#edf1f5bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:600 14px/1 var(--font-body);border:1px solid var(--line);transition:background .3s,color .3s}.cnav__pill:hover{background:#3e625e;color:#e2e8ee}.cnav__logo{font:600 18px/1 var(--font-display);letter-spacing:-.03em}.cnav__logo sup{color:var(--accent);font-size:.5em}.chero{padding:130px var(--gutter) 40px;display:grid;gap:30px}.chero__top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.chero__label{display:inline-flex;gap:12px;align-items:center}.chero__label i{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 25%,transparent)}.chero__title{font:800 clamp(36px,6.6vw,116px)/.92 var(--font-display);letter-spacing:-.065em}.chero__title em{font:300 1em/.92 var(--font-serif);font-style:normal;text-transform:none;color:var(--brand);letter-spacing:-.03em}.chero__lead{font:400 clamp(17px,1.4vw,21px)/1.5 var(--font-body);max-width:30em;color:var(--paper-dim)}.chero__lead b{color:var(--paper);font-weight:600}.meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.meta>div{padding:22px 22px 0 0}.meta dt{font:500 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.meta dd{font-size:15px}.meta a{color:var(--brand)}.stage{padding:30px var(--gutter) 90px;perspective:1600px}.browser{border-radius:22px;overflow:hidden;background:#2f4f4b;border:1px solid var(--line);box-shadow:0 60px 140px -40px color-mix(in srgb,var(--brand) 45%,transparent),0 30px 60px #263f3d4d;transform-origin:50% 0%}.browser__bar{display:flex;align-items:center;gap:16px;height:48px;padding:0 18px;border-bottom:1px solid var(--line)}.browser__dots{display:flex;gap:8px}.browser__dots i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.browser__dots i:nth-child(2){background:#febc2e}.browser__dots i:nth-child(3){background:#28c840}.browser__url{flex:1;max-width:520px;margin-inline:auto;height:30px;border-radius:8px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#bfcbd0}.browser__url svg{width:12px}.browser__open{font:600 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#bfcbd0}.browser__open:hover{color:var(--brand)}.browser__view{position:relative;height:min(74vh,760px);background:var(--ink-2)}.browser__view iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.browser.is-live iframe{pointer-events:auto}.browser__cover{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#263f3d26,#263f3db3),var(--poster) center top / cover no-repeat;transition:opacity .6s}.browser.is-live .browser__cover{opacity:0;pointer-events:none}.browser__play{display:inline-flex;align-items:center;gap:12px;height:64px;padding:0 30px;border-radius:99px;background:var(--brand);color:var(--on-accent);font:500 16px/1 var(--font-display);letter-spacing:-.02em;box-shadow:0 20px 50px -10px color-mix(in srgb,var(--brand) 70%,transparent)}.browser__play svg{width:18px}.stage__hint{margin-top:16px;color:var(--muted);font-size:13px;text-align:center}.block{display:grid;grid-template-columns:minmax(200px,.6fr) 1.4fr;gap:clamp(32px,6vw,110px);padding:clamp(56px,6.5vw,100px) var(--gutter);border-top:1px solid var(--line)}.block__head{display:grid;align-content:start;gap:18px}.block__title{font:700 clamp(32px,3vw,50px)/1 var(--font-serif);color:var(--brand)}.block__body>p{font:400 clamp(17px,1.35vw,20px)/1.6 var(--font-body);max-width:40em}.block__body>p+p{margin-top:1em}.block__body>p b{color:var(--brand);font-weight:600}.steps{counter-reset:s;border-top:1px solid var(--line)}.steps li{counter-increment:s;display:grid;grid-template-columns:70px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.steps li:before{content:counter(s,decimal-leading-zero);font:italic 500 30px/1 var(--font-serif);color:var(--saffron)}.steps h3{font:500 clamp(17px,1.4vw,21px)/1.25 var(--font-display);letter-spacing:-.03em;margin-bottom:8px}.steps p{color:var(--paper-dim)}.stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.stack span{border:1px solid var(--line);border-radius:99px;padding:9px 16px;font-size:14px;transition:background .3s,color .3s,border-color .3s}.stack span:hover{background:var(--brand);color:var(--on-accent);border-color:var(--brand)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.stat{padding:30px 24px 0 0}.stat+.stat{padding-left:24px;border-left:1px solid var(--line)}.stat__num{font:400 clamp(42px,4.4vw,72px)/.9 var(--font-display);letter-spacing:-.07em;display:flex;gap:6px;align-items:flex-start}.stat__num small{font:italic 500 .32em/1 var(--font-serif);color:var(--brand);letter-spacing:0;margin-top:.35em}.stat p{color:var(--paper-dim);margin-top:16px;font-size:15px;max-width:22em}.shots{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;padding:0 var(--gutter) clamp(80px,10vw,160px)}.shot{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--ink-2)}.shot img{width:100%;height:100%;object-fit:cover;object-position:top}.shot--tall{grid-row:span 2}.shot--phone{aspect-ratio:9 / 16;max-height:820px;justify-self:center;border-radius:34px;border:8px solid #2f4f4b}.next{display:block;padding:clamp(60px,8vw,120px) var(--gutter);background:var(--brand);color:var(--on-accent);position:relative;overflow:hidden}.next .eyebrow{color:#263f3d99}.next__title{font:500 clamp(32px,5.6vw,96px)/.95 var(--font-display);letter-spacing:-.065em;text-transform:uppercase;margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:0 .2em}.next__title svg{width:.6em;flex-shrink:0;transition:transform .7s cubic-bezier(.2,.9,.2,1)}.next:hover .next__title svg{transform:rotate(-45deg)}.cfoot{display:flex;justify-content:space-between;gap:20px;padding:22px var(--gutter);font-size:13px;color:var(--muted);flex-wrap:wrap}@media(max-width:900px){.meta{grid-template-columns:1fr 1fr}.block,.stats{grid-template-columns:1fr}.stat+.stat{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:30px}.shots{grid-template-columns:1fr}.shot--tall{grid-row:auto}.browser__view{height:70vh}.browser__open{display:none}}