:root{
  --fhf-blue:#2855ff;
  --fhf-navy:#0b1020;
  --fhf-cream:#f4f1e8;
  --fhf-line:rgba(255,255,255,.18);
  --fhf-hero-image:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.fhf-full-page{margin:0;background:#fff}
.fhf-site{font-family:Inter,Arial,sans-serif;color:#111827;line-height:1.55;overflow:hidden}
.fhf-site h1,.fhf-site h2,.fhf-site h3,.fhf-site p{margin-top:0}
.fhf-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.fhf-hero{position:relative;min-height:900px;background:
linear-gradient(90deg,rgba(7,11,24,.96) 0%,rgba(7,11,24,.88) 48%,rgba(7,11,24,.35) 100%),
var(--fhf-hero-image),
radial-gradient(circle at 78% 35%,#31426e 0,#11182d 40%,#080b14 75%);
background-size:cover;background-position:center;color:#fff;display:flex;align-items:center}
.fhf-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.35))}
.fhf-hero-grid{position:relative;min-width:0;z-index:2;display:grid;grid-template-columns:1.4fr .7fr;gap:70px;align-items:center;padding:90px 0}
.fhf-hero-copy{min-width:0}
.fhf-brand-mark{display:flex;align-items:center;gap:14px;margin-bottom:90px}
.fhf-brand-mark strong{letter-spacing:.14em;font-size:14px}
.fhf-logo-box{width:54px;height:62px;border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700;line-height:1}
.fhf-logo-box span{font-size:20px}.fhf-logo-box i{width:31px;border-top:1px solid currentColor;margin:4px 0}
.fhf-eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;margin-bottom:20px;color:#b9c4ff}
.fhf-eyebrow.dark{color:var(--fhf-blue)}
.fhf-hero h1{font-size:clamp(64px,8vw,118px);line-height:.88;letter-spacing:-.065em;margin-bottom:28px;max-width:850px}
.fhf-lead{font-size:20px;max-width:650px;color:#d8deed;margin-bottom:36px}
.fhf-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.fhf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 28px;background:var(--fhf-blue);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900;letter-spacing:.12em;border-radius:999px;transition:.2s}
.fhf-btn:hover{transform:translateY(-2px)}
.fhf-btn.light{background:#fff;color:#0b1020!important;margin-top:18px}
.fhf-text-link{color:#fff!important;text-decoration:none!important;font-weight:700}
.fhf-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}
.fhf-pills span{border:1px solid var(--fhf-line);border-radius:999px;padding:10px 14px;font-size:12px;color:#dfe5f5}
.fhf-hero-card{background:rgba(255,255,255,.08);border:1px solid var(--fhf-line);backdrop-filter:blur(14px);padding:34px;border-radius:24px}
.fhf-hero-card>p{font-size:12px;letter-spacing:.2em;font-weight:800;color:#b9c4ff}
.fhf-hero-card ol{list-style:none;padding:0;margin:25px 0}
.fhf-hero-card li{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--fhf-line)}
.fhf-hero-card li:last-child{border-bottom:1px solid var(--fhf-line)}
.fhf-hero-card li b{color:#7f96ff}.fhf-hero-card small{color:#cad2e3}
.fhf-proof{background:var(--fhf-blue);color:#fff}
.fhf-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.fhf-proof-grid>div{padding:38px;border-right:1px solid rgba(255,255,255,.25);display:flex;gap:18px;align-items:center}
.fhf-proof-grid>div:first-child{padding-left:0}.fhf-proof-grid>div:last-child{border-right:0}
.fhf-proof strong{font-size:38px;line-height:1}.fhf-proof span{font-size:13px;max-width:190px}
.fhf-section{padding:120px 0}
.fhf-split{display:grid;grid-template-columns:1.05fr .8fr;gap:100px;align-items:start}
.fhf-split h2,.fhf-join h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.05em}
.fhf-split>div p{font-size:19px;color:#4b5563}
.fhf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}
.fhf-cards article{background:#f4f6fa;padding:36px;border-radius:20px;min-height:290px}
.fhf-cards article>span{display:inline-flex;width:46px;height:46px;border-radius:50%;background:#fff;align-items:center;justify-content:center;font-weight:800;color:var(--fhf-blue)}
.fhf-cards h3{font-size:24px;margin-top:55px}.fhf-cards p{color:#5c6472}
.fhf-dark{background:var(--fhf-navy);color:#fff}
.fhf-dark .fhf-split>div p{color:#cbd3e3}
.fhf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);margin-top:75px}
.fhf-steps>div{background:var(--fhf-navy);padding:30px;display:flex;gap:20px}
.fhf-steps b{color:#758bff}
.fhf-media-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:65px}
.fhf-media-placeholder{min-height:520px;border-radius:24px;background:linear-gradient(135deg,#dfe5ef,#b8c5d9);display:flex;align-items:end;padding:28px}
.fhf-media-placeholder span{font-size:11px;font-weight:800;letter-spacing:.15em;background:#fff;padding:12px 15px;border-radius:999px}
.fhf-quote{background:var(--fhf-cream);border-radius:24px;padding:44px;display:flex;flex-direction:column;justify-content:space-between}
.fhf-quote blockquote{font-family:Georgia,serif;font-size:36px;line-height:1.15;margin:0}
.fhf-join{background:var(--fhf-cream);padding:100px 0}
.fhf-join-inner{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center}
.fhf-signup{background:#fff;padding:34px;border-radius:20px}.fhf-signup code{display:block;background:#f3f4f6;padding:16px;border-radius:10px}
.fhf-footer{background:#080b14;color:#fff;padding:48px 0}
.fhf-footer .fhf-shell{display:flex;justify-content:space-between;align-items:center}
.fhf-brand-mark.compact{margin:0}.fhf-brand-mark.compact .fhf-logo-box{width:44px;height:52px}
.fhf-footer p{margin:0;color:#aeb8ca}
@media(max-width:900px){
 .fhf-hero{min-height:auto}
 .fhf-hero-grid,.fhf-split,.fhf-join-inner{grid-template-columns:1fr;gap:45px}
 .fhf-hero-grid{padding:55px 0 75px}
 .fhf-brand-mark{margin-bottom:60px}
 .fhf-hero-card{max-width:560px}
 .fhf-proof-grid,.fhf-cards,.fhf-steps,.fhf-media-grid{grid-template-columns:1fr}
 .fhf-proof-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.25);padding:25px 0}
 .fhf-section{padding:80px 0}
 .fhf-media-placeholder{min-height:360px}
}
@media(max-width:560px){
 .fhf-shell{width:calc(100% - 28px);max-width:1180px}
 .fhf-hero h1{font-size:clamp(39px,11.5vw,48px);line-height:.94;letter-spacing:-.055em;overflow-wrap:normal}
 .fhf-lead{font-size:17px}
 .fhf-actions{align-items:flex-start;flex-direction:column}
 .fhf-split h2,.fhf-join h2{font-size:44px}
 .fhf-footer .fhf-shell{align-items:flex-start;gap:25px;flex-direction:column}
}