:root{
    --bg-base:#090c14;
    --bg-panel:#0f1424;
    --bg-panel-2:#131a30;
    --glass-fill: rgba(255,255,255,0.045);
    --glass-fill-strong: rgba(255,255,255,0.075);
    --glass-border: rgba(255,255,255,0.09);
    --glass-border-strong: rgba(255,255,255,0.16);
    --text-primary:#edeff7;
    --text-muted:#8892b0;
    --text-faint:#5b6480;
    --amber:#f2b84b;
    --amber-soft: rgba(242,184,75,0.14);
    --violet:#8b93f8;
    --violet-soft: rgba(139,147,248,0.14);
    --teal:#4fd1c5;
    --line: rgba(255,255,255,0.08);
    --radius-lg: 20px;
    --radius-md: 14px;
    --radius-sm: 9px;
  }

  *{ box-sizing:border-box; margin:0; padding:0; }

  html{ scroll-behavior:smooth; }

  body{
    background:
      radial-gradient(1200px 600px at 85% -10%, rgba(139,147,248,0.16), transparent 60%),
      radial-gradient(900px 500px at 10% 0%, rgba(242,184,75,0.08), transparent 55%),
      var(--bg-base);
    color:var(--text-primary);
    font-family:'Inter', sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  h1,h2,h3,h4{
    font-family:'Space Grotesk', sans-serif;
    letter-spacing:-0.02em;
    font-weight:600;
  }

  .mono{
    font-family:'JetBrains Mono', monospace;
  }

  a{ color:inherit; text-decoration:none; }

  img,svg{ display:block; max-width:100%; }

  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 32px;
  }

  ::selection{ background:var(--amber); color:#0a0e18; }

  body.no-scroll{ overflow:hidden; }

  a:focus-visible, button:focus-visible, .plan-cta:focus-visible{
    outline: 2px solid var(--amber);
    outline-offset: 3px;
    border-radius: 6px;
  }

  /* ---------- Background dot grid ---------- */
  .dot-grid{
    position:absolute;
    inset:0;
    background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size: 28px 28px;
    -webkit-mask-image: radial-gradient(700px 420px at 72% 20%, black 0%, transparent 75%);
            mask-image: radial-gradient(700px 420px at 72% 20%, black 0%, transparent 75%);
    pointer-events:none;
  }

  /* ---------- Glass surface base ---------- */
  .glass{
    background: var(--glass-fill);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: var(--radius-lg);
  }

  /* ---------- Nav ---------- */
  header{
    position:sticky;
    top:0;
    z-index:50;
    background: rgba(9,12,20,0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
  }

  nav.wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:68px;
  }

  .logo{
    display:flex;
    align-items:center;
    gap:9px;
    font-family:'Space Grotesk', sans-serif;
    font-weight:700;
    font-size:19px;
    letter-spacing:-0.01em;
  }

  .logo-mark{
    width:22px; height:22px;
    position:relative;
  }
  .logo-mark svg{ width:100%; height:100%; }

  .nav-links{
    display:flex;
    gap:34px;
    font-size:14.5px;
    color:var(--text-muted);
  }
  .nav-links a{
    position:relative;
    padding-bottom:4px;
    transition: color .18s ease;
  }
  .nav-links a:hover{ color:var(--text-primary); }
  .nav-links a::after{
    content:"";
    position:absolute;
    left:0; right:100%; bottom:-1px;
    height:2px;
    border-radius:2px;
    background: var(--amber);
    transition: right .22s ease;
  }
  .nav-links a.active{ color:var(--text-primary); }
  .nav-links a.active::after{ right:0; }

  /* ---------- Mobile nav toggle ---------- */
  .nav-toggle{
    display:none;
    width:38px; height:38px;
    align-items:center;
    justify-content:center;
    background: var(--glass-fill);
    border:1px solid var(--glass-border);
    border-radius:9px;
    cursor:pointer;
    flex-shrink:0;
  }
  .nav-toggle .bars{
    position:relative;
    width:16px; height:11px;
  }
  .nav-toggle .bars span{
    position:absolute;
    left:0; right:0;
    height:1.6px;
    background: var(--text-primary);
    border-radius:2px;
    transition: transform .22s ease, opacity .22s ease, top .22s ease;
  }
  .nav-toggle .bars span:nth-child(1){ top:0; }
  .nav-toggle .bars span:nth-child(2){ top:4.5px; }
  .nav-toggle .bars span:nth-child(3){ top:9px; }
  .nav-toggle.open .bars span:nth-child(1){ top:4.5px; transform: rotate(45deg); }
  .nav-toggle.open .bars span:nth-child(2){ opacity:0; }
  .nav-toggle.open .bars span:nth-child(3){ top:4.5px; transform: rotate(-45deg); }

  /* ---------- Mobile menu panel ---------- */
  .mobile-menu{
    display:none;
    max-height:0;
    overflow:hidden;
    background: rgba(9,12,20,0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom:1px solid var(--line);
    transition: max-height .32s ease;
  }
  .mobile-menu.open{ max-height:420px; }
  .mobile-menu-inner{
    padding:8px 32px 24px;
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .mobile-menu a{
    padding:13px 4px;
    font-size:15.5px;
    color:var(--text-muted);
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .mobile-menu a:hover, .mobile-menu a.active{ color:var(--text-primary); }
  .mobile-menu a.active{ color:var(--amber); }
  .mobile-menu-actions{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:16px;
  }

  .nav-cta{ display:flex; align-items:center; gap:20px; }
  .link-quiet{ font-size:14.5px; color:var(--text-muted); }
  .link-quiet:hover{ color:var(--text-primary); }

  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:11px 20px;
    border-radius:10px;
    font-size:14.5px;
    font-weight:600;
    font-family:'Inter',sans-serif;
    cursor:pointer;
    border:1px solid transparent;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
    white-space:nowrap;
  }
  .btn-primary{
    background: var(--amber);
    color:#1a1305;
    box-shadow: 0 0 0 0 rgba(242,184,75,0.5);
  }
  .btn-primary:hover{
    transform: translateY(-1px);
    box-shadow: 0 8px 24px -6px rgba(242,184,75,0.45);
  }
  .btn-ghost{
    background: var(--glass-fill);
    border-color: var(--glass-border);
    color:var(--text-primary);
  }
  .btn-ghost:hover{
    border-color:var(--glass-border-strong);
    background: var(--glass-fill-strong);
  }
  .btn-sm{ padding:8px 15px; font-size:13.5px; }
  .btn-block{ width:100%; }

  /* ---------- Ticker ---------- */
  .ticker-bar{
    border-bottom:1px solid var(--line);
    background: rgba(255,255,255,0.015);
    overflow:hidden;
    white-space:nowrap;
    position:relative;
  }
  .ticker-bar::before, .ticker-bar::after{
    content:"";
    position:absolute; top:0; bottom:0; width:60px; z-index:2;
  }
  .ticker-bar::before{ left:0; background:linear-gradient(90deg, var(--bg-base), transparent); }
  .ticker-bar::after{ right:0; background:linear-gradient(-90deg, var(--bg-base), transparent); }
  .ticker-track{
    display:inline-flex;
    align-items:center;
    gap:0;
    animation: ticker-scroll 32s linear infinite;
    padding:9px 0;
  }
  .ticker-item{
    font-family:'JetBrains Mono', monospace;
    font-size:12.5px;
    color:var(--text-faint);
    padding:0 26px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-right:1px solid var(--line);
  }
  .ticker-item .dot-live{
    width:6px; height:6px; border-radius:50%;
    background:var(--teal);
    box-shadow:0 0 8px 1px rgba(79,209,197,0.7);
  }
  .ticker-item b{ color:var(--text-muted); font-weight:500; }

  @keyframes ticker-scroll{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-50%); }
  }

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    padding:96px 0 90px;
  }
  .hero-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:56px;
    align-items:center;
    position:relative;
    z-index:1;
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:0.08em;
    color:var(--amber);
    background: var(--amber-soft);
    border:1px solid rgba(242,184,75,0.28);
    padding:7px 13px;
    border-radius:100px;
    margin-bottom:26px;
  }
  .eyebrow .dot-live{
    width:6px; height:6px; border-radius:50%; background:var(--amber);
    box-shadow: 0 0 8px 2px rgba(242,184,75,0.6);
    animation: pulse-dot 1.8s ease-in-out infinite;
  }
  @keyframes pulse-dot{
    0%,100%{ opacity:1; transform:scale(1); }
    50%{ opacity:.45; transform:scale(0.75); }
  }

  .hero h1{
    font-size:53px;
    line-height:1.06;
    margin-bottom:22px;
  }
  .hero h1 .grad{
    background: linear-gradient(100deg, var(--amber), var(--violet) 85%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .hero p.lede{
    font-size:17.5px;
    color:var(--text-muted);
    max-width:460px;
    margin-bottom:34px;
  }
  .hero-actions{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:30px;
  }
  .hero-note{
    font-size:13px;
    color:var(--text-faint);
    font-family:'JetBrains Mono', monospace;
  }

  /* Hero visual panel */
  .hero-visual{
    position:relative;
  }
  .panel-main{
    padding:22px 22px 18px;
    position:relative;
  }
  .panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
  }
  .panel-head .title{
    font-size:13px;
    color:var(--text-muted);
    font-family:'JetBrains Mono', monospace;
  }
  .panel-dots{ display:flex; gap:6px; }
  .panel-dots span{ width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.14); }

  .big-metric{
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-bottom:4px;
  }
  .big-metric .num{
    font-family:'Space Grotesk', sans-serif;
    font-size:38px;
    font-weight:700;
  }
  .big-metric .delta{
    font-family:'JetBrains Mono', monospace;
    font-size:13px;
    color:var(--teal);
    background: rgba(79,209,197,0.12);
    border:1px solid rgba(79,209,197,0.25);
    padding:3px 8px;
    border-radius:100px;
  }
  .big-metric-label{
    font-size:12.5px;
    color:var(--text-faint);
    font-family:'JetBrains Mono', monospace;
    margin-bottom:18px;
  }

  .chart-wrap{
    position:relative;
    height:150px;
    margin-bottom:6px;
  }
  .chart-wrap svg{ width:100%; height:100%; overflow:visible; }

  .live-line{
    fill:none;
    stroke:url(#lineGrad);
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    animation: draw-line 2.4s cubic-bezier(.4,0,.2,1) forwards .3s;
  }
  @keyframes draw-line{ to{ stroke-dashoffset:0; } }

  .live-fill{ opacity:0; animation: fade-in .8s ease forwards 1.6s; }
  @keyframes fade-in{ to{ opacity:1; } }

  .live-dot{
    animation: dot-blink 1.6s ease-in-out infinite 2.2s;
  }
  @keyframes dot-blink{
    0%,100%{ opacity:1; r:4.5; }
    50%{ opacity:0.5; r:6.5; }
  }

  .mini-stats{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:10px;
    margin-top:16px;
  }
  .mini-stat{
    background: rgba(255,255,255,0.03);
    border:1px solid var(--glass-border);
    border-radius:12px;
    padding:12px 13px;
  }
  .mini-stat .label{
    font-size:10.5px;
    color:var(--text-faint);
    font-family:'JetBrains Mono', monospace;
    text-transform:uppercase;
    letter-spacing:0.05em;
    margin-bottom:6px;
  }
  .mini-stat .value{
    font-size:17px;
    font-family:'Space Grotesk', sans-serif;
    font-weight:600;
  }

  .floating-card{
    position:absolute;
    padding:13px 16px;
    display:flex;
    align-items:center;
    gap:11px;
    animation: float-y 5s ease-in-out infinite;
    box-shadow: 0 20px 45px -18px rgba(0,0,0,0.55);
  }
  .floating-card.fc1{ top:-26px; right:-18px; animation-delay:0s; }
  .floating-card.fc2{ bottom:-22px; left:-24px; animation-delay: 1.2s; }
  @keyframes float-y{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-9px); }
  }
  .fc-icon{
    width:34px; height:34px;
    border-radius:9px;
    display:flex; align-items:center; justify-content:center;
    background: var(--violet-soft);
    color:var(--violet);
    flex-shrink:0;
  }
  .fc-icon svg{ width:17px; height:17px; }
  .fc-text .fc-t1{ font-size:12px; color:var(--text-faint); font-family:'JetBrains Mono', monospace; }
  .fc-text .fc-t2{ font-size:14.5px; font-weight:600; font-family:'Space Grotesk', sans-serif; }

  /* ---------- Section shared ---------- */
  section{ padding:104px 0; position:relative; }
  .section-head{
    max-width:600px;
    margin-bottom:56px;
  }
  .section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
  .section-eyebrow{
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:0.1em;
    color:var(--violet);
    margin-bottom:14px;
    display:block;
  }
  .section-head h2{
    font-size:34px;
    margin-bottom:14px;
  }
  .section-head p{
    color:var(--text-muted);
    font-size:16px;
  }

  /* pulse divider */
  .pulse-divider{
    width:100%;
    height:44px;
    opacity:0.5;
  }
  .pulse-divider path{
    stroke: var(--glass-border-strong);
    stroke-width:1.4;
    fill:none;
  }

  /* ---------- Trust badges ---------- */
  .trust{ padding:56px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .trust-label{
    text-align:center;
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:0.08em;
    color:var(--text-faint);
    margin-bottom:34px;
  }
  .badge-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
  }
  .badge{
    font-family:'Space Grotesk', sans-serif;
    font-weight:600;
    font-size:19px;
    color:var(--text-faint);
    display:flex;
    align-items:center;
    gap:8px;
    opacity:0.75;
    transition: opacity .2s ease, color .2s ease;
  }
  .badge:hover{ opacity:1; color:var(--text-muted); }
  .badge svg{ width:20px; height:20px; }

  /* ---------- Features ---------- */
  .feature-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
  }
  .feature-card{
    padding:28px 26px 26px;
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
  }
  .feature-card:hover{
    transform: translateY(-4px);
    border-color: var(--glass-border-strong);
    background: var(--glass-fill-strong);
  }
  .feature-tag{
    display:inline-block;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:0.06em;
    color:var(--teal);
    background:rgba(79,209,197,0.1);
    border:1px solid rgba(79,209,197,0.22);
    padding:4px 9px;
    border-radius:6px;
    margin-bottom:18px;
  }
  .feature-icon{
    width:42px; height:42px;
    border-radius:11px;
    background: var(--amber-soft);
    color: var(--amber);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:16px;
  }
  .feature-icon svg{ width:21px; height:21px; }
  .feature-card h3{
    font-size:18.5px;
    margin-bottom:9px;
  }
  .feature-card p{
    font-size:14.5px;
    color:var(--text-muted);
    line-height:1.6;
  }

  /* ---------- Stack / integrations ---------- */
  .stack-head-line{
    font-size:34px;
    margin-bottom:14px;
  }
  .stack-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:18px;
  }
  .stack-card{
    padding:26px 20px 24px;
    text-align:center;
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
  }
  .stack-card:hover{
    transform: translateY(-4px);
    border-color: var(--glass-border-strong);
    background: var(--glass-fill-strong);
  }
  .stack-icon{
    width:48px; height:48px;
    border-radius:13px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 16px;
  }
  .stack-icon svg{ width:26px; height:26px; }
  .stack-card h4{
    font-size:15.5px;
    font-family:'Space Grotesk', sans-serif;
    font-weight:600;
    margin-bottom:6px;
  }
  .stack-card p{
    font-size:12.5px;
    color:var(--text-faint);
    line-height:1.5;
  }
  @media (max-width: 920px){
    .stack-grid{ grid-template-columns: repeat(2, 1fr); }
  }

  /* ---------- Showcase ---------- */
  .showcase-panel{
    padding:10px;
    overflow:hidden;
  }
  .showcase-inner{
    background: linear-gradient(160deg, rgba(255,255,255,0.03), rgba(255,255,255,0));
    border:1px solid var(--glass-border);
    border-radius:14px;
    padding:32px;
  }
  .showcase-grid{
    display:grid;
    grid-template-columns: 1.3fr 1fr;
    gap:20px;
  }
  .showcase-chart-card, .showcase-side{
    background: rgba(255,255,255,0.025);
    border:1px solid var(--glass-border);
    border-radius:12px;
    padding:20px;
  }
  .showcase-side{ display:flex; flex-direction:column; gap:14px; }
  .bar-row{ display:flex; align-items:center; gap:12px; }
  .bar-label{ font-size:12px; color:var(--text-faint); font-family:'JetBrains Mono', monospace; width:78px; flex-shrink:0; }
  .bar-track{ flex:1; height:8px; background:rgba(255,255,255,0.06); border-radius:100px; overflow:hidden; }
  .bar-fill{ height:100%; border-radius:100px; background: linear-gradient(90deg, var(--violet), var(--teal)); animation: grow-bar 1.4s ease forwards; transform-origin:left; transform:scaleX(0); }
  @keyframes grow-bar{ to{ transform:scaleX(1); } }
  .bar-val{ font-size:12px; font-family:'JetBrains Mono', monospace; color:var(--text-muted); width:40px; text-align:right; }

  /* ---------- Pricing ---------- */
  .toggle-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:52px;
  }
  .toggle-label{ font-size:14px; color:var(--text-muted); font-family:'JetBrains Mono', monospace; }
  .toggle-label.active{ color:var(--text-primary); }
  .switch{
    width:46px; height:26px;
    border-radius:100px;
    background: var(--glass-fill-strong);
    border:1px solid var(--glass-border-strong);
    position:relative;
    cursor:pointer;
    flex-shrink:0;
  }
  .switch .knob{
    position:absolute;
    top:2px; left:3px;
    width:20px; height:20px;
    border-radius:50%;
    background: var(--amber);
    transition: transform .2s ease;
  }
  .switch.on .knob{ transform: translateX(20px); }
  .save-chip{
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    color:var(--teal);
    background: rgba(79,209,197,0.12);
    border:1px solid rgba(79,209,197,0.25);
    padding:3px 8px;
    border-radius:100px;
  }

  .pricing-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:22px;
    align-items:stretch;
  }
  .plan-card{
    padding:32px 28px;
    display:flex;
    flex-direction:column;
    position:relative;
  }
  .plan-card.featured{
    border-color: rgba(139,147,248,0.4);
    background: linear-gradient(180deg, rgba(139,147,248,0.09), rgba(255,255,255,0.03));
    box-shadow: 0 24px 60px -24px rgba(139,147,248,0.35);
  }
  .plan-badge{
    position:absolute;
    top:-13px; left:28px;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:0.05em;
    color:#12111f;
    background: var(--violet);
    padding:5px 11px;
    border-radius:100px;
  }
  .plan-name{ font-size:15px; color:var(--text-muted); font-family:'JetBrains Mono', monospace; margin-bottom:16px; }
  .plan-price{ display:flex; align-items:baseline; gap:6px; margin-bottom:6px; }
  .plan-price .amt{ font-family:'Space Grotesk', sans-serif; font-size:42px; font-weight:700; }
  .plan-price .per{ font-size:13.5px; color:var(--text-faint); }
  .plan-desc{ font-size:13.5px; color:var(--text-faint); margin-bottom:26px; }
  .plan-feats{ list-style:none; margin-bottom:30px; flex:1; display:flex; flex-direction:column; gap:12px; }
  .plan-feats li{
    display:flex; align-items:flex-start; gap:10px;
    font-size:13.5px; color:var(--text-muted);
  }
  .plan-feats li svg{ width:15px; height:15px; margin-top:2px; flex-shrink:0; color:var(--teal); }

  /* ---------- Final CTA ---------- */
  .final-cta{
    padding:16px;
  }
  .final-cta-inner{
    border-radius:20px;
    background: linear-gradient(120deg, rgba(242,184,75,0.14), rgba(139,147,248,0.14));
    border:1px solid var(--glass-border-strong);
    padding:64px 48px;
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .final-cta-inner h2{ font-size:32px; margin-bottom:14px; }
  .final-cta-inner p{ color:var(--text-muted); margin-bottom:32px; font-size:16px; }
  .final-cta-actions{ display:flex; align-items:center; justify-content:center; gap:16px; }

  /* ---------- Footer ---------- */
  footer{ border-top:1px solid var(--line); padding:52px 0 40px; }
  .footer-grid{
    display:grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap:40px;
    margin-bottom:44px;
  }
  .footer-brand p{ font-size:13.5px; color:var(--text-faint); margin-top:12px; max-width:220px; }
  .footer-col h4{
    font-size:12px;
    font-family:'JetBrains Mono', monospace;
    color:var(--text-faint);
    letter-spacing:0.06em;
    margin-bottom:16px;
  }
  .footer-col ul{ list-style:none; display:flex; flex-direction:column; gap:11px; }
  .footer-col a{ font-size:13.5px; color:var(--text-muted); transition:color .18s ease; }
  .footer-col a:hover{ color:var(--text-primary); }
  .footer-bottom{
    display:flex; align-items:center; justify-content:space-between;
    padding-top:28px; border-top:1px solid var(--line);
    font-size:12.5px; color:var(--text-faint);
    font-family:'JetBrains Mono', monospace;
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 920px){
    .hero-grid{ grid-template-columns:1fr; }
    .hero-visual{ order:-1; }
    .feature-grid{ grid-template-columns:1fr 1fr; }
    .pricing-grid{ grid-template-columns:1fr; max-width:420px; margin:0 auto; }
    .showcase-grid{ grid-template-columns:1fr; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
    .nav-links{ display:none; }
    .nav-cta .link-quiet{ display:none; }
    .nav-toggle{ display:flex; }
    .mobile-menu{ display:block; }
    .hero h1{ font-size:40px; }
  }
  @media (max-width: 620px){
    .wrap{ padding:0 20px; }
    .feature-grid{ grid-template-columns:1fr; }
    .badge-row{ justify-content:center; }
    .footer-grid{ grid-template-columns:1fr; }
    .hero{ padding:56px 0 60px; }
    section{ padding:72px 0; }
    .floating-card{ display:none; }
    .final-cta-inner{ padding:44px 24px; }
    .final-cta-actions{ flex-direction:column; }
    .final-cta-actions .btn{ width:100%; }
  }

  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after{
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
      scroll-behavior:auto !important;
    }
  }