:root{--blue:#23479F;--blue-deep:#1A356F;--brown:#6B4F25;--tan:#C9A76A;--tan-soft:#DCC392;--paper:#F4EFE3;--cream:#FBF6E9;--slate:#2A3548;--slate-mute:#6B7686;--line-paper:rgba(107,79,37,.22);--red:#8a3b3b}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{font-family:'Inter','Poppins',sans-serif;color:var(--slate);background:#FFFFFF;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.top{position:sticky;top:0;z-index:100;background:rgba(35,71,159,.97);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line-paper)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:0 auto;padding:14px 38px;gap:36px}
.logo-img{height:46px;width:auto;display:block}
.nav-items{display:flex;list-style:none;gap:30px;flex:1;justify-content:center;margin:0;padding:0}
.nav-items > li{position:relative;padding:14px 0}
.nav-top-link{font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);display:inline-flex;align-items:center;gap:5px}
.nav-top-link:hover{color:var(--tan)}
.nav-top-link .caret{font-size:8px;color:var(--tan);transform:translateY(1px);opacity:.7}
.nav-dd{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-6px);background:#FFFFFF;border:1px solid var(--line-paper);padding:24px 30px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;box-shadow:0 30px 60px rgba(8,22,50,.30);min-width:360px;visibility:hidden}
.nav-items > li:hover .nav-dd{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dd-cols{display:grid;gap:28px}
.nav-dd.cols-1 .nav-dd-cols{grid-template-columns:1fr;min-width:260px}
.nav-dd.cols-2 .nav-dd-cols{grid-template-columns:1fr 1fr;min-width:500px}
.nav-dd-col h6{font-family:'Poppins',sans-serif;font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--brown);font-weight:600;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line-paper)}
.nav-dd-col ul{list-style:none}
.nav-dd-col ul li a{display:block;padding:8px 0;font-family:'Inter',sans-serif;font-size:13.5px;color:var(--slate);font-weight:400;line-height:1.35}
.nav-dd-col ul li a:hover{color:var(--blue);padding-left:4px}
.nav-cta{font-family:'Poppins',sans-serif;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--tan);padding-bottom:4px;font-weight:600}
.nav-cta:hover{color:var(--tan);border-color:var(--tan)}
.page-hero{background:linear-gradient(180deg,var(--blue) 0%,var(--blue-deep) 100%);color:var(--paper);padding:84px 38px 96px;border-bottom:1px solid var(--brown)}
.page-hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}
.page-hero .eyebrow{font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--tan);margin-bottom:22px;display:block}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:64px;line-height:1.05;letter-spacing:-.01em;font-weight:500;color:var(--paper)}
.page-hero h1 em{font-style:italic;color:var(--tan-soft)}
.page-hero .breadcrumb{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tan-soft);margin-bottom:32px;display:block}
.page-hero .breadcrumb a{color:var(--tan-soft)}
.page-hero .right-rail{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--tan-soft);line-height:1.5;border-left:2px solid var(--tan);padding-left:24px}
.page-body{max-width:1320px;margin:0 auto;padding:80px 38px}
.bec-lede{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(22px,2.3vw,30px);line-height:1.45;color:var(--brown);font-weight:500;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--tan-soft);text-align:center;max-width:820px;margin-left:auto;margin-right:auto}

/* CATEGORY BLOCK */
.bec-cat{margin-bottom:64px}
.bec-cat-head{margin-bottom:20px;display:flex;gap:24px;align-items:baseline}
.bec-cat-num{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:54px;color:var(--brown);font-weight:500;line-height:1;letter-spacing:-.02em;flex-shrink:0;width:80px}
.bec-cat-title h2{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,2.8vw,34px);color:var(--blue);font-weight:500;line-height:1.15;margin-bottom:4px;letter-spacing:-.012em}
.bec-cat-title h2 em{color:var(--brown);font-style:italic}
.bec-cat-title p{font-family:'Inter',sans-serif;font-size:14px;color:var(--slate-mute);font-style:italic;line-height:1.55;max-width:680px}

