/* ===== Round 5: lit layers, raised cards, gold badges, states (loads after brand.css) ===== */
:root{--g1:#f3dfae;--g2:#e8c99d;--g3:#b89659;--g4:#9d7530;--n0:#070f27;--n1:#0c1a41;--n2:#182f58;--n3:#334b7b}
/* no flat white: lit, layered light sections */
section.light{background-color:#f7f9fc!important;background-image:
 radial-gradient(900px 420px at 88% -6%,rgba(232,201,157,.20),transparent 62%),
 radial-gradient(800px 520px at 4% 108%,rgba(51,75,123,.13),transparent 60%),
 radial-gradient(1200px 600px at 50% 40%,#fff 0,rgba(255,255,255,0) 70%),
 linear-gradient(180deg,#fdfdfe 0%,#eef1f7 100%)!important}
/* no flat navy: lit, layered dark sections with fine grain */
section.dark{background-color:var(--n1)!important;background-image:
 radial-gradient(700px 380px at 82% 0%,rgba(232,201,157,.14),transparent 65%),
 radial-gradient(900px 600px at 0% 100%,rgba(74,127,200,.22),transparent 60%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
 linear-gradient(165deg,#1a3466 0%,#0c1a41 55%,#070f27 100%)!important}
footer{background-image:radial-gradient(700px 300px at 15% 0,rgba(232,201,157,.10),transparent 65%),linear-gradient(180deg,#0c1a41,#050b1e)!important}
/* thin gold divider with a diamond between stacked sections */
section.light+section.light:not([style*="padding-top:0"]){position:relative}
section.light+section.light:not([style*="padding-top:0"])>.wrap:before{content:"";display:block;height:1px;margin:0 auto 64px;max-width:520px;background:linear-gradient(90deg,transparent,var(--g3),transparent)}
/* raised 3D cards: cool white with a fine gold rim (overrides the cream fill) */
.light .card,.light .plan:not(.feat),.light .portalnote,.light .paysoon{background:linear-gradient(172deg,#ffffff 0%,#f6f8fc 60%,#e9eef7 100%)!important;
 box-shadow:inset 0 2px 0 #fff,inset 0 -3px 0 rgba(12,26,65,.07),0 0 0 1px rgba(184,150,89,.38),0 2px 4px rgba(12,26,65,.06),0 18px 36px -14px rgba(12,26,65,.28),0 44px 70px -40px rgba(12,26,65,.35)!important;border:0!important}
.card,.plan{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,filter .35s!important;outline:none;-webkit-tap-highlight-color:transparent}
/* lift + gold rim + soft outer glow: hover, focus, tap/selected */
:is(.light,.dark,section,div) :is(.card,.plan):is(:hover,:focus-visible,:focus-within,.sel){transform:translateY(-8px)!important;
 box-shadow:inset 0 2px 0 rgba(255,255,255,.9),0 0 0 2px var(--g3),0 0 0 6px rgba(232,201,157,.35),0 0 54px 6px rgba(184,150,89,.55),0 34px 60px -20px rgba(12,26,65,.55)!important}
.plan .selb{display:none}.plan.sel .selb{display:block;position:absolute;top:18px;right:16px;font:700 .62rem/1 Inter,sans-serif;letter-spacing:.18em;color:var(--n1);background:linear-gradient(180deg,var(--g1),var(--g3));padding:7px 10px;border-radius:999px;box-shadow:0 6px 14px -4px rgba(157,117,48,.6);z-index:3}
.plan{position:relative}
/* embossed headings and key text, light gold highlight */
.card h3,.plan h3,.portalnote b,.paysoon h2{text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 3px rgba(12,26,65,.16)}
.light .card h3,.light .plan:not(.feat) h3{color:var(--n1)!important;background-image:linear-gradient(transparent 62%,rgba(232,201,157,.38) 62%,rgba(232,201,157,.38) 88%,transparent 88%);display:inline;padding:0 2px}
.dark .card h3,.plan.feat h3{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 18px rgba(232,201,157,.35)}
.plan .price{background-image:linear-gradient(180deg,#0c1a41 30%,#334b7b 70%,#9d7530 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 3px 4px rgba(12,26,65,.2))}
.plan .price small{-webkit-text-fill-color:#4a5878}
.plan.feat .price{background-image:linear-gradient(180deg,#fff 35%,#f3dfae 100%);filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.plan.feat .price small{-webkit-text-fill-color:#dfe5f2}
/* glowing raised gold check badges */
.plan li,ul.ticks li{position:relative;padding-left:34px!important}
.plan li:before,ul.ticks li:before,.ticks li:before{content:""!important;position:absolute;left:0!important;top:.6em!important;width:20px!important;height:20px!important;border:0!important;transform:none!important;border-radius:50%!important;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6' fill='none' stroke='%230c1a41' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat,radial-gradient(circle at 32% 28%,#fff6dc,#e8c99d 45%,#b89659 75%,#9d7530)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(0,0,0,.18),0 2px 4px rgba(12,26,65,.25),0 0 12px rgba(232,201,157,.55)!important}
.plan li{line-height:1.5}
.cmp .y{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6' fill='none' stroke='%230c1a41' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat,radial-gradient(circle at 32% 28%,#fff6dc,#e8c99d 45%,#b89659 75%,#9d7530);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(0,0,0,.18),0 0 10px rgba(232,201,157,.5)}
.cmp .n{color:#5b6684!important;font-weight:700}
.concept .lbl{color:#f3dfae!important}.concept:nth-child(3n) .lbl{color:#5d4a1f!important}
/* portal + payments */
.portalnote{margin-top:34px;border-radius:18px;padding:26px 30px}
.portalnote p{margin:0;color:#24345c}
.paysoon{border-radius:24px;padding:46px;text-align:center;max-width:820px;margin:0 auto}
.paysoon .lead{margin:12px auto 0}
.payslot{margin:28px auto 0;max-width:420px;border:1.5px dashed rgba(157,117,48,.6);border-radius:14px;padding:18px;color:#4a5878;font-size:.9rem;background:repeating-linear-gradient(135deg,rgba(232,201,157,.10) 0 10px,transparent 10px 20px)}
/* gentle motion */
@keyframes r5float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes r5sheen{0%{background-position:-150% 0}100%{background-position:250% 0}}
.fimg img{animation:r5float 9s ease-in-out infinite}
.plan.feat:after{background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%) 0 0/250% 100% no-repeat!important;animation:r5sheen 7s ease-in-out infinite}
/* mega menu: open via click/tap/keyboard as well as hover */
.dd.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd.open .ddt svg{transform:rotate(180deg)}
.ddt:focus-visible,.mi:focus-visible,.mimg:focus-visible,a:focus-visible,.btn:focus-visible{outline:2px solid var(--g2);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,.plan:hover,.card.sel,.plan.sel,.card:focus-within,.plan:focus-within{transform:none!important}}
.dd.shut .mega{opacity:0!important;visibility:hidden!important;pointer-events:none}
.dd.open .mega{transition-delay:0s!important}
.dd.open .mega{transition:opacity .3s,transform .3s!important}
.light .plan:not(.feat) .payplan{background:linear-gradient(180deg,#f3f5fa,#e7ecf5)!important;box-shadow:inset 0 0 0 1px rgba(184,150,89,.28)}
/* FIX: hero h1 lines 1 and 3 were invisible (gradient clipped on the h1 while lines are separate layers) */
.hero h1{background:none!important;color:#fff!important;-webkit-text-fill-color:initial}
.hero h1 .line:not(:nth-child(2)) span{background-image:linear-gradient(180deg,#ffffff 40%,#e9eef8 75%,#f3dfae 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .line span{text-shadow:none!important}.hero h1{filter:drop-shadow(0 4px 18px rgba(0,0,0,.5))}
.ico svg,.card .ico svg{stroke:#0c1a41!important;color:#0c1a41!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
a[href^="tel:"]{white-space:nowrap}
/* HOME HERO: gold bloom on summits, ridge glow, snowcap shimmer (reduced-motion safe) */
.hero:has(.hbg[style*="hero-peaks"]) .hbg{filter:saturate(1.08) contrast(1.05) brightness(1.04)}
.hero:has(.hbg[style*="hero-peaks"]) .hshade{background:linear-gradient(90deg,rgba(7,15,39,.88) 0%,rgba(7,15,39,.62) 32%,rgba(7,15,39,.08) 58%,transparent 75%),linear-gradient(0deg,rgba(7,15,39,.75),transparent 30%)!important}
.hero:has(.hbg[style*="hero-peaks"]) .sweep{position:absolute;inset:0;pointer-events:none;z-index:1;background:
 radial-gradient(28% 34% at 77% 30%,rgba(255,226,160,.30),transparent 70%),
 radial-gradient(18% 22% at 78% 24%,rgba(255,244,214,.28),transparent 70%),
 radial-gradient(40% 30% at 95% 52%,rgba(232,201,157,.18),transparent 70%);mix-blend-mode:screen;animation:heroBloom 7s ease-in-out infinite alternate}
.hero:has(.hbg[style*="hero-peaks"]) .rays{background:linear-gradient(105deg,transparent 42%,rgba(255,250,235,.0) 46%,rgba(255,246,222,.22) 50%,rgba(255,250,235,0) 54%,transparent 58%) 0 0/300% 100% no-repeat!important;mix-blend-mode:screen;opacity:1!important;
 -webkit-mask-image:radial-gradient(38% 46% at 76% 36%,#000 40%,transparent 75%);mask-image:radial-gradient(38% 46% at 76% 36%,#000 40%,transparent 75%);animation:snowShimmer 9s ease-in-out infinite;inset:0!important;width:auto!important;left:0!important;right:0!important;transform:none!important}
@keyframes heroBloom{from{opacity:.75}to{opacity:1}}
@keyframes snowShimmer{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
@media (max-width:700px){.hero:has(.hbg[style*="hero-peaks"]) .hbg{background-position:72% center!important}
 .hero:has(.hbg[style*="hero-peaks"]) .hshade{background:linear-gradient(180deg,rgba(7,15,39,.35) 0%,rgba(7,15,39,.55) 45%,rgba(7,15,39,.85) 100%)!important}}
@media (prefers-reduced-motion:reduce){.hero .sweep,.hero .rays{animation:none!important}}
@media (max-width:700px){.hero:has(.hbg[style*="hero-peaks"]) .rays{display:none!important}}
/* ===== MENU UPGRADE (nav, mega, drawer) ===== */
:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* scrolled glass bar */
.nav{transition:background .4s,box-shadow .4s,backdrop-filter .4s}
.nav.solid{background:linear-gradient(180deg,rgba(14,30,72,.9),rgba(7,15,39,.88))!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 18px 40px -22px rgba(0,0,0,.75),0 10px 30px -18px rgba(232,201,157,.28)!important}
.nav.solid:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,201,157,.15) 15%,#e8c99d 50%,rgba(232,201,157,.15) 85%,transparent);box-shadow:0 0 10px rgba(232,201,157,.55);pointer-events:none}
/* active item */
.dd.on>.ddt,.links a.top.on{color:#f3dcae!important;text-shadow:0 0 14px rgba(232,201,157,.55)}
.dd.on>.ddt:after,.links a.top.on:after{content:"";position:absolute;left:30%;right:30%;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#e8c99d,transparent);box-shadow:0 0 8px #e8c99d}
/* CTA */
.nav .btn.shine{background:linear-gradient(180deg,#f7e4ba,#d9b06a 55%,#b88d45)!important;color:#0a1636!important;font-weight:600;border:1px solid rgba(255,240,205,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(120,85,30,.35),0 0 22px rgba(232,201,157,.45),0 8px 18px -8px rgba(0,0,0,.6)!important;transition:box-shadow .3s,transform .3s}
.nav .btn.shine:hover,.nav .btn.shine:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 0 rgba(120,85,30,.35),0 0 34px rgba(232,201,157,.7),0 10px 22px -8px rgba(0,0,0,.6)!important;transform:translateY(-1px)}
/* mega panel: frosted glass */
.mega{background:radial-gradient(420px 220px at 85% -10%,rgba(232,201,157,.16),transparent 70%),linear-gradient(180deg,rgba(22,44,94,.82),rgba(8,18,46,.88))!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important;border:1px solid rgba(232,201,157,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(10,22,52,.6),0 34px 70px -24px rgba(0,0,0,.85),0 22px 48px -18px rgba(232,201,157,.32)!important;transform:translate(-50%,12px) scale(.97);transform-origin:50% 0}
.mega>.mgrid{position:relative;z-index:1}
.mega .mgrid:before{content:"";position:absolute;inset:-14px;border-radius:20px;background:var(--grain);opacity:.9;pointer-events:none;z-index:-1}
.mega:after{background:#1c3870!important;border-color:rgba(232,201,157,.6)!important}
.dd:hover .mega,.dd:focus-within .mega,.dd.open .mega{transform:translate(-50%,0) scale(1)!important;transition:opacity .32s cubic-bezier(.2,.7,.2,1),transform .38s cubic-bezier(.2,.7,.2,1),visibility 0s!important}
/* stagger */
.mega .mi,.mega .mimg{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s,box-shadow .25s}
.dd:hover .mega .mi,.dd:focus-within .mega .mi,.dd.open .mega .mi,.dd:hover .mega .mimg,.dd:focus-within .mega .mimg,.dd.open .mega .mimg{opacity:1;transform:none}
.mega .mi:nth-child(1){transition-delay:.05s}.mega .mi:nth-child(2){transition-delay:.1s}.mega .mi:nth-child(3){transition-delay:.15s}.mega .mi:nth-child(4){transition-delay:.2s}.mega .mimg{transition-delay:.12s}
.dd.shut .mega .mi,.dd.shut .mega .mimg{opacity:0}
/* rows */
.mi{overflow:hidden;border-radius:14px!important}
.mi:before{content:"";position:absolute;top:0;bottom:0;left:-50%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,236,196,.16),transparent);transform:skewX(-20deg);pointer-events:none;opacity:0}
.mi:hover,.mi:focus-visible{background:linear-gradient(90deg,rgba(232,201,157,.17),rgba(232,201,157,.03))!important;border-color:rgba(232,201,157,.42)!important;box-shadow:inset 3px 0 0 #e8c99d,0 0 18px -6px rgba(232,201,157,.4)!important;transition-delay:0s!important}
.mi:hover:before,.mi:focus-visible:before{opacity:1;animation:miSweep .9s ease-out forwards}
@keyframes miSweep{from{left:-50%}to{left:120%}}
.mi:hover b,.mi:focus-visible b{color:#fff3d6}
.mi small{color:#aab4cb!important}
/* gold badges */
.mega .mic,.dgroup .mic{background:radial-gradient(circle at 32% 22%,#fff1cc,#e3bd78 38%,#a8792f 78%,#7a5520)!important;border:1px solid rgba(255,240,205,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 3px rgba(80,50,10,.45),0 6px 12px -5px rgba(0,0,0,.7),0 0 16px rgba(232,201,157,.35)!important;transition:box-shadow .3s,transform .3s}
.mega .mic svg,.dgroup .mic svg{stroke:#0c1a41!important;stroke-width:1.8!important}
.mi:hover .mic,.mi:focus-visible .mic{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 3px rgba(80,50,10,.45),0 8px 14px -5px rgba(0,0,0,.7),0 0 24px rgba(232,201,157,.65)!important}
/* feature card */
.mimg{background-size:cover!important;background-position:center!important;border:1px solid rgba(232,201,157,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 4px rgba(10,22,52,.55),0 0 0 5px rgba(232,201,157,.25),0 16px 30px -12px rgba(0,0,0,.8)!important}
.mimg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%);pointer-events:none}
.mimg:before{background:linear-gradient(180deg,transparent 45%,rgba(6,14,36,.94))!important}
.mimg span{font-size:1.08rem!important;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.mimg span:after{content:"Concept image";display:block;font:500 .62rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#e8c99d;margin-top:6px}
.mimg:hover,.mimg:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 4px rgba(10,22,52,.55),0 0 0 5px rgba(232,201,157,.55),0 0 30px rgba(232,201,157,.35)!important}
/* drawer */
.dbg{background:#0a1636!important}
.dbg:after{background:radial-gradient(500px 300px at 90% 0,rgba(232,201,157,.14),transparent 70%),linear-gradient(180deg,rgba(18,38,84,.92),rgba(6,14,36,.97)),var(--grain)!important;backdrop-filter:blur(20px)}
.dinner:before{content:"";position:fixed;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e8c99d,transparent);box-shadow:0 0 10px rgba(232,201,157,.6)}
.dgroup{border-top:1px solid rgba(232,201,157,.22)!important}
.dgroup a{position:relative;border-radius:12px;padding:10px 10px!important;margin:0 -10px;transition:background .25s,box-shadow .25s,opacity .4s,transform .4s;opacity:0;transform:translateY(10px)}
.menu-open .dgroup a{opacity:1;transform:none}
.menu-open .dgroup:nth-child(1) a{transition-delay:.08s}.menu-open .dgroup:nth-child(2) a{transition-delay:.14s}.menu-open .dgroup:nth-child(3) a{transition-delay:.2s}.menu-open .dgroup:nth-child(4) a{transition-delay:.26s}
.dgroup a:hover,.dgroup a:focus-visible,.dgroup a:active{background:linear-gradient(90deg,rgba(232,201,157,.15),transparent);box-shadow:inset 3px 0 0 #e8c99d;transition-delay:0s!important}
.dgroup a.on{color:#f3dcae!important;text-shadow:0 0 12px rgba(232,201,157,.5);box-shadow:inset 3px 0 0 #e8c99d}
.dlab{color:#e8c99d!important}
@media (prefers-reduced-motion:reduce){.mega,.mega .mi,.mega .mimg,.dgroup a,.nav,.nav .btn.shine,.mic{transition:none!important;animation:none!important}.mega,.dd:hover .mega,.dd.open .mega{transform:translate(-50%,0)!important}.mega .mi,.mega .mimg,.dgroup a{transform:none!important}.mi:before{display:none}}
