/* Chrome tokens and anatomy mirror landing/index.blade.php (Beyond UI v4 landing-ui exports) */
:root{
    --blue-50:#F2F8FF; --blue-100:#E3F0FF; --blue-200:#A8D5FF; --blue-300:#6FB6F5;
    --blue-500:#1B7FDB; --blue-600:#006BCD; --blue-700:#0057A8; --blue-900:#063663;
    --navy:#071B30; --navy-2:#0A2540;
    --ink:#0C1B2A; --slate:#42536B; --slate-2:#64748E; --mist:#8FA1B8;
    --line:#E4EBF4; --line-2:#D3DEEB;
    --bg:#FFFFFF; --bg-soft:#F6FAFE; --bg-tint:#EFF6FD;
    --green:#0E9F6E; --green-bg:#E5F6EF; --red:#D64545; --red-bg:#FCEAEA;
    --disp:'Bricolage Grotesque',Georgia,serif;
    --body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    --mono:'IBM Plex Mono',ui-monospace,monospace;
    --shadow-s:0 1px 2px rgba(12,27,42,.06),0 1px 3px rgba(12,27,42,.08);
    --shadow-m:0 6px 24px -6px rgba(7,42,84,.14),0 2px 6px rgba(7,42,84,.06);
    --r-l:24px; --nav-h:72px;
    --card:#FFFFFF; --device:#0C1B2A;
    --btn-bg:#006BCD; --btn-bg-h:#0057A8;
    --mnav-bg:rgba(255,255,255,.97);
    color-scheme:light;
}
[data-theme="dark"]{
    --bg:#0A141F; --bg-soft:#0D1A28; --bg-tint:#12202F;
    --card:#101E2E; --line:#1D3145; --line-2:#2A445E;
    --ink:#EAF2FA; --slate:#AFC2D8; --slate-2:#7E95AD; --mist:#5C7690;
    --blue-100:rgba(27,127,219,.17); --blue-200:#255687; --blue-600:#54A6EE; --blue-700:#93C7F5;
    --btn-bg:#1B7FDB; --btn-bg-h:#3E97E8;
    --green:#37C795; --green-bg:rgba(20,160,112,.16);
    --red:#F08080; --red-bg:rgba(214,69,69,.16);
    --mnav-bg:rgba(10,20,31,.97);
    --shadow-s:0 1px 2px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.5);
    --shadow-m:0 6px 24px -6px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35);
    color-scheme:dark;
}
@layer chromereset{
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:var(--body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;
        overflow-x:hidden;font-size:16px;line-height:1.6;transition:background-color .35s ease,color .35s ease}
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
}
@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
::selection{background:var(--blue-200);color:var(--blue-900)}
[data-theme="dark"] ::selection{background:#255687;color:#EAF2FA}
:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
@media(min-width:768px){.wrap{padding:0 40px}}

/* Badge pill per Beyond UI v4 · Section Headers (landing-ui export 010416) */
.eyebrow{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
    color:var(--blue-600);display:inline-flex;align-items:center;gap:8px;
    background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px;box-shadow:var(--shadow-s)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue-600);display:inline-block}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15.5px;
    padding:13px 26px;border-radius:10px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;white-space:nowrap}
.btn-primary{background:var(--btn-bg);color:#fff;box-shadow:var(--shadow-s)}
.btn-primary:hover{background:var(--btn-bg-h);box-shadow:var(--shadow-m)}
.btn-ghost{background:var(--card);border:1px solid var(--line-2);color:var(--ink);box-shadow:var(--shadow-s)}
.btn-ghost:hover{border-color:var(--blue-300);box-shadow:var(--shadow-m)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:80;display:flex;align-items:center;
    transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.nav.scrolled{background:rgba(255,255,255,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
    box-shadow:0 1px 0 var(--line),0 8px 24px -16px rgba(7,42,84,.18)}
[data-theme="dark"] .nav.scrolled{background:rgba(10,20,31,.84);box-shadow:0 1px 0 var(--line),0 8px 24px -16px rgba(0,0,0,.6)}
.nav-inner{display:flex;align-items:center;gap:28px;width:100%}
.nav-logo img{height:30px;width:auto}
[data-theme="dark"] .nav-logo img,[data-theme="dark"] .foot-brand > img{filter:invert(1) hue-rotate(180deg)}
.nav-links{display:none;align-items:center;gap:4px;margin:0 auto}
@media(min-width:1024px){.nav-links{display:flex}}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--slate);padding:8px 13px;border-radius:9px;transition:color .2s,background .2s}
.nav-links a:hover{color:var(--ink);background:var(--bg-tint)}
.nav-links a.active{color:var(--blue-600);background:var(--blue-100)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.nav-right .signin{display:none;font-size:14.5px;font-weight:500;color:var(--slate);padding:8px 14px;border-radius:9px}
.nav-right .signin:hover{color:var(--ink);background:var(--bg-tint)}
.nav-right .btn{display:none;padding:10px 20px;font-size:14.5px}
@media(min-width:1024px){.nav-right .signin{display:inline-flex}.nav-right .btn{display:inline-flex}}
.theme-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);
    display:grid;place-items:center;color:var(--slate);transition:border-color .25s,color .25s,transform .25s;box-shadow:var(--shadow-s)}
