:root {
  --ink: #0b1016;
  --ink-2: #111924;
  --paper: #f4f2ed;
  --white: #ffffff;
  --muted: #a8b0bc;
  --line: rgba(255,255,255,.13);
  --dark-line: rgba(11,16,22,.12);
  --accent: #f4b13a;
  --accent-2: #ffc45a;
  --green: #72d59f;
  --radius: 22px;
  --shell: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.shell { width: min(var(--shell), calc(100% - 40px)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(18px); background: rgba(11,16,22,.84); border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand-mark { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; display: grid; place-items: center; position: relative; overflow: hidden; transform: skewX(-7deg); }
.brand-mark::before, .brand-mark::after { content:""; position:absolute; height: 2px; width: 18px; background: var(--accent); left: 8px; transform: rotate(-42deg); }
.brand-mark::before { top: 11px; } .brand-mark::after { bottom: 11px; }
.brand-mark span { position:absolute; width:2px; height:5px; background:var(--white); left:16px; }
.brand-mark span:first-child { top:4px; } .brand-mark span:last-child { bottom:4px; }
.brand-copy { display: flex; flex-direction: column; line-height: .95; }
.brand-copy strong { font-size: 20px; letter-spacing: -.7px; font-weight: 800; }
.brand-copy strong span { color: var(--accent); }
.brand-copy small { margin-top: 5px; font-size: 9px; letter-spacing: 4.3px; font-weight: 800; color: #aeb7c2; }
nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
nav a { font-size: 14px; color: #cbd2db; transition: .2s ease; } nav a:hover { color: var(--white); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 22px; border: 0; border-radius: 12px; background: var(--accent); color: #17120a; font-weight: 800; font-size: 14px; cursor: pointer; box-shadow: 0 12px 28px rgba(244,177,58,.13); transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); background: var(--accent-2); }
.button-small { min-height: 42px; padding: 0 17px; }
.button-ghost { background: transparent; border: 1px solid rgba(255,255,255,.2); color: var(--white); box-shadow: none; }
.button-ghost:hover { background: rgba(255,255,255,.05); }
.hero { min-height: 690px; display: flex; align-items: center; padding: 104px 0 88px; position: relative; overflow: hidden; background: radial-gradient(circle at 83% 20%, rgba(46,72,102,.4), transparent 34%), linear-gradient(160deg, #0b1016 35%, #111b27 100%); }
.hero::after { content:""; width: 580px; height: 580px; border: 1px solid rgba(255,255,255,.05); position: absolute; right: -140px; top: -170px; border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.012); }
.hero-lanes { position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg, transparent 0 9%, var(--accent) 9% 23%, transparent 23% 29%, rgba(255,255,255,.16) 29% 100%); opacity: .75; }
.hero-grid { display:grid; grid-template-columns: 1.1fr .8fr; gap: 72px; align-items:center; position:relative; z-index:2; }
.eyebrow { font-size: 12px; letter-spacing: 2.1px; text-transform: uppercase; font-weight: 800; color: #c1cad5; display:flex; align-items:center; gap:10px; margin-bottom:22px; }
.eyebrow span { width: 26px; height: 2px; background: var(--accent); }
.eyebrow.dark { color: #606a76; }
h1,h2,h3,p { margin-top: 0; }
h1 { font-size: clamp(48px, 6vw, 78px); line-height: .98; letter-spacing: -3.6px; max-width: 760px; margin-bottom: 28px; }
h1 em { color: var(--accent); font-style: normal; }
.lede { color: #c3cbd4; font-size: 19px; line-height: 1.65; max-width: 710px; }
.hero-actions { display:flex; gap:12px; margin: 34px 0 36px; }
.trust-row { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:12px; color:#aab4c0; }
.trust-row span::before { content:"✓"; color:var(--green); font-weight:900; margin-right:7px; }
.match-card { background: rgba(14,21,30,.78); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 80px rgba(0,0,0,.35); border-radius: var(--radius); padding: 24px; backdrop-filter: blur(14px); }
.match-top { display:flex; align-items:center; gap:9px; padding-bottom:18px; border-bottom:1px solid var(--line); font-size:10px; letter-spacing:1.3px; color:#9eabb8; font-weight:800; }
.pulse { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(114,213,159,.11); }
.score { margin-left:auto; background:rgba(114,213,159,.1); border:1px solid rgba(114,213,159,.23); color:#98e6bb; padding:6px 9px; border-radius:999px; letter-spacing:0; }
.candidate-head { display:flex; gap:14px; align-items:center; padding:24px 0; }
.avatar { width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(145deg,#2b3b4e,#18232f); color:var(--accent); font-size:20px; font-weight:900; }
.candidate-head strong { display:block; font-size:16px; margin-bottom:5px; }.candidate-head span { font-size:12px; color:#9faab6; }
.match-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.match-stats div { border:1px solid var(--line); border-radius:13px; padding:14px; background:rgba(255,255,255,.02); }
.match-stats small { display:block; color:#7f8c99; font-size:9px; letter-spacing:1.2px; font-weight:800; margin-bottom:7px; }.match-stats strong { font-size:14px; }
.fit-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }.fit-tags span { font-size:10px; color:#c3ccd6; padding:7px 9px; border-radius:999px; background:#15202b; }
.match-note { margin-top:18px; padding-top:17px; border-top:1px solid var(--line); color:#8f9aa7; font-size:11px; line-height:1.5; display:flex; gap:8px; }.match-note span { flex:0 0 6px; height:6px; margin-top:5px; border-radius:50%; background:var(--accent); }
.band { background: var(--paper); color:var(--ink); padding: 104px 0; }
.two-col { display:grid; grid-template-columns:1fr .78fr; gap:80px; align-items:start; }.two-col h2,.section-head h2,.candidate-grid h2,.form-heading h2,.closing h2 { font-size: clamp(36px,4.2vw,56px); letter-spacing:-2.2px; line-height:1.04; margin-bottom:0; }.body-copy { font-size:17px; line-height:1.75; color:#3f4a56; }.muted { color:#717983; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:62px; }.feature-card { background:#fff; border:1px solid #e6e1d7; border-radius:18px; padding:28px; min-height:260px; }.feature-num { color:#b47d1d; font-size:11px; font-weight:900; letter-spacing:1.5px; margin-bottom:56px; }.feature-card h3 { font-size:21px; letter-spacing:-.6px; margin-bottom:12px; }.feature-card p { color:#626b74; line-height:1.7; font-size:14px; }
.process { padding:104px 0; background:#0b1016; }.section-head { max-width:760px; }.steps { margin-top:54px; border-top:1px solid var(--line); }.steps article { display:grid; grid-template-columns:86px 1fr; padding:34px 0; border-bottom:1px solid var(--line); }.steps article>span { color:var(--accent); font-size:12px; font-weight:900; }.steps h3 { font-size:24px; letter-spacing:-.7px; margin-bottom:8px; }.steps p { max-width:780px; color:#9faab6; line-height:1.7; margin-bottom:0; }
.candidate-section { background:#e8e4db; color:var(--ink); padding:100px 0; }.candidate-grid { display:grid; grid-template-columns:1fr .7fr; gap:80px; align-items:center; }.candidate-grid .body-copy { margin-top:26px; }.checks { list-style:none; padding:0; margin:26px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }.checks li { font-size:13px; font-weight:700; }.checks li::before { content:"✓"; margin-right:9px; color:#177547; }.quote-card { background:#111924; color:#fff; border-radius:24px; padding:36px; box-shadow:0 25px 60px rgba(20,27,35,.16); }.quote-card small { color:var(--accent); font-size:10px; font-weight:900; letter-spacing:1.5px; }.quote-card p { font-size:30px; line-height:1.25; letter-spacing:-1px; margin:34px 0 22px; }.quote-card span { font-size:13px; color:#9faab6; line-height:1.6; }
.forms-section { background:#111924; padding:100px 0; }.forms-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }.lead-form { background:#0b1016; border:1px solid var(--line); border-radius:22px; padding:30px; }.lead-form.light { background:#172230; }.form-heading>span { color:var(--accent); letter-spacing:1.5px; font-size:10px; font-weight:900; }.form-heading h2 { font-size:35px; margin:10px 0 8px; letter-spacing:-1.3px; }.form-heading p { color:#99a5b2; line-height:1.6; font-size:13px; }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }.lead-form label { display:block; color:#b9c2cc; font-size:11px; font-weight:700; letter-spacing:.2px; }.lead-form input,.lead-form select,.lead-form textarea { width:100%; margin-top:7px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.045); color:#fff; border-radius:10px; padding:13px 13px; outline:none; transition:.2s ease; }.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { border-color:rgba(244,177,58,.75); box-shadow:0 0 0 3px rgba(244,177,58,.08); }.lead-form select option { color:#111; }.lead-form textarea { resize:vertical; min-height:110px; }.lead-form>label:not(.hp):not(.consent) { margin-top:14px; }.consent { display:flex!important; gap:10px; align-items:flex-start; margin-top:18px!important; line-height:1.5; }.consent input { width:auto; margin:3px 0 0; accent-color:var(--accent); }.form-button { width:100%; margin-top:20px; }.form-button span { font-size:19px; }.form-status { min-height:20px; margin:12px 0 0; color:#a8dcbc; font-size:12px; }.form-status.error { color:#ff9e9e; }.hp { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.closing { background:var(--accent); color:#17120a; padding:70px 0; }.closing-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }.closing small { font-size:10px; letter-spacing:2px; font-weight:900; }.closing h2 { max-width:760px; margin-top:10px; }.button-light { background:#111924; color:#fff; box-shadow:none; }.button-light:hover { background:#192638; }
footer { padding:52px 0 26px; background:#080c11; }.footer-grid { display:grid; grid-template-columns:auto 1fr auto; gap:38px; align-items:center; }.footer-copy { color:#788593; font-size:12px; max-width:430px; }.footer-links { display:flex; gap:18px; color:#9aa5b1; font-size:12px; }.footer-links a:hover { color:#fff; }.legal { border-top:1px solid rgba(255,255,255,.08); margin-top:35px; padding-top:20px; color:#596572; font-size:10px; }
.reveal { opacity:0; transform:translateY(12px); animation:fadeUp .65s ease forwards; }.delay-1 { animation-delay:.15s; }@keyframes fadeUp { to { opacity:1; transform:none; } }
.page-shell { min-height:100vh; background:var(--paper); color:var(--ink); }.simple-header { background:var(--ink); }.simple-main { padding:80px 0 110px; }.prose { max-width:820px; }.prose h1 { color:var(--ink); font-size:50px; letter-spacing:-2px; }.prose h2 { margin-top:42px; font-size:25px; letter-spacing:-.6px; }.prose p,.prose li { color:#46515d; line-height:1.75; }.prose a { color:#875b11; text-decoration:underline; }
.partner-hero { padding:95px 0 80px; background:linear-gradient(150deg,#0b1016,#142131); }.partner-hero h1 { max-width:900px; }.partner-content { background:var(--paper); color:var(--ink); padding:90px 0; }.partner-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:40px; }.partner-cards article { background:#fff; border:1px solid #e4dfd5; border-radius:18px; padding:26px; }.partner-cards h3 { font-size:20px; }.partner-cards p { color:#68717a; font-size:14px; line-height:1.7; }
@media (max-width: 900px) {
  nav { display:none; }.hero-grid,.two-col,.candidate-grid,.forms-grid { grid-template-columns:1fr; }.hero { padding-top:75px; }.hero-grid { gap:52px; }.match-card { max-width:580px; }.feature-grid,.partner-cards { grid-template-columns:1fr; }.feature-num { margin-bottom:25px; }.candidate-grid { gap:45px; }.footer-grid { grid-template-columns:1fr; }.footer-links { flex-wrap:wrap; }.closing-inner { align-items:flex-start; flex-direction:column; }.two-col { gap:30px; }
}
@media (max-width: 560px) {
  .shell { width:min(var(--shell),calc(100% - 26px)); }.nav-wrap { min-height:68px; }.site-header .button-small { display:none; }.hero { padding:68px 0 60px; min-height:auto; }h1 { font-size:46px; letter-spacing:-2.4px; }.hero-actions { flex-direction:column; }.hero-actions .button { width:100%; }.trust-row { flex-direction:column; gap:10px; }.band,.process,.candidate-section,.forms-section { padding:72px 0; }.feature-grid { margin-top:38px; }.steps article { grid-template-columns:42px 1fr; }.checks,.field-grid { grid-template-columns:1fr; }.quote-card p { font-size:25px; }.lead-form { padding:22px; }.closing h2 { font-size:38px; }.partner-hero { padding:70px 0 60px; }
}