.textlink{color:var(--green);align-items:center;gap:6px;font-family:Barlow,sans-serif;font-weight:600;display:inline-flex}.textlink .arw{transition:transform .15s}.textlink:hover .arw{transform:translate(4px)}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cta-note{color:var(--ink-3);margin-top:14px;font-size:.85rem}.band-dark{background:radial-gradient(120% 120% at 80% 0%,var(--dark-3),var(--dark) 60%);color:var(--cream);position:relative;overflow:hidden}.band-dark .band-tex,.band-green .band-tex{display:none}.band-dark h1,.band-dark h2,.band-dark h3,.band-green h1,.band-green h2,.band-green h3{color:#fff}.center{text-align:center}.maxw{max-width:760px}.maxw.center{margin:0 auto}.h-lead{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.4rem)}.h-sec{font-size:clamp(2rem,4vw,3rem)}.lede{color:var(--ink-2);font-size:clamp(1.12rem,1.7vw,1.32rem);line-height:1.5}.band-dark .lede,.band-green .lede{color:#f5f0eabf}.mt-s{margin-top:14px}.mt-m{margin-top:22px}.mt-l{margin-top:34px}.mt-xl{margin-top:52px}.hero{padding:74px 0 40px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;display:grid}.hero h1{font-size:clamp(2.6rem,5.4vw,4.5rem)}.hero .lede{max-width:520px;margin-top:22px}.how-hero{background:var(--paper-2);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.how-hero:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#1712080d 1px,#0000 1px),linear-gradient(90deg,#1712080d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.how-hero>.wrap{z-index:1;position:relative}.how-hero-grid{grid-template-columns:1fr 340px;align-items:center;gap:48px;display:grid}.how-hero-art{position:relative}.how-hero-art svg{width:100%;height:auto;display:block}#howHeroArt .hh-path{stroke-dasharray:180;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){#howHeroArt .hh-path{stroke-dashoffset:180px;animation:1.1s forwards hhDraw}#howHeroArt .hh-path.p2{animation-delay:.55s}#howHeroArt .hh-ping{animation:2.6s ease-in-out 1.3s infinite hhPing}#howHeroArt .hh-ping2{animation:2.6s ease-in-out 1.5s infinite hhPing}}@keyframes hhDraw{to{stroke-dashoffset:0}}@keyframes hhPing{0%,to{opacity:.15}50%{opacity:.5}}.hh-mark{z-index:2;pointer-events:none;position:absolute}.hh-coord{top:24px;left:26px}.hh-brk{top:26px;right:28px}@media (width<=980px){.hh-mark{display:none}}@media (width<=860px){.how-hero-grid{grid-template-columns:1fr;gap:34px}.how-hero-art{order:2;max-width:380px;margin:0 auto}}.mock{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;font-family:DM Sans,sans-serif;overflow:hidden}.mock-top{border-bottom:1px solid var(--line-2);background:var(--paper);align-items:center;gap:10px;padding:14px 16px;display:flex}.mock-ftile{background:linear-gradient(135deg,#2a2520,#0f0d0b);border-radius:7px;flex:none;width:26px;height:26px;position:relative}.mock-ftile:after{content:"";background:#fff;border-radius:2px;width:4px;height:14px;position:absolute;top:6px;left:8px;box-shadow:6px 0 0 -1px #fff,0 0 #fff}.mock-proj{font-family:Barlow,sans-serif;font-size:.9rem;font-weight:700}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.g{background:var(--green-bright)}.dot.a{background:var(--amber)}.dot.n{background:#c9c1b2}.pill{letter-spacing:.02em;border-radius:20px;align-items:center;gap:7px;padding:4px 9px;font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:500;display:inline-flex}.pill.g{background:var(--green-wash);color:var(--green-deep)}.pill.a{color:#8a5e17;background:#f7edd9}.pill.n{color:var(--ink-2);background:#efebe2}.mock-live{letter-spacing:.1em;color:var(--green-deep);text-transform:uppercase;align-items:center;gap:6px;margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:.66rem;display:flex}.mock-tabs{border-bottom:1px solid var(--line-2);gap:2px;padding:10px 14px 0;display:flex}.mock-tab{color:var(--ink-3);border-bottom:2px solid #0000;padding:8px 12px;font-family:Barlow,sans-serif;font-size:.82rem;font-weight:600}.mock-tab.on{color:var(--ink);border-color:var(--green)}.mock-rows{padding:8px}.mrow{border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px;transition:background .15s;display:grid}.mrow:hover{background:var(--paper)}.mrow .id{color:var(--ink-3);font-family:IBM Plex Mono,monospace;font-size:.72rem}.mrow .ttl{font-size:.9rem;font-weight:500}.mrow .who{background:var(--green-wash);width:22px;height:22px;color:var(--green-deep);border-radius:50%;justify-content:center;align-items:center;font-family:Barlow;font-size:.68rem;font-weight:700;display:flex}.mock-ai{background:linear-gradient(#f3f8f4,#eaf1ec);border:1px solid #2d6a4f29;border-radius:11px;align-items:flex-start;gap:11px;margin:6px 8px 12px;padding:12px 14px;display:flex}.mock-ai .badge{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--green);border-radius:5px;flex:none;margin-top:1px;padding:3px 7px;font-family:IBM Plex Mono,monospace;font-size:.6rem}.mock-ai .txt{color:var(--ink-2);font-size:.82rem}.mock-ai .txt b{color:var(--ink);font-weight:600}.grid-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:#fff;padding:24px}.card .ic{background:linear-gradient(155deg,#edf3ee,#d7e7dc);border:1px solid #2d6a4f29;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;display:flex;box-shadow:0 5px 14px #2d6a4f24,inset 0 1px #ffffffbf}.card .ic svg{width:22px;height:22px;stroke:var(--green-deep);stroke-width:2px}.card h3{letter-spacing:-.01em;font-size:1.16rem}.card p{color:var(--ink-2);margin-top:8px;font-size:.96rem}.card .textlink{margin-top:13px;font-size:.9rem}.frow{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.frow.flip .fr-media{order:-1}.frow+.frow{margin-top:84px}.fr-body h2{font-size:clamp(1.7rem,3vw,2.4rem)}.fr-body p{color:var(--ink-2);margin-top:16px;font-size:1.06rem}.fr-list{flex-direction:column;gap:11px;margin-top:20px;list-style:none;display:flex}.fr-list li{align-items:flex-start;gap:11px;font-size:1rem;display:flex}.fr-list li:before{content:"";background:var(--green-bright);border-radius:50%;flex:none;width:8px;height:8px;margin-top:9px;box-shadow:0 0 0 3px #52c28529}.boundary{color:var(--ink-3);border-left:2px solid var(--line);margin-top:18px;padding-left:12px;font-size:.86rem;font-style:italic}.media{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;padding:22px}.media .m-head{border-bottom:1px solid var(--line-2);align-items:center;gap:9px;margin-bottom:14px;padding-bottom:14px;display:flex}.media .m-head .lab{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-family:IBM Plex Mono,monospace;font-size:.68rem}.gap3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.gapcard{border-radius:var(--r);border:1px solid var(--line-dark);padding:26px}.gapcard.muted{background:#f5f0ea0a}.gapcard.win{background:linear-gradient(160deg,#52c28524,#2d6a4f0d);border-color:#52c2854d}.gapcard h3{color:#fff;font-size:1.2rem}.gapcard p{color:#f5f0eaa8;margin-top:10px;font-size:.95rem}.gapcard .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--green-bright);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.66rem;display:block}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:36px}.frow{grid-template-columns:1fr;gap:30px}.frow.flip .fr-media{order:0}.grid-4{grid-template-columns:1fr 1fr}.grid-3,.gap3,.stats,.grid-2,.explain,.demo-grid{grid-template-columns:1fr}}@media (width<=560px){.grid-4,.pgrid,.ft-grid{grid-template-columns:1fr}}.band-dark .gp,.band-green .gp,.gcta .gp{background:var(--green-bright);box-shadow:0 0 0 3px #52c28521}.spec{letter-spacing:.02em;color:var(--ink-2);align-items:center;gap:11px;font-family:IBM Plex Mono,monospace;font-size:.74rem;display:inline-flex}.spec.on-dark{color:#f5f0eaa3}.step-head{align-items:baseline;gap:16px;display:flex}.stepnum{color:var(--green);letter-spacing:-.02em;flex:none;font-family:Barlow;font-size:2.4rem;font-weight:800;line-height:.9}.band-dark .stepnum{color:var(--green-bright)}.hero-line{color:var(--ink);align-items:center;gap:10px;margin-top:20px;font-family:Barlow,sans-serif;font-size:1.06rem;font-weight:700;display:flex}.hero-line:before{content:"";background:var(--green-bright);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #52c28529}.hero-line.on-dark{color:var(--cream)}.hero-center{text-align:center;z-index:1;padding:64px 0 44px;position:relative}.hero-center .hero-h{max-width:17ch;margin-left:auto;margin-right:auto}.hero-overlap{z-index:2;margin-top:-120px;position:relative}@media (width<=860px){.hero-overlap{margin-top:0}}.tour-shot{border:1px solid var(--line);background:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 34px 76px -28px #0f0d0b5c,0 12px 28px #0f0d0b24}.tour-img{width:100%;height:auto;display:block}.tour-scrim{z-index:1;pointer-events:none;background:radial-gradient(circle at var(--sx,45%) var(--sy,45%), #0f0d0b00 0, #0f0d0b00 20%, #0f0d0b2e 46%, #0f0d0b85 100%);position:absolute;inset:0}.tour-chip{z-index:4;border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:11px;padding:10px 13px;display:flex;position:absolute;transform:rotate(-3deg);box-shadow:0 22px 46px #0f0d0b5c}.tour-chip-ic{background:var(--green-wash);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tour-chip-ic svg{width:17px;height:17px;stroke:var(--green-deep);stroke-width:2px;fill:none}.tour-chip-t{font-family:Barlow;font-size:.88rem;font-weight:700;line-height:1}.tour-chip-s{color:var(--ink-3);margin-top:2px;font-size:.7rem}.tour-cursor{position:absolute;bottom:-17px;right:-15px}.tour-cursor svg{width:23px;height:23px}.tour-drop{z-index:2;background:#52c28526;border:2px dashed #2d6a4fd9;border-radius:10px;position:absolute}.tour-callout{z-index:5;background:var(--dark);color:var(--cream);white-space:nowrap;border-radius:20px;padding:7px 13px;font-family:Barlow;font-size:.82rem;font-weight:600;position:absolute;box-shadow:0 10px 24px #0f0d0b5c}.tour-callout:after{content:"";background:var(--dark);width:10px;height:10px;position:absolute;bottom:-5px;left:26px;transform:rotate(45deg)}@media (width<=700px){.tour-chip,.tour-drop,.tour-callout{display:none}.tour-scrim{background:radial-gradient(circle,#0f0d0b00 40%,#0f0d0b66 100%)}}