:root{
  --ink:#16161A;--graphite:#3A3A3F;--slate:#000000;--silver:#A8A8B0;--line:#ECEAE4;
  /* --silver is decorative only (dots, icon tints) at 2.36:1 on white.
     --muted is the accessible token for small text: 5.1:1 on white, passes WCAG AA. */
  --muted:#6E6E78;--hair:#F1EFE9;--mist:#F2EFE9;--rail:#F4F2EC;
  --paper:#FBFAF8;--white:#FFFFFF;--canvas:#E5E3DC;--coral:#FF7A66;--coral-deep:#C7503D;--coral-tint:#FFEDE8;--on-coral:#1A0E0B;
  --success:#2E7D5B;--warning:#B07D1F;
  --g-green:#2E9E63;--g-amber:#C98A2C;--g-blue:#3667CF;--g-red:#D9534F;--g-violet:#7B5BD6;--g-teal:#15A0A0;
  --r-ctl:12px;--r-surf:20px;--r-frame:22px;--r-pill:999px;
  --sh-soft:0 1px 2px rgba(20,20,30,.05),0 14px 34px -18px rgba(20,20,30,.18);
  --sh-frag:0 2px 6px rgba(20,20,30,.06),0 18px 40px -20px rgba(20,20,30,.30);
  --sh-frame:0 34px 90px -38px rgba(14,14,16,.55);
  --ease:cubic-bezier(.2,.7,.2,1);--ui:'Sora',system-ui,sans-serif;--disp:'Newsreader',Georgia,serif;
}
*{box-sizing:border-box}

/* visually hidden, still announced by screen readers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* honeypot — hidden from people, left in the DOM for bots to fill in.
   Not display:none, which some bots detect and skip. */
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* visible focus for keyboard users */
:focus-visible{outline:2px solid var(--coral-deep);outline-offset:2px;border-radius:4px}
.inp:focus-within{box-shadow:0 0 0 2px var(--coral-deep)}
.inp input:focus-visible{outline:none}
body{margin:0;font-family:var(--ui);color:var(--ink);background:var(--paper);line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.disp{font-family:var(--disp);font-weight:600;font-optical-sizing:auto}
.over{font:600 11px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--slate)}
.meta{font-size:13px;color:var(--slate)}
.num{font-variant-numeric:tabular-nums}

/* ---- the v1 wordmark: anab / r ---- */
.wm{font-family:var(--ui);font-weight:600;letter-spacing:-.025em;color:var(--ink);display:inline-block;line-height:1}
.wm .sl{color:var(--coral);font-weight:600;padding:0 .005em}

/* nav */
nav{position:relative;z-index:20;max-width:1280px;margin:0 auto;padding:24px 0px;display:flex;align-items:center;gap:20px}
nav .wm{font-size:23px}
nav .links{margin-left:auto;display:flex;align-items:center;gap:28px}
nav .links a{color:var(--slate);text-decoration:none;font:500 14px var(--ui)}
nav .links a:hover{color:var(--ink)}
.btn{border:none;border-radius:var(--r-ctl);padding:12px 20px;font:600 14px var(--ui);cursor:pointer;background:var(--coral);color:var(--slate);white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s var(--ease);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.btn:hover{color: var(--ink);transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(255,122,102,.7)}
.btn.pill{border-radius:var(--r-ctl);padding:9px 18px;font-size:13px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:none}
.btn.ghost:hover{background:rgba(20,20,30,.05);transform:none;box-shadow:none}

/* hero */
.hero{position:relative;max-width:1280px;margin:0 auto;padding:34px 36px 86px;min-height:82vh;display:grid;grid-template-columns:1fr 1.2fr;gap:46px;align-items:center}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.7;
  background:radial-gradient(58% 58% at 80% 48%, var(--coral-tint) 0%, transparent 60%),
             radial-gradient(70% 60% at 4% 6%, color-mix(in srgb,var(--canvas) 55%, transparent) 0%, transparent 55%)}
