/* ===== v36: Option D theme (A + C combined): dark navy and cyan, gold slash, glow; bold uppercase headlines with gold serif italic accents ===== */
:root{
  --display:"Bricolage Grotesque","Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Plus Jakarta Sans","Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Fraunces",Georgia,serif;
  --paper:#05131B; --card:#0A2230; --tint:#0C2836; --ink:#EDE7D8; --muted:#A9BCC3; --line:rgba(255,255,255,.10);
  --on-navy-muted:#A9BCC3; --gold-text:#E2BF6A;
  --d-bg:radial-gradient(900px 480px at 88% 0%,rgba(19,122,128,.28),transparent 60%),radial-gradient(800px 420px at 0% 100%,rgba(214,177,96,.12),transparent 60%),linear-gradient(160deg,#04111A 0%,#071E2A 55%,#0A2A38 100%);
  --d-card:linear-gradient(180deg,rgba(14,86,100,.26),rgba(4,17,26,.92));
  --d-goldtext:linear-gradient(90deg,#F6DE99,#D6B160 45%,#A97E24);
  --d-line:linear-gradient(90deg,transparent,#D6B160,#1A8A92,transparent);
}
body.v2{background:#05131B;color:var(--ink);font-family:var(--body)}
.v2 h1,.v2 h2{font-family:var(--display);font-weight:800;letter-spacing:-.02em}
.v2 h3,.v2 h4{font-family:var(--display);font-weight:700}
.v2 h1{text-transform:uppercase;line-height:1;text-shadow:0 0 40px rgba(26,138,146,.3)}
.v2 h1 em,.v2 h2 em{font-family:var(--serif);font-style:italic;font-weight:700;text-transform:none;letter-spacing:-.01em;background:var(--d-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(214,177,96,.4))}
.v2 p,.v2 li{color:inherit}
.muted,.lead{color:var(--muted)}
/* header, top bar, footer */
.topbar{background:#020B11;border-bottom:1px solid rgba(255,255,255,.05)}
.site-head{background:rgba(3,12,18,.88)!important;backdrop-filter:blur(10px);border-bottom:1px solid transparent!important;border-image:var(--d-line) 1!important;box-shadow:0 10px 30px -18px rgba(0,0,0,.8)!important}
.site-head .brand-sub{color:#EDE7D8;border-left-color:#D6B160}
@media (min-width:1021px){.main-nav>a,.main-nav .drop>button{color:#D8CFBC}.main-nav>a:hover,.main-nav .drop>button:hover{color:#fff;background:rgba(255,255,255,.06)}.main-nav>a.on,.main-nav .drop>button.on{color:#E2BF6A}}
.menu-btn{color:#fff;background:transparent;border-color:rgba(214,177,96,.6)}
.drop-panel{background:#071E2A;border:1px solid rgba(214,177,96,.25);box-shadow:0 24px 50px -20px rgba(0,0,0,.8)}
.drop-panel a{color:#EDE7D8}.drop-panel a small{color:#A9BCC3}.drop-panel a:hover{background:rgba(26,138,146,.16)}
.foot-brand{background:linear-gradient(90deg,#04111A,#0A2A38)!important;border-top:1px solid rgba(214,177,96,.35)!important;border-bottom:3px solid #D6B160!important}
.foot-brand .brand-sub{color:#EDE7D8}
.site-foot{background:#020B11}
/* sections */
.sec{background:var(--d-bg)}
.sec.white{background:linear-gradient(180deg,#061722,#05131B)}
.sec.tint{background:linear-gradient(160deg,#0A2836,#061722)}
.sec.navy{background:radial-gradient(900px 500px at 100% 100%,rgba(26,138,146,.35),transparent 70%),linear-gradient(160deg,#030E15,#082F40)}
.hero{background:var(--d-bg)!important;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-6%;top:-15%;width:38%;height:140%;background:linear-gradient(115deg,transparent 0 30%,rgba(214,177,96,.55) 30% 35%,transparent 35% 44%,rgba(26,138,146,.35) 44% 47%,transparent 47%);filter:drop-shadow(0 0 26px rgba(214,177,96,.35));pointer-events:none;z-index:0}
.hero>.wrap{position:relative;z-index:1}
.strip{background:#030E15!important;border-bottom:1px solid rgba(214,177,96,.2)}
.strip .wrap{color:#CFC6B2}
.standards{background:linear-gradient(90deg,#030E15,#0E5664 50%,#030E15)!important}
.eyebrow{background:var(--d-goldtext)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
/* cards */
.card,.step,.product,.f4,.mod,.feat,.panel,.finder-panel{background:var(--d-card)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--ink)}
.card,.product,.f4{border-top:3px solid #D6B160!important;border-radius:4px!important}
.card:hover,.f4:hover,.product:hover,a.card:hover{box-shadow:0 20px 44px -20px rgba(214,177,96,.5),0 0 0 1px rgba(214,177,96,.35)!important;transform:translateY(-4px)}
.mod{border-left:3px solid #1A8A92!important;border-radius:4px!important}
.card h3,.product h3,.f4 h3,.step h3{text-transform:uppercase;letter-spacing:.01em}
.checks li::before{filter:drop-shadow(0 0 6px rgba(214,177,96,.4))}
.tag,.badge{background:linear-gradient(90deg,rgba(214,177,96,.2),rgba(26,138,146,.2));border:1px solid rgba(214,177,96,.4);color:#F1E5C4}
.pills span{background:rgba(255,255,255,.03)!important;border-color:rgba(214,177,96,.35)!important;color:#EDE7D8}
.finder-tabs button{background:rgba(255,255,255,.03);color:#D8CFBC;border-color:rgba(255,255,255,.1)}
.finder-tabs button[aria-selected="true"]{background:var(--d-goldtext);color:#081A24}
/* buttons */
.btn:not(.ghost):not(.outline):not(.dark){border-radius:4px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 12px 30px -8px rgba(214,177,96,.7),5px 5px 0 #0E5664!important}
.btn:not(.ghost):not(.outline):not(.dark):hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 16px 36px -8px rgba(214,177,96,.9),3px 3px 0 #1A8A92!important;transform:translate(2px,2px)}
.btn.outline,.btn.ghost,.main-nav .login-btn{border-radius:4px!important;background:linear-gradient(#071E2A,#071E2A) padding-box,linear-gradient(135deg,#F6DE99,#1A8A92) border-box!important;border:2px solid transparent!important;color:#F1E5C4!important;box-shadow:0 0 24px -10px rgba(26,138,146,.8)}
.btn.outline:hover,.btn.ghost:hover,.main-nav .login-btn:hover{background:linear-gradient(135deg,#0E5664,#082F40) padding-box,linear-gradient(135deg,#F6DE99,#1A8A92) border-box!important;color:#fff!important;box-shadow:0 0 30px -6px rgba(26,138,146,.9)}
.btn.dark{border-radius:4px!important}
.cta{background:linear-gradient(120deg,#0A2A38,#04111A 55%,#0E5664)!important;color:#EDE7D8;border-top:1px solid rgba(214,177,96,.4);border-bottom:1px solid rgba(214,177,96,.4)}
.cta h2{color:#fff}.cta p{color:#A9BCC3}
.cta .btn.dark{background:var(--gold-shine)!important;color:#081A24!important;box-shadow:0 12px 30px -8px rgba(214,177,96,.7),5px 5px 0 #0E5664!important}
/* forms, dialogs, chat */
.v2 input,.v2 select,.v2 textarea{background:#061722;color:#EDE7D8;border:1px solid rgba(255,255,255,.18)}
.v2 input::placeholder,.v2 textarea::placeholder{color:#7F959D}
.v2 label{color:#EDE7D8}
.info-dlg{background:linear-gradient(160deg,#0A2836,#04111A)!important;color:#EDE7D8!important;border:1px solid rgba(214,177,96,.4)!important;box-shadow:10px 10px 0 rgba(214,177,96,.7),0 30px 80px -20px rgba(0,0,0,.8)!important}
.info-dlg p{color:#A9BCC3}.info-x{color:#EDE7D8;border-color:rgba(255,255,255,.2)}
.login-opt{border-color:rgba(255,255,255,.14)}.login-row{background:#061722;border-color:rgba(255,255,255,.18)}.login-row input{color:#EDE7D8}
.chat-panel,.chat-box{background:#071E2A;color:#EDE7D8}
/* light logo needs no white plate any more */
.foot-logo{background:transparent;box-shadow:none}
@media (max-width:760px){.hero::after{display:none}}
/* v37: Option D fixes for parts that still had light boxes */
.mod b,.mod strong{color:#fff}
.mod p{color:var(--muted)}
.work,article.work{background:var(--d-card)!important;border:1px solid rgba(255,255,255,.08)!important;border-top:3px solid #D6B160!important}
.work h3,.work .work-body h3{color:#fff}.work p,.work .work-body p{color:var(--muted)}
.tour-panel{background:var(--d-card)!important;border:1px solid rgba(255,255,255,.08)}
.tour-copy h3{color:#fff}.tour-copy p{color:var(--muted)}.tour-count{color:#E2BF6A}
.screen-frame .bar span{color:#4A5A62}
.phone .screen{color:#13262E}
.phone .screen .ph-h,.phone .screen .q p{color:#13262E}.phone .screen .ph-sub,.phone .screen .meter span{color:#4A5A62}
.phone .screen .finding,.phone .screen .finding b{color:#7A1D17}
.v2 details,.faq details{background:var(--d-card)!important;border:1px solid rgba(255,255,255,.1)!important}
.v2 details summary{color:#fff}.v2 details p{color:var(--muted)}
.iso-journey li,.iso-benefits li,.iso-journey span,.iso-benefits span{color:var(--ink)}
.iso-journey li b,.iso-benefits li b{color:#fff}
.iso-journey li,.iso-benefits li,.iso-extra span{background:rgba(255,255,255,.03)!important}
.v2 .more,.card .more,.sec .lead a,.sec p a:not(.btn),.sec-head a:not(.btn){color:#E2BF6A}
.glance-brand .brand-sub{color:#EDE7D8}

.theme-btn{background:linear-gradient(#071E2A,#071E2A) padding-box,linear-gradient(135deg,#F6DE99,#1A8A92) border-box;color:#F6DE99;box-shadow:0 0 18px -8px rgba(26,138,146,.8)}