:root{
    --paper:#F2F6F5;
    --paper-2:#FFFFFF;
    --ink:#11313A;
    --ink-soft:#4A636B;
    --teal:#16998C;
    --teal-deep:#0C6E64;
    --teal-wash:#DDEFEB;
    --navy:#1C2E4A;
    --line:#D6E2DF;
    --line-dark:#2C4651;

    --mincho:"Zen Old Mincho",serif;
    --gothic:"Zen Kaku Gothic New",sans-serif;
    --latin:"Inter",sans-serif;

    --maxw:1080px;
    --pad:clamp(20px,5vw,64px);
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--gothic);
    background:var(--paper);
    color:var(--ink);
    line-height:1.85;
    -webkit-font-smoothing:antialiased;
    font-feature-settings:"palt" 1;
    overflow-x:hidden;
    line-break:strict;
    word-break:auto-phrase;
  }
  h2.head,.pull,.fail-note,.final h2,h3{text-wrap:balance}
  .lead,.hero .sub,.final p,.card p,.axis p,.dual,.report-note{text-wrap:pretty}
  img{max-width:100%;display:block}

  /* ---------- layout primitives ---------- */
  .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
  .section{padding-block:clamp(72px,11vw,140px)}
  .section--tight{padding-block:clamp(56px,8vw,96px)}

  .eyebrow{
    font-family:var(--latin);
    font-size:.72rem;
    letter-spacing:.28em;
    font-weight:600;
    text-transform:uppercase;
    color:var(--teal-deep);
    display:flex;align-items:center;gap:.85em;
    margin-bottom:1.4em;
  }
  .eyebrow::before{
    content:"";width:34px;height:1.5px;background:var(--teal);display:inline-block;
  }
  .eyebrow--center{justify-content:center}

  h2.head{
    font-family:var(--mincho);
    font-weight:700;
    font-size:clamp(1.7rem,4.4vw,2.85rem);
    line-height:1.5;
    letter-spacing:.01em;
    margin-bottom:.7em;
  }
  .lead{
    font-size:clamp(1rem,1.7vw,1.12rem);
    color:var(--ink-soft);
    max-width:42em;
    line-height:2;
  }
  .center{text-align:center}
  .center .lead{margin-inline:auto}
  .center .eyebrow{justify-content:center}

  /* ---------- header ---------- */
  header.nav{
    position:sticky;top:0;z-index:50;
    background:rgba(242,246,245,.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    max-width:var(--maxw);margin:0 auto;padding:14px var(--pad);
    display:flex;align-items:center;justify-content:space-between;gap:16px;
  }
  .logo{
    font-family:var(--mincho);font-weight:700;font-size:1.18rem;letter-spacing:.04em;
    color:var(--ink);display:flex;align-items:center;gap:.5em;text-decoration:none;
  }
  .logo .mark{
    width:22px;height:22px;flex:none;
  }
  .btn{
    font-family:var(--gothic);font-weight:700;font-size:.92rem;
    border:none;border-radius:999px;cursor:pointer;text-decoration:none;
    display:inline-flex;align-items:center;gap:.5em;
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
    line-height:1;
  }
  .btn--primary{
    background:var(--teal);color:#fff;padding:.95em 1.7em;
    box-shadow:0 6px 18px -8px rgba(12,110,100,.7);
  }
  .btn--primary:hover{background:var(--teal-deep);transform:translateY(-2px)}
  .btn--ghost{
    background:transparent;color:var(--ink);padding:.8em 1.3em;border:1.5px solid var(--line);
  }
  .btn--ghost:hover{border-color:var(--teal);color:var(--teal-deep)}
  .btn--light{background:#fff;color:var(--teal-deep);padding:1.05em 2em;}
  .btn--light:hover{transform:translateY(-2px);box-shadow:0 10px 26px -10px rgba(0,0,0,.4)}
  .nav .btn--primary{padding:.7em 1.3em;font-size:.85rem}
  @media(max-width:560px){.nav .btn--primary{display:none}}

  /* ---------- hero ---------- */
  .hero{position:relative;padding-block:clamp(72px,13vw,150px) clamp(64px,9vw,120px);overflow:hidden}
  .hero .wrap{position:relative;z-index:2}
  .hero-inner{max-width:54em}
  .hero .quote{
    font-family:var(--mincho);
    font-size:clamp(1.5rem,4.4vw,2.7rem);
    font-weight:700;line-height:1.6;letter-spacing:.01em;color:var(--ink);
  }
  .hero .quote .ln{display:block}
  .hero .quote .u{display:inline-block;white-space:nowrap}
  .hero .quote .fade{
    background:linear-gradient(100deg,var(--ink) 6%,rgba(17,49,58,.10) 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
  }
  .hero .flip{margin-top:.5em;color:var(--teal-deep)}
  .hero .sub{
    margin-top:1.8em;font-size:clamp(1rem,1.9vw,1.16rem);color:var(--ink-soft);
    max-width:30em;line-height:2.05;
  }
  .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:2.4em}

  /* faint scale motif in hero bg */
  .hero-motif{
    position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;
    -webkit-mask-image:linear-gradient(115deg,transparent 38%,#000 105%);
    mask-image:linear-gradient(115deg,transparent 38%,#000 105%);
  }
  .hero-motif .row{
    position:absolute;right:calc(var(--pad) * -.2);height:1.5px;background:var(--line);
  }
  .hero-motif .dot{
    position:absolute;width:11px;height:11px;border-radius:50%;background:var(--teal);
    transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(22,153,140,.12);
  }
  @media(max-width:760px){.hero-motif{display:none}}

  /* ---------- generic dark section ---------- */
  .dark{background:var(--ink);color:#EAF2F1}
  .dark h2.head{color:#fff}
  .dark .lead{color:#B7CDcb;color:#AFC8C5}
  .dark .eyebrow{color:#5FD4C5}
  .dark .eyebrow::before{background:#5FD4C5}
  .navy{background:var(--navy);color:#E7ECF4}
  .navy h2.head{color:#fff}
  .navy .lead{color:#AEBCD3}
  .navy .eyebrow{color:#86A2D8}
  .navy .eyebrow::before{background:#86A2D8}

  /* ---------- empathy: 3 structural changes ---------- */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);margin-top:clamp(36px,5vw,56px)}
  @media(max-width:760px){.grid-3{grid-template-columns:1fr}}
  .card{
    background:var(--paper-2);border:1px solid var(--line);border-radius:16px;
    padding:clamp(24px,3vw,34px);
  }
  .dark .card{background:rgba(255,255,255,.05);border-color:var(--line-dark)}
  .card .num{
    font-family:var(--latin);font-weight:600;font-size:.78rem;letter-spacing:.2em;
    color:var(--teal-deep);
  }
  .dark .card .num{color:#5FD4C5}
  .card h3{
    font-family:var(--mincho);font-weight:600;font-size:1.28rem;line-height:1.5;
    margin:.5em 0 .55em;
  }
  .dark .card h3{color:#fff}
  .card p{font-size:.96rem;color:var(--ink-soft);line-height:1.95}
  .dark .card p{color:#AFC8C5}

  .pull{
    font-family:var(--mincho);font-weight:600;
    font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.75;text-align:center;
    margin-top:clamp(40px,5vw,60px);
  }
  .pull em{font-style:normal;color:var(--teal-deep);}
  .dark .pull em,.navy .pull em{color:#5FD4C5}

  /* ---------- mismatch (dark) ---------- */
  .mismatch{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(36px,5vw,56px)}
  @media(max-width:760px){.mismatch{grid-template-columns:1fr}}
  .mismatch .card{position:relative;overflow:hidden}
  .mismatch .tag{font-family:var(--latin);font-size:.7rem;letter-spacing:.18em;color:#5FD4C5;font-weight:600}
  .mismatch h3{font-size:1.35rem}
  .mismatch h3 b{color:#5FD4C5;font-weight:700}

  /* ---------- failing measures ---------- */
  .fail-list{margin-top:clamp(36px,5vw,52px);border-top:1px solid var(--line)}
  .fail-row{
    display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:clamp(12px,3vw,40px);
    padding:clamp(22px,3vw,32px) 0;border-bottom:1px solid var(--line);align-items:baseline;
  }
  @media(max-width:620px){.fail-row{grid-template-columns:1fr;gap:6px}}
  .fail-row .what{font-family:var(--mincho);font-weight:600;font-size:1.25rem}
  .fail-row .why{color:var(--ink-soft);font-size:1rem;line-height:2}
  .fail-note{
    margin-top:clamp(40px,5vw,56px);background:var(--teal-wash);border-radius:16px;
    padding:clamp(26px,3.5vw,40px);font-family:var(--mincho);font-weight:600;
    font-size:clamp(1.1rem,2.4vw,1.45rem);line-height:1.8;color:var(--ink);
  }
  .fail-note em{font-style:normal;color:var(--teal-deep);border-bottom:3px solid var(--teal)}

  /* ---------- 人財分析レポート 3 axes ---------- */
  .axes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,26px);margin-top:clamp(40px,5vw,56px)}
  @media(max-width:860px){.axes{grid-template-columns:1fr}}
  .axis{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:clamp(26px,3vw,34px);display:flex;flex-direction:column}
  .axis .ico{width:40px;height:40px;color:var(--teal);margin-bottom:1.1em}
  .dark .axis{color:var(--ink)}
  .dark .axis .ico{color:var(--ink)}
  .axis .lbl{font-family:var(--latin);font-size:.72rem;letter-spacing:.18em;font-weight:600;color:var(--ink-soft)}
  .axis h3{font-family:var(--mincho);font-weight:700;font-size:1.35rem;margin:.25em 0 .65em}
  .axis p{font-size:.95rem;color:var(--ink-soft);line-height:1.95}
  .axis .res{margin-top:auto;padding-top:1.3em;font-size:.9rem;color:var(--teal-deep);font-weight:700;border-top:1px solid var(--line)}

  /* ---------- scale bar (signature) ---------- */
  .scales{margin-top:clamp(34px,4vw,48px);display:grid;gap:clamp(22px,2.6vw,30px)}
  .scale{}
  .scale-top{display:flex;justify-content:space-between;font-size:.86rem;color:var(--ink-soft);margin-bottom:.7em;gap:1em}
  .scale-top b{font-weight:700;color:var(--ink)}
  .scale-track{position:relative;height:6px;border-radius:99px;background:var(--line)}
  .scale-fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--teal-wash),var(--teal));width:0;transition:width 1s cubic-bezier(.5,.05,.2,1)}
  .scale-dot{
    position:absolute;top:50%;width:16px;height:16px;border-radius:50%;
    background:#fff;border:3px solid var(--teal);transform:translate(-50%,-50%) scale(0);
    transition:transform .5s cubic-bezier(.34,1.56,.64,1) .35s;box-shadow:0 2px 8px -2px rgba(12,110,100,.6);
  }
  .scale.in .scale-dot{transform:translate(-50%,-50%) scale(1)}
  .scale-mini{display:flex;justify-content:space-between;font-family:var(--latin);font-size:.68rem;letter-spacing:.16em;color:var(--ink-soft);margin-top:.7em;text-transform:uppercase}

  /* ---------- method / root ---------- */
  .method{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
  @media(max-width:860px){.method{grid-template-columns:1fr}}
  .cairs{display:grid;gap:12px}
  .cairs .step{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:13px;padding:16px 20px}
  .cairs .k{font-family:var(--latin);font-weight:600;font-size:1.5rem;color:#5FD4C5;text-align:center}
  .cairs .step b{display:block;font-size:1rem;color:#fff;font-weight:700;font-family:var(--gothic)}
  .cairs .step span{font-size:.86rem;color:#9FBDB9}

  /* ---------- sample report ---------- */
  .report{
    background:var(--paper-2);border:1px solid var(--line);border-radius:22px;
    padding:clamp(26px,4vw,52px);margin-top:clamp(38px,5vw,56px);
    box-shadow:0 30px 70px -50px rgba(17,49,58,.55);
  }
  .report-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:1em;margin-bottom:1.8em;flex-wrap:wrap}
  .report-head .who{font-family:var(--mincho);font-weight:700;font-size:1.4rem}
  .report-head .meta{font-family:var(--latin);font-size:.72rem;letter-spacing:.16em;color:var(--ink-soft)}
  .report-block + .report-block{margin-top:2.4em}
  .report-block > .bh{font-family:var(--latin);font-size:.74rem;letter-spacing:.2em;font-weight:600;color:var(--teal-deep);margin-bottom:1.3em;display:flex;align-items:center;gap:.7em}
  .report-block > .bh::after{content:"";flex:1;height:1px;background:var(--line)}
  .dual{font-size:.8rem;color:var(--ink-soft);margin-top:.4em}
  .dual b{color:var(--teal-deep)}
  .report-note{margin-top:2.2em;background:var(--teal-wash);border-radius:13px;padding:18px 22px;font-size:.92rem;color:var(--ink);line-height:1.9}

  /* ---------- お試し→本番 タイムライン（リボン矢印） ---------- */
  .tl-wrap{position:relative;margin-top:clamp(50px,6.5vw,68px)}
  .tl{display:flex;height:78px;
    clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 50%, calc(100% - 26px) 100%, 0 100%)}
  .tl-seg{display:flex;flex-direction:column;justify-content:center;white-space:nowrap}
  .tl-seg--trial{flex:0 0 200px;background:rgba(255,255,255,.14);color:#fff;padding-left:26px}
  .tl-seg--main{flex:1;background:#5FD4C5;color:#0C3B36;flex-direction:row}
  .tl-phase{flex:1;display:flex;flex-direction:column;justify-content:center;padding-left:26px}
  .tl-tag{font-family:var(--latin);font-size:.65rem;letter-spacing:.12em;font-weight:600;opacity:.75}
  .tl-name{font-family:var(--mincho);font-weight:700;font-size:1.02rem;letter-spacing:.04em;margin-top:.2em}
  /* お試し→本番の境目に添える吹き出し */
  .contract-badge{position:absolute;left:200px;top:0;transform:translate(-50%,calc(-100% - 10px));
    background:#fff;color:#0C6E64;font-family:var(--latin);font-size:.62rem;font-weight:700;
    letter-spacing:.03em;padding:5px 12px;border-radius:999px;white-space:nowrap;
    box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
  .contract-badge::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);
    border:5px solid transparent;border-top-color:#fff}
  @media(max-width:640px){
    .tl{height:66px;clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%)}
    .tl-seg--trial{flex-basis:100px;padding-left:12px}
    .tl-phase{padding-left:10px}
    .tl-tag{font-size:.56rem}
    .tl-name{font-size:.82rem;margin-top:.1em}
    .contract-badge{left:100px;font-size:.56rem;padding:4px 9px}
  }
  .tl-note{margin-top:16px;color:#9FB0C8;font-size:.88rem;line-height:1.8}

  /* ---------- お試し／本番 4枚カード（TRIAL・INTERVIEW・REPORT・TRAINING） ---------- */
  .stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
    margin-top:clamp(24px,3vw,32px)}
  @media(max-width:900px){.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:560px){.stage-grid{grid-template-columns:minmax(0,1fr)}}
  .stage-card{background:rgba(255,255,255,.06);border:1px solid #2F5560;border-radius:14px;
    padding:clamp(18px,2.4vw,22px);display:flex;flex-direction:column;min-width:0}
  .stage-tag{font-family:var(--latin);font-size:.68rem;letter-spacing:.16em;
    font-weight:600;color:#5FD4C5;margin-bottom:.5em}
  .stage-card h3{font-family:var(--mincho);font-weight:700;font-size:1.08rem;color:#fff;margin-bottom:.6em}
  .stage-card ul{list-style:none;display:grid;gap:.5em}
  .stage-card li{position:relative;padding-left:.9em;color:#AEBCD3;font-size:.86rem;line-height:1.65;overflow-wrap:anywhere}
  .stage-card li::before{content:"・";position:absolute;left:-.15em;color:#5FD4C5}

  .flow-foot{margin-top:1.6em;color:#9FB0C8;font-size:.9rem;line-height:1.8}

  /* ---------- before/after ---------- */
  .ba{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(18px,3vw,40px);margin-top:clamp(40px,5vw,56px);align-items:center}
  @media(max-width:760px){.ba{grid-template-columns:1fr;gap:14px}.ba .arrow{transform:rotate(90deg);justify-self:center}}
  .ba-col{border-radius:18px;padding:clamp(24px,3vw,34px)}
  .ba-before{background:rgba(255,255,255,.04);border:1px solid var(--line-dark)}
  .ba-after{background:#fff;color:var(--ink)}
  .ba-col .t{font-family:var(--latin);font-size:.74rem;letter-spacing:.2em;font-weight:600;margin-bottom:1.1em}
  .ba-before .t{color:#9FBDB9}
  .ba-after .t{color:var(--teal-deep)}
  .ba-col ul{list-style:none;display:grid;gap:1em}
  .ba-col li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:.97rem;line-height:1.7}
  .ba-before li{color:#C5D6D3}
  .ba-after li{color:var(--ink)}
  .ba-col li .ic{font-weight:700}
  .ba-before li .ic{color:#7A9A96}
  .ba-after li .ic{color:var(--teal)}
  .ba .arrow{color:#5FD4C5;font-size:1.8rem}

  /* ---------- comparison ---------- */
  .compare{margin-top:clamp(40px,5vw,56px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  @media(max-width:760px){.compare{grid-template-columns:1fr}}
  .compare .col{border-radius:16px;padding:clamp(24px,3vw,32px);border:1px solid var(--line);background:var(--paper-2)}
  .compare .col.us{background:var(--ink);color:#EAF2F1;border-color:var(--ink)}
  .compare .col .cat{font-family:var(--latin);font-size:.72rem;letter-spacing:.18em;font-weight:600;color:var(--ink-soft);margin-bottom:.6em}
  .compare .col.us .cat{color:#5FD4C5}
  .compare .col h3{font-family:var(--mincho);font-weight:700;font-size:1.3rem;margin-bottom:.6em}
  .compare .col.us h3{color:#fff}
  .compare .col p{font-size:.93rem;color:var(--ink-soft);line-height:1.9}
  .compare .col.us p{color:#AFC8C5}
  .compare .col .lim{margin-top:1.1em;font-size:.86rem;color:#B0413A}
  .compare .col.us .lim{color:#5FD4C5;font-weight:700}

  /* ---------- privacy ---------- */
  .priv{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:clamp(36px,5vw,52px)}
  @media(max-width:680px){.priv{grid-template-columns:1fr}}
  .priv .item{display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:24px}
  .priv .item .k{font-family:var(--latin);font-weight:600;color:var(--teal-deep);font-size:1.05rem}
  .priv .item b{display:block;font-size:1.02rem;margin-bottom:.3em}
  .priv .item p{font-size:.9rem;color:var(--ink-soft);line-height:1.85}

  /* ---------- purpose ---------- */
  .purpose-body{max-width:32em;margin:1.6em auto 0;font-family:var(--mincho);font-weight:500;font-size:clamp(1.05rem,2vw,1.32rem);line-height:2.15;color:var(--ink)}
  .purpose-body p + p{margin-top:1.4em}

  /* ---------- final CTA ---------- */
  .final{background:var(--teal);color:#fff;text-align:center}
  .final h2{font-family:var(--mincho);font-weight:700;font-size:clamp(1.6rem,4.5vw,2.7rem);line-height:1.55;margin-bottom:.6em}
  .final p{color:#DBF3EF;font-size:clamp(1rem,1.8vw,1.12rem);max-width:34em;margin:0 auto 2.2em;line-height:2}
  .final .hero-cta{justify-content:center}
  .final .btn--ghost{border-color:rgba(255,255,255,.5);color:#fff}
  .final .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.1);color:#fff}

  /* ---------- footer ---------- */
  footer{background:var(--ink);color:#8FAEAA;padding:48px var(--pad);text-align:center;font-size:.85rem}
  footer .logo{color:#fff;justify-content:center;margin-bottom:1em}

  /* sticky mobile cta */
  .mcta{
    position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:rgba(242,246,245,.95);backdrop-filter:blur(8px);border-top:1px solid var(--line);
  }
  .mcta .btn{width:100%;justify-content:center;padding:1.05em}
  @media(max-width:560px){.mcta{display:block}body{padding-bottom:78px}}

  /* reveal */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    .reveal{opacity:1;transform:none}
    .scale-dot{transform:translate(-50%,-50%) scale(1)!important}
  }
  :focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px;border-radius:4px}

  /* ---- fear-axis additions ---- */
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .stats{display:grid;gap:14px;margin-top:clamp(32px,4vw,48px)}
  .stat{
    background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:16px;
    padding:clamp(22px,2.6vw,30px);display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,32px);align-items:center;
  }
  @media(max-width:640px){.stat{grid-template-columns:1fr;gap:.6em}}
  .stat .big{font-family:var(--mincho);font-weight:700;font-size:clamp(2rem,4.2vw,2.6rem);color:#5FD4C5;line-height:1;min-width:2.6em}
  .stat .body{display:flex;flex-direction:column;gap:.5em}
  .stat .what{color:#fff;font-weight:700;font-size:clamp(1.05rem,2.1vw,1.2rem);line-height:1.4}
  .stat .cap{color:#AFC8C5;font-size:.9rem;line-height:1.75}
  .stat .src{font-size:.76rem;line-height:1.7;color:#8FB0AC}
  .stat .src a{color:#8FB0AC;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#4E706B;font-weight:600}
  .stat .src a:hover{color:#5FD4C5;text-decoration-color:#5FD4C5}
  .stat .src-detail{display:block;margin-top:.35em;color:#6E9490}
  .netviz{max-width:580px;margin:clamp(34px,5vw,50px) auto 0}
  .netviz svg{width:100%;height:auto}
  .netcap{text-align:center;color:#AEBCD3;font-size:.9rem;margin-top:1em}
  .hammari{display:flex;justify-content:center;margin:clamp(30px,4vw,46px) 0}
  .hammari svg{width:clamp(110px,26vw,180px);height:auto}
  .rally{font-family:var(--mincho);font-weight:700;font-size:clamp(1.15rem,2.6vw,1.55rem);text-align:center;margin-top:clamp(34px,4vw,48px);color:var(--teal-deep)}
  .dark .rally,.navy .rally{color:#5FD4C5}
  .method-note{margin-top:1.4em;font-size:.86rem;color:var(--ink-soft);text-align:center}
  .founder-sign{margin-top:1.8em;font-family:var(--mincho);font-weight:700;font-size:1.02rem;color:var(--ink)}