@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

  :root{
    --void:#0B0F17; --panel:#121824; --elevated:#1E2638; --border:#2D374E;
    --brand:#1E40AF; --cyan:#00F2FE; --pass:#10B981; --warn:#F59E0B; --fail:#E11D48;
    --text:#F1F5F9; --muted:#8A96A8;
    --sans:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    --tracking-wide:0.04em;
    --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--void);color:var(--text);font-family:var(--sans);line-height:1.4;-webkit-font-smoothing:antialiased;}
  a{color:inherit;}
  button{font-family:inherit;}
  img,svg{display:block;}
  ::-webkit-scrollbar{width:10px;}
  ::-webkit-scrollbar-track{background:var(--void);}
  ::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;}

  .container{max-width:1280px;margin:0 auto;padding:0 1rem;}
  .eyebrow{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:.02em;}
  .section-title{font-size:2rem;font-weight:600;letter-spacing:-0.01em;margin-top:12px;color:var(--text);}
  @media(min-width:640px){.section-title{font-size:2.35rem;}}
  .muted{color:var(--muted);}
  .mono{font-family:var(--mono);}
  svg.icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0;}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:6px;border:none;cursor:pointer;font-size:14.5px;transition:transform .15s ease, background .15s ease;}
  .btn-primary{background:var(--cyan);color:var(--void);padding:13px 22px;}
  .btn-primary:hover{transform:scale(1.02);}
  .btn-outline{background:transparent;border:1px solid var(--border);color:var(--text);padding:13px 22px;font-weight:500;}
  .btn-outline:hover{background:var(--panel);}
  .btn-sm-outline{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:6px;font-weight:600;font-size:13.5px;cursor:pointer;}
  .btn-sm-outline:hover{background:var(--elevated);}

  /* ---------- Announcement bar ---------- */
  .top-banner{background:var(--panel);border-bottom:1px solid var(--border);font-size:13px;}
  .top-banner .container{padding-top:10px;padding-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;flex-wrap:wrap;}
  .top-banner .tag{font-family:var(--mono);color:var(--muted);}
  .banner-link{background:none;border:none;cursor:pointer;color:var(--cyan);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
  .banner-link:hover{text-decoration:underline;}

  /* ---------- Navbar ---------- */
  .navbar{position:sticky;top:0;z-index:40;background:rgba(11,15,23,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
  .navbar .container{height:64px;display:flex;align-items:center;justify-content:space-between;}
  .logo{display:flex;align-items:center;gap:8px;}
  .logo-mark{flex-shrink:0;display:block;width:32px;height:32px;}
  .logo-name{font-weight:800;letter-spacing:-0.01em;font-size:15px;}
  .logo-version{font-family:var(--mono);font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;margin-left:2px;}
  .nav-links{display:none;gap:28px;list-style:none;}
  .nav-links a{color:var(--muted);font-size:13.5px;text-decoration:none;transition:color .15s;}
  .nav-links a:hover{color:var(--text);}
  .nav-actions{display:none;align-items:center;gap:8px;}
  .docs-btn{background:none;border:none;color:var(--muted);font-size:13.5px;cursor:pointer;padding:6px 10px;}
  .mobile-toggle{background:none;border:none;color:var(--text);cursor:pointer;padding:4px;}
  .mobile-menu{display:none;border-top:1px solid var(--border);padding:16px;flex-direction:column;gap:16px;}
  .mobile-menu.open{display:flex;}
  .mobile-menu a{color:var(--muted);text-decoration:none;font-size:14px;}
  @media(min-width:768px){
    .nav-links{display:flex;}
    .nav-actions{display:flex;}
    .mobile-toggle{display:none;}
  }

  /* ---------- Hero ---------- */
  .hero{padding:64px 0 80px;}
  .hero-grid{display:grid;grid-template-columns:1fr;gap:56px;align-items:center;}
  @media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;}}
  .badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(0,242,254,.35);color:var(--cyan);font-family:var(--mono);font-size:12px;margin-bottom:24px;box-shadow:0 0 20px rgba(0,242,254,.1);}
  .hero-title{font-size:2.5rem;line-height:1.06;font-weight:600;letter-spacing:-0.02em;margin-bottom:22px;}
  @media(min-width:640px){.hero-title{font-size:3rem;}}
  @media(min-width:1024px){.hero-title{font-size:3.4rem;}}
  .hero-sub{font-size:16.5px;line-height:1.6;color:var(--muted);max-width:540px;margin-bottom:30px;}
  .hero-ctas{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;}
  @media(min-width:640px){.hero-ctas{flex-direction:row;}}
  .trust-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font-size:12px;color:var(--muted);}
  .trust-row .item{display:flex;align-items:center;gap:6px;}

  /* ---------- Scorecard ---------- */
  .scorecard{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);}
  .scorecard-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--void);}
  .dots{display:flex;gap:8px;}
  .dot{width:10px;height:10px;border-radius:50%;}
  .scorecard-title{font-family:var(--mono);font-size:11px;color:var(--muted);}
  .scorecard-body{padding:20px;display:grid;grid-template-columns:1fr;gap:20px;}
  @media(min-width:480px){.scorecard-body{grid-template-columns:2fr 3fr;}}
  .ring-box{border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;}
  .ring-secrets{margin-top:8px;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--fail);}
  .score-rows{display:flex;flex-direction:column;gap:8px;}
  .score-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--void);gap:8px;}
  .score-row .label{font-family:var(--mono);font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .score-row .note{font-size:10.5px;color:var(--muted);}
  .score-badge{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap;}
  .badge-fail{color:var(--fail);border:1px solid rgba(225,29,72,.35);}
  .badge-warn{color:var(--warn);border:1px solid rgba(245,158,11,.35);}
  .badge-pass{color:var(--pass);border:1px solid rgba(16,185,129,.35);}

  /* ---------- Metrics bar ---------- */
  .metrics-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
  .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);}
  @media(min-width:768px){.metrics-grid{grid-template-columns:repeat(4,1fr);}}
  .metric-cell{padding:32px 24px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);}
  @media(min-width:768px){.metric-cell{border-bottom:none;}}
  .metric-cell:nth-child(2n){border-right:1px solid var(--border);}
  @media(min-width:768px){.metric-cell:last-child{border-right:none;}}
  @media(max-width:767px){.metric-cell:nth-child(2n){border-right:none;} .metric-cell:nth-last-child(-n+2){border-bottom:none;}}
  .metric-value{font-family:var(--mono);font-size:1.9rem;font-weight:700;color:var(--cyan);}
  .metric-label{font-size:12.5px;color:var(--muted);margin-top:6px;}

  /* ---------- Problem grid ---------- */
  .section-panel{background:var(--panel);padding:96px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
  .section-plain{padding:96px 0;}
  .header-block{max-width:640px;margin-bottom:48px;}
  .header-block.wide{max-width:760px;}
  .problem-grid{display:grid;grid-template-columns:1fr;gap:20px;}
  @media(min-width:768px){.problem-grid{grid-template-columns:repeat(3,1fr);}}
  .problem-card{padding:24px;border-radius:6px;border:1px solid var(--border);background:var(--void);}
  .problem-card .icon-wrap{margin-bottom:16px;}
  .problem-card h3{font-size:17px;font-weight:600;margin-bottom:8px;}
  .problem-card p{font-size:14px;line-height:1.6;color:var(--muted);}

  /* ---------- Interactive demo ---------- */
  .tabs-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
  .tab-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;}
  .tab-btn.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,242,254,.05);}
  .tab-panel{display:none;}
  .tab-panel.active{display:block;}
  .demo-box{border:1px solid var(--border);border-radius:6px;padding:16px;background:var(--void);font-family:var(--mono);font-size:12.5px;}
  .demo-box .muted-line{color:var(--muted);margin-bottom:4px;}
  .demo-box .fail-line{color:var(--fail);margin-bottom:4px;}
  .demo-box .pass-line{color:var(--pass);margin-bottom:4px;}
  .demo-box .top-gap{margin-top:12px;}
  #terminal-lines{min-height:170px;}
  .term-line{padding:2px 0;}
  .term-cursor{display:inline-block;width:8px;height:14px;background:var(--cyan);vertical-align:middle;animation:blink 1s step-start infinite;}
  @keyframes blink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
  .leak-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;border:1px solid rgba(225,29,72,.27);margin-bottom:8px;gap:12px;flex-wrap:wrap;}
  .leak-row .f{font-family:var(--mono);font-size:11.5px;color:var(--text);}
  .leak-row .s{font-family:var(--mono);font-size:11px;color:var(--fail);}

  /* ---------- Comparison table ---------- */
  .quote{font-size:15px;font-style:italic;margin:16px 0;}
  .intro-p{font-size:14.5px;line-height:1.7;color:var(--muted);}
  .table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:6px;margin-top:24px;}
  table{width:100%;border-collapse:collapse;min-width:720px;}
  thead tr{background:var(--void);}
  th{padding:16px;text-align:left;font-size:13px;font-weight:600;border-left:1px solid var(--border);}
  th:first-child{border-left:none;font-family:var(--mono);font-weight:400;font-size:12px;color:var(--muted);}
  th .th-flex{display:flex;align-items:center;gap:8px;}
  td{padding:16px;font-size:13px;vertical-align:top;border-left:1px solid var(--border);}
  td:first-child{border-left:none;font-weight:500;}
  tbody tr:nth-child(odd){background:var(--void);}

  /* ---------- Steps ---------- */
  .steps-grid{display:grid;grid-template-columns:1fr;gap:32px;}
  @media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr);}}
  .step-icon{width:44px;height:44px;border-radius:6px;border:1px solid var(--cyan);color:var(--cyan);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .step-index{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:8px;}
  .step h3{font-size:18px;font-weight:600;margin-bottom:8px;}
  .step p{font-size:14px;line-height:1.6;color:var(--muted);}

  /* ---------- Modal ---------- */
  .modal-overlay{position:fixed;inset:0;z-index:50;background:rgba(4,6,10,.75);display:none;align-items:center;justify-content:center;padding:16px;}
  .modal-overlay.open{display:flex;}
  .modal-box{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:26px;position:relative;max-height:90vh;overflow-y:auto;}
  .modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--muted);cursor:pointer;}
  .modal-box h3{font-size:20px;font-weight:600;margin-bottom:4px;}
  .modal-box>p{font-size:13px;color:var(--muted);margin-bottom:22px;}
  .form-group{margin-bottom:14px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
  label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;}
  input,select{width:100%;padding:9px 12px;border-radius:6px;border:1px solid var(--border);background:var(--void);color:var(--text);font-size:14px;font-family:inherit;outline:none;}
  input:focus,select:focus{border-color:var(--cyan);}
  .micro-copy{display:flex;gap:7px;font-size:11.5px;color:var(--muted);margin-top:14px;line-height:1.5;}
  .success-state{text-align:center;padding:24px 0;}
  .success-state.hidden, .form-view.hidden{display:none;}
  .success-icon{width:48px;height:48px;border-radius:50%;background:rgba(16,185,129,.13);color:var(--pass);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
  .success-state h3{margin-bottom:8px;}
  .success-state p{font-size:13.5px;color:var(--muted);margin-bottom:20px;}

  /* ---------- FAQ ---------- */
  .faq-wrap{max-width:760px;margin:0 auto;padding:96px 16px;}
  .faq-item{border-bottom:1px solid var(--border);}
  .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;background:none;border:none;text-align:left;cursor:pointer;color:var(--text);}
  .faq-question span{font-size:15px;font-weight:500;padding-right:16px;}
  .faq-question svg{color:var(--muted);transition:transform .2s;flex-shrink:0;}
  .faq-item.open .faq-question svg{transform:rotate(180deg);}
  .faq-answer{display:none;font-size:14px;line-height:1.6;color:var(--muted);padding-bottom:20px;padding-right:32px;}
  .faq-item.open .faq-answer{display:block;}

  /* ---------- Final CTA / Footer ---------- */
  .final-cta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--panel);}
  .final-cta .inner{max-width:640px;margin:0 auto;padding:80px 16px;text-align:center;}
  .final-cta h2{font-size:2rem;font-weight:600;margin-bottom:18px;}
  @media(min-width:640px){.final-cta h2{font-size:2.35rem;}}
  .final-cta p{color:var(--muted);font-size:15px;margin-bottom:30px;}

  footer{padding:48px 16px;max-width:1280px;margin:0 auto;}
  .footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;}
  .footer-groups{display:flex;flex-wrap:wrap;gap:48px;}
  .footer-group{display:flex;flex-direction:column;gap:10px;}
  .footer-group-label{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.03em;}
  .footer-group-label.spacer{visibility:hidden;}
  .footer-group-links{display:flex;flex-wrap:wrap;gap:18px;}
  .footer-group-links a{font-size:13.5px;color:var(--text);text-decoration:none;}
  .footer-group-links a:hover{text-decoration:underline;}
  .footer-bottom{padding-top:24px;margin-top:28px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);}

  @media(prefers-reduced-motion:reduce){
    *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
    html{scroll-behavior:auto;}
  }

  /* ================= CONTENT / SUBPAGE STYLES ================= */
  .subnav .container{justify-content:space-between;}
  .subnav .logo{text-decoration:none;}
  .back-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--text);text-decoration:none;border:1px solid var(--border);padding:7px 14px;border-radius:6px;}
  .back-link:hover{background:var(--elevated);}

  .page-hero{padding:64px 0 40px;max-width:760px;}
  .page-hero h1{font-size:2.25rem;font-weight:600;letter-spacing:-0.02em;margin-top:12px;margin-bottom:16px;}
  @media(min-width:640px){.page-hero h1{font-size:2.75rem;}}
  .page-hero .sub{font-size:16px;line-height:1.6;color:var(--muted);}
  .page-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:16px;font-family:var(--mono);}

  .content-page{padding-bottom:96px;}
  .content-page section{margin-top:48px;}
  .content-page h2{font-size:1.4rem;font-weight:600;margin-bottom:14px;letter-spacing:-0.01em;}
  .content-page h3{font-size:1.05rem;font-weight:600;margin:22px 0 10px;}
  .content-page p{font-size:14.5px;line-height:1.75;color:var(--muted);max-width:760px;}
  .content-page p + p{margin-top:12px;}
  .content-page ul, .content-page ol{max-width:760px;margin:12px 0 0 20px;color:var(--muted);font-size:14.5px;line-height:1.8;}
  .content-page a.inline-link{color:var(--cyan);text-decoration:underline;text-underline-offset:2px;}
  .content-page strong{color:var(--text);}

  .feature-list{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;}
  @media(min-width:768px){.feature-list{grid-template-columns:1fr 1fr;}}
  .feature-list.cols-3{grid-template-columns:1fr;}
  @media(min-width:768px){.feature-list.cols-3{grid-template-columns:1fr 1fr;}}
  @media(min-width:980px){.feature-list.cols-3{grid-template-columns:repeat(3,1fr);}}
  .feature-item ul{margin-top:10px;margin-left:18px;}
  .feature-item ul li{margin-bottom:8px;}
  .feature-item ul li:last-child{margin-bottom:0;}

  .callout{border-left:3px solid var(--pass);background:var(--panel);border-radius:6px;padding:16px 20px;margin-top:20px;max-width:760px;font-size:14px;line-height:1.65;color:var(--text);}
  .callout strong{color:var(--pass);}

  .arch-diagram{border:1px solid var(--border);border-radius:6px;padding:32px 20px;background:var(--void);margin-top:20px;max-width:900px;}
  .arch-title{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center;letter-spacing:.05em;margin-bottom:28px;}
  .arch-flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
  .arch-flow + .arch-flow{margin-top:20px;}
  .arch-box{border:1px solid var(--border);border-radius:6px;padding:12px 16px;background:var(--panel);font-family:var(--mono);font-size:12px;line-height:1.4;text-align:center;color:var(--text);min-width:140px;}
  .arch-box.highlight{border-color:var(--cyan);color:var(--cyan);}
  .arch-box.blocked{border-color:rgba(225,29,72,.4);color:var(--fail);}
  .arch-box.faint{opacity:.45;}
  .arch-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;}
  .arch-arrow .line{font-family:var(--mono);font-size:14px;color:var(--cyan);}
  .arch-arrow.blocked .line{color:var(--fail);}
  .arch-arrow .label{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center;line-height:1.4;}
  .feature-item{border:1px solid var(--border);border-radius:6px;padding:18px;background:var(--panel);}
  .feature-item h4{font-size:14.5px;font-weight:600;margin-bottom:6px;color:var(--text);}
  .feature-item p{font-size:13.5px;color:var(--muted);margin:0;}

  pre{background:var(--void);border:1px solid var(--border);border-radius:6px;padding:16px;overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.7;margin-top:16px;max-width:760px;}
  pre .c1{color:var(--muted);}
  pre .c2{color:var(--pass);}
  pre .c3{color:var(--cyan);}
  pre .c4{color:var(--fail);}
  code{font-family:var(--mono);}
  .inline-code{background:var(--elevated);border-radius:4px;padding:1px 6px;font-size:.92em;font-family:var(--mono);color:var(--text);}

  .ref-table{width:100%;border-collapse:collapse;margin-top:16px;border:1px solid var(--border);border-radius:6px;overflow:hidden;max-width:900px;}
  .ref-table th{background:var(--void);text-align:left;font-size:12px;font-family:var(--mono);color:var(--muted);font-weight:500;padding:12px 14px;border-bottom:1px solid var(--border);}
  .ref-table td{padding:12px 14px;font-size:13.5px;border-bottom:1px solid var(--border);vertical-align:top;}
  .ref-table tr:last-child td{border-bottom:none;}
  .ref-table td:first-child{font-family:var(--mono);color:var(--cyan);white-space:nowrap;}
  .ref-table td.muted-cell{color:var(--muted);}

  .changelog-entry{border-left:2px solid var(--border);padding:2px 0 28px 24px;position:relative;max-width:760px;}
  .changelog-entry::before{content:'';position:absolute;left:-5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--cyan);}
  .changelog-entry .v{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--text);}
  .changelog-entry .d{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px;}
  .changelog-entry ul{margin-top:10px;}

  .status-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:6px;border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.08);color:var(--pass);font-weight:600;font-size:14.5px;max-width:760px;}
  .status-banner .pulse{width:10px;height:10px;border-radius:50%;background:var(--pass);box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:pulse 2s infinite;}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5);}70%{box-shadow:0 0 0 8px rgba(16,185,129,0);}100%{box-shadow:0 0 0 0 rgba(16,185,129,0);}}
  .status-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);max-width:760px;gap:12px;flex-wrap:wrap;}
  .status-row:last-child{border-bottom:none;}
  .status-row .name{font-size:14px;font-weight:500;}
  .status-row .uptime{font-family:var(--mono);font-size:12px;color:var(--muted);}
  .status-pill{font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;}
  .status-pill.ok{color:var(--pass);border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.08);}
  .status-pill.warn{color:var(--warn);border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);}

  .docs-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;}
  @media(min-width:768px){.docs-grid{grid-template-columns:1fr 1fr 1fr;}}
  .docs-card{border:1px solid var(--border);border-radius:6px;padding:20px;background:var(--panel);text-decoration:none;display:block;transition:border-color .15s, background .15s;}
  .docs-card:hover{border-color:var(--cyan);background:var(--elevated);}
  .docs-card h4{color:var(--text);font-size:15px;font-weight:600;margin-bottom:6px;}
  .docs-card p{color:var(--muted);font-size:13px;margin:0;}

  .toc{border:1px solid var(--border);border-radius:6px;padding:16px 20px;background:var(--panel);max-width:340px;margin-top:8px;}
  .toc-title{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:10px;letter-spacing:.03em;}
  .toc ul{margin:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
  .toc a{font-size:13px;color:var(--text);text-decoration:none;}
  .toc a:hover{color:var(--cyan);}

  /* ---------- Signup ---------- */
  .signup-card{max-width:420px;margin:32px auto 0;padding:32px;border:1px solid var(--border);border-radius:6px;background:var(--panel);text-align:center;}
  .signup-btn{display:flex;width:100%;max-width:280px;margin-left:auto;margin-right:auto;}
  .signup-oauth{display:flex;align-items:center;justify-content:center;gap:10px;}
  .signup-oauth + .signup-oauth{margin-top:10px;}
  .signup-card .btn-outline:hover{background:var(--elevated);border-color:var(--cyan);}
  .signup-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:12px;}
  .signup-divider::before,.signup-divider::after{content:'';flex:1;height:1px;background:var(--border);}
  .signup-card form{text-align:left;}
  .signup-footnote{text-align:center;font-size:12px;color:var(--muted);margin-top:20px;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.6;}
  .signup-footnote a{color:var(--text);text-decoration:underline;}