/* ---------- section shell ---------- */
  section{padding-block:var(--section)}
  .center{text-align:center; max-width:60ch; margin-inline:auto}
  .center .kicker{justify-content:center}
  .center .kicker::before{display:none}

  /* reveal-on-scroll */
  .reveal-up{opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease}
  .reveal-up.in{opacity:1; transform:none}
  @media (prefers-reduced-motion:reduce){
    .reveal-up{opacity:1;transform:none;transition:none}
    .rings span,.dot::after,.typing i,.msg.reveal{animation:none!important}
    .msg.reveal{opacity:1}
  }

  /* ---------- problem ---------- */
  .problem{background:var(--bg-2); border-block:1px solid var(--line)}
  .agitate{display:grid; gap:18px; margin-top:40px}
  .agitate li{
    list-style:none; font-family:var(--display); font-weight:500;
    font-size:clamp(1.4rem,3vw,2.05rem); line-height:1.25; letter-spacing:-.015em;
    color:var(--fg); padding-left:30px; position:relative;
  }
  .agitate li::before{content:""; position:absolute; left:0; top:.62em; width:14px; height:1.5px; background:var(--accent)}
  .agitate li span{color:var(--muted)}

  /* ---------- steps ---------- */
  .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:56px; counter-reset:s}
  @media (max-width:1024px){.steps{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:560px){.steps{grid-template-columns:1fr}}
  .step{position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:26px; transition:border-color .2s ease, transform .2s ease}
  .step:hover{border-color:var(--line-strong); transform:translateY(-3px)}
  .step .num{
    counter-increment:s; font-family:var(--display); font-weight:800; font-size:1rem;
    width:40px; height:40px; border-radius:11px; display:grid; place-items:center;
    background:rgba(198,242,78,.12); color:var(--accent); border:1px solid rgba(198,242,78,.3); margin-bottom:20px;
  }
  .step .num::before{content:counter(s,decimal-leading-zero)}
  .step h3{margin-bottom:10px}
  .step p{color:var(--muted); font-size:.97rem}
  .step .eg{margin-top:16px; font-size:.9rem; color:var(--fg-2); background:rgba(255,255,255,.04); border:1px solid var(--line); border-radius:var(--r-sm); padding:11px 13px; line-height:1.4}
  .step .eg b{color:var(--accent); font-weight:600}

  /* ---------- why grid ---------- */
  .grid-cards{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:56px}
  @media (max-width:760px){.grid-cards{grid-template-columns:1fr}}
  .card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:30px; transition:border-color .2s ease, transform .2s ease, background .2s ease}
  .card:hover{border-color:var(--line-strong); transform:translateY(-3px); background:var(--surface-2)}
  .card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(198,242,78,.1);color:var(--accent);border:1px solid rgba(198,242,78,.22);margin-bottom:18px}
  .card h3{margin-bottom:9px}
  .card p{color:var(--muted); font-size:.98rem}
  .card .vs{display:block; margin-top:14px; font-size:.82rem; color:var(--fg-2); letter-spacing:.02em}
  .card .vs b{color:var(--fg)}

  /* ---------- trust ---------- */
  .trust{background:var(--bg-2); border-block:1px solid var(--line)}
  .trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:52px}
  @media (max-width:900px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:520px){.trust-grid{grid-template-columns:1fr}}
  .trust-item .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:var(--accent);border:1px solid var(--line);margin-bottom:16px}
  .trust-item h3{font-size:1.1rem; margin-bottom:8px}
  .trust-item p{color:var(--muted); font-size:.94rem}

  /* ---------- use cases ---------- */
  .uses{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:52px}
  @media (max-width:860px){.uses{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:520px){.uses{grid-template-columns:1fr}}
  .use{display:flex; gap:14px; align-items:flex-start; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:20px 22px; transition:border-color .2s ease, transform .2s ease}
  .use:hover{border-color:var(--line-strong); transform:translateY(-2px)}
  .use .ic{flex:none; width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(198,242,78,.1);color:var(--accent);border:1px solid rgba(198,242,78,.2)}
  .use b{display:block; font-weight:600; margin-bottom:3px; font-size:1rem}
  .use p{color:var(--muted); font-size:.9rem; line-height:1.4}

  /* ---------- founder note ---------- */
  .note{max-width:760px; margin-inline:auto; text-align:center}
  .note blockquote{
    font-family:var(--display); font-weight:500; letter-spacing:-.015em;
    font-size:clamp(1.4rem,3vw,2rem); line-height:1.3; margin:24px 0 0; color:var(--fg);
  }
  .note .sig{margin-top:22px; font-size:.92rem; color:var(--muted)}