@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap");
/* Refined navy & brass theme (loaded last on every page) */
:root{--amber:#c8a24a;--brass-dk:#8f6f22;--brass-lt:#d9bd78;--heat:#b8693a;--teal:#8f6f22;--paper:#f5f4f0;--line:#e2ded4;--r:10px;--serif:"Source Serif 4",Georgia,"Times New Roman",serif}
body{background:var(--paper)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
.hero h1,.page-hero h1{font-weight:600}
.drawer-panel a,.btn,.lang button,.tag,.badge,.util,.stats b,.nums b,.tip b,.abbr,.how b,.avatar{font-family:var(--sans)}
em{color:var(--amber)}
.eyebrow{color:var(--brass-dk);letter-spacing:.16em}
.hero .eyebrow,.ins .eyebrow,.page-hero .eyebrow,.navy .eyebrow{color:var(--brass-lt)}

/* buttons & controls: squarer, quieter */
.btn{border-radius:6px;background:var(--amber);border-color:var(--amber);color:#0a1c38;letter-spacing:.01em}
.btn:hover{background:#b8913a;border-color:#b8913a;transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(10,28,56,.45)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
.lang{border-radius:6px}
.burger{border-radius:6px}
.chip span{border-radius:6px}
.drawer-panel a.drawer-call{border-radius:6px}
.tag,.badge,.pcard .util{border-radius:4px}
.drawer-x{border-radius:6px}

/* one accent instead of a rainbow */
.meter i,.gauge-fill,.fbar i,.tl .line,.val::after{background:var(--amber)}
.how::before{background:var(--amber)}
.tl li.on::before{border-color:var(--amber);background:var(--amber)}
.ticker{background:#0f2b55;color:var(--brass-lt);border-top:1px solid rgba(200,162,74,.35);border-bottom:1px solid rgba(200,162,74,.35)}
.ticker-track{animation-duration:55s}
.tip b{color:var(--brass-dk)}
.calc-box output{color:var(--navy2,#123064)}
.calc-box input[type=range]{accent-color:var(--amber)}
.prog{border-left-color:var(--amber)}
.badge{background:var(--amber);color:#0a1c38}
.gets li i,.thanks .tick{background:var(--amber)}
.avatar{box-shadow:0 0 0 4px #fff,0 0 0 5px var(--amber)}
.ico .wave{stroke:var(--brass-lt)}
.measure .a1{stroke:var(--brass-lt)}
.measure .a2{stroke:#fff}
.f input:focus,.f select:focus,.f textarea:focus{border-color:#123064;box-shadow:0 0 0 3px rgba(18,48,100,.14)}
.stats div{border-top-color:var(--amber)}
.card,.prog,.tip,.val,.person,.pcard,.office,.form-card,.calc-box{border-radius:var(--r)}

/* energy advisement tool */
#ea{--gold:#c8a24a}
#ea .submit-btn,#ea .pdf-btn{border-radius:6px}
#ea .card-header .icon{color:#0a1c38}
#ea h2,#ea #report h2{font-family:var(--serif);font-weight:600}

/* measure stat tag */
.mstat{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0a1c38;background:var(--amber);padding:.3em .7em;border-radius:4px;margin-bottom:12px}
.measure.feature{border-color:rgba(200,162,74,.55)}
.measure.feature svg{display:block}

/* get started options */
.opts2{display:grid;gap:14px;margin-bottom:20px}
.opt{position:relative;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:var(--r);padding:20px 22px 20px 70px}
.opt h3{margin-bottom:.25em}
.opt p{margin:0;color:var(--mute)}
.optn{position:absolute;left:20px;top:20px;width:34px;height:34px;border-radius:50%;background:#0a1c38;color:var(--amber);display:grid;place-items:center;font-weight:800;font-family:var(--sans)}

/* advisor passcode gate */
body.locked>*:not(#gate){display:none!important}
.gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:radial-gradient(900px 500px at 80% 10%,#123064,transparent 60%),#0a1c38}
.gate-box{width:min(420px,100%);background:#fff;border-radius:12px;padding:32px 28px;text-align:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.gate-box img{width:88px;height:88px;margin:0 auto 10px;background:#0a1c38;border-radius:50%;padding:8px}
.gate-box h1{font-size:1.7rem;margin-bottom:.3em}
.gate-box p{color:var(--mute);margin:0 0 18px}
.gate-box label{display:block;text-align:left;font-weight:600;margin-bottom:6px}
.gate-box input{width:100%;padding:.8em 1em;border:1.5px solid var(--line);border-radius:6px;font:inherit;margin-bottom:14px}
.gate-box input:focus{outline:none;border-color:#123064;box-shadow:0 0 0 3px rgba(18,48,100,.14)}
.gate-box .btn{width:100%}
.gate-box #gateMsg{color:#b42318;min-height:1.4em;margin:12px 0 6px}
.gate-box a{font-size:.9rem;color:#123064}

/* advisor survey link (passcode-protected page) */
a[href="advisor.html"]::after{content:"";display:inline-block;width:.75em;height:.75em;margin-left:.4em;vertical-align:-.05em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 0 1 8 0v2h1v9H3V7zm2 0h4V5a2 2 0 0 0-4 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 0 1 8 0v2h1v9H3V7zm2 0h4V5a2 2 0 0 0-4 0z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:1240px){.links a[href="advisor.html"]{display:none}}