:root{--bg:#050d20;--panel:#0d203c;--card:#142f52;--line:#30547c;--blue:#39befe;--txt:#f5faff;--muted:#b7cce4}
body{background:radial-gradient(ellipse at 75% 5%,#0c2e62 0%,#06152c 37%,#040b1b 87%);background-attachment:fixed}
.site-header{background:rgba(4,13,31,.93);border-color:#23619a}.topbar{height:95px}.brand img{width:150px;height:82px;background:transparent;mix-blend-mode:normal;border-radius:0;filter:drop-shadow(0 0 12px rgba(67,190,255,.34))}
.hero{grid-template-columns:1fr 1fr;min-height:550px}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.99;letter-spacing:-.065em;font-weight:950;text-shadow:0 14px 35px rgba(0,0,0,.28)}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#a1e8ff,#36bdfd 55%,#8a7dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-visual{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:visible}.approved-header-art{display:block;width:115%;max-width:none;height:auto;position:relative;z-index:3;border-radius:18px;box-shadow:0 22px 90px #007ef437}.hero-visual .visual-card,.hero-visual .visual-ring,.hero-visual .hero-spark,.hero-visual .float-chip{display:none!important}
.btn.primary,.top-cta{background:linear-gradient(105deg,#0467dc,#1bbcff);border:1px solid #58cfff;box-shadow:0 8px 32px #087eff45;color:white;font-weight:800}.btn.primary:hover,.top-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}
.config-panel,.results-panel,.library-card{box-shadow:0 20px 70px #02091770;border-color:#31557a}.results-panel{background:linear-gradient(145deg,#0b2d57,#081a38 65%,#061225)}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:12px}.hero-visual{min-height:200px}.approved-header-art{width:100%}.topbar{height:80px}.brand img{width:112px;height:66px}}
@media(max-width:540px){.hero h1{font-size:clamp(42px,12vw,66px)}.hero-visual{min-height:150px}.approved-header-art{width:100%}}

/* V4 approved-brand navigation and calculator-first homepage */
.site-header{background:rgba(3,11,28,.94);border-bottom:1px solid #244975}
.topbar{height:98px!important;gap:22px!important}
.brand{padding:5px 11px!important;border-radius:13px!important;background:linear-gradient(130deg,#f0f8ff,#d3e9ff)!important;border:1px solid rgba(140,207,255,.7)!important;box-shadow:0 2px 18px #52baff24,inset 0 1px 0 #fff!important;min-width:126px}
.brand img{height:76px!important;width:108px!important;display:block!important;object-fit:contain!important;filter:none!important;background:transparent!important;border-radius:0!important;mix-blend-mode:normal!important}
.hero-library{display:grid!important;grid-template-columns:1.28fr .72fr!important;min-height:440px!important;padding-top:66px!important;padding-bottom:72px!important;gap:30px!important;position:relative}
.hero-library h1{font-size:clamp(54px,6.4vw,103px)!important;line-height:.91!important;letter-spacing:-.055em!important;margin:25px 0 24px!important}
.hero-library p{max-width:590px;color:#c5d9f1!important;font-size:18px!important}
.hero-hero-decor{min-height:330px;position:relative;display:grid;place-items:center;overflow:hidden}
.hero-hero-decor::before{content:'';position:absolute;inset:6%;background:radial-gradient(circle,#1d7bf64a,transparent 65%);filter:blur(24px)}
.decor-orbit{position:absolute;border-radius:50%;border:1px solid #37caff63;width:360px;height:360px;transform:rotate(-31deg) scaleY(.62)}
.decor-two{width:460px;height:460px;border-style:dashed;border-color:#75a8fe5b;transform:rotate(29deg) scaleY(.67)}
.decor-panel{width:280px;height:270px;border:1px solid #5c9affaa;border-radius:24px;background:linear-gradient(145deg,#1c438a,#091b3d 75%);box-shadow:0 30px 80px #000a2680,0 0 55px #047eea2d;position:relative;z-index:1;padding:23px;transform:rotate(6deg);display:flex;flex-direction:column;justify-content:space-between}
.decor-panel>span{font-size:10px;color:#89e8ff;letter-spacing:2px;font-weight:800}.decor-panel b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:94px;line-height:.8;letter-spacing:-.04em;color:#fff;text-shadow:0 0 25px #4ebeff55}.decor-panel small{font-weight:850;letter-spacing:1.5px;color:#a2c8ef}.decor-bars{display:flex;gap:9px;align-items:flex-end;height:62px;border-bottom:1px solid #52a6d3}.decor-bars i{background:linear-gradient(#5fecff,#116be5);flex:1;border-radius:4px 4px 0 0}.decor-bars i:nth-child(1){height:32%}.decor-bars i:nth-child(2){height:60%}.decor-bars i:nth-child(3){height:45%}.decor-bars i:nth-child(4){height:78%}.decor-bars i:nth-child(5){height:100%}
.directory-feature{padding:78px 0 85px;background:linear-gradient(180deg,#081932,#091d3e 55%,#061630);border-top:1px solid #234672;border-bottom:1px solid #234672}
.directory-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.directory-intro h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(52px,6vw,85px);font-weight:900;line-height:.89;letter-spacing:-.015em;margin:12px 0 0}.directory-intro h2 span{color:#5cd5ff}.directory-intro p{font-size:16px;color:#aecae8;max-width:300px}
.directory-collections{display:grid;grid-template-columns:1fr 1fr;gap:38px 23px}.directory-category-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.directory-category-heading h3{margin:0;font-size:12px;color:#e9f7ff;letter-spacing:1.8px}.directory-index{color:#68d7ff;font-size:10px;font-weight:900}.directory-category-line{height:1px;flex:1;background:linear-gradient(90deg,#316da4,transparent)}
.directory-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.directory-tile{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #356495;border-radius:13px;background:linear-gradient(155deg,#17375f,#0b2449 80%);padding:15px 12px;box-shadow:0 12px 32px #02091940;transition:transform .2s,border-color .2s,box-shadow .2s}.directory-tile:hover{transform:translateY(-4px);border-color:#74d9ff;box-shadow:0 16px 44px #006adb3d}.tile-top{display:flex;align-items:center;justify-content:space-between}.tile-icon{display:grid;place-items:center;border-radius:12px;width:38px;height:38px;background:#153f75;color:#5ad5ff;border:1px solid #397fb2;font-size:24px;font-weight:900}.tile-number{color:#83a8cb;font-size:9px;font-weight:800}.tile-content h4{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;line-height:1;margin:12px 0 7px;color:white}.tile-content p{font-size:11px;color:#a6c3e1;line-height:1.45;margin:0}.tile-foot{display:flex;justify-content:space-between;color:#69dfff;font-size:9px;letter-spacing:.7px;font-weight:850;margin-top:12px}
@media(max-width:1050px){.hero-library{grid-template-columns:1fr!important}.hero-hero-decor{display:none}.directory-collections{grid-template-columns:1fr 1fr}.directory-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.topbar{height:82px!important;gap:7px!important}.brand{min-width:78px;padding:3px 5px!important}.brand img{width:71px!important;height:64px!important}.top-cta{font-size:10px!important}.hero-library{padding:60px 0 57px!important}.hero-library h1{font-size:clamp(57px,11.7vw,78px)!important}.directory-feature{padding:60px 0}.directory-intro{display:block}.directory-intro p{max-width:none;margin:15px 0 0}.directory-collections{grid-template-columns:1fr;gap:28px}.directory-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-tile{min-height:192px;padding:12px 10px}.tile-content h4{font-size:21px}}
@media(max-width:410px){.directory-cards{grid-template-columns:1fr 1fr}.directory-tile{min-height:168px}.hero-library h1{font-size:clamp(47px,12vw,58px)!important}.top-cta{padding:8px!important}.brand img{width:67px!important;height:61px!important}}
@media(prefers-reduced-motion:reduce){.directory-tile{transition:none}}
@media print{.directory-feature,.hero-hero-decor{display:none!important}}

/* V11: crawlable, accessible calculator explanations */
.seo-explainer{margin:44px auto 72px;padding:32px 0;border-top:1px solid rgba(92,179,255,.28);color:#bbd1e9}
.seo-explainer .wrap{max-width:1040px}
.seo-explainer h2{color:#f4faff;font-size:clamp(21px,2vw,27px);margin:24px 0 8px;font-weight:800}
.seo-explainer p{font-size:16px;line-height:1.75;max-width:820px;margin:0 0 14px}
.seo-explainer a{color:#65d8ff;text-decoration:underline;text-underline-offset:3px}
.seo-car-hero{padding:55px 0 30px}
.seo-car-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,6vw,78px);color:#fff;line-height:1.04;margin:15px 0}
.seo-car-hero p{font-size:19px;color:#b8d2ed;max-width:750px;margin-bottom:24px}
@media(max-width:650px){.seo-car-hero{padding:30px 0 20px}.seo-explainer{padding-top:22px}}