:root{--brand:#2f7d4a;--brand-dark:#1f5c35;--brand-soft:#e6f3ea;--brand-light:#5cb878;--ink:#1d2a21;--ink-deep:#12271a;--muted:#5f6f64;--bg:#f4f7f3;--surface:#fff;--border:#dde6df;--border-strong:#c6d4c9;--success:#2f7d4a;--success-soft:#e6f3ea;--amber:#b7791f;--amber-soft:#fdf3dc;--radius:14px;--shadow:0 1px 2px #12271a0f, 0 1px 3px #12271a14;--shadow-lg:0 18px 40px #12271a24;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.1}h1 em{color:var(--brand);font-style:italic}p{margin:0}ul{margin:0;padding:0;list-style:none}.wrap{width:min(1120px,100% - 32px);margin:0 auto}.top{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f4f7f3cc;position:sticky;top:0}.top-row{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.logo{align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:inline-flex}.logo-mark{color:#fff;background:linear-gradient(135deg, var(--brand-light), var(--brand-dark));border-radius:10px;place-items:center;width:34px;height:34px;display:inline-grid}.logo-mark svg{width:20px;height:20px}.top-nav{color:var(--muted);align-items:center;gap:22px;font-size:.95rem;font-weight:500;display:flex}.top-nav a:hover{color:var(--ink)}@media (width<=720px){.top-nav a:not(.btn){display:none}}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn-ghost{color:var(--brand-dark);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--brand-soft);box-shadow:none}.btn-small{color:var(--ink);padding:8px 14px;font-size:.88rem}.link{color:var(--brand-dark);font-weight:600}.link:hover{text-decoration:underline}.hero{border-bottom:1px solid var(--border);align-items:center;min-height:calc(100svh - 64px);display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-wash{background:radial-gradient(60% 50% at 75% 20%, #5cb8782e, transparent 70%), radial-gradient(50% 45% at 15% 90%, #2f7d4a1a, transparent 70%), repeating-linear-gradient(90deg, transparent 0 calc(100% / 12 - 1px), #12271a0b calc(100% / 12 - 1px) calc(100% / 12)), var(--bg);position:absolute;inset:0}.hero-fluid{opacity:0;transition:opacity 1.2s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.hero-fluid.is-on{opacity:.8}.hero-fluid canvas{width:100%;height:100%;display:block}.hero-inner{padding:clamp(48px,9vh,96px) 0;position:relative}.eyebrow{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:.8rem;font-weight:500}.hero h1{max-width:18ch;margin-top:20px;font-size:clamp(2.3rem,6.6vw,4.6rem)}.lede{max-width:42rem;color:var(--muted);margin-top:24px;font-size:clamp(1.02rem,1.4vw,1.2rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-facts{color:var(--muted);flex-wrap:wrap;gap:10px 28px;margin-top:44px;font-size:.92rem;display:flex}.hero-facts strong{color:var(--ink);font-weight:600}.hero-facts li:before{content:"";background:var(--brand);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}section{padding:clamp(64px,9vw,112px) 0}.section-head{max-width:40rem}.section-head h2{margin-top:14px;font-size:clamp(1.8rem,3.6vw,2.7rem)}.section-lede{color:var(--muted);margin-top:16px;font-size:1.06rem}.journey{border-bottom:1px solid var(--border)}.flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:12px;margin-top:44px;display:grid}.stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;padding:24px;display:flex;position:relative}.stage-art{color:var(--brand-dark);background:var(--brand-soft);border-radius:10px;padding:10px 14px}.stage-art svg{width:100%;height:auto;display:block}.stage-art .soft{fill:#5cb87833}.stage-num{font-family:var(--serif);letter-spacing:.12em;color:var(--brand);margin-top:20px;font-size:.85rem}.stage h3{margin-top:6px;font-size:1.35rem}.stage>p:not(.stage-num):not(.stage-app){color:var(--muted);margin-top:10px;font-size:.95rem}.stage-app{color:var(--ink);margin-top:auto;padding-top:18px;font-size:.95rem;font-weight:600}.stage-app-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:.74rem;font-weight:600;display:block}.flow-arrow{color:var(--border-strong);align-items:center;width:48px;display:flex}.flow-arrow svg{width:48px;height:24px}@media (width<=960px){.flow{grid-template-columns:1fr}.flow-arrow{justify-content:center;width:auto}.flow-arrow svg{transform:rotate(90deg)}.stage-art{max-width:320px}}.products{background:var(--surface);border-bottom:1px solid var(--border)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:44px;display:grid}@media (width<=960px){.cards{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;padding:28px;transition:transform .2s,box-shadow .2s;display:flex}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-top{justify-content:space-between;align-items:center;display:flex}.card-icon{background:var(--brand-soft);width:46px;height:46px;color:var(--brand-dark);border-radius:12px;place-items:center;display:inline-grid}.card-icon svg{width:24px;height:24px}.pill{letter-spacing:.06em;text-transform:uppercase;background:var(--amber-soft);color:var(--amber);border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600}.pill-live{background:var(--success-soft);color:var(--success)}.card h3{margin-top:22px;font-size:1.55rem}.card-tag{color:var(--brand-dark);margin-top:4px;font-size:.95rem;font-weight:600}.card>p:not(.card-tag){color:var(--muted);margin-top:14px;font-size:.97rem}.features{gap:8px;margin-top:18px;font-size:.93rem;display:grid}.features li{padding-left:22px;position:relative}.features li:before{content:"";border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);width:12px;height:7px;position:absolute;top:.5em;left:0;transform:rotate(-45deg)}.card-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto;padding-top:26px;display:flex}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-top:44px;display:grid}@media (width<=960px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.why-grid{grid-template-columns:1fr}}.why-item{border-top:2px solid var(--border-strong);padding-top:18px}.why-item h3{font-size:1.2rem}.why-item p{color:var(--muted);margin-top:10px;font-size:.95rem}.contact{background:var(--ink-deep);color:#eef5ef}.contact .eyebrow{color:#8fd3a5}.contact .section-lede{color:#b9cdbf}.contact-inner{grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;display:grid}@media (width<=800px){.contact-inner{grid-template-columns:1fr}}.contact-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}@media (width<=800px){.contact-actions{flex-flow:wrap}}.contact .btn-primary{background:var(--brand-light);border-color:var(--brand-light);color:var(--ink-deep)}.contact .btn-primary:hover{background:#79c893;border-color:#79c893}.contact .btn-ghost{color:#dce9df}.contact .btn-ghost:hover{background:#ffffff14}.foot{color:var(--muted);padding:28px 0;font-size:.88rem}.foot-row{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.foot nav{flex-wrap:wrap;gap:18px;display:flex}.foot a:hover{color:var(--ink);text-decoration:underline}.reveal{opacity:0;transition:opacity .6s ease var(--d,0s), transform .6s ease var(--d,0s);transform:translateY(14px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.btn,.card{transition:none}}
