/* =========================================================
   Erlow marketing site · built to the Erlow identity system v1.3
   70% quiet canvas · 25% forest structure · 5% lime energy
   Nori violet only inside clearly bounded AI areas
   ========================================================= */
:root{
  --forest:#173C2B; --deep:#102B20; --lime:#B8F15C; --leaf:#79C94B; --sage:#E7F2DC; --canvas:#F9FAF6;
  --ink:#20362B; --muted:#5E6E63; --line:#DAE2DA; --white:#fff;
  --ok:#3B8755; --risk:#D99C36; --under:#D96C63; --info:#4B84AC;
  --violet:#271D59; --violet-2:#AD7BFF; --violet-ink:#3A2A85; --lav:#F3EEFF; --lav-line:#DCCFFB;
  --display:"Outfit","Manrope",system-ui,sans-serif; --body:"Manrope",system-ui,sans-serif; --mono:"Space Mono",ui-monospace,Menlo,monospace;
  --pad:clamp(20px,5vw,72px); --r:20px;
  --shadow:0 1px 2px rgba(23,60,43,.05),0 24px 48px -32px rgba(23,60,43,.35);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--canvas);color:var(--ink);font:500 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;color:var(--forest);margin:0}
p{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:var(--forest);color:#fff;padding:10px 14px;border-radius:10px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* type */
.eyebrow{font:700 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#3B7B4D;margin:0 0 16px}
.display{font-size:clamp(46px,6.4vw,92px);line-height:1.02;letter-spacing:-.05em}
.h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.h3{font-size:clamp(24px,2.2vw,30px);line-height:1.15;letter-spacing:-.03em}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--muted);max-width:56ch}
.leaf{color:var(--leaf)}
.mono{font-family:var(--mono);font-weight:700}
.mono-xs{font:700 10.5px var(--mono);letter-spacing:.08em;color:var(--muted)}
.section{padding-block:clamp(72px,11vh,128px)}
.sec-head{max-width:780px;margin-bottom:clamp(36px,5vw,56px)}
.sec-head .lead{margin-top:18px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font:700 16px var(--body);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.btn-primary{background:var(--forest);color:#fff}
.btn-primary:hover{background:var(--deep)}
.btn-lime{background:var(--lime);color:var(--forest)}
.btn-lime:hover{background:#C6F57A}
.btn-ghost{background:#fff;color:var(--forest);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--forest)}
.btn-nori{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 8px;border-radius:12px;background:var(--violet);color:#fff;font:700 16px var(--body);text-decoration:none;white-space:nowrap}
.btn-nori:hover{background:#33276F}

.btn-nori.sm{min-height:36px;padding:0 14px;font-size:13px;border-radius:9px;background:var(--violet-2);color:var(--violet)}
.btn-sm{min-height:42px;padding:0 16px;font-size:14px;border-radius:10px}
.arrow::after{content:"↗";font-weight:700}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(249,250,246,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:block;flex:none}
.logo img{height:30px;width:auto}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0 0 0 auto;padding:0}
.nav-links a{font:700 15px var(--body);color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.nav-links a:hover{color:var(--forest)}

.nav-cta{display:flex;align-items:center;gap:10px}
.nav-cta .signin{color:var(--forest)}
.nav-links .nav-cta a.btn-primary{color:#fff}
.nav-links .nav-cta a.btn-primary:hover{color:#fff}
.burger{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer;color:var(--forest)}
.burger svg{width:28px;height:28px}
@media (max-width:960px){
  .burger{display:block}
  .nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--canvas);flex-direction:column;align-items:stretch;gap:0;padding:6px var(--pad) 20px;border-bottom:1px solid var(--line)}
  .nav.open .nav-links{display:flex}
  .nav-links li{border-bottom:1px solid var(--line)}
  .nav-links li:last-child{border:0;padding-top:14px}
  .nav-links a{padding:14px 0}
  .nav-cta{flex-direction:column;align-items:stretch}.nav-cta .btn{width:100%}
}

/* hero */
.hero{position:relative;overflow:hidden;padding-top:clamp(40px,6vh,76px)}
.hero::before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-300px;border-radius:50%;border:1px solid var(--line);
  box-shadow:0 0 0 90px rgba(231,242,220,.45),0 0 0 200px rgba(231,242,220,.25);pointer-events:none}
.hero .wrap{position:relative}
.hero h1{max-width:12ch}
.hero h1 .dot{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--leaf);margin-left:.04em;vertical-align:baseline}
.hero .lead{margin-top:22px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.pills span{font:700 11px var(--mono);letter-spacing:.12em;color:#3B7B4D;border:1px solid #BFD5BF;border-radius:999px;padding:7px 12px}
.hero-shot{margin-top:clamp(30px,4vw,52px);position:relative}
.hero-shot::before{content:"";position:absolute;inset:18% -6% -14% -6%;background:var(--sage);border-radius:32px;z-index:-1}

/* overview (hero product) */
.ov{display:grid;grid-template-columns:200px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 2px 4px rgba(23,60,43,.04),0 50px 90px -50px rgba(23,60,43,.55)}
.ov-side{background:var(--forest);padding:22px 14px;display:flex;flex-direction:column;gap:22px}
.ov-logo{height:22px;width:auto;margin-left:8px}
.ov-nav{display:flex;flex-direction:column;gap:2px}
.ov-nav span{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font:600 13px var(--body);color:#C9DCCD}
.ov-nav span.on{background:rgba(255,255,255,.08);color:var(--lime)}
.ov-nav svg{width:16px;height:16px;flex:none}
.ov-nav .nori-nav{margin-top:10px;color:#E3DAFF}

.ov-main{padding:24px 26px;background:#FBFCF9;display:flex;flex-direction:column;gap:16px;min-width:0}
.ov-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ov-top h4{font-size:24px;letter-spacing:-.03em;margin:4px 0 2px}
.ov-top p{font-size:14px;color:var(--muted)}
.live{display:inline-flex;align-items:center;gap:6px;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ok);background:#E5F2E7;border-radius:999px;padding:5px 10px}
.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(59,135,85,.2)}
.ov-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ov-kpis div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.ov-kpis span{display:block;font-size:12.5px;color:var(--muted);font-weight:600}
.ov-kpis b{display:block;font:700 26px var(--mono);letter-spacing:-.02em;color:var(--forest);margin:4px 0 2px}
.ov-kpis em{font:700 10.5px var(--mono);font-style:normal;color:var(--muted);letter-spacing:.02em}
.ov-kpis em.up{color:var(--ok)}
.ov-grid{background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 16px 12px}
.ov-row{display:grid;grid-template-columns:minmax(110px,1.4fr) repeat(7,minmax(0,1fr));gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid #EEF2EC;font-size:13px;font-weight:700;color:var(--ink)}
.ov-row i{height:16px;border-radius:5px}
.ov-hd{font:700 10.5px var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.ov-hd i{height:auto;text-align:center;font-style:normal}
.ov-legend{display:flex;gap:16px;padding-top:10px;font-size:12px;color:var(--muted);font-weight:600}
.ov-legend i,.p-key i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.st-ok{background:#9FCF9F}.st-risk{background:#EFC57E}.st-under{background:var(--under)}.st-off{background:#EEF2EC}
.nori-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--lav);border:1px solid var(--lav-line)}
.nori-card b{display:block;font:700 14px var(--body);color:var(--violet)}
.nori-card p{font-size:13.5px;line-height:1.5;color:#463C74}


@media (max-width:800px){.ov{grid-template-columns:1fr}.ov-side{display:none}.ov-kpis{grid-template-columns:1fr 1fr}.ov-kpis div:last-child{grid-column:1/-1}.nori-card{grid-template-columns:auto 1fr}.nori-card .btn-nori{grid-column:2;justify-self:start}.ov-main{padding:18px}}

/* problem / statement */
.statement{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.statement .lead{margin-top:20px}
.compare{display:grid;gap:12px}
.cmp{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.cmp>div{padding:16px 18px;font-size:15px;line-height:1.45}
.cmp>div:first-child{color:var(--muted);background:#F3F5F1;text-decoration:line-through;text-decoration-color:rgba(94,110,99,.45)}
.cmp>div:last-child{font-weight:700;color:var(--forest)}
.cmp-hd{display:grid;grid-template-columns:1fr 1fr;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 18px}
@media (max-width:900px){.statement{grid-template-columns:1fr}}

/* north star */
.north{background:var(--sage);border-radius:28px;padding:clamp(32px,5vw,64px)}
.north .h2{font-size:clamp(32px,4.2vw,58px);max-width:20ch}
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,4vw,44px)}
.values div{background:#fff;border-radius:18px;padding:24px}
.values h3{font-size:22px;letter-spacing:-.02em;margin:10px 0 6px}
.values p{font-size:15px;color:var(--muted)}
@media (max-width:860px){.values{grid-template-columns:1fr}}

/* platform */
.platform{border-top:1px solid var(--line)}
.feat{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr);gap:clamp(32px,5vw,72px);align-items:center}
.feat+.feat{margin-top:clamp(72px,10vh,120px)}
.feat.flip{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr)}
.feat.flip .copy{order:2}
.feat .h3{margin-bottom:14px}
.feat p{color:var(--muted)}
.ticks{list-style:none;margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:15.5px;font-weight:600}
.ticks li{display:grid;grid-template-columns:24px 1fr}
.ticks li::before{content:"";width:14px;height:6px;border-radius:3px;background:var(--leaf);margin-top:9px}
@media (max-width:940px){.feat,.feat.flip{grid-template-columns:1fr}.feat.flip .copy{order:0}}

/* panels */
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);font-family:var(--body)}
.p-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.p-title{font:700 16px var(--display);color:var(--forest);letter-spacing:-.01em;margin-right:10px}
.p-sub{font-size:12.5px;color:var(--muted);font-weight:600}
.p-seg{display:inline-flex;background:#F1F4EF;border-radius:10px;padding:3px}
.p-seg span{font:700 12px var(--body);color:var(--muted);padding:5px 11px;border-radius:7px}
.p-seg span.on{background:#fff;color:var(--forest);box-shadow:0 1px 2px rgba(23,60,43,.15)}
.p-body{padding:16px 18px 18px}
.p-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:14px}
.p-stats div{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.p-stats span{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.p-stats b{font:700 20px var(--mono);color:var(--forest)}
.t-under{color:#B5473F!important}.t-risk{color:#A86F11!important}
.p-cap{font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 4px}
.chart{display:block;width:100%;height:auto}
.chart .gl{stroke:#EEF2EC}
.chart text{font:400 10px var(--mono);fill:#7E8C83}
.p-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:600;color:var(--muted);margin:6px 0 10px}
.p-key i.ln{height:3px;width:14px;border-radius:2px;vertical-align:3px}
.p-key .sep{width:1px;height:12px;background:var(--line);align-self:center}
.hatch{background:repeating-linear-gradient(135deg,#DDE6DA 0 2px,#fff 2px 5px)!important;box-shadow:inset 0 0 0 1px #DDE6DA}

/* schedule */
.sc{overflow-x:auto}
.sc-row{display:grid;grid-template-columns:150px minmax(560px,1fr);align-items:center;min-height:44px;border-bottom:1px solid #EEF2EC}
.sc-hours{min-height:24px;border:0}
.sc-hours .sc-track span{position:absolute;top:2px;transform:translateX(-50%);font:400 10px var(--mono);color:#7E8C83}
.sc-hours .sc-track span:first-child{transform:none}.sc-hours .sc-track span:last-child{transform:translateX(-100%)}
.sc-track{position:relative;height:100%;min-height:24px}
.sc-row:not(.sc-hours):not(.sc-cov) .sc-track{height:28px;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/6 - 1px),#EEF2EC calc(100%/6 - 1px) calc(100%/6))}
.who b{display:block;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.blk{position:absolute;top:0;bottom:0;border-radius:6px;display:flex;align-items:center;padding:0 7px;font:700 11px var(--body);white-space:nowrap;overflow:hidden;border:1.5px solid #fff}
.blk em{font:400 10px var(--mono);font-style:normal;opacity:.8;margin-left:5px}
.c-email{background:var(--forest);color:#fff}
.c-msg{background:var(--leaf);color:#10301D}
.c-voice{background:#B9DCA8;color:#17361F}
.c-brk,.c-lun{background:repeating-linear-gradient(135deg,#DDE6DA 0 2px,#fff 2px 5px);color:transparent}
.c-dev{background:#CFE0F0;color:#20435E}
.sc-cov{min-height:40px}
.sc-cells{display:grid;grid-template-columns:repeat(48,1fr);gap:2px;min-width:560px}
.sc-cells i{height:18px;border-radius:3px}

/* live */
.lv-alert{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:#FCEEEC;border:1px solid #F2C9C4;margin-bottom:14px}
.lv-alert b{display:block;font-size:14px;color:var(--ink)}
.lv-alert span{font-size:13px;color:#6C4A45}
.lv-alert .mono{font-size:15px;color:#9C3B34}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:700 11.5px var(--body);white-space:nowrap}
.pill.under{background:var(--under);color:#fff}
.lv-row{display:grid;grid-template-columns:130px minmax(0,1fr) 54px;gap:12px;align-items:center;padding:6px 0}
.lv-hd{font:700 10.5px var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.lv-hd span:last-child{text-align:right}
.lv-times{display:flex;justify-content:space-between}
.lv-cells{display:grid;grid-template-columns:repeat(24,1fr);gap:3px}
.lv-cells i{height:18px;border-radius:4px}
.a-in{background:var(--forest)}.a-out{background:var(--under)}.a-away{background:#CFE0F0}.a-off{background:repeating-linear-gradient(135deg,#DDE6DA 0 2px,#fff 2px 5px);box-shadow:inset 0 0 0 1px #E3EAE1}.a-fut{background:#F1F4EF}
.pct{text-align:right;font:700 14px var(--mono);color:var(--forest)}
@media (max-width:640px){.lv-row{grid-template-columns:86px minmax(0,1fr) 44px;gap:8px}.lv-cells{gap:2px}.lv-alert{grid-template-columns:1fr auto}.lv-alert .pill{grid-column:1/-1;justify-self:start}}

/* rules */
.ru-guard{display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:12px;background:var(--forest);color:#fff;font-size:13.5px;font-weight:600;margin-bottom:12px}
.ru-guard svg{color:var(--lime);flex:none}
.ru-card{border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.ru-card+.ru-card{margin-top:10px}
.ru-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ru-top b{font:700 15px var(--display);color:var(--forest)}
.ru-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}
.ru-days span{text-align:center;padding:6px 0;border-radius:8px;font:700 12px var(--mono);color:#9AA89F;background:#F1F4EF}
.ru-days span.on{background:var(--forest);color:#fff}
.ru-span{position:relative;height:10px;border-radius:5px;background:#F1F4EF;margin-bottom:6px}
.ru-span i{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--leaf)}
.ru-lbl{display:flex;justify-content:space-between;font:400 10.5px var(--mono);color:#7E8C83;margin-bottom:10px}
.ru-chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:700 12px var(--body);padding:4px 10px;border-radius:999px;background:var(--sage);color:var(--forest)}

/* ===== Nori: one clearly bounded violet territory ===== */
.nori{padding-block:clamp(40px,6vh,72px)}
.nori-box{background:var(--violet);color:#fff;border-radius:32px;padding:clamp(32px,5vw,72px);position:relative;overflow:hidden}
.nori-box::before{content:"";position:absolute;width:620px;height:620px;right:-140px;top:-180px;border-radius:50%;background:radial-gradient(closest-side,rgba(173,123,255,.28),rgba(173,123,255,0))}
.nori-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.nori-box .eyebrow{color:#C9B2FF}
.nori-box h2{color:#fff}
.nori-box h2 .v{color:var(--violet-2)}
.nori-box .lead{color:#D9D1F5;margin-top:20px}
.nori-stage{justify-self:center;position:relative;line-height:0}
.nori-stage .nori-orb{--nori-size:min(260px,52vw)!important;filter:drop-shadow(0 18px 38px #AB6AFE55)}
.nori-stage::after{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 120px 30px rgba(173,123,255,.35);z-index:-1}
.nori-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px}
.nori-meta .mono-xs{color:#B9ABE6;letter-spacing:.14em}
.nori-roles{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(40px,5vw,64px)}
.role-card{background:rgba(255,255,255,.06);border:1px solid rgba(201,178,255,.22);border-radius:18px;padding:22px}
.role-card .mono-xs{color:#C9B2FF;letter-spacing:.14em}
.role-card h3{color:#fff;font-size:22px;letter-spacing:-.02em;margin:8px 0 6px}
.role-card p{color:#CFC6EE;font-size:15px}
.role-card blockquote{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#fff;color:#2C2450;font-size:14px;line-height:1.5}
.role-card blockquote b{display:block;font-size:11px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7A62C9;margin-bottom:4px}
@media (max-width:900px){.nori-hero{grid-template-columns:1fr}.nori-stage{order:-1;justify-self:start}.nori-stage .nori-orb{--nori-size:140px!important}.nori-roles{grid-template-columns:1fr}}

/* Ask Nori workspace */
.ask{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,64px);align-items:center;margin-top:clamp(56px,8vh,96px)}
.ask .lead{margin-top:16px}
.ask-ui{border-radius:22px;overflow:hidden;border:1px solid var(--lav-line);background:#FBF9FF;box-shadow:0 40px 80px -50px rgba(39,29,89,.55)}
.ask-top{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--violet);color:#fff}
.ask-top b{display:block;font:700 18px var(--display);letter-spacing:-.01em}
.ask-top small{font-size:12px;color:#CFC6EE}

.ask-log{display:flex;flex-direction:column;gap:14px;padding:18px;min-height:250px;max-height:420px;overflow:auto}
.q{align-self:flex-end;max-width:80%;background:#E9DEFF;color:#2C2450;border-radius:14px 14px 4px 14px;padding:10px 14px;font-size:14.5px}
.a{align-self:flex-start;max-width:92%;background:#fff;border:1px solid var(--lav-line);border-radius:14px;padding:14px}
.a-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:700 13px var(--body);color:var(--violet)}

.a-hd small{font-weight:600;color:#8D80BD}
.a p{font-size:14.5px;line-height:1.55;color:#2C2450}
.basis{margin-top:10px;padding:10px 12px;border-radius:10px;background:#F4F1FB;font:400 12px var(--mono);color:#5A507E;line-height:1.7}
.a-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.a-acts button{font:700 12.5px var(--body);color:var(--violet-ink);background:#fff;border:1px solid var(--lav-line);border-radius:9px;padding:7px 11px;cursor:pointer}
.a-acts button:hover,.a-acts button[aria-expanded="true"]{background:var(--lav);border-color:var(--violet-2)}
.a-detail{margin-top:10px;padding:12px;border-left:3px solid var(--violet-2);border-radius:8px;background:#F8F5FF;font-size:13px;line-height:1.55;color:#3A2A85}
.a-detail strong{display:block;margin-bottom:4px}
.a-detail small{display:block;margin-top:6px;color:#6D618C}
.ask-qs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 18px;border-top:1px solid var(--lav-line)}
.ask-qs button{font:700 13.5px var(--body);color:var(--violet-ink);background:#fff;border:1px solid var(--lav-line);border-radius:10px;padding:9px 12px;cursor:pointer}
.ask-qs button:hover{border-color:var(--violet-2)}
.ask-qs button[aria-pressed=true]{background:var(--violet-2);color:var(--violet);border-color:var(--violet-2)}
.ask-note{font-size:12.5px;color:var(--muted);margin-top:12px}
@media (max-width:940px){.ask{grid-template-columns:1fr}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;counter-increment:s}
.steps li::before{content:"0" counter(s);display:block;font:700 13px var(--mono);color:#3B7B4D;margin-bottom:28px}
.steps h3{font-size:22px;letter-spacing:-.02em;margin-bottom:8px}
.steps p{color:var(--muted);font-size:15.5px}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* pricing */
.price-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,48px)}
.price-top .sec-head{margin:0}
.price-top .note{max-width:36ch;color:var(--muted);font-size:15.5px}
.price-top .note a{color:var(--forest);font-weight:700}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plan{border-radius:24px;padding:32px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.plan .mono-xs{letter-spacing:.14em;color:#3B7B4D}
.plan h3{font-size:30px;letter-spacing:-.03em;margin:8px 0 4px}
.plan .desc{color:var(--muted);font-size:15.5px}
.amt{display:flex;align-items:baseline;gap:8px;margin:24px 0 4px}
.amt b{font:700 56px var(--display);letter-spacing:-.05em;color:var(--forest);line-height:1}
.amt span{font-size:15px;color:var(--muted);font-weight:600}
.plan ul{list-style:none;margin:22px 0 28px;padding:20px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:15.5px;font-weight:600}
.plan li{display:grid;grid-template-columns:24px 1fr}
.plan li::before{content:"";width:14px;height:6px;border-radius:3px;background:var(--leaf);margin-top:9px}
.plan .btn{margin-top:auto}
.plan.pro{background:var(--forest);border-color:var(--forest)}
.plan.pro h3,.plan.pro .amt b{color:#fff}
.plan.pro .mono-xs{color:var(--lime)}
.plan.pro .desc,.plan.pro .amt span{color:#BBD0BF}
.plan.pro ul{border-top-color:rgba(255,255,255,.14);color:#EAF2EC}
.plan.pro li::before{background:var(--lime)}
.plan .nori-inc{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 14px;border-radius:14px;background:var(--violet);color:#fff;font-size:14.5px;font-weight:700}
.plan .nori-inc small{display:block;font-weight:500;color:#CFC6EE;font-size:13px}

@media (max-width:760px){.plans{grid-template-columns:1fr}}

/* trust */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.trust>div{border-radius:var(--r);padding:28px;background:#fff;border:1px solid var(--line)}
.trust h3{font-size:20px;letter-spacing:-.02em;margin-bottom:14px}
.trust ul{list-style:none;margin:0;padding:0}
.trust li{display:grid;grid-template-columns:26px 1fr;padding:11px 0;border-top:1px solid #EEF2EC;font-size:15.5px}
.trust .yes li::before{content:"✓";font-weight:800;color:var(--ok)}
.trust .no li::before{content:"✕";font-weight:800;color:#9AA89F}
@media (max-width:860px){.trust{grid-template-columns:1fr}}

/* early access: forest frame */
.access{background:var(--forest);color:#fff;border-radius:32px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:start;position:relative;overflow:hidden}
.access::before{content:"";position:absolute;width:520px;height:520px;left:-200px;bottom:-280px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 70px rgba(255,255,255,.03)}
.access>*{position:relative}
.access .eyebrow{color:var(--lime)}
.access h2{color:#fff}
.access .lead{color:#C9DCCD;margin-top:18px}
.access ul{list-style:none;margin:26px 0 0;padding:0}
.access li{display:grid;grid-template-columns:24px 1fr;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);color:#EAF2EC;font-weight:600}
.access li::before{content:"";width:14px;height:6px;border-radius:3px;background:var(--lime);margin-top:10px}
.form{background:#fff;color:var(--ink);border-radius:22px;padding:28px}
.form h3{font-size:22px;letter-spacing:-.02em;margin-bottom:18px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:14px;font-weight:700}
.field input,.field select,.field textarea{font:500 16px var(--body);color:var(--ink);background:var(--canvas);border:1px solid #CBD6CB;border-radius:12px;padding:12px 14px;min-height:48px;width:100%}
.field textarea{min-height:76px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px rgba(184,241,92,.6)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .btn{width:100%;margin-top:4px}
.form small{display:block;margin-top:12px;color:var(--muted);font-size:13px}
.hp{position:absolute;left:-9999px}
@media (max-width:900px){.access{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}

/* faq */
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:start}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:20px 0;font:700 19px var(--display);color:var(--forest);letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:700 22px var(--body);color:var(--leaf);line-height:1}
details[open] summary::after{content:"–"}
details p{padding:0 0 20px;color:var(--muted);max-width:62ch}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr;gap:20px}}

/* footer */
footer{border-top:1px solid var(--line);padding-block:56px 32px;margin-top:clamp(56px,8vh,96px)}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.foot img{height:30px;width:auto}
.foot p{color:var(--muted);font-size:15px;margin-top:14px;max-width:30ch}
.foot h4{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none;font-weight:600}.foot a:hover{color:var(--leaf)}
.foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.powered{display:inline-flex;align-items:center;gap:8px}

@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* fixes */
.hero h1{font-size:clamp(44px,5.6vw,80px);max-width:15ch}
.sc{overflow:visible}
.sc-row{grid-template-columns:118px minmax(0,1fr)}
.sc-cells{min-width:0;gap:1.5px}
.sc-hours .sc-track span{font-size:9.5px}
.blk{font-size:10.5px;padding:0 5px}
.blk em{display:none}
@media (max-width:640px){.sc-row{grid-template-columns:78px minmax(0,1fr)}.who small{display:none}.blk{font-size:0;padding:0}.sc-hours .sc-track span:nth-child(even){display:none}}