/* The hero CTA deliberately carries no background override: it uses the same coral
   as the nav and closing-band CTAs. It previously sat at #c9c9c9 — the one non-palette
   colour in this file, and a cool grey among otherwise warm neutrals, which made the
   primary call to action read as disabled. */
.copy{position:relative;z-index:5}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--white);box-shadow:var(--sh-soft);border-radius:var(--r-pill);padding:7px 14px 7px 12px;margin-bottom:24px}
.eyebrow i{font-size:14px;color:var(--slate)}
.pitch{font-family:var(--disp);font-weight:600;font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-.022em;margin:0;text-wrap:balance}
.sub{font-size:18px;color:var(--graphite);max-width:42ch;margin:24px 0 0}
.sub b{color:var(--ink);font-weight:600}
.form{display:flex;gap:10px;margin-top:32px;max-width:450px}
.inp{flex:1;display:flex;align-items:center;gap:10px;background:var(--mist);border-radius:var(--r-ctl);padding:14px 15px}
.inp i{color:var(--slate);font-size:18px}.inp input{all:unset;flex:1;font:400 15px var(--ui);color:var(--ink)}.inp input::placeholder{color:var(--muted)}
/* waitlist form feedback */
.form-status{min-height:0;margin:10px 0 0;font:500 13.5px var(--ui);max-width:450px}
.form-status:empty{margin:0}
.form-status.is-success{color:var(--success)}
.form-status.is-error{color:var(--coral-deep)}
.close .form-status{margin-left:auto;margin-right:auto;text-align:center}
.btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}

.trust{display:flex;align-items:center;gap:13px;margin-top:22px;flex-wrap:wrap}
.faces{display:flex}.av{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 11px var(--ui);color:var(--graphite);box-shadow:0 0 0 2px var(--paper);margin-left:-10px}.av:first-child{margin-left:0}
.cnt{font-size:14px;color:var(--slate)}.cnt b{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink)}

