*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --blue:#2A3EF0;--blue-dk:#1C2AB0;--blue-lt:#EEF0FF;
  --ink:#0F1115;--white:#FFFFFF;--gray:#6B6E76;--line:#E4E5EA;--bg:#FAFAFB;
}
html,body{height:100%;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);}

/* Skip link for keyboard/screen-reader users */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--blue);color:var(--white);padding:10px 16px;z-index:1000;border-radius:0 0 6px 0;}
.skip-link:focus{left:0;}

/* Focus visibility (accessibility) */
a:focus-visible,button:focus-visible,.tab:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}

/* Screen-reader-only text (visually hidden, still announced) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* TOPBAR */
.topbar{background:var(--white);border-bottom:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
.logo{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:var(--ink);}
.logo-dot{color:var(--blue);}
.tag{font-size:10px;color:var(--gray);font-weight:500;text-decoration:none;}
.tag:hover{color:var(--ink);}

/* HERO */
.hero{padding:28px 20px 20px;background:var(--white);border-bottom:1px solid var(--line);}
.h1{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;line-height:1.2;margin-bottom:10px;}
.h1 span{color:var(--blue);}
.sub{font-size:13px;color:var(--gray);line-height:1.6;max-width:480px;margin-bottom:14px;}

/* CARD-CATALOG TABS */
.catalog{display:flex;}
.tabs{display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--line);flex-shrink:0;width:64px;position:sticky;top:58px;height:calc(100vh - 58px);overflow-y:auto;}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 4px;cursor:pointer;border-bottom:1px solid var(--line);color:var(--gray);background:none;border-left:none;border-right:none;border-top:none;width:100%;font-family:inherit;}
.tab.active{background:var(--blue);color:var(--white);}
.tab-num{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;}
.tab-label{font-size:8px;font-weight:600;text-align:center;line-height:1.2;letter-spacing:.2px;}

.stack{flex:1;padding:20px 16px 60px;min-width:0;}
.stack-head{margin-bottom:14px;}
.stack-eyebrow{font-size:10px;font-weight:600;color:var(--blue);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.stack-title{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;margin-bottom:4px;}
.stack-desc{font-size:12px;color:var(--gray);line-height:1.55;}

.card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-decoration:none;color:inherit;}
.card:hover{border-color:var(--blue);box-shadow:0 2px 10px rgba(42,62,240,.08);}
.card-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;}
.card-go{font-size:16px;color:var(--blue);flex-shrink:0;}

/* FUNDINGFIT CTA */
.ff-cta{background:var(--ink);border-radius:9px;padding:12px 14px;margin:6px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ff-cta-text{flex:1;}
.ff-cta-title{font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;color:var(--white);line-height:1.3;}
.ff-cta-btn{flex-shrink:0;background:var(--white);color:var(--ink);border-radius:6px;padding:7px 11px;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;border:none;font-family:inherit;}

/* FOOTNOTE */
.footnote{padding:18px 16px 10px;font-size:10px;color:var(--gray);line-height:1.7;border-top:1px solid var(--line);}
.legal{padding:8px 16px 16px;font-size:10.5px;color:var(--gray);}
.legal a{color:var(--blue);text-decoration:none;font-weight:600;}
.legal a:hover{text-decoration:underline;}
.legal-links{padding:0 16px 40px;font-size:10.5px;color:var(--gray);display:flex;flex-wrap:wrap;gap:4px 10px;}
.legal-links a{color:var(--blue);text-decoration:none;font-weight:600;}
.legal-links a:hover{text-decoration:underline;}

/* COOKIE BANNER */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--white);padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;z-index:200;box-shadow:0 -4px 20px rgba(0,0,0,.2);}
.cookie-banner[hidden]{display:none;}
.cookie-text{font-size:12px;line-height:1.5;flex:1;min-width:220px;}
.cookie-text a{color:#9DB2FF;text-decoration:underline;}
.cookie-actions{display:flex;gap:8px;flex-shrink:0;}
.cookie-btn{border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit;}
.cookie-accept{background:var(--white);color:var(--ink);}
.cookie-decline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.4);}
.cookie-accept:hover{background:#E4E5EA;}
.cookie-decline:hover{border-color:var(--white);}

/* LEGAL PAGES */
.legal-page{max-width:720px;margin:0 auto;padding:32px 20px 48px;font-size:15.5px;line-height:1.7;}
.legal-page h1{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;margin-bottom:6px;}
.legal-updated{font-size:13px;font-style:italic;color:var(--gray);margin-bottom:24px;}
.legal-page h2{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;color:var(--blue);margin:26px 0 6px;}
.legal-page p{margin-bottom:10px;text-align:left;}
.legal-page ul{margin:0 0 10px 22px;}
.legal-page li{margin-bottom:6px;}
.legal-page a{color:var(--blue);}
.logo{text-decoration:none;}