/* ══════════════════════════════════════════════════════════════════
   Live Shift Pro — Marketing site.
   Shares the product's pro digital-console identity: deep blue-black,
   brushed-metal panels, chrome highlights, electric-blue + magenta
   accents (matches the LSP splash/logo). Subtle woven texture and
   metallic sheens throughout — lifted from app/public/css/app.css so
   the site and the product read as one brand.
   ══════════════════════════════════════════════════════════════════ */
:root{
  --bg:#06080c; --bg-2:#0a0d13;
  --panel:#11151b; --panel-2:#171c24; --panel-3:#1e2530;
  --border:#283039; --border-2:#3a4654;
  --accent:#2b9bff; --accent-2:#62b8ff; --accent-dim:#16456e; --accent-soft:rgba(43,155,255,.14);
  --magenta:#b14bff; --magenta-2:#c779ff; --magenta-soft:rgba(177,75,255,.14);
  --go:#2ecc71; --go-soft:rgba(46,204,113,.14);
  --danger:#ff5662;
  --chrome-1:#f3f6fa; --chrome-2:#aeb8c6; --chrome-3:#737f8e;
  --text-1:#e8edf3; --text-2:#8b94a2; --text-3:#535c69; --track:#222a34;
  --radius:14px; --radius-sm:9px;
  --display:'Oswald',sans-serif; --body:'Inter',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
  --weave:
    repeating-linear-gradient(45deg, rgba(255,255,255,.014) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.18) 0 1px, transparent 1px 4px);
  --metal:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 14%, rgba(0,0,0,.12));
  --chrome-text:linear-gradient(180deg,#ffffff 0%,#cdd6e1 46%,#8d99a8 54%,#b7c1cd 100%);
  --maxw:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{
  background:
    radial-gradient(1200px 700px at 50% -280px, rgba(43,155,255,.10), transparent 60%),
    radial-gradient(900px 600px at 92% 8%, rgba(177,75,255,.07), transparent 55%),
    var(--bg);
  color:var(--text-1);font-family:var(--body);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:rgba(43,155,255,.32);color:#fff;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px;}
::-webkit-scrollbar{width:12px;height:12px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#39434f,#262e38);border-radius:6px;border:3px solid var(--bg);}
::-webkit-scrollbar-thumb:hover{background:#454f5c;}
a{color:var(--accent-2);text-decoration:none;}
a:hover{color:#9fd3ff;}
img{max-width:100%;display:block;}
h1,h2,h3,h4{margin:0;}

.chrome{background:var(--chrome-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.accent{color:var(--accent-2);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:9px;border-radius:var(--radius-sm);
  padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:.16s;white-space:nowrap;
  border:1px solid var(--border-2);color:var(--text-1);
  background:linear-gradient(180deg,#222a34,#161b22);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 2px 6px rgba(0,0,0,.4);}
.btn:hover{border-color:#4a5563;background:linear-gradient(180deg,#2a333e,#1a212a);color:var(--text-1);transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn.primary{color:#02152b;border-color:#7cc4ff;
  background:linear-gradient(180deg,#5bb4ff,#1e7fe0);text-shadow:0 1px 0 rgba(255,255,255,.25);
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 0 22px rgba(43,155,255,.40);}
.btn.primary:hover{filter:brightness(1.07);color:#02152b;}
.btn.ghost{background:none;border-color:var(--border);box-shadow:none;}
.btn.ghost:hover{background:rgba(255,255,255,.04);border-color:var(--border-2);}
.btn.lg{padding:15px 30px;font-size:16px;}
.btn.sm{padding:9px 16px;font-size:13.5px;}

/* ── Top nav ── */
.nav{position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,rgba(16,20,27,.92),rgba(8,11,15,.86));
  backdrop-filter:blur(14px) saturate(1.1);
  border-bottom:1px solid var(--border);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 6px 22px rgba(0,0,0,.4);}
.nav .wrap{display:flex;align-items:center;gap:20px;height:66px;}
.nav .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;}
.nav .brand img{height:32px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));}
.nav .links{display:flex;gap:4px;margin-left:auto;align-items:center;}
.nav .links a{color:var(--text-2);font-size:14px;font-weight:500;padding:9px 14px;border-radius:var(--radius-sm);transition:.15s;letter-spacing:.01em;}
.nav .links a:hover{color:var(--text-1);background:rgba(255,255,255,.04);}
.nav .links .btn{margin-left:8px;color:#02152b;}
.nav .links .btn.ghost{color:var(--text-1);}
.nav .menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text-1);width:42px;height:42px;font-size:18px;cursor:pointer;}

/* ── Section scaffolding ── */
section{position:relative;}
.section{padding:96px 0;}
.section.tight{padding:64px 0;}
.eyebrow{font-family:var(--display);font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-2);margin:0 0 14px;font-weight:600;}
.section-head{max-width:720px;margin:0 auto 56px;text-align:center;}
.section-head h2{font-family:var(--display);font-weight:600;letter-spacing:.02em;font-size:clamp(28px,4vw,42px);line-height:1.1;text-transform:uppercase;
  background:var(--chrome-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.section-head p{color:var(--text-2);font-size:17px;margin:16px 0 0;}
.rule{height:1px;border:none;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0;}

/* ── Hero ── */
.hero{position:relative;overflow:hidden;padding:84px 0 90px;}
.hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:url('../img/splash.png') center 20%/cover no-repeat;opacity:.30;}
.hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(900px 520px at 50% 26%, rgba(6,8,12,.10), rgba(6,8,12,.78) 76%),
    linear-gradient(180deg, rgba(6,8,12,.55), rgba(6,8,12,.92));}
.hero .wrap{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;}
.hero-copy .badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;}
.tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;
  padding:6px 13px;border-radius:100px;border:1px solid var(--border);color:var(--text-2);
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);}
.tag .dot{width:7px;height:7px;border-radius:50%;background:var(--go);box-shadow:0 0 9px var(--go);}
.tag.magenta{color:var(--magenta-2);border-color:rgba(177,75,255,.3);}
.hero h1{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;
  font-size:clamp(34px,5.4vw,60px);line-height:1.04;margin:0 0 20px;
  background:var(--chrome-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero h1 .em{background:linear-gradient(180deg,#7cc4ff,#2b9bff 60%,#1e7fe0);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero .sub{font-size:19px;color:var(--text-1);opacity:.92;max-width:560px;margin:0 0 16px;}
.hero .sub-2{font-size:15.5px;color:var(--text-2);max-width:540px;margin:0 0 30px;}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hero .meta{margin-top:26px;display:flex;gap:22px;flex-wrap:wrap;color:var(--text-3);font-family:var(--mono);font-size:12px;}
.hero .meta b{color:var(--text-2);font-weight:500;}

/* ── Generic panel (brushed metal) ── */
.panel{position:relative;border-radius:var(--radius);border:1px solid var(--border);
  background:linear-gradient(180deg,#141921,#0e1218);
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset, 0 18px 50px rgba(0,0,0,.4);}
.panel::before{content:"";position:absolute;inset:0;border-radius:var(--radius);background:var(--weave);opacity:.45;pointer-events:none;}
.panel > *{position:relative;}

/* ══ Product mockup (console window) ══ */
.console{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border-2);
  background:linear-gradient(180deg,#10141a,#0a0d12);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(43,155,255,.06), 0 0 70px rgba(43,155,255,.10);}
.console .titlebar{display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;
  background:linear-gradient(180deg,#161b22,#0b0e13);border-bottom:1px solid var(--border);}
.console .titlebar .dots{display:flex;gap:7px;}
.console .titlebar .dots i{width:11px;height:11px;border-radius:50%;background:#2a323d;}
.console .titlebar .dots i:nth-child(1){background:#ff5662;}
.console .titlebar .dots i:nth-child(2){background:#f4b740;}
.console .titlebar .dots i:nth-child(3){background:#2ecc71;}
.console .titlebar img{height:18px;}
.console .titlebar .tt{font-family:var(--mono);font-size:11.5px;color:var(--text-3);margin-left:auto;letter-spacing:.04em;}
.console .screen{position:relative;background:#06080c;}

/* stage canvas grid */
.stage-canvas-wrap{position:relative;aspect-ratio:16/10;background:#000;}
/* a single full-bleed canvas (e.g. the timeline backdrop) */
.stage-canvas-wrap > canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
/* the 3×3 fixture grid overlay; each canvas fills its own grid cell */
.stage-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;background:#000;}
.stage-grid canvas{width:100%;height:100%;display:block;min-width:0;min-height:0;}
.stage-badge{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.5);
  background:rgba(6,8,12,.6);padding:4px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.08);z-index:3;letter-spacing:.06em;}
.stage-badge .live{color:var(--go);}

/* console "control board" mock */
.board{display:grid;grid-template-columns:1.25fr 1fr;gap:0;}
.board .left{padding:16px;border-right:1px solid var(--border);}
.board .right{padding:16px;display:flex;flex-direction:column;gap:12px;}
.board .lbl{font-family:var(--display);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin:0 0 9px;}
.minimap{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;aspect-ratio:16/10;}
.minimap .cell{position:relative;border-radius:7px;overflow:hidden;background:#05070b;border:1px solid #1a212b;}
.minimap .cell canvas{position:absolute;inset:0;width:100%;height:100%;}
.minimap .cell.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px rgba(43,155,255,.4);}
.minimap .cell .n{position:absolute;left:5px;top:3px;font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.45);z-index:2;}
.cuelist{display:flex;flex-direction:column;gap:6px;}
.cue{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;border:1px solid var(--border);
  background:linear-gradient(180deg,#141921,#0e1218);font-size:12.5px;}
.cue.active{border-color:var(--accent-dim);background:linear-gradient(180deg,rgba(43,155,255,.12),transparent);box-shadow:0 0 0 1px var(--accent-dim) inset;}
.cue .num{font-family:var(--mono);color:var(--text-3);font-size:11px;width:18px;}
.cue .nm{color:var(--text-1);font-weight:500;}
.cue .fade{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--accent-2);}
.cue.active .nm{color:var(--accent-2);}
.transport{display:flex;gap:8px;}
.tbtn{flex:1;text-align:center;padding:11px;border-radius:8px;font-family:var(--display);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;
  border:1px solid var(--border-2);color:var(--text-2);background:linear-gradient(180deg,#222a34,#161b22);}
.tbtn.go{color:#03130a;border-color:#43e08a;background:linear-gradient(180deg,#4be58f,#21b568);box-shadow:0 0 18px rgba(46,204,113,.4),0 1px 0 rgba(255,255,255,.4) inset;}
.faders{display:flex;gap:14px;padding-top:4px;}
.fader{flex:1;}
.fader .track{height:6px;border-radius:6px;background:linear-gradient(180deg,#1a212a,#2a333e);position:relative;box-shadow:0 1px 1px rgba(0,0,0,.5) inset;}
.fader .track i{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 35% 30%, #eaf4ff, #2b9bff 70%);border:2px solid #061018;box-shadow:0 0 8px rgba(43,155,255,.6);}
.fader .ft{font-family:var(--mono);font-size:9.5px;color:var(--text-3);margin-top:8px;letter-spacing:.06em;}

/* ── Feature grid ── */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.feature{padding:26px 24px;border-radius:var(--radius);position:relative;overflow:hidden;
  border:1px solid var(--border);background:linear-gradient(180deg,#141921,#0e1218);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 12px 30px rgba(0,0,0,.3);transition:.18s;}
.feature::before{content:"";position:absolute;inset:0;background:var(--weave);opacity:.4;pointer-events:none;}
.feature:hover{transform:translateY(-3px);border-color:var(--border-2);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px var(--accent-dim);}
.feature > *{position:relative;}
.feature .ic{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;
  background:linear-gradient(180deg,var(--accent-soft),transparent);border:1px solid var(--accent-dim);box-shadow:0 0 16px rgba(43,155,255,.14);}
.feature.m .ic{background:linear-gradient(180deg,var(--magenta-soft),transparent);border-color:rgba(177,75,255,.3);box-shadow:0 0 16px rgba(177,75,255,.14);}
.feature h3{font-size:17px;font-weight:600;margin:0 0 8px;color:var(--text-1);}
.feature p{color:var(--text-2);font-size:14.5px;margin:0;}

/* ── Alternating showcase rows ── */
.showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin-bottom:84px;}
.showcase-row:last-child{margin-bottom:0;}
.showcase-row.flip .copy{order:2;}
.showcase-row .copy .eyebrow{margin-bottom:12px;}
.showcase-row .copy h3{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(22px,2.6vw,30px);line-height:1.12;
  background:var(--chrome-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 14px;}
.showcase-row .copy p{color:var(--text-2);font-size:16px;margin:0 0 16px;}
.showcase-row .copy ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.showcase-row .copy li{position:relative;padding-left:28px;color:var(--text-2);font-size:15px;}
.showcase-row .copy li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:3px;
  background:linear-gradient(135deg,#62b8ff,#2b9bff);box-shadow:0 0 10px rgba(43,155,255,.5);}
.showcase-row.m .copy li::before{background:linear-gradient(135deg,#c779ff,#b14bff);box-shadow:0 0 10px rgba(177,75,255,.5);}

/* ── Specs / stats strip ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.stat{text-align:center;padding:28px 18px;border-radius:var(--radius);
  border:1px solid var(--border);background:linear-gradient(180deg,#141921,#0e1218);position:relative;overflow:hidden;}
.stat::before{content:"";position:absolute;inset:0;background:var(--weave);opacity:.4;}
.stat > *{position:relative;}
.stat .num{font-family:var(--display);font-weight:700;font-size:40px;line-height:1;
  background:linear-gradient(180deg,#7cc4ff,#2b9bff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat .num.m{background:linear-gradient(180deg,#c779ff,#b14bff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat .cap{margin-top:10px;font-size:13px;color:var(--text-2);letter-spacing:.02em;}

/* ── How it works ── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s;}
.step{padding:28px 24px;border-radius:var(--radius);position:relative;
  border:1px solid var(--border);background:linear-gradient(180deg,#141921,#0e1218);}
.step .n{counter-increment:s;font-family:var(--display);font-weight:700;font-size:15px;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  background:var(--accent-soft);border:1px solid var(--accent-dim);color:var(--accent-2);}
.step .n::before{content:counter(s);}
.step h4{font-size:17px;margin:0 0 8px;color:var(--text-1);}
.step p{color:var(--text-2);font-size:14.5px;margin:0;}

/* ── Tech chips ── */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.chip{font-family:var(--mono);font-size:12.5px;color:var(--text-2);padding:9px 15px;border-radius:100px;
  border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);}
.chip b{color:var(--accent-2);font-weight:500;}

/* ── FAQ ── */
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq details{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;
  background:linear-gradient(180deg,#141921,#0e1218);transition:.15s;}
.faq details[open]{border-color:var(--border-2);}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:16px;color:var(--text-1);list-style:none;display:flex;align-items:center;gap:12px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:"+";font-family:var(--mono);color:var(--accent-2);font-size:18px;transition:.2s;flex:0 0 auto;}
.faq details[open] summary::before{transform:rotate(45deg);}
.faq summary:hover{color:var(--accent-2);}
.faq .a{padding:0 22px 20px 52px;color:var(--text-2);font-size:15px;}
.faq .a a{text-decoration:underline;}

/* ── CTA band ── */
.cta-band{position:relative;overflow:hidden;text-align:center;border-radius:20px;padding:64px 32px;
  border:1px solid var(--border-2);background:linear-gradient(180deg,#10151c,#0a0e13);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 24px 60px rgba(0,0,0,.5), 0 0 80px rgba(43,155,255,.10);}
.cta-band::before{content:"";position:absolute;inset:0;
  background:radial-gradient(700px 300px at 50% -40%, rgba(43,155,255,.18), transparent 60%),
            radial-gradient(600px 300px at 50% 140%, rgba(177,75,255,.12), transparent 60%);pointer-events:none;}
.cta-band > *{position:relative;}
.cta-band h2{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(28px,4vw,44px);line-height:1.08;
  background:var(--chrome-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.cta-band p{color:var(--text-2);font-size:18px;max-width:560px;margin:16px auto 30px;}
.cta-band .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ── Footer ── */
.footer{border-top:1px solid var(--border);background:linear-gradient(180deg,#0a0d13,#06080c);padding:56px 0 36px;margin-top:24px;}
.footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer .brandcol img{height:30px;margin-bottom:14px;}
.footer .brandcol p{color:var(--text-3);font-size:13.5px;max-width:280px;margin:0;}
.footer .col h5{font-family:var(--display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin:0 0 14px;font-weight:600;}
.footer .col a{display:block;color:var(--text-3);font-size:14px;padding:5px 0;transition:.15s;}
.footer .col a:hover{color:var(--accent-2);}
.footer .bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.footer .bottom p{color:var(--text-3);font-size:13px;margin:0;}
.footer .bottom .made{font-family:var(--mono);font-size:11.5px;color:var(--text-3);}

/* ── Reveal-on-scroll ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}html{scroll-behavior:auto;}}

/* ── Responsive ── */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px;}
  .hero-copy{text-align:center;}
  .hero-copy .badge-row,.hero .cta-row,.hero .meta{justify-content:center;}
  .hero .sub,.hero .sub-2{margin-left:auto;margin-right:auto;}
  .features{grid-template-columns:repeat(2,1fr);}
  .showcase-row{grid-template-columns:1fr;gap:30px;}
  .showcase-row.flip .copy{order:0;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:1fr;}
  .footer .cols{grid-template-columns:1fr 1fr;gap:30px;}
}
@media (max-width:680px){
  .section{padding:64px 0;}
  .nav .links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;
    background:linear-gradient(180deg,#10141a,#0a0d12);border-bottom:1px solid var(--border);padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.5);}
  .nav .links.open{display:flex;}
  .nav .links a{padding:13px 14px;border-radius:8px;}
  .nav .links .btn{margin:6px 0 0;justify-content:center;}
  .nav .menu-btn{display:flex;align-items:center;justify-content:center;}
  .features{grid-template-columns:1fr;}
  .stats{grid-template-columns:1fr 1fr;}
  .footer .cols{grid-template-columns:1fr;}
  .board{grid-template-columns:1fr;}
  .board .left{border-right:none;border-bottom:1px solid var(--border);}
}