/* ===== collapse stage ===== */
.stage{position:relative;z-index:4;height:520px}
.glow{position:absolute;left:50%;top:50%;width:320px;height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--coral-tint) 0%,transparent 70%);opacity:0;z-index:0;animation:glow var(--dur,8.4s) var(--ease) infinite}
@keyframes glow{0%,40%{opacity:0}50%{opacity:.9}58%{opacity:.4}90%{opacity:.28}100%{opacity:0}}
.frag{position:absolute;z-index:2;width:166px;background:var(--white);border-radius:15px;box-shadow:var(--sh-frag);padding:11px 12px;opacity:0;transform-origin:center;animation:chaos var(--dur,8.4s) var(--ease) infinite;animation-delay:var(--dl,0s)}
.frag .head{display:flex;align-items:center;gap:7px;font:600 11px var(--ui);color:var(--ink);margin-bottom:8px}
.frag .head .ic{width:17px;height:17px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
.frag .head .t{color:var(--slate);font-weight:600}
.f-sheet {top:1%;  left:0;    --rot:-7deg; --tx:175px; --ty:160px; --dl:.00s}
.f-slides{top:0;   right:6%;  --rot:6deg;  --tx:-175px;--ty:180px; --dl:.10s}
.f-meet  {top:35%; left:-3%;  --rot:4deg;  --tx:205px; --ty:18px;  --dl:.05s}
.f-chat  {top:30%; right:-3%; --rot:-5deg; --tx:-205px;--ty:30px;  --dl:.15s}
.f-tasks {bottom:2%;left:6%;  --rot:5deg;  --tx:165px; --ty:-160px;--dl:.08s}
.f-mail  {bottom:0; right:7%; --rot:-6deg; --tx:-160px;--ty:-175px;--dl:.18s}
@keyframes chaos{
  0%{opacity:0;transform:translate(0,26px) rotate(var(--rot)) scale(.96)}
  7%{opacity:1;transform:translate(0,0) rotate(var(--rot)) scale(1)}
  24%{transform:translate(0,-7px) rotate(var(--rot)) scale(1)}
  40%{opacity:1;transform:translate(0,0) rotate(var(--rot)) scale(1)}
  53%{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(0) scale(.3)}
  100%{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(0) scale(.3)}
}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.grid span{height:13px;border-radius:3px;background:var(--mist);display:flex;align-items:center;justify-content:flex-end;padding-right:3px;font:600 7.5px var(--ui);color:var(--slate)}
.grid span.h{background:color-mix(in srgb,var(--g-green) 16%,var(--white));color:var(--g-green)}
.f-sheet .ic{background:var(--g-green)}
.f-slides .ic{background:var(--g-amber)}
.slide{height:48px;border-radius:7px;background:color-mix(in srgb,var(--g-amber) 9%,var(--white));padding:7px;margin-bottom:6px}.slide .b{height:6px;width:60%;border-radius:3px;background:var(--g-amber);opacity:.8}.slide .l{height:4px;border-radius:2px;background:var(--mist);margin-top:5px}.slide .l.s{width:70%}
.strip{display:flex;gap:4px}.strip i{flex:1;height:13px;border-radius:4px;background:var(--mist)}.strip i:first-child{background:color-mix(in srgb,var(--g-amber) 22%,var(--white))}
.f-meet .ic{background:var(--g-blue)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tiles .tile{height:25px;border-radius:6px;background:color-mix(in srgb,var(--g-blue) 12%,var(--white));display:flex;align-items:center;justify-content:center;font:600 9px var(--ui);color:var(--g-blue)}
.calls{display:flex;justify-content:center;gap:6px;margin-top:7px}.calls b{width:18px;height:18px;border-radius:50%;background:var(--mist);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--slate)}.calls b.end{background:var(--g-red);color:#fff}
.f-chat .ic{background:var(--g-green)}
.msg{display:flex;gap:8px;align-items:flex-start}.msg .pic{width:25px;height:25px;border-radius:50%;background:var(--mist);flex-shrink:0;display:flex;align-items:center;justify-content:center;font:600 9px var(--ui);color:var(--graphite)}.msg .bub{flex:1;background:color-mix(in srgb,var(--g-green) 10%,var(--white));border-radius:4px 9px 9px 9px;padding:6px 8px}.msg .nm{font:600 9.5px var(--ui);color:var(--ink)}.msg .tx{height:4px;border-radius:2px;background:var(--g-green);opacity:.45;margin-top:4px}.msg .tx.s{width:65%}.msg .badge{margin-left:auto;width:15px;height:15px;border-radius:50%;background:var(--g-green);color:#fff;font:600 8px var(--ui);display:flex;align-items:center;justify-content:center}
.f-tasks .ic{background:var(--g-violet)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cols .c .ct{font:600 7.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.chip{background:var(--mist);border-radius:5px;padding:5px;margin-bottom:4px}.chip .tag{height:3px;width:40%;border-radius:2px;background:var(--g-violet);opacity:.7;margin-bottom:4px}.chip .ln{height:4px;border-radius:2px;background:#E3E1DB}.cols .c:nth-child(2) .chip .tag{background:var(--g-teal)}
.f-mail .ic{background:var(--g-red)}
.mrow{display:flex;align-items:center;gap:7px;padding:5px 0;border-top:1px solid var(--hair)}.mrow:first-of-type{border-top:none}.mrow .d{width:6px;height:6px;border-radius:50%;background:var(--silver);flex-shrink:0}.mrow.un .d{background:var(--g-blue)}.mrow .who{font:600 9px var(--ui);color:var(--slate);width:42px;flex-shrink:0}.mrow.un .who{color:var(--ink)}.mrow .sj{flex:1;height:4px;border-radius:2px;background:var(--mist)}.mrow.un .sj{background:#DBD9D2}.mrow .tm{font:500 7.5px var(--ui);color:var(--silver)}

/* the assembled compact dashboard (collapse result) */
.assembled{position:absolute;left:50%;top:50%;z-index:3;width:372px;transform:translate(-50%,-50%) scale(.92);opacity:0;animation:assemble var(--dur,8.4s) var(--ease) infinite}
@keyframes assemble{0%,44%{opacity:0;transform:translate(-50%,-50%) scale(.92)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.012)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}92%{opacity:1;transform:translate(-50%,-50%) scale(1)}99%,100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
/* ===== consolidation end-state card ===== */
.scard{background:var(--white);border-radius:var(--r-surf);box-shadow:var(--sh-frame);padding:22px 22px 18px;width:100%}
.schead{padding-bottom:13px;border-bottom:1px solid var(--hair);margin-bottom:4px}
.st1{font-family:var(--disp);font-weight:600;font-size:25px;letter-spacing:-.018em;line-height:1.0}
.st2{font:500 13.5px var(--ui);color:var(--slate);margin-top:6px}
.srow{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--hair)}
.srow:first-child{border-top:none}
.srow>i{font-size:17px;color:var(--slate);width:20px;text-align:center;flex-shrink:0}
.sj{font:600 14px var(--ui);color:var(--ink)}
.was{margin-left:auto;font:500 11px var(--ui);color:var(--muted);background:var(--mist);border-radius:var(--r-pill);padding:3px 9px;white-space:nowrap}
.sfoot{margin-top:12px;padding-top:12px;border-top:1px solid var(--hair);font:600 12px var(--ui);color:var(--slate);letter-spacing:.01em}

/* ===== dashboard styling (shared: compact + showcase) ===== */
.dash{background:var(--white);border-radius:var(--r-surf);box-shadow:var(--sh-frame);overflow:hidden}
.dash .bar{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--hair)}
.dash .bar .wm{font-size:15px}
.dash .filter{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--mist);border-radius:var(--r-pill);padding:6px 12px;font:600 11.5px var(--ui);color:var(--slate)}
.dash .filter i{font-size:13px}
.dash .body{padding:18px 20px}
.kpi-hero .n{font-family:var(--disp);font-weight:600;font-size:44px;letter-spacing:-.018em;line-height:.95;margin:2px 0 0}
.kpi-hero .u{font:500 13px var(--ui);color:var(--slate)}
.st{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid var(--hair)}.st:first-of-type{border-top:none}
.st .l{font-size:13px;color:var(--slate)}.st .v{font:600 18px var(--ui);letter-spacing:-.02em}.st .dl{font-size:11px;color:var(--success);margin-left:7px;font-weight:500}
.ldot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:6px;vertical-align:middle;animation:pulse 1.7s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,122,102,.5)}70%{box-shadow:0 0 0 8px rgba(255,122,102,0)}100%{box-shadow:0 0 0 0 rgba(255,122,102,0)}}
.alert{background:var(--coral-tint);border-radius:var(--r-ctl);padding:11px 13px;display:flex;gap:9px;align-items:flex-start;margin-top:14px}
.alert .wi{width:7px;height:7px;border-radius:50%;background:var(--warning);margin-top:6px;flex-shrink:0}
.alert .at{font:600 12.5px var(--ui);color:var(--ink)}.alert .am{font-size:11.5px;color:var(--slate)}
/* donut */
.donut{position:relative;width:128px;height:128px}
.donut svg{transform:rotate(-90deg)}
.donut .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.donut .ctr .v{font-family:var(--disp);font-weight:600;font-size:24px;letter-spacing:-.01em;line-height:1}
.donut .ctr .k{font:500 10px var(--ui);color:var(--slate);margin-top:2px}

@media(max-width:960px){
  .hero{grid-template-columns:1fr;gap:6px;padding-bottom:56px}
  .stage{height:470px;margin-top:12px}
  .frag{width:144px}.assembled{width:320px}
  nav .links a:not(.cta){display:none}
}
@media(max-width:520px){.form{flex-direction:column}.frag{width:122px}.f-meet,.f-chat{display:none}}

/* ===== showcase (full dashboard screenshot) ===== */
.show{max-width:1180px;margin:0 auto;padding:30px 36px 96px;text-align:center}
.show .pitch{font-size:clamp(30px,3.6vw,44px)}
.show .sub{margin:16px auto 0;max-width:54ch;text-align:center}
.window{margin:46px auto 0;text-align:left;border-radius:16px;background:var(--white);box-shadow:var(--sh-frame);overflow:hidden}
.win-chrome{display:flex;align-items:center;gap:8px;padding:13px 16px;background:var(--rail);border-bottom:1px solid var(--hair)}
.win-dots{display:flex;gap:6px}.win-dots i{width:11px;height:11px;border-radius:50%;background:#D9D6CE}
.win-url{margin:0 auto;background:var(--white);border-radius:var(--r-pill);padding:5px 16px;font:500 12px var(--ui);color:var(--slate)}
.app{display:grid;grid-template-columns:200px 1fr;min-height:560px}
.app .rail{background:var(--rail);border-right:1px solid var(--hair);padding:18px 14px;display:flex;flex-direction:column;gap:3px}
.app .rail .wm{font-size:18px;padding:6px 8px 16px}
.nav{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;font:500 14px var(--ui);color:var(--slate);cursor:default}
.nav i{font-size:18px;color:var(--silver)}
.nav.on{background:var(--white);color:var(--ink);box-shadow:inset 3px 0 0 var(--coral),0 1px 2px rgba(20,20,30,.05)}.nav.on i{color:var(--coral)}
.navsec{font:600 10px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:18px 12px 8px}
.app .main{min-width:0;display:flex;flex-direction:column;background:var(--paper)}
.topbar{height:62px;display:flex;align-items:center;gap:14px;padding:0 26px;border-bottom:1px solid var(--hair)}
.topbar .search{flex:1;max-width:300px;display:flex;align-items:center;gap:9px;background:var(--mist);border-radius:var(--r-ctl);padding:9px 13px;color:var(--slate);font-size:13.5px}
.topbar .search i{font-size:16px}
.content{padding:22px 28px 30px}
/* ===== calm screen carousel ===== */
.carousel{position:relative;overflow:hidden}
.track{display:flex;transition:transform .6s var(--ease)}
.screen{flex:0 0 100%;padding:30px 34px 36px;min-height:478px}
.screen .over{display:block;margin-bottom:6px}
.greet{font-family:var(--disp);font-weight:600;font-size:38px;letter-spacing:-.018em;line-height:1.02;margin:2px 0 0;text-wrap:balance}
.crow2{margin-top:24px}
.lrow{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--hair)}
.lrow:first-of-type{border-top:none}
.lrow .av{width:40px;height:40px;font-size:13px;box-shadow:none;margin:0}
.lrow .who{font:500 15px var(--ui)}
.lrow .mt{font-size:13px;color:var(--slate)}
.lrow .rt{margin-left:auto;color:var(--slate);font-size:13px}
.days{display:flex;gap:6px;margin-top:22px;max-width:520px}
.day{flex:1;text-align:center;padding:12px 0 14px;border-radius:12px}
.day .dn{font:600 11px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.day .dd{font-family:var(--disp);font-weight:600;font-size:22px;color:var(--muted);margin-top:6px}
.day.today .dd{color:var(--ink)}.day.today{box-shadow:inset 0 -2px 0 var(--coral)}
.bignum{font-family:var(--disp);font-weight:600;font-size:clamp(48px,6vw,72px);letter-spacing:-.02em;line-height:.94;margin:6px 0 0}
.bignum .u{font:500 16px var(--ui);color:var(--slate)}
.cnav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:20px auto 0;padding:0 36px}
.cdots{display:flex;gap:8px;align-items:center}
.cdot{width:8px;height:8px;border-radius:50%;background:var(--silver);opacity:.45;cursor:pointer;transition:.25s var(--ease)}
.cdot.on{opacity:1;background:var(--coral);width:22px;border-radius:var(--r-pill)}
.carrow{width:42px;height:42px;border-radius:50%;border:none;background:var(--white);box-shadow:var(--sh-soft);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s var(--ease)}
.carrow:hover{transform:translateY(-1px)}.carrow:disabled{opacity:.32;cursor:default;transform:none}
.screen-title{font:600 14px var(--ui);color:var(--ink)}
/* ===== how it works ===== */
.how{max-width:1180px;margin:0 auto;padding:94px 36px;border-top:1px solid var(--hair)}
.how .head{text-align:center;margin-bottom:52px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.step .sn{font-family:var(--disp);font-weight:600;font-size:46px;line-height:1;color:var(--ink)}
.step .over{display:block;margin:16px 0 8px}
.step p{margin:0;color:var(--slate);font-size:15px;max-width:30ch}
/* ===== faq ===== */
.faq{max-width:760px;margin:0 auto;padding:8px 36px 94px}
.faq .head{margin-bottom:28px}
.q{border-top:1px solid var(--hair)}.q:first-of-type{border-top:none}
.q summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font:600 18px var(--ui);letter-spacing:-.01em}
.q summary::-webkit-details-marker{display:none}
.q summary i{color:var(--silver);font-size:20px;transition:transform .25s var(--ease)}
.q[open] summary i{transform:rotate(45deg);color:var(--ink)}
.q p{margin:0 0 24px;color:var(--slate);font-size:15.5px;max-width:64ch}
/* ===== closing ===== */
.close{max-width:1180px;margin:0 auto 88px;padding:0 36px}
.close .band{background:linear-gradient(150deg,#F1EFE9,#E8E6DF);border-radius:var(--r-frame);padding:78px 40px;text-align:center}
.close .pitch{font-size:clamp(30px,3.6vw,46px);max-width:18ch;margin:0 auto}
.close .form{margin:32px auto 0;justify-content:center}
@media(max-width:900px){.app{grid-template-columns:1fr}.app .rail{display:none}.steps{grid-template-columns:1fr;gap:28px}.screen{min-height:auto}.how{padding:64px 24px}.faq{padding:8px 24px 64px}.close .band{padding:54px 24px}}

/* ===== legal pages ===== */
.legal{max-width:760px;margin:0 auto;padding:56px 36px 96px}
.legal .pitch{font-size:clamp(34px,4vw,48px);margin-top:12px}
.legal-meta{font-size:13px;color:var(--muted);margin:14px 0 0}
.legal-lede{font-size:18px;color:var(--graphite);margin:28px 0 0;max-width:62ch}
.legal h2{font-family:var(--disp);font-weight:600;font-size:24px;letter-spacing:-.015em;
  margin:44px 0 12px;padding-top:26px;border-top:1px solid var(--hair)}
.legal p{color:var(--graphite);font-size:15.5px;margin:0 0 14px;max-width:66ch}
.legal ul{color:var(--graphite);font-size:15.5px;margin:0 0 14px;padding-left:20px;max-width:66ch}
.legal li{margin-bottom:8px}
.legal a{color:var(--coral-deep);text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--ink)}
.legal strong{color:var(--ink);font-weight:600}
.legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:var(--mist);border-radius:5px;padding:1px 6px}
.legal-address{font-style:normal;color:var(--graphite);font-size:15.5px;line-height:1.7;
  margin:0 0 16px;padding:14px 18px;background:var(--mist);border-radius:var(--r-ctl);
  display:inline-block}
.legal-table{width:100%;border-collapse:collapse;margin:18px 0 20px;font-size:14.5px}
.legal-table th{text-align:left;font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);padding:0 12px 10px 0;border-bottom:1px solid var(--line)}
.legal-table td{color:var(--graphite);padding:12px 12px 12px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.legal-table td:first-child{color:var(--ink);font-weight:500;width:34%}
@media(max-width:640px){
  .legal{padding:36px 24px 64px}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%}
  .legal-table thead{display:none}
  .legal-table td{border:none;padding:2px 0}
  .legal-table td:first-child{padding-top:14px;width:auto}
  .legal-table tr{border-bottom:1px solid var(--hair);padding-bottom:12px;display:block}
}

