/* SCAIL site chrome v4 — the nav, footer and sticky CTA bar every page outside the homepage wears.
   Markup: public/site/v4/chrome.partial.html, copied into the static pages and lib/v4-chrome.generated.ts
   by scripts/v4-chrome.mjs. Everything is namespaced .v4c-* so it cannot collide with a page's own CSS,
   and every value is literal so it renders the same on pages that do not carry the homepage tokens.
   Light theme. The footer is the homepage footer, filled wordmark included. */
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url('/brand/fonts/outfit-variable.woff2') format('woff2')}
.v4c-nav,.v4c-nav *,.v4c-foot,.v4c-foot *,.v4c-sticky,.v4c-sticky *{box-sizing:border-box}
.v4c-nav{position:sticky;top:0;z-index:90;padding:14px 20px;font-family:'Urbanist',ui-sans-serif,system-ui,sans-serif;font-weight:300;color:#0E0E10;margin:0}
.v4c-nav .v4c-bar{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 10px 0 22px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border:1px solid rgba(14,14,16,.09);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px -18px rgba(14,14,16,.3)}
.v4c-nav a{text-decoration:none;color:inherit}
.v4c-logo{display:inline-flex;align-items:center;gap:10px;font-family:'Lufga','Outfit','Urbanist',sans-serif;font-weight:400;font-size:17px;letter-spacing:.32em;color:#0E0E10!important}
.v4c-logo svg{width:22px;height:22px;display:block}
.v4c-links{display:flex;align-items:center;gap:4px}
.v4c-links a{font-size:15px;padding:8px 12px;border-radius:999px;color:#2A2A30;white-space:nowrap}
.v4c-links a:hover,.v4c-links a[aria-current=page]{background:rgba(14,14,16,.05);color:#0E0E10}
.v4c-cta{display:flex;align-items:center;gap:8px}
.v4c-login{font-size:15px;padding:0 10px;white-space:nowrap}
.v4c-login:hover{color:#1A6FB5!important}
.v4c-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;font-family:'Urbanist',ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:14.5px;letter-spacing:.01em;white-space:nowrap;text-decoration:none!important;border:1px solid transparent;transition:background .3s,border-color .3s,color .3s;line-height:1;cursor:pointer}
.v4c-btn.pri{background:#0E0E10;color:#fff!important}
.v4c-btn.pri i{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,#D6006E,#C8102E,#B04C00,#8C6A08,#0C7D6C,#1A6FB5)}
.v4c-btn.pri:hover{background:#26262c}
.v4c-btn.gh{background:rgba(255,255,255,.75);border-color:rgba(14,14,16,.16);color:#0E0E10!important}
.v4c-btn.gh:hover{background:#fff;border-color:rgba(14,14,16,.3)}
.v4c-burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(14,14,16,.16);background:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.v4c-menu{display:none;max-width:1360px;margin:8px auto 0;background:#fff;border:1px solid rgba(14,14,16,.09);border-radius:24px;padding:12px;box-shadow:0 30px 60px -20px rgba(14,14,16,.28)}
.v4c-menu.open{display:block}
.v4c-menu a{display:block;padding:12px 14px;border-radius:14px;font-size:17px;color:#0E0E10}
.v4c-menu a:hover{background:#f4f4f6}
.v4c-menu .v4c-btn{display:flex;margin-top:8px;width:100%}
.v4c-nav a:focus-visible,.v4c-nav button:focus-visible,.v4c-sticky a:focus-visible{outline:2px solid #1A6FB5;outline-offset:3px}
@media (max-width:1240px){.v4c-links a.v4c-x{display:none}}
@media (max-width:1100px){.v4c-links{display:none}.v4c-burger{display:inline-flex}.v4c-login{display:none}}
@media (max-width:640px){.v4c-nav{padding:10px 12px}.v4c-nav .v4c-bar{height:56px;padding:0 6px 0 16px}.v4c-cta .v4c-btn.gh{display:none}.v4c-cta .v4c-btn.pri{height:42px;padding:0 14px;font-size:13.5px}.v4c-cta .v4c-btn.pri i{display:none}}
/* sticky CTA bar */
.v4c-sticky{position:fixed;left:50%;bottom:20px;z-index:85;transform:translate(-50%,160%);transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border:1px solid rgba(14,14,16,.09);box-shadow:0 2px 6px rgba(14,14,16,.05),0 30px 60px -20px rgba(14,14,16,.28);font-family:'Urbanist',ui-sans-serif,system-ui,sans-serif;font-weight:300;max-width:calc(100% - 32px)}
.v4c-sticky.on{transform:translate(-50%,0)}
.v4c-sticky .t{font-size:14px;color:#55555F;white-space:nowrap}
.v4c-sticky .v4c-t b{color:#0E0E10;font-weight:500}
.v4c-sticky .diy{font-size:13.5px;color:#0E0E10;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:0 6px}
@media (max-width:760px){.v4c-sticky{left:0;right:0;bottom:0;transform:translateY(110%);max-width:none;border-radius:20px 20px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}.v4c-sticky.on{transform:none}.v4c-sticky .v4c-t,.v4c-sticky .diy{display:none}.v4c-sticky .v4c-btn{flex:1;padding:0 10px;font-size:13.5px}.v4c-sticky .v4c-btn i{display:none}}
@media (prefers-reduced-motion:reduce){.v4c-sticky{transition:none}}
/* footer: the homepage footer, namespaced */
.v4c-foot{display:block;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);position:relative;left:0;padding:0;border:0;background:none;font-size:16px;text-align:left}
/* ── THE FOOTER (v4, Spectra) — one definition for the homepage and every page that wears the
   site shell (lib/site-shell.ts). Literal values only, so it renders the same on pages that do not
   carry the homepage's tokens. */
.v4c-foot .v4foot{position:relative;overflow:hidden;color:#fff;isolation:isolate;padding:72px 0 32px;font-family:'Urbanist',ui-sans-serif,system-ui,sans-serif;font-weight:300;
  background:radial-gradient(40% 70% at 100% 0%,rgba(26,111,181,.40),transparent 70%),radial-gradient(40% 70% at 0% 100%,rgba(214,0,110,.30),transparent 70%),radial-gradient(30% 60% at 55% 100%,rgba(176,76,0,.18),transparent 70%),linear-gradient(180deg,#121016,#0A0B11)}
.v4c-foot .v4foot .fwrap{max-width:1440px;margin:0 auto;padding:0 80px}
.v4c-foot .v4foot .foot-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px}
.v4c-foot .v4foot .foot-brand{grid-column:1/span 4}
.v4c-foot .v4foot .foot-col{grid-column:span 2;min-width:0}
.v4c-foot .v4foot .foot-col h4{font-family:'Urbanist',ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.66);margin:0 0 18px}
.v4c-foot .v4foot .foot-col a,.v4c-foot .v4foot .foot-col span{display:block;font-size:15px;line-height:1.45;color:#fff;padding:5px 0;text-decoration:none}
.v4c-foot .v4foot .foot-col a:hover{color:#B9D4FF}
.v4c-foot .v4foot .flogo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:'Lufga','Outfit','Urbanist',sans-serif;font-weight:400;font-size:17px;letter-spacing:.32em}
.v4c-foot .v4foot .flogo svg{width:22px;height:22px}
.v4c-foot .v4foot .fbody{margin-top:18px;max-width:320px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72)}
.v4c-foot .v4foot .wordmark{font-family:'Lufga','Outfit','Urbanist',sans-serif;font-weight:300;font-size:300px;letter-spacing:-.05em;line-height:.8;margin-top:72px;white-space:nowrap;user-select:none;color:rgba(255,255,255,.92)}
.v4c-foot .v4foot .wordmark>span{display:inline-block;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#FFFFFF 0%,var(--wc) 115%)}
.v4c-foot .v4foot .wordmark>span:nth-child(1){--wc:#D6006E}.v4c-foot .v4foot .wordmark>span:nth-child(2){--wc:#C8102E}.v4c-foot .v4foot .wordmark>span:nth-child(3){--wc:#B04C00}.v4c-foot .v4foot .wordmark>span:nth-child(4){--wc:#0C7D6C}.v4c-foot .v4foot .wordmark>span:nth-child(5){--wc:#1A6FB5}
.v4c-foot .v4foot .storebadges{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:36px}
.v4c-foot .v4foot .sbadge{display:inline-flex;flex-direction:column;align-items:center;gap:4px}
.v4c-foot .v4foot .sbadge img{height:40px;width:auto;display:block}
.v4c-foot .v4foot .sbadge.off img{opacity:.6;filter:grayscale(1)}
.v4c-foot .v4foot .sbadge small{font-family:'Geist Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.06em;color:rgba(255,255,255,.66)}
.v4c-foot .v4foot .sbget{color:#fff;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.v4c-foot .v4foot .flegal{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.v4c-foot .v4foot .flegal a{font-size:13px;color:rgba(255,255,255,.74);text-decoration:none}
.v4c-foot .v4foot .flegal a:hover{color:#fff}
.v4c-foot .v4foot .fnap{font-style:normal;font-size:13px;line-height:1.7;color:rgba(255,255,255,.74);margin-top:18px}
.v4c-foot .v4foot .fnap a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.v4c-foot .v4foot .fsoc{display:inline-flex;gap:14px;margin-left:14px;vertical-align:middle}
.v4c-foot .v4foot .fsoc a{display:inline-flex;color:rgba(255,255,255,.74);text-decoration:none}
.v4c-foot .v4foot .fsoc a:hover{color:#fff}
.v4c-foot .v4foot .fsoc svg{width:17px;height:17px;fill:currentColor}
.v4c-foot .v4foot .foot-base{display:flex;justify-content:space-between;gap:24px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.7)}
.v4c-foot .v4foot .foot-base p{max-width:860px;margin:0}
.v4c-foot .v4foot .foot-base a{color:#fff}
.v4c-foot .v4foot a:focus-visible{outline:2px solid #B9D4FF;outline-offset:3px;border-radius:6px}
.v4c-foot .v4foot .fwrap{}
@media (max-width:1100px){.v4c-foot .v4foot .fwrap{padding:0 40px}.v4c-foot .v4foot .foot-brand{grid-column:1/span 12}.v4c-foot .v4foot .foot-col{grid-column:span 3}.v4c-foot .v4foot .wordmark{font-size:200px}}
@media (max-width:760px){.v4c-foot .v4foot{padding:56px 0 28px}.v4c-foot .v4foot .fwrap{padding:0 20px}.v4c-foot .v4foot .foot-col{grid-column:span 6}.v4c-foot .v4foot .wordmark{font-size:112px;margin-top:48px}.v4c-foot .v4foot .foot-base{flex-direction:column}.v4c-foot .v4foot .fsoc{display:flex;margin:10px 0 0}}