/* COMPARISON GRID — Poor | Average | Icon */
.bec-table{background:#FFFFFF;border:1px solid var(--tan-soft);border-top:3px solid var(--brown);overflow:hidden;margin-bottom:18px}
.bec-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;border-bottom:1px solid var(--tan-soft);align-items:stretch}
.bec-row:last-child{border-bottom:none}
.bec-row.head{background:#FFFFFF;border-bottom:2px solid var(--brown)}
.bec-cell{padding:18px 20px;border-right:1px solid var(--tan-soft);font-family:'Inter',sans-serif;font-size:13.5px;line-height:1.55;color:var(--slate);display:flex;flex-direction:column;justify-content:flex-start;gap:6px}
.bec-cell:last-child{border-right:none}
.bec-cell.head-cell{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;padding:14px 20px}
.bec-cell.q{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--blue);font-weight:500;line-height:1.35}
.bec-cell.poor{background:rgba(138,59,59,.06);color:var(--slate)}
.bec-cell.poor .lbl,.bec-cell.head-cell.poor{color:var(--red)}
.bec-cell.avg{background:rgba(107,79,37,.04);color:var(--slate)}
.bec-cell.avg .lbl,.bec-cell.head-cell.avg{color:var(--brown)}
.bec-cell.icon-ans{background:rgba(35,71,159,.06);color:var(--slate);font-weight:500}
.bec-cell.icon-ans .lbl,.bec-cell.head-cell.icon-ans{color:var(--blue)}
.bec-cell.icon-ans strong{color:var(--brown);font-weight:600}

/* CLOSING + CTA */
.bec-closing{margin-top:64px;padding:48px 40px;background:var(--blue);color:var(--paper);border-left:4px solid var(--tan);text-align:center}
.bec-closing h3{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3vw,38px);color:var(--paper);font-weight:500;line-height:1.15;margin-bottom:14px}
.bec-closing h3 em{color:var(--tan-soft);font-style:italic}
.bec-closing p{font-family:'Inter',sans-serif;font-size:15px;color:#dde4f0;line-height:1.7;max-width:640px;margin:0 auto 28px}
.bec-cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.becc{font-family:'Poppins',sans-serif;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:14px 26px;border:1px solid var(--tan);color:var(--tan);transition:all .2s}
.becc.primary{background:var(--tan);color:var(--blue-deep);border-color:var(--tan)}
.becc.primary:hover{background:#FFFFFF;color:var(--blue-deep);border-color:var(--paper)}
.becc:hover{background:var(--tan);color:var(--blue-deep)}

footer{background:#FFFFFF;color:var(--slate);padding:60px 38px 36px;border-top:1px solid var(--line-paper)}
.foot-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(6,1fr);gap:26px}
.foot-brand img{height:42px;margin-bottom:18px;filter:none !important}
footer h5{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brown);font-weight:600;margin-bottom:14px}
footer ul{list-style:none}
footer ul li{padding:4px 0}
footer ul li a{font-family:'Inter',sans-serif;font-size:14px;color:var(--slate)}
.foot-bottom{max-width:1500px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--line-paper);display:flex;justify-content:space-between;font-family:'Inter',sans-serif;font-size:12px;color:var(--brown);flex-wrap:wrap;gap:14px}
@media (max-width:980px){.nav-items{display:none}.foot-grid{grid-template-columns:repeat(3,1fr)}.page-hero-inner{grid-template-columns:1fr;gap:32px}.page-hero h1{font-size:48px}.bec-row{grid-template-columns:1fr;border-bottom:2px solid var(--brown)}.bec-cell{border-right:none;border-bottom:1px solid var(--tan-soft)}}
@media (max-width:740px){.foot-grid{grid-template-columns:1fr}.bec-cat-head{flex-direction:column;gap:8px}.bec-cat-num{font-size:42px}}