:root { --lime:#ffc400; --gold:#ffd24a; --navy:#181f69; --black:#070b34; --soft:#c4c8e9; --line:rgba(255,255,255,.13); }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; color-scheme:dark; }
body { overflow-x:hidden; background:var(--black); color:#f4f5f1; font-family:Lato,sans-serif; -webkit-font-smoothing:antialiased; }
[id] { scroll-margin-top:92px; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button { border:0; }
::selection { color:#080909; background:var(--lime); }
:focus-visible { outline:2px solid var(--lime); outline-offset:4px; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; padding:12px 16px; color:#080909; background:var(--lime); border-radius:999px; transform:translateY(-150%); transition:transform .2s; }
.skip-link:focus { transform:none; }
#clt-particles { position:fixed; z-index:0; inset:0; width:100%; height:100%; pointer-events:none; opacity:.82; }
main,footer { position:relative; z-index:1; }
.nav { position:fixed; z-index:30; top:0; left:0; right:0; height:74px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(7,11,52,.76); backdrop-filter:blur(16px); }
.brand img { display:block; width:138px; max-height:54px; object-fit:contain; mix-blend-mode:screen; filter:drop-shadow(0 0 18px rgba(255,196,0,.12)); }
.nav nav { display:flex; gap:32px; color:#c9ccc6; font-size:13px; font-weight:300; }
.nav nav a { transition:color .25s; }
.nav nav a:hover { color:var(--lime); }
.button { min-height:56px; display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:0 25px; color:#0a0b0b; background:var(--lime); border:1px solid var(--lime); border-radius:999px; font-weight:700; cursor:pointer; transition:transform .35s,box-shadow .35s,background .35s,color .35s; }
.button:hover { transform:translateY(-2px); box-shadow:0 16px 50px rgba(255,196,0,.17); }
.button-small { min-height:42px; padding:0 19px; font-size:13px; }
.eyebrow { color:var(--lime); font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:24px; color:#777d74; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.breadcrumb a { transition:color .25s; }
.breadcrumb a:hover { color:var(--lime); }
.hero { min-height:100svh; position:relative; display:flex; align-items:center; padding:120px 7vw 80px; border-bottom:1px solid var(--line); overflow:hidden; background:radial-gradient(ellipse at 75% 30%,rgba(31,42,143,.32),transparent 44%); }
.hero::before { content:""; position:absolute; width:56vw; height:56vw; right:-16vw; top:-18vw; border:1px solid rgba(255,196,0,.13); border-radius:50%; box-shadow:0 0 0 7vw rgba(255,196,0,.025),0 0 0 14vw rgba(255,196,0,.018); }
.hero-content { width:min(670px,56vw); position:relative; z-index:2; }
.hero h1 { margin:26px 0 30px; font-size:clamp(54px,6.4vw,102px); line-height:.89; letter-spacing:-.058em; font-weight:300; }
.hero h1 span { color:#c4c8e9; }
.hero-copy { max-width:590px; color:#d2d5ce; font-size:clamp(17px,1.5vw,22px); line-height:1.5; font-weight:300; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:40px; }
.text-link { color:#e6e8e2; font-size:14px; border-bottom:1px solid rgba(255,255,255,.35); padding:12px 0; }
.text-link span { color:var(--lime); margin-left:10px; }
.hero-note { max-width:520px; margin-top:22px; color:#777c75; font-size:11px; line-height:1.5; }
.hero-card { position:absolute; z-index:2; right:7vw; top:50%; width:min(360px,29vw); aspect-ratio:.88; padding:32px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,196,0,.38); border-radius:30px; background:linear-gradient(155deg,rgba(255,196,0,.14),rgba(24,31,105,.62) 55%,rgba(255,196,0,.08)); box-shadow:inset 0 0 70px rgba(255,196,0,.06),0 40px 110px rgba(0,0,0,.45); backdrop-filter:blur(12px); transform:translateY(-47%) rotate(3deg); }
.hero-card::before { content:"CLT"; position:absolute; top:26px; right:28px; color:rgba(255,196,0,.13); font-size:86px; font-weight:900; letter-spacing:-.07em; }
.hero-card-label { color:#bfc3bb; font-size:13px; }
.hero-card>strong { margin:7px 0 35px; font-size:35px; line-height:1; font-weight:300; }
.hero-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding-top:18px; border-top:1px solid rgba(255,255,255,.16); }
.hero-card-grid span { color:#90958d; font-size:10px; line-height:1.35; }
.hero-card-grid b { display:block; color:#f1f3ed; font-size:12px; font-weight:400; }
.scroll-cue { position:absolute; left:7vw; bottom:24px; color:#747a71; font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
.scroll-cue b { color:var(--lime); margin-left:9px; }
.intro { min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:12vw 8vw; }
.intro h2 { max-width:1050px; margin:26px 0 56px; font-size:clamp(54px,7.3vw,112px); line-height:.91; letter-spacing:-.058em; font-weight:300; }
.intro h2 span { color:#8b9087; }
.intro>p:last-child { max-width:540px; margin-left:auto; color:#bcc0b8; font-size:18px; line-height:1.65; font-weight:300; }
.steps { min-height:100vh; padding:12vw 8vw; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; align-items:center; border-top:1px solid var(--line); }
.section-heading h2 { margin-top:25px; font-size:clamp(48px,5vw,78px); line-height:.96; letter-spacing:-.05em; font-weight:300; }
.step-list { border-top:1px solid var(--line); }
.step { display:grid; grid-template-columns:72px 1fr; gap:24px; padding:34px 0; border-bottom:1px solid var(--line); }
.step>span,.benefit>span { color:var(--lime); font-size:10px; letter-spacing:.18em; }
.step h3 { margin-bottom:8px; font-size:26px; font-weight:400; }
.step p { color:#aeb2aa; line-height:1.55; font-weight:300; }
.benefits { min-height:110vh; padding:12vw 8vw; display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; }
.benefit-copy h2 { margin:24px 0; font-size:clamp(50px,5.7vw,86px); line-height:.93; letter-spacing:-.055em; font-weight:300; }
.benefit-copy>p:last-child { max-width:380px; color:#b4b8b0; line-height:1.6; }
.benefit-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.benefit { min-height:235px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(8,10,9,.4); backdrop-filter:blur(8px); }
.benefit h3 { margin:55px 0 10px; font-size:23px; font-weight:400; }
.benefit p { color:#a8ada4; font-size:14px; line-height:1.55; font-weight:300; }
.eligibility { margin:0 5vw 10vw; min-height:66vh; display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; padding:7vw; border:1px solid rgba(255,196,0,.28); border-radius:36px; background:linear-gradient(135deg,rgba(255,196,0,.12),rgba(8,10,9,.72) 48%,rgba(255,196,0,.045)); backdrop-filter:blur(15px); }
.eligibility h2 { max-width:570px; margin-top:25px; font-size:clamp(48px,5vw,78px); line-height:.95; letter-spacing:-.05em; font-weight:300; }
.eligibility-copy>p { color:#c7cac3; font-size:18px; line-height:1.6; font-weight:300; }
.eligibility ul { list-style:none; margin-top:35px; }
.eligibility li { padding:17px 0 17px 29px; position:relative; border-bottom:1px solid var(--line); color:#e4e6e0; }
.eligibility li::before { content:""; position:absolute; left:0; top:24px; width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 18px var(--lime); }
.search-guide { min-height:100vh; padding:11vw 8vw 12vw; border-top:1px solid var(--line); }
.search-guide>.section-heading { max-width:850px; margin-bottom:7vw; }
.answer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.answer { min-height:310px; padding:38px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(145deg,rgba(255,196,0,.055),rgba(8,10,9,.48) 48%,rgba(8,10,9,.24)); backdrop-filter:blur(9px); }
.answer>span { color:var(--lime); font-size:10px; letter-spacing:.18em; }
.answer h3 { max-width:500px; margin:52px 0 17px; font-size:clamp(23px,2.1vw,31px); line-height:1.08; font-weight:400; letter-spacing:-.02em; }
.answer p { max-width:590px; color:#aeb3aa; font-size:15px; line-height:1.65; font-weight:300; }
.lead { min-height:110vh; padding:11vw 8vw; display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; align-items:start; border-top:1px solid var(--line); background:radial-gradient(circle at 15% 40%,rgba(255,196,0,.08),transparent 33%),radial-gradient(ellipse at 70% 20%,rgba(31,42,143,.22),transparent 40%); }
.lead-copy { position:sticky; top:140px; }
.lead-copy h2 { margin:24px 0 30px; font-size:clamp(56px,6vw,92px); line-height:.9; letter-spacing:-.06em; font-weight:300; }
.lead-copy>p:not(.eyebrow) { max-width:420px; color:#b5b9b1; font-size:17px; line-height:1.65; }
.security-note { max-width:420px; display:flex; align-items:center; gap:16px; margin-top:38px; padding-top:25px; border-top:1px solid var(--line); color:#80857d; font-size:12px; line-height:1.5; }
.security-note img { width:38px; height:38px; object-fit:cover; border-radius:10px; }
.lead-form { padding:46px; border:1px solid rgba(255,196,0,.29); border-radius:32px; background:rgba(12,17,76,.78); box-shadow:inset 0 0 80px rgba(255,196,0,.04); backdrop-filter:blur(18px); }
.lead-form>label { display:block; margin-bottom:28px; color:#c9ccc5; font-size:12px; letter-spacing:.04em; }
.lead-form input[type=text],.lead-form input[type=tel],.lead-form select { width:100%; height:58px; margin-top:9px; padding:0 17px; color:#f4f5f1; background:#101211; border:1px solid rgba(255,255,255,.15); border-radius:12px; outline:none; transition:border-color .25s,box-shadow .25s; }
.lead-form input:focus,.lead-form select:focus { border-color:var(--lime); box-shadow:0 0 0 3px rgba(255,196,0,.08); }
.range-value { margin-top:12px; color:#f4f5f1; font-size:34px; font-weight:300; letter-spacing:-.03em; }
.range { width:100%; height:5px; margin:24px 0 10px; appearance:none; border-radius:9px; background:linear-gradient(90deg,var(--lime) var(--range,8.16%),#30332f var(--range,8.16%)); }
.range::-webkit-slider-thumb { width:22px; height:22px; appearance:none; border:5px solid #101211; border-radius:50%; background:var(--lime); box-shadow:0 0 0 1px var(--lime),0 0 22px rgba(255,196,0,.45); cursor:pointer; }
.range-hint { display:flex; justify-content:space-between; color:#71766e; font-size:10px; }
.range-hint i { font-style:normal; }
.consent { display:flex!important; gap:12px; align-items:flex-start; color:#969b93!important; line-height:1.5; letter-spacing:0!important; }
.consent input { width:18px; height:18px; flex:0 0 auto; accent-color:var(--lime); }
.submit { width:100%; }
.form-note { margin-top:15px; color:#747970; text-align:center; font-size:10px; line-height:1.45; }
.form-status { min-height:18px; margin-top:10px; color:var(--lime); text-align:center; font-size:12px; }
.faq { min-height:100vh; padding:12vw 8vw; display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; border-top:1px solid var(--line); }
.faq-list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { position:relative; padding:28px 50px 28px 0; list-style:none; cursor:pointer; font-size:20px; font-weight:300; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:4px; top:24px; color:var(--lime); font-size:28px; font-weight:300; transition:transform .3s; }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq details p { max-width:620px; padding:0 45px 28px 0; color:#a9aea5; line-height:1.65; font-weight:300; }
.content-review { margin:0 8vw 10vw; padding:30px 0; display:grid; grid-template-columns:.8fr 1.4fr auto; align-items:center; gap:4vw; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.content-review div { display:flex; flex-direction:column; gap:6px; }
.content-review span { color:var(--lime); font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
.content-review strong { font-size:14px; font-weight:400; }
.content-review p { color:#8f948c; font-size:12px; line-height:1.55; }
.content-review a { color:#e7e9e3; font-size:12px; white-space:nowrap; border-bottom:1px solid rgba(255,196,0,.45); padding-bottom:5px; }
footer { min-height:82vh; padding:10vw 6vw 3vw; display:flex; flex-direction:column; justify-content:flex-end; border-top:1px solid var(--line); background:radial-gradient(circle at 70% 20%,rgba(255,196,0,.1),transparent 33%),rgba(5,6,6,.62); }
.footer-brand img { width:145px; }
footer h2 { margin:70px 0 45px; font-size:clamp(54px,8vw,120px); line-height:.87; letter-spacing:-.065em; font-weight:300; }
.footer-mail { align-self:flex-start; color:var(--lime); font-size:18px; }
.footer-disclaimer { max-width:980px; margin-top:54px; color:#8c92b8; font-size:12px; line-height:1.7; }
.footer-bottom { display:flex; justify-content:space-between; margin-top:46px; padding-top:24px; border-top:1px solid var(--line); color:#71766e; font-size:11px; }
.reveal { opacity:0; transform:translateY(35px); transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.25,1); }
.reveal.visible { opacity:1; transform:none; }

@media(max-width:900px) {
  .nav nav { display:none; }
  .hero { align-items:flex-start; padding-top:145px; padding-bottom:120px; }
  .hero-content { width:100%; }
  .hero-card { right:5vw; top:auto; bottom:90px; width:260px; opacity:.62; }
  .hero-copy { max-width:520px; }
  .steps,.benefits,.lead,.faq { grid-template-columns:1fr; gap:70px; }
  .lead-copy { position:static; }
  .eligibility { grid-template-columns:1fr; gap:48px; }
  .content-review { grid-template-columns:1fr; gap:22px; }
  .faq { min-height:auto; }
}

@media(max-width:560px) {
  .nav { height:68px; padding:0 18px; }
  .brand img { width:105px; }
  .button-small { min-height:44px; padding:0 14px; font-size:11px; }
  .hero { min-height:100svh; padding:128px 22px 92px; }
  .hero::before { width:110vw; height:110vw; right:-55vw; top:8vh; }
  .breadcrumb { margin-bottom:20px; }
  .hero h1 { margin:22px 0 25px; font-size:clamp(49px,14.2vw,60px); line-height:.91; }
  .hero-copy { font-size:16px; line-height:1.55; }
  .hero-actions { align-items:stretch; flex-direction:column; gap:10px; margin-top:30px; }
  .hero-actions .button { width:100%; gap:12px; padding:0 17px; font-size:13px; }
  .text-link { align-self:flex-start; }
  .hero-card { display:none; }
  .scroll-cue { left:22px; }
  .intro,.steps,.benefits,.search-guide,.lead,.faq { padding:110px 22px; }
  .intro { min-height:92vh; }
  .intro h2 { margin:24px 0 50px; font-size:46px; }
  .intro>p:last-child { font-size:15px; }
  .section-heading h2,.benefit-copy h2,.eligibility h2 { font-size:45px; }
  .step { grid-template-columns:44px 1fr; gap:8px; padding:28px 0; }
  .step h3 { font-size:22px; }
  .step p { font-size:14px; }
  .benefit-grid { grid-template-columns:1fr; }
  .benefit { min-height:190px; }
  .benefit h3 { margin-top:38px; }
  .eligibility { margin:0 14px 90px; padding:65px 25px; border-radius:28px; }
  .eligibility-copy>p { font-size:16px; }
  .search-guide>.section-heading { margin-bottom:60px; }
  .answer-grid { grid-template-columns:1fr; }
  .answer { min-height:260px; padding:29px 25px; }
  .answer h3 { margin-top:38px; font-size:24px; }
  .answer p { font-size:14px; }
  .lead { gap:55px; }
  .lead-copy h2 { font-size:54px; }
  .lead-form { padding:28px 20px; border-radius:25px; }
  .range-value { font-size:30px; }
  .faq { gap:55px; }
  .faq summary { font-size:17px; }
  .content-review { margin:0 22px 100px; padding:27px 0; }
  footer { min-height:88vh; padding:100px 22px 24px; }
  footer h2 { margin:60px 0 40px; font-size:52px; }
  .footer-mail { font-size:15px; }
  .footer-disclaimer { margin-top:42px; font-size:11px; }
  .footer-bottom { gap:12px; flex-wrap:wrap; margin-top:80px; font-size:9px; }
}

@media(hover:none) { .button:hover { transform:none; box-shadow:none; } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}
