.fob-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-pill);font:700 14px/16px var(--font-sans);letter-spacing:-0.01em;cursor:pointer;text-decoration:none;transition:background-color .15s,color .15s}
.fob-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.fob-btn--primary{background:var(--accent);color:var(--on-accent)}
.fob-btn--primary:hover{background:var(--accent-hover)}
.fob-btn--secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.fob-btn--secondary:hover{background:var(--bg-sunken)}
.fob-btn[disabled]{opacity:.45;cursor:not-allowed}
.fob-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-pill);font:700 12px/16px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.fob-tag--accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.fob-eyebrow{font:700 12px/16px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.fob-card{background:var(--bg-raised);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.fob-card h3{margin:0;font:700 20px/26px var(--font-sans);letter-spacing:-0.02em}
.fob-card p{margin:0;font:400 14px/20px var(--font-sans);color:var(--ink-muted)}
.fob-card--accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.fob-card--accent p,.fob-card--accent .fob-eyebrow{color:var(--on-accent)}
.fob-stat{display:flex;flex-direction:column;gap:var(--space-2)}
.fob-stat__n{font:900 64px/64px var(--font-sans);letter-spacing:-0.04em;color:var(--ink)}
.fob-stat__n b{color:var(--accent-text);font-weight:900}
.fob-stat__l{font:700 12px/16px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.fob-stat__d{margin:0;font:400 14px/20px var(--font-sans);color:var(--ink-muted);max-width:28ch}
.fob-marquee{display:flex;gap:var(--space-6);align-items:center;white-space:nowrap;overflow:hidden;padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--on-accent);font:700 14px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.fob-hero{background:linear-gradient(160deg,var(--bg-raised),var(--bg));color:var(--ink);padding:var(--space-12) var(--space-6)}
.fob-hero h1{margin:0;font:900 72px/72px var(--font-sans);letter-spacing:-0.03em}
.fob-hero h1 em{display:block;font-style:normal;color:var(--accent-text)}
.fob-hero p{margin:var(--space-4) 0 0;font:400 18px/28px var(--font-sans);color:var(--ink-muted);max-width:52ch}
.fob-glyph{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--ink);flex:none}
.fob-glyph svg{width:30px;height:30px}
.fob-glyph--accent{background:var(--accent);color:var(--on-accent)}
.fob-glyph--lg{width:72px;height:72px}.fob-glyph--lg svg{width:36px;height:36px}
.fob-marquee svg{flex:none}
.fob-mark{display:block;flex:none}
.fob-logo{display:inline-flex;align-items:center;gap:13px}
.fob-logo .fob-mark{width:43px;height:43px}
.fob-logo__word{font:900 40px/1 var(--font-sans);letter-spacing:-0.035em;color:var(--ink);white-space:nowrap}
.fob-logo__apos{color:var(--accent-text);margin:0 .02em}
.fob-logo--lg{gap:24px}.fob-logo--lg .fob-mark{width:86px;height:86px}.fob-logo--lg .fob-logo__word{font-size:80px}
.fob-loader{display:block;position:relative;width:48px;height:48px;color:var(--accent);flex:none}
.fob-loader svg{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(.55) rotate(-45deg);animation:fob-glyph-cycle 3.75s infinite}
.fob-loader svg:nth-child(2){animation-delay:.75s}.fob-loader svg:nth-child(3){animation-delay:1.5s}.fob-loader svg:nth-child(4){animation-delay:2.25s}.fob-loader svg:nth-child(5){animation-delay:3s}
@keyframes fob-glyph-cycle{0%{opacity:0;transform:scale(.55) rotate(-45deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}4%{opacity:1;transform:none}17%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.6,0,.8,.2)}20%{opacity:0;transform:scale(.55) rotate(45deg)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.fob-loader svg{animation:none;opacity:0}.fob-loader svg:first-child{opacity:1;transform:none}}
.fob-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}
.fob-step{position:relative;padding:var(--space-4) var(--space-4) 0 0}
.fob-step__mark{display:block;width:28px;height:28px;color:var(--accent);position:relative;z-index:1;background:var(--bg);padding-right:var(--space-2)}
.fob-step::before{content:"";position:absolute;left:0;right:0;top:calc(var(--space-4) + 13px);height:2px;background:var(--line-strong)}
.fob-step:last-child::before{right:auto;width:0}
.fob-step h4{color:var(--ink);margin:var(--space-3) 0 var(--space-1);font:700 16px/20px var(--font-sans)}
.fob-step p{margin:0;font:400 14px/20px var(--font-sans);color:var(--ink-muted)}
.fob-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.fob-list li{color:var(--ink);display:flex;gap:var(--space-3);align-items:baseline;font:400 16px/24px var(--font-sans)}
.fob-list svg{width:12px;height:12px;flex:none;color:var(--accent-text);transform:translateY(1px)}
