:root { --bg:#060816; --line:rgba(255,255,255,.12); --text:#f8fafc; --muted:#aeb8c7; --soft:#d7e1ee; --cyan:#35d7ee; --green:#72e0a4; --max:1120px; }
* { box-sizing:border-box; }
html { color:var(--text); background:var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(ellipse at 10% 0,rgba(53,215,238,.13),transparent 40%),radial-gradient(ellipse at 90% 30%,rgba(133,92,255,.11),transparent 38%),var(--bg); }
a { color:inherit; text-decoration:none; }
img { max-width:100%; }
button,input,select { font:inherit; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(6,8,22,.94); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav { width:min(var(--max),calc(100% - 32px)); min-height:72px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand { display:inline-flex; gap:12px; align-items:center; }
.brand img { width:44px; height:44px; border-radius:14px; }
.brand-name { display:block; font-size:1.12rem; font-weight:850; }
.brand-tag { display:block; font-size:.84rem; color:var(--muted); }
.nav-actions { display:flex; align-items:center; gap:10px; }
.language-switch { display:flex; align-items:center; gap:6px; padding:4px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.05); }
.language-switch button { border:0; border-radius:999px; min-height:32px; padding:0 10px; color:var(--muted); background:transparent; font-size:.9rem; font-weight:800; cursor:pointer; }
.language-switch button.active { color:white; background:rgba(53,215,238,.16); }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:12px 20px; border:1px solid var(--line); border-radius:12px; font-weight:750; line-height:1.25; }
.button.primary { color:#061016; background:var(--cyan); border-color:var(--cyan); }
.button.secondary { background:rgba(255,255,255,.055); }
.button:hover { filter:brightness(1.08); }
main { width:min(var(--max),calc(100% - 40px)); margin:auto; }
.page-intro { padding:70px 0 40px; max-width:790px; }
.eyebrow { margin:0 0 18px; color:var(--cyan); font-size:.8rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:0 0 22px; font-size:clamp(2.65rem,6vw,4.6rem); font-weight:800; line-height:1.04; letter-spacing:-.04em; }
h1 em { color:var(--green); font-style:normal; }
.intro-copy { margin:0; max-width:720px; color:var(--soft); font-size:1.12rem; line-height:1.75; }
.free-note { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 16px; margin:0 0 28px; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font-size:.94rem; line-height:1.6; }
.free-note strong { color:var(--text); }
.plans { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.plan { display:flex; flex-direction:column; position:relative; padding:32px; border:1px solid var(--line); border-radius:22px; background:rgba(17,24,39,.84); }
.plan.band { border-color:rgba(114,224,164,.4); background:linear-gradient(150deg,rgba(114,224,164,.09),transparent 65%),rgba(17,24,39,.92); }
.plan-label { font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; font-weight:800; color:var(--muted); }
.plan.band .plan-label { color:var(--green); }
.plan h2 { font-size:1.7rem; margin:16px 0 10px; letter-spacing:-.02em; }
.plan-description { min-height:48px; margin:0; color:var(--muted); font-size:.96rem; line-height:1.6; }
.price { display:flex; align-items:baseline; gap:9px; margin:24px 0 8px; line-height:1; }
.price strong { font-size:4.5rem; font-weight:750; letter-spacing:-.055em; }
.price span { color:var(--soft); font-size:1rem; }
.price-description { color:var(--muted); font-size:.88rem; line-height:1.5; margin:0 0 24px; }
.features { margin:0 0 26px; padding:0; list-style:none; }
.features li { position:relative; padding:10px 0 10px 26px; line-height:1.55; font-size:.95rem; border-top:1px solid var(--line); }
.features li::before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800; }
.addon-row { display:flex; align-items:start; justify-content:space-between; gap:20px; padding:14px 0; border-top:1px solid var(--line); font-size:.94rem; }
.addon-row strong { font-weight:650; }
.addon-row small { display:block; margin-top:5px; color:var(--muted); line-height:1.5; }
.addon-row > span { flex-shrink:0; color:var(--text); font-weight:750; }
.plan .button { margin-top:auto; }
.plan-footnote { color:var(--muted); font-size:.83rem; line-height:1.6; margin:14px 0 22px; }
.fee-note { margin:24px 0 0; padding:18px 22px; border-left:3px solid var(--cyan); background:rgba(53,215,238,.055); color:var(--muted); font-size:.92rem; line-height:1.7; }
.fee-note strong { color:var(--text); }
.section-block { padding:64px 0; border-bottom:1px solid var(--line); scroll-margin-top:94px; }
.section-block h2 { margin:0 0 15px; font-size:clamp(1.65rem,3vw,2.25rem); letter-spacing:-.025em; }
.section-copy { margin:0; max-width:700px; color:var(--muted); font-size:1rem; line-height:1.8; }
.calculator { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; }
.calculator-controls { margin-top:24px; }
.field-label { display:block; color:var(--soft); font-size:.9rem; font-weight:650; margin-bottom:9px; }
select { width:100%; padding:13px 16px; border:1px solid #566174; border-radius:10px; background:#131c2d; color:var(--text); }
.calc-options { border:0; padding:0; margin:16px 0 0; }
.calc-options label { display:flex; align-items:start; gap:12px; padding:12px 0; line-height:1.5; cursor:pointer; }
.calc-options input { width:20px; height:20px; margin:2px 0 0; accent-color:var(--cyan); flex-shrink:0; }
.calc-options span { color:var(--soft); font-size:.93rem; }
.calc-options small { display:block; color:var(--muted); }
.calc-result { padding:28px; border-radius:20px; background:#121b2c; border:1px solid var(--line); }
.calc-result > p:first-child { margin-top:0; font-weight:650; }
.calc-total { display:block; margin:20px 0 24px; font-size:clamp(2.9rem,6vw,4rem); letter-spacing:-.04em; font-weight:750; color:var(--cyan); }
.calc-breakdown { margin:0; padding:0; list-style:none; }
.calc-breakdown li { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid var(--line); font-size:.88rem; color:var(--muted); }
.calc-result .plan-footnote { margin-bottom:0; }
.faq { max-width:800px; }
details { border-bottom:1px solid var(--line); padding:19px 0; }
summary { cursor:pointer; font-size:1rem; font-weight:650; line-height:1.6; }
details p { color:var(--muted); line-height:1.8; font-size:.95rem; padding-right:20px; }
.pricing-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:42px 0; }
.pricing-cta h2 { margin:0 0 9px; font-size:1.5rem; }
.pricing-cta p { margin:0; color:var(--muted); line-height:1.7; }
.site-footer { border-top:1px solid var(--line); color:var(--muted); }
.footer-inner { width:min(var(--max),calc(100% - 32px)); margin:auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; padding:26px 0; font-size:.9rem; }
.footer-links { display:flex; gap:18px; flex-wrap:wrap; }
.footer-links a:hover { color:white; }
.draft-notice { padding:12px 20px; text-align:center; background:rgba(255,209,102,.12); color:#f6dca0; font-size:.85rem; line-height:1.6; border-bottom:1px solid rgba(255,209,102,.2); }
.fund-intro { max-width:940px; padding-bottom:34px; }
.fund-intro h1 { font-size:clamp(2.7rem,6vw,4.8rem); max-width:900px; }
.fund-value-panel { position:relative; overflow:hidden; padding:40px; border:1px solid rgba(114,224,164,.25); border-radius:24px; background:radial-gradient(ellipse at 88% 10%,rgba(114,224,164,.13),transparent 65%),#101927; }
.fund-value-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.fund-value-heading h2 { margin:0; font-size:1rem; font-weight:650; color:var(--soft); }
.fund-status { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:999px; padding:7px 12px; color:var(--muted); font-size:.76rem; }
.fund-status::before { content:""; width:6px; height:6px; border-radius:50%; background:#ffd166; }
.fund-amount { display:block; font-size:clamp(4rem,10vw,7.8rem); font-weight:700; letter-spacing:-.06em; line-height:1.2; margin:25px 0 7px; }
.fund-amount small { font-size:.27em; color:var(--muted); letter-spacing:0; }
.fund-value-panel > p { color:var(--muted); font-size:.92rem; line-height:1.7; margin:0; max-width:660px; }
.fund-history { position:relative; display:grid; place-content:center; min-height:235px; padding:25px; margin:30px 0 0; text-align:center; background:repeating-linear-gradient(0deg,transparent,transparent 57px,rgba(255,255,255,.055) 58px,transparent 59px),repeating-linear-gradient(90deg,transparent,transparent 130px,rgba(255,255,255,.035) 131px,transparent 132px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.fund-history p { margin:6px 0; color:var(--muted); font-size:.88rem; line-height:1.7; }
.fund-history strong { font-size:1.1rem; color:var(--soft); }
.fund-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:26px 0 0; }
.fund-metrics > div { padding:0 22px; border-left:1px solid var(--line); }
.fund-metrics > div:first-child { padding-left:0; border:0; }
.fund-metrics dt { font-size:.85rem; color:var(--muted); line-height:1.5; }
.fund-metrics dd { margin:10px 0 0; font-size:1.65rem; font-weight:650; }
.fund-story { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; }
.fund-story p { margin:0 0 18px; color:var(--muted); line-height:1.85; }
.fund-steps { list-style:none; padding:0; margin:0; counter-reset:steps; }
.fund-steps li { counter-increment:steps; position:relative; border-top:1px solid var(--line); padding:22px 0 22px 44px; }
.fund-steps li::before { content:"0" counter(steps); position:absolute; left:0; top:24px; color:var(--green); font-size:.8rem; font-weight:800; }
.fund-steps h3 { margin:0 0 8px; font-size:1rem; }
.fund-steps p { margin:0; font-size:.92rem; }
.fund-applications { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:start; padding:40px; margin:52px 0; background:rgba(128,103,241,.08); border:1px solid rgba(128,103,241,.25); border-radius:22px; }
.fund-applications h2 { margin:0 0 16px; font-size:2rem; letter-spacing:-.03em; }
.fund-applications p { margin:0 0 20px; color:var(--muted); line-height:1.8; }
.closed-status { display:inline-block; padding:12px 16px; border:1px solid var(--line); border-radius:10px; font-size:.88rem; color:var(--soft); }
.fund-applications h3 { font-size:1rem; margin:0 0 12px; }
.fund-applications ul { margin:0; padding-left:20px; color:var(--muted); font-size:.94rem; line-height:1.9; }
.fund-bottom-note { color:var(--muted); font-size:.85rem; line-height:1.8; margin:0 0 40px; }
@media (max-width:860px) { .brand-tag { display:none; } .calculator,.fund-story,.fund-applications { grid-template-columns:1fr; gap:30px; } }
@media (max-width:620px) {
  main { width:calc(100% - 32px); }
  .nav { width:calc(100% - 24px); }
  .brand { gap:9px; }
  .brand img { width:38px; height:38px; border-radius:12px; }
  .brand-name { display:none; }
  .language-switch { gap:2px; }
  .language-switch button { padding:0 7px; font-size:.8rem; }
  .page-intro { padding:44px 0 28px; }
  .intro-copy { font-size:1rem; }
  .plans { grid-template-columns:1fr; gap:18px; }
  .plan { padding:26px; }
  .plan-description { min-height:0; }
  .section-block { padding:42px 0; }
  .price strong { font-size:4rem; }
  .pricing-cta { flex-direction:column; align-items:stretch; }
  .pricing-cta .button { width:100%; }
  .fund-value-panel { padding:25px 22px; }
  .fund-metrics { gap:18px; grid-template-columns:1fr; }
  .fund-metrics > div { padding:14px 0 0; border:0; border-top:1px solid var(--line); }
  .fund-history { min-height:210px; }
  .fund-applications { padding:28px; margin:36px 0; }
}