.theme-btn:hover{border-color:var(--blue-300);color:var(--blue-600);transform:rotate(-12deg)}
.theme-btn svg{width:17px;height:17px}
.theme-btn .i-sun{display:none}
[data-theme="dark"] .theme-btn .i-sun{display:block}
[data-theme="dark"] .theme-btn .i-moon{display:none}
.burger{display:flex;flex-direction:column;gap:5px;padding:10px}
@media(min-width:1024px){.burger{display:none}}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;inset:var(--nav-h) 0 auto 0;z-index:79;background:var(--mnav-bg);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);padding:12px 24px 24px;display:none;flex-direction:column;gap:2px;box-shadow:0 24px 48px -24px rgba(7,42,84,.25)}
.mnav.open{display:flex}
.mnav a{padding:13px 10px;font-weight:500;color:var(--slate);border-radius:10px;font-size:16px}
.mnav a:hover{background:var(--bg-tint);color:var(--ink)}
.mnav .btn{margin-top:12px;justify-content:center}
.mnav a.btn-primary{color:#fff}
.mnav a.btn-primary:hover{background:var(--btn-bg-h);color:#fff}

/* page header band + prose for story and legal pages */
.page-head{padding:calc(var(--nav-h) + clamp(48px,7vw,84px)) 0 clamp(36px,5vw,60px);
    background:linear-gradient(180deg,var(--bg-soft),var(--bg));border-bottom:1px solid var(--line)}
.page-head h1{font-family:var(--disp);font-weight:800;letter-spacing:-.025em;line-height:1.02;
    font-size:clamp(36px,5.6vw,60px);margin:20px 0 14px;color:var(--ink)}
.page-head .lede{font-size:clamp(16.5px,1.9vw,19px);color:var(--slate);max-width:58ch}
.page-head .meta{font-family:var(--mono);font-size:12.5px;color:var(--mist);margin-top:16px}
.page-body{padding:clamp(48px,6vw,84px) 0 clamp(64px,8vw,110px)}
.prose{max-width:720px}
.prose h2{font-family:var(--disp);font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.015em;
    color:var(--ink);margin:44px 0 12px}
.prose h3{font-size:18px;font-weight:700;color:var(--ink);margin:28px 0 8px}
.prose p{color:var(--slate);margin:0 0 16px;font-size:16.5px}
.prose p.lead{font-size:clamp(17.5px,2vw,20px);color:var(--ink);font-weight:500;line-height:1.65}
.prose a{color:var(--blue-600);font-weight:500}
.prose a:hover{text-decoration:underline}
.prose a.btn{font-weight:600}
.prose a.btn:hover{text-decoration:none}
.prose a.btn-primary{color:#fff}
.prose a.btn-ghost{color:var(--ink)}
.prose ul{list-style:none;margin:0 0 20px;display:grid;gap:10px}
.prose li{display:flex;gap:11px;align-items:flex-start;color:var(--slate);font-size:16px}
.prose li .li-x{color:var(--red);font-weight:700;flex-shrink:0;line-height:1.5}
.prose li .li-check{width:19px;height:19px;border-radius:50%;background:var(--green-bg);color:var(--green);
    display:grid;place-items:center;flex-shrink:0;margin-top:3px}
.prose li .li-check svg{width:11px;height:11px}
.prose li b{color:var(--ink)}
.prose .callout{background:var(--bg-tint);border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin:36px 0}
.prose .callout h3{margin-top:0}
.prose .callout p{margin-bottom:0}
.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.page-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:48px}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.65,.25,1),transform .8s cubic-bezier(.2,.65,.25,1);transition-delay:calc(var(--i,0)*70ms)}
[data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}

/* footer (anatomy per Beyond UI v4 · Footer Sections, landing-ui export 011523) */
footer{background:var(--card);border-top:1px solid var(--line);padding:64px 0 0;overflow:hidden}
.foot-grid{display:grid;gap:40px;grid-template-columns:1fr}
@media(min-width:860px){.foot-grid{grid-template-columns:1.4fr repeat(3,1fr)}}
.foot-brand > img{height:28px;margin-bottom:14px}
.foot-brand p{font-size:14px;color:var(--slate-2);max-width:32ch}
.foot-col h4{font-size:15.5px;color:var(--ink);margin-bottom:16px;font-weight:600}
.foot-col ul{list-style:none;display:grid;gap:10px}
.foot-col a{font-size:14.5px;color:var(--slate);transition:color .2s}
.foot-col a:hover{color:var(--blue-600)}
.foot-bottom{margin-top:52px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;
    justify-content:space-between;align-items:center;font-size:13px;color:var(--slate-2)}
.foot-mark{font-family:var(--disp);font-weight:800;letter-spacing:-.04em;line-height:.74;
    font-size:clamp(140px,22vw,330px);text-align:center;color:var(--bg-tint);
    height:.56em;overflow:hidden;margin-top:44px;user-select:none;pointer-events:none}
[data-theme="dark"] .foot-mark{color:#10202F}