:root{--green:#17C236;--green-deep:#0B7A22;--ink:#0B1F12;--mist:#F3FAF4;--amber:#FF7A1A;--surface:#ffffff;--line:rgba(11,31,18,.12);--muted:#46574c;--spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:"Figtree",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.58;-webkit-font-smoothing:antialiased;overflow-x:clip;padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left));}h1,h2,h3,.wordmark,.tab,.join-btn,.closer{font-family:"Saira Condensed","Figtree",sans-serif;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.wrap{width:100%;max-width:1060px;margin:0 auto;padding:0 clamp(18px,5vw,40px)}a{color:inherit}.skip{position:absolute;left:-999px}.topbar{display:flex;align-items:center;gap:12px;padding:18px 0 6px}.topbar img{width:clamp(52px,11vw,64px);height:clamp(52px,11vw,64px);border-radius:16px;display:block}.topbar .wordmark{font-size:clamp(1.3rem,4vw,1.7rem);letter-spacing:.04em}.topbar .dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(255,122,26,.5);animation:pulse 2.2s infinite}.topbar .live{font-size:.72rem;letter-spacing:.16em;color:var(--muted);font-family:"Figtree",sans-serif;font-weight:600;text-transform:uppercase}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,122,26,.45)}70%{box-shadow:0 0 0 7px rgba(255,122,26,0)}100%{box-shadow:0 0 0 0 rgba(255,122,26,0)}}.hero{display:grid;gap:clamp(22px,4vw,44px);align-items:center;padding:clamp(18px,4vw,34px) 0 clamp(26px,5vw,48px)}h1{font-size:clamp(2.35rem,8.6vw,4.3rem);line-height:.96;margin:.1em 0 .3em;letter-spacing:.005em}h1 .g{color:var(--green-deep)}.lead{font-size:clamp(1.02rem,2.7vw,1.22rem);color:var(--muted);max-width:30ch;margin:0 0 clamp(20px,3vw,26px)}.join-btn{display:inline-flex;align-items:center;gap:.5em;background:var(--green-deep);color:#fff;text-decoration:none;font-size:clamp(1.05rem,3vw,1.22rem);padding:.82em 1.4em;border-radius:14px;min-height:56px;min-width:244px;justify-content:center;box-shadow:0 12px 26px rgba(11,122,34,.26);transition:scale .5s var(--spring),box-shadow .2s ease;-webkit-tap-highlight-color:transparent;}.join-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.join-btn .arw{font-family:"Figtree",sans-serif}.subcta{margin:.85em 0 0;font-size:.95rem;color:var(--muted);font-family:"Figtree",sans-serif;font-weight:400}.viewer{width:100%;max-width:400px;margin:0 auto;filter:drop-shadow(0 18px 34px rgba(11,31,18,.14))}.viewer svg{width:100%;height:auto;display:block}.tabs{display:flex;gap:8px;margin:0 auto 12px;max-width:400px}.tab{flex:1;border:2px solid var(--line);background:var(--surface);color:var(--muted);font-size:.92rem;letter-spacing:.06em;padding:.62em .5em;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s ease,color .25s ease,border-color .25s ease;}.tab[aria-pressed="true"]{background:var(--green);color:#06330f;border-color:var(--green)}.tab:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.feedlabel{font-family:"Figtree",sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.04em}.toc{position:sticky;top:0;z-index:5;background:var(--mist);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}.toc ul{display:flex;gap:clamp(14px,3vw,26px);list-style:none;margin:0;padding:12px clamp(18px,5vw,40px);overflow-x:auto;max-width:1060px;margin:0 auto}.toc a{text-decoration:none;color:var(--muted);font-family:"Figtree",sans-serif;font-weight:600;font-size:.9rem;white-space:nowrap}section{padding:clamp(34px,6vw,60px) 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(1.7rem,5.5vw,2.5rem);line-height:1;margin:0 0 .5em}.sub{color:var(--muted);max-width:52ch;margin:0 0 clamp(18px,3vw,28px)}.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:14px}.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px 64px;position:relative}.steps li::before{content:counter(s);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:10px;background:var(--green);color:#06330f;display:grid;place-items:center;font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:1.2rem}.steps h3{margin:0 0 4px;font-size:1.12rem;letter-spacing:.02em}.steps p{margin:0;color:var(--muted);font-size:.96rem}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:460px;font-size:.95rem}caption{text-align:left;padding:14px 16px 0;color:var(--muted);font-size:.88rem}th,td{text-align:left;padding:13px 16px;border-top:1px solid var(--line);vertical-align:top}thead th{border-top:0;font-family:"Saira Condensed",sans-serif;font-size:1.02rem;letter-spacing:.04em}tbody th{font-weight:600;font-family:"Figtree",sans-serif;color:var(--ink)}.yes{color:var(--green-deep);font-weight:600}.pc{display:grid;gap:16px}.pc .box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.pc h3{margin:0 0 10px;font-size:1.1rem;letter-spacing:.03em}.pc ul{margin:0;padding-left:1.1em}.pc li{margin:.42em 0;color:var(--muted)}.pc .cons{border-color:rgba(255,122,26,.4)}.pc .cons h3{color:#b24a07}details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin:0 0 10px}summary{cursor:pointer;font-weight:600;font-family:"Figtree",sans-serif;padding:13px 0;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";float:right;color:var(--green-deep);font-weight:700;font-size:1.3rem;line-height:1;transition:transform .2s ease;transform-origin:center}details[open] summary::after{transform:rotate(45deg)}details p{margin:0 0 14px;color:var(--muted);font-size:.96rem}.closer-band{text-align:center;padding:clamp(44px,8vw,80px) 0;border-bottom:none}.closer{display:inline-flex;align-items:center;gap:.4em;font-size:clamp(1.9rem,8vw,3.6rem);color:var(--green-deep);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:4px}.closer:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.closer .arw{font-family:"Figtree",sans-serif}footer{text-align:center;padding:clamp(30px,5vw,46px) 0 clamp(40px,6vw,60px);background:var(--mist)}.backtop{display:inline-block;font-family:"Saira Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(2.1rem,9vw,4rem);color:var(--ink);text-decoration:none;letter-spacing:.02em}.fmeta{margin-top:18px;font-family:"Figtree",sans-serif;font-size:.86rem;color:var(--muted)}.fmeta strong{color:var(--ink)}.fmeta .flink{color:var(--muted);text-decoration:none;position:relative;margin:0 .5em}.fmeta .flink::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1.5px;background:var(--green-deep);transition:right .25s ease}.fmeta .flink:focus-visible::after{right:0}.reveal{opacity:0;transform:translateY(16px);filter:blur(8px)}.reveal.in{opacity:1;transform:none;filter:none;transition:opacity .7s var(--spring),transform .9s var(--spring),filter .7s ease}.hero h1,.hero .lead,.hero .cta-row,.viewer{animation:pop 1s var(--spring) both}.hero .lead{animation-delay:.08s}.hero .cta-row{animation-delay:.16s}.viewer{animation-delay:.24s}@keyframes pop{from{opacity:0;transform:translateY(14px);filter:blur(8px)}}@media (min-width:900px){.hero{grid-template-columns:1.05fr .95fr}.pc{grid-template-columns:1fr 1fr}}@media (hover:hover) and (pointer:fine){.join-btn:hover{scale:1.03}.toc a:hover{color:var(--green-deep)}.fmeta .flink:hover::after{right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,.reveal{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}.join-btn:hover{scale:1}.topbar .dot{animation:none}}.viewer{--spring:linear(0,.35,.72,.94,1.02,1.01,1)}.viewer .scene-back{display:none}.viewer[data-view="back"] .scene-front{display:none}.viewer[data-view="back"] .scene-back{display:block}.viewer .scan{animation:scan 3.4s var(--spring) infinite}@keyframes scan{0%{transform:translateY(0)}50%{transform:translateY(208px)}100%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.viewer .scan{animation:none}}