@font-face{font-family:Geist;src:url(/assets/fonts/geist-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--forest:#163e35;--ink:#142e2a;--muted:#455b53;--ivory:#f7f5ee;--paper:#fff;--sage:#dbe8d8;--accent:#e8794f;--accent-ink:#8f3a1a;--line:#dedacb;--radius:18px;--wrap:1120px;color-scheme:light}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:400 17px/1.6 Geist,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}
img{max-width:100%}h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(2.4rem,6.4vw,4.4rem);font-weight:700}h2{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:700}h3{font-size:1.2rem;font-weight:650}
em{font-style:normal;color:var(--forest);background:linear-gradient(transparent 62%,#f2c9b4 62%)}p{margin:0 0 1em}a{color:inherit}
.wrap{width:min(var(--wrap),100% - 32px);margin-inline:auto}.narrow{max-width:760px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--forest);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.9em}.lead{font-size:1.15rem;color:var(--muted)}.small{font-size:.9rem;color:var(--muted)}
.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--sage);color:var(--forest);padding:2px 10px;border-radius:999px}
/* buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:10px 20px;border-radius:999px;border:1.5px solid transparent;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.primary{background:var(--accent);color:#2a1308}.primary:hover{background:#ef8a63}.secondary{background:transparent;border-color:var(--forest);color:var(--forest)}.ink{background:var(--forest);color:#fff}.quiet{color:var(--forest)}.full{width:100%;margin-top:12px}
.text-button{background:none;border:0;font:inherit;font-weight:600;color:var(--forest);cursor:pointer;padding:8px 4px;min-height:44px}.underlink{color:var(--forest);font-weight:600;text-underline-offset:3px}
/* header */
.header{position:sticky;top:0;z-index:50;background:rgba(247,245,238,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;text-decoration:none}
#main-nav{display:flex;align-items:center;gap:22px}#main-nav>a:not(.button){text-decoration:none;font-weight:550;color:var(--muted)}#main-nav>a:not(.button):hover{color:var(--ink)}.nav-actions{display:flex;gap:10px;align-items:center;margin-left:8px}
.menu-toggle{display:none;background:none;border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;font:inherit;font-weight:600;color:var(--forest);min-height:44px;cursor:pointer}
/* hero */
.hero{padding:72px 0 56px;background:radial-gradient(900px 400px at 85% 0,#e4eedc,transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px}.hero-sub{margin:6px 0 0}
.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.phone{width:min(320px,100%);background:#10231f;border-radius:38px;padding:14px;box-shadow:0 30px 60px -20px rgba(20,46,42,.45)}.phone .demo-card{margin:0}
.stand{position:absolute;right:-6px;bottom:6px;background:var(--forest);color:#fff;border-radius:16px;padding:14px 18px;display:grid;gap:2px;box-shadow:0 18px 36px -14px rgba(20,46,42,.5);max-width:200px}.stand small{opacity:.8}.waves{font-weight:800;letter-spacing:.08em;color:#f2a078;font-size:1.4rem}
/* sections */
.section{padding:84px 0}.section-heading{max-width:720px;margin-bottom:36px}.section-heading p:last-child{color:var(--muted)}
.flow{list-style:none;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;padding:0;margin:0;align-items:stretch}.flow li:not(.flow-arrow){background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.flow-arrow{align-self:center;font-size:1.8rem;color:var(--accent)}
.nfc{background:var(--forest);color:#eef4ec}.nfc em{background:none;color:#f2a078}.nfc .eyebrow{color:#f2a078}.nfc .lead,.nfc .small{color:#c9dbd2}.nfc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.nfc-steps{counter-reset:s;list-style:none;padding:0;margin:22px 0}.nfc-steps li{counter-increment:s;position:relative;padding:12px 0 12px 54px;border-top:1px solid rgba(255,255,255,.16)}.nfc-steps li::before{content:counter(s);position:absolute;left:0;top:10px;width:36px;height:36px;border-radius:50%;background:#f2a078;color:#2a1308;font-weight:700;display:grid;place-items:center}.nfc-steps strong{color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px}.chips li{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 14px;font-size:.92rem}
.counter-stand{background:#fbf8ef;color:var(--ink);border-radius:26px;padding:34px 28px;display:grid;gap:10px;justify-items:start;box-shadow:0 30px 60px -24px #000;transform:rotate(-2deg);max-width:340px;margin-inline:auto}.counter-stand strong{font-size:1.5rem;line-height:1.15}.counter-stand .waves{font-size:2.6rem;color:var(--accent)}.counter-stand p,.counter-stand small{margin:0;color:var(--muted)}
.feature-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:0}.feature-grid li{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.feature-grid p{color:var(--muted);margin:0}
/* demo */
.demo{background:#eef2e8}.industry-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.industry-options button{font:inherit;font-weight:600;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer}.industry-options button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#fff}.industry-options button:disabled{opacity:.6;cursor:wait}
.industry-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:20px}.industry-panel h3{margin-bottom:.2em}.industry-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0 0}.industry-panel dt{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}.industry-panel dd{margin:2px 0 0}
.demo-shell{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-badge{font-size:.8rem;font-weight:700;background:var(--sage);color:var(--forest);padding:4px 12px;border-radius:999px}
.step-track{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:18px 0}.step-track li{font-size:.9rem;color:var(--muted);border-top:3px solid var(--line);padding-top:8px}.step-track li span{font-weight:700}.step-track li.done{border-color:var(--forest)}.step-track li[aria-current]{border-color:var(--accent);color:var(--ink);font-weight:650}
.step-copy h3{margin-bottom:.2em}.step-copy p{color:var(--muted)}
.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.screen{border:1.5px solid var(--line);border-radius:var(--radius);padding:18px;background:#fbfaf5;opacity:.72;transition:opacity .2s,border-color .2s}.screen.is-active{opacity:1;border-color:var(--accent);box-shadow:0 14px 30px -18px rgba(20,46,42,.5)}.screen h3{font-size:1rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.demo-card{background:var(--forest);color:#fff;border-radius:20px;padding:18px;margin-bottom:14px}.card-top{display:flex;align-items:center;gap:10px;font-weight:700}.demo-card p{color:#cfe0d8;margin:10px 0}
.stamp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stamp{aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(255,255,255,.45);display:grid;place-items:center;font-size:.8rem;color:rgba(255,255,255,.75)}.stamp.filled{background:#f2a078;border:0;color:#2a1308;font-weight:700}
.card-total{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-total strong{font-size:1.8rem}.card-total small{font-size:.9rem;opacity:.8}.card-total span{font-size:.9rem;color:#cfe0d8}
.entry-choice p{margin-bottom:10px}.entry-buttons{display:grid;gap:8px}.screen .button{width:100%;min-height:44px}.screen-note{color:var(--muted);margin:0}.screen-note.success{color:var(--forest);font-weight:650}
.request{display:grid;gap:12px}.request span{display:block;color:var(--muted);font-size:.9rem}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.metrics div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.metrics span{font-size:.72rem;color:var(--muted);display:block}.metrics strong{font-size:1.5rem}
.activity{list-style:none;padding:0;margin:0 0 12px}.activity li strong{white-space:nowrap}.activity li{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:8px 0;font-size:.92rem}
.demo-nav{display:flex;justify-content:space-between;gap:12px}.notice{background:#fff3e8;border-radius:12px;padding:12px 16px}
/* setup, pricing, faq, closing */
.setup-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}.setup-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.setup-list li{display:flex;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.setup-list li>span{flex:none;width:36px;height:36px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-weight:700}.setup-list h3{margin-bottom:.2em}.setup-list p{margin:0;color:var(--muted)}
.pricing{background:#eef2e8}.price-card{max-width:560px;background:var(--paper);border:2px solid var(--forest);border-radius:26px;padding:32px}.price strong{font-size:clamp(2.6rem,8vw,4rem);letter-spacing:-.03em}.price span{color:var(--muted);font-size:1.1rem}.price-note{font-weight:650;color:var(--forest)}.checks{list-style:none;padding:0;margin:18px 0 22px}.checks li{padding-left:28px;position:relative;margin-bottom:8px}.checks li::before{content:"✓";position:absolute;left:0;color:var(--accent-ink);font-weight:700}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:650;padding:16px 0;min-height:44px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--accent-ink);font-size:1.4rem}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);padding-bottom:12px}
.closing{background:var(--forest);color:#eef4ec}.closing em{background:none;color:#f2a078}.closing .eyebrow{color:#f2a078}.closing p{color:#c9dbd2}.closing .underlink{color:#fff}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.request-card{background:var(--paper);color:var(--ink);border-radius:24px;padding:26px}.request-card p,.request-card .small{color:var(--muted)}.request-card .underlink{color:var(--forest)}.request-card label{display:block;font-weight:600;margin:12px 0 4px}.request-card label span{font-weight:400;color:var(--muted);font-size:.85rem}.request-card input,.request-card select,.request-card textarea{width:100%;font:inherit;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;min-height:44px}.request-status{margin:12px 0 0;font-size:.92rem;min-height:1.2em}.request-status[role=alert]{color:#a02818;font-weight:600}
.footer{background:#10231f;color:#c9dbd2;padding:48px 0 32px}.footer a{color:#e8f0eb}.footer-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:24px 0}.footer-note{font-size:.85rem;opacity:.7;margin:0}
.legal{padding:64px 0 80px}.legal h1{font-size:2.4rem}
@media (max-width:900px){.hero-grid,.nfc-grid,.setup-grid,.faq-layout,.closing-grid{grid-template-columns:1fr;gap:32px}.feature-grid{grid-template-columns:repeat(2,1fr)}.screens{grid-template-columns:1fr}.industry-panel dl{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:center}.hero-visual{min-height:340px}.stand{right:0}}
@media (max-width:1100px){.menu-toggle{display:inline-flex;align-items:center;gap:6px}#main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--ivory);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px}#main-nav.open{display:flex}#main-nav>a:not(.button){padding:12px 4px;min-height:44px}.nav-actions{flex-direction:column;align-items:stretch;margin:8px 0 0}}
@media (max-width:560px){body{font-size:16px}.section{padding:56px 0}.hero{padding:40px 0}.feature-grid{grid-template-columns:1fr}.step-track{grid-template-columns:repeat(2,1fr)}.demo-shell{padding:16px}.metrics{grid-template-columns:1fr}.actions .button{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