/* ===== cookie consent ===== */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:0 16px 16px}
.consent[hidden]{display:none}
.consent-inner{max-width:1180px;margin:0 auto;background:var(--white);border-radius:var(--r-surf);
  box-shadow:0 -2px 8px rgba(20,20,30,.05),0 18px 48px -18px rgba(20,20,30,.45);
  padding:20px 24px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.consent-copy{flex:1;min-width:260px}
.consent-title{font:600 15px var(--ui);color:var(--ink);margin:0 0 4px}
.consent-body{font-size:13.5px;color:var(--graphite);margin:0;max-width:70ch;line-height:1.5}
.consent-actions{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
/* Accept and Decline are deliberately identical — same size, weight and colour.
   EDPB guidance treats a highlighted "accept" beside a muted "reject" as a dark
   pattern, so neither is given visual preference here. */
.consent-btn{min-width:118px;justify-content:center;background:var(--mist);color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--line);transform:none}
.consent-btn:hover{background:var(--canvas);color:var(--ink);box-shadow:inset 0 0 0 1px var(--silver);transform:none}
@media(max-width:640px){
  .consent-inner{padding:18px;gap:16px}
  .consent-actions{width:100%;margin-left:0}
  .consent-actions .consent-btn{flex:1}
}

/* ===== footer ===== */
footer{border-top:1px solid var(--hair);margin-top:20px}
.foot{max-width:1280px;margin:0 auto;padding:42px 36px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.foot .wm{font-size:20px}
.foot .fl{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
.foot .fl a{color:var(--slate);text-decoration:none;font:500 13.5px var(--ui)}.foot .fl a:hover{color:var(--ink)}

/* ===== editor toolbar ===== */
#anablr-editor{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:8px 8px 8px 16px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);font:500 13px var(--ui)}
#anablr-editor .hint{color:#B9B7C2;font-size:12px}
#anablr-editor button{border:none;border-radius:var(--r-pill);padding:9px 15px;font:600 13px var(--ui);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#anablr-editor .e-edit{background:#2A2A31;color:#fff}
#anablr-editor .e-dl{background:var(--coral);color:var(--on-coral)}
#anablr-editor button i{font-size:15px}
body.editmode{outline:none}
body.editmode [contenteditable] , body.editmode .copy, body.editmode .show, body.editmode .dash, body.editmode .app{cursor:text}
body.editmode .frag,body.editmode .glow{animation:none!important;opacity:0!important}
body.editmode .assembled{animation:none!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}
@media (prefers-reduced-motion:reduce){.frag,.glow{animation:none;opacity:0}.assembled{animation:none;opacity:1;transform:translate(-50%,-50%)}.ldot{animation:none}}

.header-bar {
    position: sticky;
    top: 0;
    z-index: 99;
    background: #fbfaf834;
    backdrop-filter: blur(7px);
    transition: all 0.3s ease-in-out;
}
header.header-bar.scrolled {
    transform: translateY(12px);
    border-radius: 24px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);    
    max-width: 1350px;
    margin: 0 auto;
}

@media (max-width: 1299px) {
   header.header-bar{
    padding: 0 20px;
   }  
   header.header-bar.scrolled {  
    max-width: 95%;
    margin: 0 auto;
  }
}