:root{
    --hero-bg:#0E1116; --hero-surface:#171D25; --hero-line:#262E38;
    --ground:#F4F6F8; --surface:#FFFFFF; --surface-2:#EEF1F4;
    --ink:#14181F; --muted:#586173; --faint:#8A93A3;
    --line:#E2E6EA; --line-strong:#D3D9DF;
    --accent:#FF5A1F; --accent-ink:#FFFFFF; --accent-soft:#FFE9E0;
    --ok:#15A05A;
    --font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --wrap:1140px; --radius:14px;
    --shadow:0 1px 2px rgba(20,24,31,.06),0 12px 30px -12px rgba(20,24,31,.16);
    --shadow-lg:0 24px 60px -20px rgba(20,24,31,.35);
  }
  @media (prefers-color-scheme:dark){
    :root{
      --ground:#0B0E13; --surface:#12161C; --surface-2:#171D25;
      --ink:#EAEEF2; --muted:#9AA4B2; --faint:#6C7683;
      --line:#232A33; --line-strong:#2C343E;
      --accent:#FF6A33; --accent-soft:#2A1912;
      --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);
      --shadow-lg:0 30px 70px -24px rgba(0,0,0,.75);
    }
  }
  :root[data-theme="light"]{
    --ground:#F4F6F8; --surface:#FFFFFF; --surface-2:#EEF1F4;
    --ink:#14181F; --muted:#586173; --faint:#8A93A3;
    --line:#E2E6EA; --line-strong:#D3D9DF; --accent:#FF5A1F; --accent-soft:#FFE9E0;
    --shadow:0 1px 2px rgba(20,24,31,.06),0 12px 30px -12px rgba(20,24,31,.16);
    --shadow-lg:0 24px 60px -20px rgba(20,24,31,.35);
  }
  :root[data-theme="dark"]{
    --ground:#0B0E13; --surface:#12161C; --surface-2:#171D25;
    --ink:#EAEEF2; --muted:#9AA4B2; --faint:#6C7683;
    --line:#232A33; --line-strong:#2C343E; --accent:#FF6A33; --accent-soft:#2A1912;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);
    --shadow-lg:0 30px 70px -24px rgba(0,0,0,.75);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);
    font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  a{color:inherit;text-decoration:none}
  img{max-width:100%}
  .wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(18px,4vw,32px)}
  .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:var(--accent);margin:0 0 14px}
  h1,h2,h3{text-wrap:balance;margin:0}
  .section{padding-block:clamp(56px,8vw,104px)}
  .lead{color:var(--muted);font-size:1.12rem;max-width:60ch}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:.55em;font-weight:700;font-size:1rem;
    border-radius:11px;padding:.85em 1.4em;border:1px solid transparent;cursor:pointer;
    transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}
  .btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
  .btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px -8px var(--accent)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px var(--accent)}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
  .btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
  .btn-lg{font-size:1.06rem;padding:1em 1.7em}

  /* nav */
  .nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ground) 88%,transparent);
    backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:66px}
  .brand{display:flex;align-items:center;gap:.55em;font-weight:800;letter-spacing:-.02em;font-size:1.18rem}
  .brand .mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;
    display:grid;place-items:center;font-weight:900;font-size:1.05rem;box-shadow:0 6px 16px -6px var(--accent)}
  .nav-links{display:flex;align-items:center;gap:30px}
  .nav-links a{color:var(--muted);font-size:.96rem;font-weight:600}
  .nav-links a:hover{color:var(--ink)}
  .nav-cta{display:flex;align-items:center;gap:14px}
  .theme-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-strong);
    background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center}
  .theme-btn:hover{border-color:var(--ink)}
  @media (max-width:860px){.nav-links{display:none}.nav-cta .btn-ghost{display:none}}

  /* hero */
  .hero{background:var(--hero-bg);color:#EDF1F5;position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;
    background:radial-gradient(120% 90% at 82% 8%,rgba(255,90,31,.20),transparent 55%),
               radial-gradient(90% 70% at 5% 100%,rgba(80,120,255,.10),transparent 60%);
    pointer-events:none}
  .hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;
    padding-block:clamp(56px,8vw,96px)}
  .hero h1{font-size:clamp(2.5rem,6.2vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.0;
    color:#fff}
  .hero h1 .mk{position:relative;white-space:nowrap;color:#fff}
  .hero h1 .mk::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.06em;height:.28em;
    background:var(--accent);z-index:-1;border-radius:3px;transform:skewX(-6deg)}
  .hero .lead{color:#B9C2CE;margin-top:22px;font-size:1.16rem}
  .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
  .hero .btn-ghost{color:#EDF1F5;border-color:#39424E}
  .hero .btn-ghost:hover{border-color:#EDF1F5}
  .hero-micro{margin-top:18px;color:#8B95A2;font-size:.92rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .hero-micro svg{color:var(--accent);flex:none}

  /* dashboard mock */
  .mock{background:var(--surface);color:var(--ink);border-radius:18px;border:1px solid var(--line);
    box-shadow:var(--shadow-lg);overflow:hidden}
  .mock-top{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);
    background:var(--surface-2)}
  .dot{width:11px;height:11px;border-radius:50%}
  .mock-top .t{margin-left:10px;font-size:.82rem;color:var(--faint);font-weight:600}
  .mock-body{padding:18px}
  .mock-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}
  .mock-h .ttl{font-weight:800;font-size:1.02rem;letter-spacing:-.01em}
  .mock-h .cnt{font-size:.8rem;color:var(--accent);font-weight:800;background:var(--accent-soft);
    padding:3px 9px;border-radius:20px}
  .mock-sub{color:var(--muted);font-size:.84rem;margin-bottom:14px}
  .row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;
    border:1px solid var(--line);margin-bottom:9px;background:var(--surface)}
  .av{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;
    font-weight:800;font-size:.82rem;color:#fff;background:#3B4654}
  .row .who{flex:1;min-width:0}
  .row .who b{display:block;font-size:.9rem;font-weight:700;letter-spacing:-.01em}
  .row .who span{font-size:.78rem;color:var(--faint)}
  .badge{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:7px;font-variant-numeric:tabular-nums;
    white-space:nowrap}
  .badge.warn{color:#B4560F;background:#FFE9DC}
  .badge.crit{color:#B42318;background:#FEE4E2}
  .badge.ok{color:#0A7B43;background:#DCFAE6}
  @media (prefers-color-scheme:dark){
    .badge.warn{color:#FFB27A;background:#3A2214}.badge.crit{color:#FDA29B;background:#3A1815}
    .badge.ok{color:#75E0A7;background:#0F3323}}
  :root[data-theme="dark"] .badge.warn{color:#FFB27A;background:#3A2214}
  :root[data-theme="dark"] .badge.crit{color:#FDA29B;background:#3A1815}
  :root[data-theme="dark"] .badge.ok{color:#75E0A7;background:#0F3323}
  :root[data-theme="light"] .badge.warn{color:#B4560F;background:#FFE9DC}
  :root[data-theme="light"] .badge.crit{color:#B42318;background:#FEE4E2}
  :root[data-theme="light"] .badge.ok{color:#0A7B43;background:#DCFAE6}
  .mini{margin-left:2px;padding:5px 11px;border-radius:8px;background:var(--accent);color:#fff;
    font-size:.76rem;font-weight:700;border:none;cursor:pointer}
  @media (max-width:920px){.hero-grid{grid-template-columns:1fr;gap:38px}.mock{max-width:460px}}

  /* trust bar */
  .trust{border-bottom:1px solid var(--line);background:var(--surface)}
  .trust-in{display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:space-between;padding-block:20px}
  .trust span{display:inline-flex;align-items:center;gap:9px;font-size:.92rem;font-weight:600;color:var(--muted)}
  .trust svg{color:var(--ok);flex:none}

  /* generic section head */
  .sec-head{max-width:62ch;margin-bottom:44px}
  .sec-head h2{font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.08}
  .sec-head p{color:var(--muted);font-size:1.08rem;margin:14px 0 0}

  /* problem -> solution */
  .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media (max-width:820px){.cards3{grid-template-columns:1fr}}
  .pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;
    box-shadow:var(--shadow)}
  .pain{color:var(--faint);font-size:.95rem;display:flex;gap:9px;align-items:flex-start}
  .pain svg{flex:none;margin-top:3px}
  .arrow{height:22px;width:2px;background:var(--line-strong);margin:14px 0 14px 9px}
  .pcard h3{font-size:1.12rem;font-weight:800;letter-spacing:-.01em}
  .pcard p{color:var(--muted);font-size:.97rem;margin:8px 0 0}

  /* how it works */
  .how{background:var(--surface)}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}
  @media (max-width:820px){.steps{grid-template-columns:1fr}}
  .step{position:relative;padding:30px 24px;border:1px solid var(--line);border-radius:var(--radius);
    background:var(--ground)}
  .step .n{width:42px;height:42px;border-radius:11px;background:var(--accent);color:#fff;font-weight:900;
    display:grid;place-items:center;font-size:1.2rem;margin-bottom:16px;box-shadow:0 8px 18px -8px var(--accent)}
  .step h3{font-size:1.14rem;font-weight:800;letter-spacing:-.01em}
  .step p{color:var(--muted);font-size:.98rem;margin:8px 0 0}

  /* features */
  .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
  @media (max-width:560px){.fgrid{grid-template-columns:1fr}}
  .feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;
    transition:transform .18s ease,border-color .18s ease}
  .feat:hover{transform:translateY(-3px);border-color:var(--line-strong)}
  .feat .ic{width:44px;height:44px;border-radius:11px;background:var(--accent-soft);color:var(--accent);
    display:grid;place-items:center;margin-bottom:16px}
  .feat h3{font-size:1.06rem;font-weight:800;letter-spacing:-.01em}
  .feat p{color:var(--muted);font-size:.95rem;margin:7px 0 0}

  /* pricing */
  .pricing{background:var(--surface)}
  .toggle{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--line);
    border-radius:12px;padding:5px;margin:22px 0 40px}
  .toggle button{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:.92rem;
    padding:9px 16px;border-radius:8px;cursor:pointer}
  .toggle button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
  .toggle .save{color:var(--ok);font-weight:800;font-size:.78rem}
  .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
  @media (max-width:860px){.plans{grid-template-columns:1fr}}
  .plan{background:var(--ground);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;
    flex-direction:column;gap:6px}
  .plan.hot{border-color:var(--accent);box-shadow:0 24px 50px -24px var(--accent);position:relative}
  .plan .tag{position:absolute;top:-12px;left:28px;background:var(--accent);color:#fff;font-size:.72rem;
    font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
  .plan .pname{font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
  .plan .pfor{color:var(--faint);font-size:.86rem;min-height:2.4em}
  .price{display:flex;align-items:baseline;gap:6px;margin:8px 0 2px}
  .price .amt{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
  .price .per{color:var(--muted);font-size:.92rem;font-weight:600}
  .plan .note{color:var(--faint);font-size:.82rem;min-height:1.2em}
  .plan ul{list-style:none;padding:0;margin:16px 0 22px;display:flex;flex-direction:column;gap:11px}
  .plan li{display:flex;gap:10px;align-items:flex-start;font-size:.94rem}
  .plan li svg{color:var(--accent);flex:none;margin-top:3px}
  .plan .btn{width:100%;justify-content:center;margin-top:auto}
  .plan-foot{text-align:center;color:var(--muted);font-size:.92rem;margin-top:26px}

  /* testimonial */
  .quote{background:var(--hero-bg);color:#EDF1F5;border-radius:20px;padding:clamp(32px,5vw,56px);
    position:relative;overflow:hidden}
  .quote::before{content:"\201C";position:absolute;top:-14px;left:24px;font-size:9rem;line-height:1;
    color:var(--accent);opacity:.5;font-family:Georgia,serif}
  .quote blockquote{margin:0;font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:700;letter-spacing:-.01em;
    line-height:1.4;position:relative;max-width:24ch}
  @media(min-width:760px){.quote blockquote{max-width:34ch}}
  .quote .by{display:flex;align-items:center;gap:14px;margin-top:26px}
  .quote .by .av{width:46px;height:46px;border-radius:12px;background:var(--accent)}
  .quote .by b{display:block}
  .quote .by span{color:#9AA4B2;font-size:.9rem}

  /* faq */
  .faq{background:var(--surface)}
  .faq-list{max-width:760px}
  details{border-bottom:1px solid var(--line)}
  summary{cursor:pointer;list-style:none;padding:22px 4px;display:flex;justify-content:space-between;
    align-items:center;gap:16px;font-weight:700;font-size:1.06rem;letter-spacing:-.01em}
  summary::-webkit-details-marker{display:none}
  summary . chev,summary svg{flex:none;color:var(--accent);transition:transform .2s ease}
  details[open] summary svg{transform:rotate(45deg)}
  details .ans{padding:0 4px 22px;color:var(--muted);font-size:1rem;max-width:66ch}

  /* final cta */
  .final{background:var(--accent);color:#fff}
  .final .wrap{text-align:center;padding-block:clamp(52px,8vw,88px)}
  .final h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;color:#fff}
  .final p{color:#FFE4D8;font-size:1.12rem;margin:14px auto 0;max-width:52ch}
  .final .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
  .final .btn-primary{background:#12161C;color:#fff;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
  .final .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
  .final .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
  .final .fond{margin-top:26px;color:#FFDFD1;font-size:.94rem}

  /* footer */
  .foot{background:var(--ground);border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}
  .foot-in{display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between;padding-block:40px}
  .foot .brand{color:var(--ink);margin-bottom:10px}
  .foot a{color:var(--muted)}.foot a:hover{color:var(--ink)}
  .foot-cols{display:flex;gap:56px;flex-wrap:wrap}
  .foot-col b{color:var(--ink);display:block;margin-bottom:10px;font-size:.9rem}
  .foot-col a{display:block;margin-bottom:7px}
  .foot-legal{border-top:1px solid var(--line);padding-block:18px;font-size:.82rem;color:var(--faint);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

  /* reveal */
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
  .shotsec{background:var(--surface)}
  .shot .mock{box-shadow:var(--shadow-lg)}

/* ============ pagine interne ============ */
.breadcrumb{font-size:.84rem;color:var(--faint);padding-top:20px}
.breadcrumb a{color:var(--muted)} .breadcrumb a:hover{color:var(--ink)}
.breadcrumb .sep{margin:0 8px;opacity:.5}
.page-hero{background:var(--surface);border-bottom:1px solid var(--line)}
.page-hero .inner{padding-block:clamp(38px,6vw,68px)}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.3rem);font-weight:800;letter-spacing:-.03em;
  line-height:1.05;max-width:20ch}
.page-hero .lead{margin-top:18px}
.page-hero .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
a.feat{color:inherit;text-decoration:none;display:block}
a.feat:hover h3{color:var(--accent)}
.nav-drop{position:relative}
.nav-drop-t .caret{font-size:.7em;opacity:.7}
.nav-menu{position:absolute;top:100%;left:0;margin-top:8px;min-width:240px;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;
  display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:60}
.nav-drop::after{content:"";position:absolute;top:100%;left:0;height:12px;width:100%}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;transform:none}
.nav-menu a{padding:9px 12px;border-radius:8px;color:var(--muted);font-size:.94rem;font-weight:600}
.nav-menu a:hover{background:var(--surface-2);color:var(--ink)}
.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.checklist li{display:flex;gap:11px;align-items:flex-start;font-size:1rem}
.checklist li svg{color:var(--accent);flex:none;margin-top:4px}
.cmp{overflow-x:auto}
.cmp table{width:100%;border-collapse:collapse;min-width:520px}
.cmp th,.cmp td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:.98rem;vertical-align:top}
.cmp thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700}
.cmp tbody tr td:first-child{font-weight:600;color:var(--muted);width:34%}
.cmp .no{color:var(--faint)} .cmp .yes{font-weight:600}
.cmp .yes svg{color:var(--accent);vertical-align:-2px;margin-right:7px}
.cmp .no svg{color:var(--faint);vertical-align:-2px;margin-right:7px}
.cmp .col-gp{background:var(--accent-soft)}

/* blog / articolo */
.article-hero{background:var(--surface);border-bottom:1px solid var(--line)}
.article-hero .inner{max-width:720px;margin-inline:auto;padding-block:clamp(30px,5vw,54px)}
.article-hero h1{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-top:12px}
.article-dek{color:var(--muted);font-size:1.14rem;line-height:1.6;margin-top:16px}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;font-size:.9rem;color:var(--faint)}
.article-meta .d{width:3px;height:3px;border-radius:50%;background:var(--faint)}
.prose{max-width:720px;margin-inline:auto;font-size:1.06rem;line-height:1.75;color:var(--ink)}
.prose > * + *{margin-top:1.05em}
.prose h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-top:1.9em}
.prose h3{font-size:1.18rem;font-weight:700;margin-top:1.5em}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.prose ul,.prose ol{padding-left:1.25em;display:flex;flex-direction:column;gap:.5em}
.prose strong{font-weight:700}
.prose blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;color:var(--muted);font-style:italic}
.prose .box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;font-size:.98rem}
.prose code{background:var(--surface-2);padding:2px 7px;border-radius:6px;font-size:.92em;
  font-family:"SF Mono",Menlo,Consolas,monospace}
.prose .table-wrap{overflow-x:auto}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:420px}
.prose th,.prose td{border:1px solid var(--line);padding:9px 13px;text-align:left;vertical-align:top}
.prose thead th{background:var(--surface-2);font-weight:700}
.related{max-width:720px;margin-inline:auto;border-top:1px solid var(--line);padding-top:24px}
.related b{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:12px}
.related a{display:inline-flex;align-items:center;gap:7px;margin:0 18px 8px 0;font-weight:600;color:var(--accent)}
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:760px){.post-grid{grid-template-columns:1fr}}
a.post-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px;text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}
a.post-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.post-card .cat{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.post-card h3{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.post-card p{color:var(--muted);font-size:.96rem;margin:0}
.post-card .meta{margin-top:auto;padding-top:6px;font-size:.84rem;color:var(--faint)}

/* menu mobile (hamburger) */
.nav-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-strong);
  background:var(--surface);color:var(--ink);cursor:pointer;align-items:center;justify-content:center;padding:0}
.nav-toggle:hover{border-color:var(--ink)}
.nav-toggle .ico-close{display:none}
.nav.open .nav-toggle .ico-open{display:none}
.nav.open .nav-toggle .ico-close{display:inline}
@media (max-width:860px){
  .nav-toggle{display:inline-flex}
  .theme-btn{display:none}
  .nav-links{
    position:absolute;top:100%;left:0;right:0;z-index:40;
    flex-direction:column;align-items:stretch;gap:2px;
    background:var(--ground);border-bottom:1px solid var(--line);box-shadow:var(--shadow);
    padding:12px clamp(18px,4vw,32px) 18px;
  }
  .nav.open .nav-links{display:flex}
  .nav-links > a{padding:12px 6px;font-size:1.02rem;color:var(--ink);border-bottom:1px solid var(--line)}
  .nav-drop{position:static;border-bottom:1px solid var(--line)}
  .nav-drop-t{display:block;padding:12px 6px;font-size:1.02rem;color:var(--ink)}
  .nav-drop-t .caret{display:none}
  .nav-menu{position:static;opacity:1;visibility:visible;transform:none;display:flex;
    box-shadow:none;border:none;background:transparent;padding:0 0 8px 16px;margin:0;min-width:0}
  .nav-menu a{padding:9px 6px;font-size:.98rem}
  .nav-drop::after{display:none}
  .nav-links > a:last-child{border-bottom:none}
}