/* AiLucent public marketing site — reproduced verbatim from the approved Home mockup
   (docs: ailucent-home-mockup.html). Loaded ONLY on marketing pages (via MarketingLayout),
   so it never affects the authenticated app shell. */

:root {
  --ink:#0C1222;--ink-2:#111a30;--slate:#5A6884;--slate-2:#8195b5;
  --paper:#F5F8FD;--card:#fff;--line:#E2E8F3;
  --blue:#3E9BFF;--sky:#8FE0FF;--amber:#FFB63D;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
/* headings inherit their section color (overrides theme-base's global heading color so the dark band stays legible) */
h1,h2,h3,h4,h5,h6{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 26px}
a{color:inherit;text-decoration:none}
.disp{font-family:"Bahnschrift","Segoe UI Semibold",system-ui,sans-serif;letter-spacing:-.02em}
.wm{font-family:"Bahnschrift","Segoe UI Semibold",system-ui,sans-serif;font-weight:600;letter-spacing:-.02em}
.wm .l{background:linear-gradient(95deg,var(--blue),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.wm sup{font-size:.32em;vertical-align:super;color:var(--slate-2);font-weight:600}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:100px;padding:13px 24px;font-size:15px;cursor:pointer;border:0}
.btn-primary{background:var(--blue);color:#08132A}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-dark{background:var(--ink);color:#fff}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:700;margin:0}

/* nav */
nav{position:sticky;top:0;z-index:20;background:rgba(12,18,34,.82);backdrop-filter:blur(10px);border-bottom:1px solid #0a0f1d}
nav .wrap{display:flex;align-items:center;gap:28px;height:66px}
nav .brand{display:flex;align-items:center;gap:11px;color:#fff}
nav .brand svg{width:32px;height:32px}
nav .brand .wm{font-size:23px}
nav .links{display:flex;gap:24px;margin-left:8px}
nav .links a{color:#C4D3EC;font-size:14.5px}
nav .links a:hover{color:#fff}
nav .spacer{flex:1}
nav .signin{color:#C4D3EC;font-size:14.5px;font-weight:600}
nav .signin:hover{color:#fff}
/* mobile hamburger + light popout side nav */
.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.nav-burger{display:none;width:40px;height:40px;border-radius:9px;align-items:center;justify-content:center;cursor:pointer;color:#fff;margin-left:8px}
.nav-burger:hover{background:rgba(255,255,255,.1)}
.nav-burger span,.nav-burger span::before,.nav-burger span::after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
.nav-burger span{position:relative}
.nav-burger span::before{position:absolute;top:-6px}
.nav-burger span::after{position:absolute;top:6px}
.nav-scrim{display:none;position:fixed;inset:0;background:rgba(12,18,34,.5);z-index:50;opacity:0;pointer-events:none;transition:opacity .25s}
.nav-sheet{position:fixed;top:0;right:0;height:100%;width:min(300px,84vw);z-index:60;background:#fff;box-shadow:-10px 0 40px rgba(12,18,34,.25);transform:translateX(100%);transition:transform .3s ease;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.nav-sheet a:not(.btn){display:block;padding:12px;border-radius:9px;color:var(--ink);font-weight:600;font-size:15px}
.nav-sheet a:not(.btn):hover{background:#EAF2FE}
.nav-sheet .btn{margin-top:12px;justify-content:center}
.nav-toggle:checked ~ .nav-scrim{opacity:1;pointer-events:auto}
.nav-toggle:checked ~ .nav-sheet{transform:translateX(0)}
@media(max-width:760px){
  nav .links{display:none}
  nav .signin{display:none}
  .nav-burger{display:inline-flex}
  .nav-scrim{display:block}
}

/* founders offer — dark pill on the body strip */
.founders-strip{display:flex;justify-content:center;padding:12px 16px;background:var(--paper)}
.founders-pill{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;text-align:center;background:#141D33;color:#AEC0DE;border:1px solid #2A3550;border-radius:999px;padding:8px 20px;font-size:13.5px}
.founders-pill b{color:#fff}
.founders-pill a{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.founders-pill a:hover{text-decoration:underline}
.founders-pill a.founders-learn{color:#8FE0FF;font-weight:600}

/* /plus — Free vs Plus comparison (Hub twin of the Agent's plus.html) */
.plus-page .lead{max-width:62ch}
.plus-compare{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:34px}
.plus-compare h2{font-size:18px;margin:0;padding:18px 22px;border-bottom:1px solid var(--line)}
.plus-compare table{width:100%;border-collapse:collapse}
.plus-compare th,.plus-compare td{text-align:left;padding:13px 22px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.plus-compare th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);font-weight:700}
.plus-compare td.feat-c{color:var(--ink);font-weight:600}
.plus-compare td.free-c{color:var(--slate)}
.plus-compare td.plus-c{color:#067647;font-weight:600}
.plus-compare tr:last-child td{border-bottom:none}
.plus-compare .col-plus{background:#F7FBFF}

/* hero */
.hero{background:radial-gradient(52% 90% at 82% 12%,rgba(62,155,255,.30),transparent 60%),radial-gradient(60% 70% at 8% 120%,rgba(143,224,255,.10),transparent 60%),var(--ink);color:#fff;border-bottom:1px solid #0a0f1d;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;padding:78px 26px 84px}
.hero h1{font-size:clamp(38px,5.4vw,66px);line-height:1.02;margin:16px 0 0}
.hero h1 .hi{color:var(--sky)}
.hero p.sub{color:#AEC0DE;font-size:19px;max-width:52ch;margin:20px 0 0}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.trust{margin-top:26px;color:#7f93b6;font-size:13.5px;letter-spacing:.01em}
.hero .mk{display:flex;justify-content:center}
.hero .mk svg{width:min(320px,74vw);filter:drop-shadow(0 0 40px rgba(62,155,255,.45))}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero .mk{display:none}}

/* sections */
section{padding:74px 0}
.lead{max-width:60ch;color:var(--slate);font-size:17px;margin:.6rem 0 0}
h2{font-size:clamp(26px,3.4vw,38px);line-height:1.08;margin:0;text-wrap:balance}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
@media(max-width:800px){.grid3{grid-template-columns:1fr}}
.feat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;color:var(--ink)}
.feat .ic{width:44px;height:44px;border-radius:10px;background:#EAF2FE;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.feat h3{font-size:19px;margin:0 0 8px}
.feat p{color:var(--slate);font-size:15px;margin:0}
.feat .fine{color:var(--slate-2);font-size:12.5px;margin-top:12px}

/* record band (dark) */
.band{background:var(--ink-2);color:#fff}
.band .lead{color:#AEC0DE}
.band .code{margin-top:34px;background:#0a1122;border:1px solid #1c2740;border-radius:14px;overflow:hidden;font-family:ui-monospace,Consolas,monospace;font-size:13.5px}
.band .code .bar{display:flex;gap:7px;padding:12px 16px;border-bottom:1px solid #1c2740}
.band .code .bar i{width:11px;height:11px;border-radius:50%;background:#26324f;display:block}
.band .code pre{margin:0;padding:18px 20px;color:#c6d3ee;overflow-x:auto}
.band .code .k{color:var(--sky)} .band .code .g{color:#6ee7a8} .band .code .r{color:#ff9a9a} .band .code .m{color:#8195b5}

/* pricing */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
@media(max-width:880px){.price-grid{grid-template-columns:1fr}}
.plan{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column}
.plan.feature{border-color:var(--blue);box-shadow:0 12px 40px rgba(62,155,255,.14)}
.plan .pn{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-weight:700}
.plan .pp{font-size:38px;font-weight:700;margin:12px 0 2px;font-family:"Bahnschrift",system-ui}
.plan .pp small{font-size:16px;color:var(--slate);font-weight:600}
.plan .pd{color:var(--slate);font-size:14.5px;min-height:44px}
.plan ul{list-style:none;padding:0;margin:18px 0 24px;display:flex;flex-direction:column;gap:10px}
.plan li{font-size:14.5px;padding-left:26px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:#EAF2FE;
  background-image:radial-gradient(circle at 50% 50%,var(--blue) 0 3px,transparent 3px)}
.plan .btn{width:100%;justify-content:center;margin-top:auto}
.pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:#EAF2FE;border-radius:100px;padding:4px 10px;margin-left:8px}
.soon{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
@media(max-width:880px){.soon{grid-template-columns:1fr}}
.soon .plan{opacity:.9}
.note{margin-top:22px;color:var(--slate);font-size:13px}

/* founding banner + billing toggle */
.founding{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;
  width:max-content;max-width:100%;margin:26px auto 0;padding:10px 20px;
  background:#EAF2FE;border:1px solid var(--blue);color:var(--ink);border-radius:100px;font-size:14px;font-weight:600}
.founding b{color:var(--blue)}
.pricing-switch > input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.billing-toggle{display:flex;gap:4px;width:max-content;max-width:100%;margin:22px auto 4px;padding:5px;background:#EAF2FE;border-radius:100px}
.billing-toggle label{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px;font-size:14px;font-weight:600;color:var(--slate);cursor:pointer}
#bill-annual:checked ~ .billing-toggle label[for="bill-annual"],
#bill-monthly:checked ~ .billing-toggle label[for="bill-monthly"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(12,18,34,.12)}
.billing-toggle .save{font-size:11px;font-weight:700;color:#fff;background:var(--blue);border-radius:100px;padding:2px 8px}
.price-monthly{display:none}
#bill-monthly:checked ~ .price-grid .price-annual{display:none}
#bill-monthly:checked ~ .price-grid .price-monthly{display:inline}

/* tier tabs — Agent / Team (CSS-only, same radio pattern as billing).
   Classic tab shape: big button-prominent tabs seated on a baseline, active tab
   filled blue and visually attached to the panel below. */
.tier-tabs > input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tier-bar{display:flex;gap:10px;width:100%;margin:0 0 38px;border-bottom:3px solid var(--blue)}
.tier-bar label{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 14px 15px;
  background:#EAF2FE;border:1px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0;
  cursor:pointer;text-align:center;transition:background .15s,border-color .15s}
.tier-bar label:hover{border-color:var(--blue)}
.tier-bar .tn{font-size:21px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.tier-bar .ts{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--slate)}
#tier-agent:checked ~ .tier-bar label[for="tier-agent"],
#tier-team:checked ~ .tier-bar label[for="tier-team"],
#tier-enterprise:checked ~ .tier-bar label[for="tier-enterprise"]{
  background:var(--blue);border-color:var(--blue)}
#tier-agent:checked ~ .tier-bar label[for="tier-agent"] .tn,
#tier-team:checked ~ .tier-bar label[for="tier-team"] .tn,
#tier-enterprise:checked ~ .tier-bar label[for="tier-enterprise"] .tn,
#tier-agent:checked ~ .tier-bar label[for="tier-agent"] .ts,
#tier-team:checked ~ .tier-bar label[for="tier-team"] .ts,
#tier-enterprise:checked ~ .tier-bar label[for="tier-enterprise"] .ts{color:#fff}
@media(max-width:760px){.tier-bar label{padding:13px 8px 11px}.tier-bar .tn{font-size:16px}.tier-bar .ts{font-size:10px}}
.tier-panel{display:none}
#tier-agent:checked ~ .tier-panel-agent,
#tier-team:checked ~ .tier-panel-team,
#tier-enterprise:checked ~ .tier-panel-enterprise{display:block}
.price-grid.duo{grid-template-columns:repeat(2,1fr);max-width:800px;margin-left:auto;margin-right:auto}
@media(max-width:880px){.price-grid.duo{grid-template-columns:1fr}}
.price-grid.solo{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
.soon.single{grid-template-columns:1fr;max-width:800px;margin-left:auto;margin-right:auto}

/* honest */
.honest{background:#EEF3FB;border:1px solid var(--line);border-radius:16px;padding:28px 30px;color:var(--ink)}
.honest h3{margin:0 0 10px;font-size:18px}
.honest p{color:var(--slate);font-size:14.5px;margin:0;max-width:80ch}

/* auth pages (login/register card on the marketing palette, no nav shell) */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:24px}
.auth-card{width:100%;max-width:430px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:40px 38px;box-shadow:0 18px 60px rgba(12,18,34,.10)}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 4px;text-decoration:none}
.auth-brand svg{width:38px;height:38px}
.auth-brand .wm{font-size:23px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.auth-sub{text-align:center;color:var(--slate);font-size:14.5px;margin:0 0 26px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0 0 6px}
.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  font-size:15px;background:#fff;color:var(--ink);box-sizing:border-box}
.auth-card input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(62,155,255,.18)}
.auth-error{background:#FDECEC;border:1px solid #E5A0A4;color:#B3261E;border-radius:10px;padding:11px 14px;font-size:14px;margin:0 0 16px}
.auth-card .validation-message{display:block;color:#B3261E;font-size:12.5px;margin-top:5px}
.auth-btn{width:100%;justify-content:center;padding:13px 18px;font-size:15.5px;margin-top:4px}
.auth-foot{text-align:center;color:var(--slate);font-size:14px;margin:20px 0 0}
.auth-foot a{color:var(--blue);font-weight:600}
.auth-home{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--slate);text-decoration:none}
.auth-home:hover{color:var(--ink)}

/* what-we-store */
.wws .feat ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}
.wws .feat li{font-size:14px;padding-left:24px;position:relative;color:var(--ink)}
.wws .feat li::before{content:"";position:absolute;left:0;top:6px;width:13px;height:13px;border-radius:50%;background:#EAF2FE;
  background-image:radial-gradient(circle at 50% 50%,var(--blue) 0 3px,transparent 3px)}
.wws code{background:#EAF2FE;border-radius:6px;padding:2px 7px;font-size:13px;color:var(--ink)}
.wws-caption{font-weight:700;color:var(--ink);margin:22px 0 0}
.pattern-chips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.pattern-chips li{background:#fff;border:1px solid var(--line);border-radius:100px;padding:7px 14px;font-size:13.5px;color:var(--slate)}
.pattern-chips li code{background:none;padding:0;font-size:13px}
.wws .honest ul{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:8px}
.wws .honest li{color:var(--slate);font-size:14.5px;padding-left:22px;position:relative}
.wws .honest li::before{content:"—";position:absolute;left:0;color:var(--blue);font-weight:700}
.wws-questions{margin-top:22px;color:var(--slate);font-size:14.5px}
.wws-questions a{color:var(--blue);font-weight:600}

/* footer */
footer{background:var(--ink);color:#9fb0cf;padding:56px 0 46px}
footer .top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
footer .brand{display:flex;align-items:center;gap:11px;color:#fff}
footer .brand svg{width:34px;height:34px}
footer .brand .wm{font-size:26px}
footer .tag{margin-top:12px;color:#7f93b6;font-size:14px}
footer .pron{margin-top:6px;color:#5f7093;font-size:12.5px}
footer .cols{display:flex;gap:56px;flex-wrap:wrap}
footer h4{color:#c4d3ec;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
footer a{display:block;color:#9fb0cf;font-size:14px;margin-bottom:9px}
footer a:hover{color:#fff}
footer .rule{border-top:1px solid #1c2740;margin:36px 0 20px}
footer .fine{font-size:12.5px;color:#5f7093}