/* Public landing page shares the studio's typography and visual rhythm. */
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Variable.woff') format('woff');font-style:normal;font-weight:200 800;font-display:swap}
:root{--sage:#4d7161;--sage2:#365b47;--ink:#23352b;--muted:#65786b;--line:#dce4da;--soft:#f5f7f3;--paper:#fff}
body{font-family:Manrope,'Segoe UI',sans-serif;background:#fafbf8;line-height:1.7}
a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #7b9f84;outline-offset:5px}
.nav-wrap{padding:18px 0;background:#fafbf8ee}.nav{gap:25px}.brand{font-size:19px;font-weight:700;letter-spacing:-.05em}.brand img{width:39px;height:39px}.nav-links a{font-size:13px;font-weight:550}.nav-cta{padding:11px 16px;border-radius:9px;font-weight:650;gap:13px}
.hero{padding:110px 0 100px;gap:65px;grid-template-columns:1fr 1.15fr}.hero h1{font-size:clamp(48px,5.8vw,78px);font-weight:600;letter-spacing:-.065em;line-height:1.06;margin:23px 0}.hero-copy>p{font-size:17px;line-height:1.9;max-width:480px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em}.hero-actions{gap:12px;margin-top:34px}.primary,.secondary{font-size:13px;font-weight:650;min-height:46px;border-radius:10px;padding:12px 19px}.trust-row{gap:10px;font-size:10px;margin-top:24px}
.product-window{border-radius:17px;transform:rotate(1deg);border-color:#d3ddd0;box-shadow:0 25px 65px #263c2c12,0 4px 14px #263c2c0a}.window-bar{height:40px;background:#f6f8f3;border-bottom:1px solid #dce4da}.window-bar b{font-size:10px;font-weight:500;color:#6c7f70}.mock-rail{background:#24392b}.mock-panel,.mock-inspector{background:#fff}.mock-stage{background:#e9eee6}.mock-logo{background:transparent}.mock-logo img{width:24px;height:24px;filter:invert(1);mix-blend-mode:screen}.mock-hero h2{font-size:28px;font-weight:600;line-height:1.16;letter-spacing:-.055em}.mock-panel small,.mock-inspector small{font-size:8px;letter-spacing:.1em;font-weight:650}.product-window button,.feature-card button,.people-card>button,.store-card button{pointer-events:none;cursor:default}
.logo-strip{font-size:10px;font-weight:650;letter-spacing:.15em;padding:22px}.section{padding:105px 0}.section-heading{max-width:720px;margin-bottom:50px}.section-heading h2{font-size:clamp(34px,4.5vw,54px);line-height:1.15;font-weight:600;letter-spacing:-.055em}.section-heading p{font-size:16px;line-height:1.85}.feature-grid{gap:18px}.feature-card{border-radius:17px;padding:30px;min-height:350px;background:#fff}.feature-card.large{background:linear-gradient(145deg,#fff,#edf3e9)}.card-icon{border:1px solid #dce4da;background:#f1f5ed;border-radius:10px;width:40px;height:40px;font-weight:550;font-size:21px}.feature-card h3{font-size:21px;line-height:1.35;letter-spacing:-.035em;font-weight:650;margin:24px 0 13px}.feature-card p{font-size:14px;line-height:1.85}.mini-canvas{border-radius:11px}.url-pill{font-size:11px;border-radius:9px}.keys kbd{font-size:12px}
.split{gap:80px}.people-card{padding:22px;border-radius:18px;box-shadow:0 18px 42px #263c2c08}.people-head{font-size:13px;padding-bottom:19px}.person{padding:16px 6px;grid-template-columns:38px 1fr auto;gap:13px}.person>i{width:36px;height:36px;border-radius:11px;font-weight:600}.person div b{font-size:12px;font-weight:650}.person div span{font-size:11px;line-height:1.6}.person em{font-size:10px;font-weight:600;border-radius:6px;padding:5px 8px}.people-card>button{font-size:12px;font-weight:600;min-height:42px;margin-top:17px}
.store-card{padding:17px;border-radius:19px;box-shadow:0 18px 42px #263c2c08}.store-image{border-radius:12px;background:linear-gradient(150deg,#f1e9d9,#dce7d7)}.store-image:after{content:'FIELD';font-size:24px;font-weight:500;letter-spacing:.2em;color:#59745c;transform:rotate(-12deg)}.store-card h3{font-size:22px;line-height:1.4;font-weight:650;letter-spacing:-.04em}.store-card p{font-size:13px;line-height:1.7}.store-card>span{font-size:9px;font-weight:700;letter-spacing:.05em}.store-card button{font-size:11px;font-weight:600;padding:10px 14px}.payment-flow>div{padding:20px;border-radius:13px;min-height:135px}.payment-flow b{font-size:12px;font-weight:650}.payment-flow small{font-size:11px;line-height:1.65}.payment-flow i{font-size:11px;font-weight:600;border-radius:8px}
.final-cta{padding:48px 50px;border-radius:22px;background:#253d2e;margin-bottom:80px}.final-cta h2{font-weight:600;line-height:1.18;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.final-cta p{font-size:14px;line-height:1.8;color:#bccdbc}.final-cta .primary{font-weight:650}.footer-inner p{font-size:12px;line-height:1.75}.footer-inner>a:last-child{font-size:12px;font-weight:650}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:75px;gap:45px}.hero-copy>p{max-width:620px}.hero h1{max-width:670px}.product-window{transform:none;max-width:900px}.split{gap:42px}}
@media(max-width:690px){.nav{flex-wrap:wrap;gap:15px;justify-content:space-between}.nav-links{display:flex;order:3;width:100%;margin:0;gap:24px;border-top:1px solid var(--line);padding-top:12px}.nav-links a{font-size:12px}.nav-wrap{padding:13px 0}.brand{font-size:16px}.nav-cta{font-size:11px;padding:9px 12px}.hero{padding:55px 0 65px}.hero h1{font-size:clamp(42px,10vw,62px)}.hero-copy>p{font-size:15px}.section{padding:70px 0}.feature-card{min-height:300px;padding:25px}.section-heading h2{font-size:36px}.final-cta{padding:32px 25px}.final-cta h2{font-size:32px}.payment-flow{gap:10px}.payment-flow>div{min-height:105px}.person{gap:10px}.person div b{font-size:11px}.person div span{font-size:10px}.person em{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}