/* Winter Crystal v7 — permanent dark theme and responsive, independent layers.
   Loaded after the legacy styles; all functional markup and MySQL statistics remain intact. */
:root{color-scheme:dark;--v5-ink:#f3f7ff;--v5-muted:#bfd2f6;--v5-card:rgba(12,30,70,.86);--v5-panel:rgba(15,32,76,.92);--v5-outline:rgba(91,150,240,.68);--v5-line:rgba(113,157,233,.32);--v5-shadow:0 14px 38px rgba(0,7,28,.38),inset 0 1px rgba(164,213,255,.08);--info-bg:rgba(13,29,66,.86);--info-border:rgba(79,126,206,.60);--info-ink:#f2f7ff;--info-muted:#c1d0ef;--info-subtle:#1d376b;--info-shadow:0 14px 38px rgba(1,9,36,.38)}
html,body.v5-body{max-width:100%;overflow-x:clip;scroll-behavior:smooth}
html[data-theme="dark"] body.v5-body{margin:0;background:#07132d;color:#f3f7ff}
body.v5-body::before{display:none!important}
body.v5-body .page.v5-page{isolation:isolate;overflow:clip;min-height:100dvh;background:radial-gradient(ellipse 75% 480px at 55% 1%,rgba(28,74,150,.31),transparent 80%),linear-gradient(180deg,#06122c 0%,#09173a 23%,#091633 54%,#060e24 100%);color:var(--v5-ink)}
body.v5-body .container,body.v5-body .header.v5-header{width:min(100% - clamp(32px,5vw,104px),1840px);max-width:1840px;margin-inline:auto}
body.v5-body .header.v5-header{margin-top:clamp(10px,1.25vw,20px)}
body.v5-body .v5-header .header-inner{min-height:68px;height:auto;padding:10px clamp(14px,1.8vw,30px);border-radius:28px;gap:clamp(10px,1.4vw,24px);background:rgba(10,25,62,.89);border:1px solid rgba(97,163,255,.67);box-shadow:0 13px 35px rgba(1,7,27,.38),inset 0 1px rgba(149,209,255,.10)}
body.v5-body .v5-brand{min-width:175px}
body.v5-body .v5-brand .brand-words strong{font-size:clamp(17px,1.22vw,22px)}
body.v5-body .v5-nav{gap:clamp(0px,.28vw,9px)}
body.v5-body .v5-nav .nav-link{font-size:clamp(10px,.65vw,13px);padding:10px clamp(6px,.65vw,15px)}
body.v5-body .v5-cta{min-height:44px;height:auto;font-size:clamp(11px,.72vw,14px);padding:10px 18px}
body.v5-body .menu-button{margin-left:auto;flex:none}
body.v5-body .mobile-nav{top:calc(100% + 7px);border-radius:20px}
/* One background illustration, one mascot illustration; no tiled artwork. */
.v5-scene{top:0;left:0;right:0;height:clamp(700px,66vw,1120px);width:100%;overflow:hidden;pointer-events:none}
.v5-scene:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(180deg,transparent,#091633 96%);pointer-events:none}
.v5-decor,html[data-theme="dark"] .v5-decor{inset:0;background-image:url('./v5-decor-dark.webp');background-position:center top;background-repeat:no-repeat;background-size:100% auto;opacity:.85}
.v5-aurora{filter:blur(60px);max-width:75vw;opacity:.18}
body.v5-body .snow-layer{opacity:.4}
/* Hero: adaptive layout with a soft-edged standalone scene. */
.v5-hero{position:relative;display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);align-items:center;min-height:clamp(375px,27vw,550px);height:auto;padding:24px 0 32px;isolation:isolate}
.v5-hero-text{grid-column:1;grid-row:1;position:relative;z-index:3;max-width:none;min-width:0;padding:0 8px 0 clamp(12px,2vw,44px)}
.v5-hero-art,html[data-theme="dark"] .v5-hero-art{position:absolute;z-index:1;top:0;right:-1.5%;left:auto;bottom:auto;height:100%;width:63%;min-width:0;transform:none;background-image:url('./v5-hero-dark.webp');background-repeat:no-repeat;background-position:left center;background-size:auto 100%;mask-image:linear-gradient(90deg,transparent 0%,black 11%,black 89%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 11%,black 89%,transparent 100%);animation:none;filter:drop-shadow(0 16px 24px rgba(4,10,31,.19));pointer-events:none}
.v5-hero h1{font-size:clamp(42px,3.65vw,76px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 18px;max-width:18ch;overflow-wrap:normal}
.v5-hero-desc{font-size:clamp(13px,1.06vw,19px);line-height:1.63;max-width:52ch;color:#d7e6ff!important}
.v5-hero-actions{gap:12px;flex-wrap:wrap;margin-top:24px}
body.v5-body .v5-main-button,body.v5-body .v5-sub-button{padding:11px 22px;min-height:50px;font-size:clamp(12px,.8vw,15px);max-width:100%;white-space:normal;text-align:center}
.v5-ticks{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:24px}
.v5-ticks>span,.v5-ticks>span:not(:first-child){position:static;display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;background:none;box-shadow:none;margin:0;white-space:normal;font-size:0}
.v5-ticks>span:before{content:'✓';width:19px;height:19px;display:grid;place-items:center;background:linear-gradient(145deg,#18d2ff,#246dff);box-shadow:0 0 15px rgba(38,145,255,.28);border-radius:50%;color:white;font-size:12px}
.v5-ticks small{position:static;display:inline;font-size:clamp(10px,.69vw,13px);font-weight:750;color:#e6f2ff;white-space:normal}
/* Feature cards: imagery occupies its own right column, text never sits behind it. */
.v5-features{position:relative;z-index:4}
.v5-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.35vw,24px)}
.v5-feature,html[data-theme="dark"] .v5-feature{min-width:0;height:auto;min-height:clamp(206px,14vw,275px);border-radius:24px;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,rgba(13,40,88,.96),rgba(12,25,65,.96));box-shadow:0 12px 30px rgba(0,8,35,.49),inset 0 0 18px rgba(54,123,230,.14)}
.v5-feature--auto,html[data-theme="dark"] .v5-feature--auto{background:linear-gradient(120deg,#282050,#231b53)}
.v5-feature--stats,html[data-theme="dark"] .v5-feature--stats{background:linear-gradient(120deg,#0d315b,#12245b)}
.v5-feature .v5-feature-ico{top:18px;left:18px;width:40px;height:40px}
.v5-feature-content{z-index:4;width:60%;height:100%;padding:20px 0 20px 20px;display:flex;flex-direction:column;align-items:flex-start}
.v5-feature h2{padding-left:49px;margin:5px 0 19px;font-size:clamp(17px,1.12vw,23px);line-height:1.25;white-space:normal;overflow-wrap:normal}
.v5-feature p{font-size:clamp(11px,.79vw,15px);line-height:1.55;max-width:none;width:100%;margin:0;color:#d8e6ff}
.v5-feature-arrow{position:absolute;bottom:17px;left:19px;font-size:18px;margin:0}
.v5-feature p{padding-bottom:36px}
.v5-feature-img,.v5-feature--auto .v5-feature-img,.v5-feature--stats .v5-feature-img{position:absolute;right:1%;bottom:0;width:41%;height:94%;max-height:270px;max-width:none;object-fit:contain;object-position:center bottom;z-index:2;mask-image:none;-webkit-mask-image:none;opacity:1;filter:drop-shadow(0 0 11px rgba(44,121,255,.25))}
/* Statistics never squeezes into illegible fixed columns. */
.v5-stats{display:grid;grid-template-columns:minmax(195px,1.5fr) repeat(5,minmax(120px,1fr)) minmax(68px,.5fr);gap:0;min-height:114px;padding:16px 17px;border-radius:24px;margin-top:22px;margin-bottom:30px;align-items:stretch}
.v5-stat-intro{min-width:0;gap:11px;padding:8px 14px 8px 4px}
.v5-stat-intro h2{font-size:clamp(15px,1vw,20px);white-space:normal}
.v5-stat-intro p{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.v5-stat-cell{min-width:0;flex:none;gap:8px;justify-content:flex-start;padding:8px clamp(8px,.65vw,16px);border-left:1px solid var(--v5-line)}
.v5-stat-cell-icon{display:grid;flex:none;width:29px;height:32px}
.v5-stat-cell>div{min-width:0;max-width:100%}
.v5-stat-cell strong{font-size:clamp(17px,1.2vw,25px);max-width:100%;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.025em}
.v5-stat-cell small{font-size:clamp(10px,.68vw,12px);max-width:100%;line-height:1.35}
.v5-refresh{grid-column:auto;height:100%;margin:0;width:auto;min-width:56px;border-left:1px solid var(--v5-line);position:relative;font-size:10px}
.v5-refresh .stats-led{right:4px;top:4px}
/* Benefits and navigation cards have reliable wrapping at all sizes. */
.v5-reasons{margin-bottom:24px}
.v5-reasons h2{font-size:clamp(22px,2vw,35px);line-height:1.3;margin:14px 0 20px}
.v5-reasons-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:14px}
.v5-reason{min-width:0;min-height:84px;border-radius:18px;padding:14px 17px;align-items:center}
.v5-reason strong{white-space:normal;font-size:clamp(12px,.85vw,17px);line-height:1.4}
.v5-reason small{white-space:normal;font-size:clamp(10px,.67vw,12px);line-height:1.4}
.v5-portals{padding:0;gap:18px;margin-bottom:40px}
.v5-portal{min-width:0;min-height:115px;gap:16px;padding:20px 24px}
.v5-portal>span:nth-child(2){min-width:0;padding-right:26px}
.v5-portal strong{font-size:clamp(17px,1.2vw,24px)}
.v5-portal small{font-size:clamp(11px,.76vw,14px);line-height:1.5}
.v5-portal-arrow{right:14px}
/* The extended information area aligns with the wider dashboard. */
body.v5-body .info-section{margin-top:clamp(62px,5vw,110px);margin-bottom:55px}
.info-cap-grid{gap:clamp(13px,1.3vw,22px)}
.info-cap,.info-steps li,.info-scenario{min-width:0;overflow-wrap:anywhere}
.info-cap h3{font-size:clamp(18px,1.12vw,23px)}
.info-cap p,.info-steps p,.info-scenario p{font-size:clamp(12px,.78vw,15px)}
.info-faq-list{width:min(100%,1040px)}
body.v5-body .info-bottom{margin-top:clamp(60px,4.5vw,95px)}
.v5-footnotes{padding-bottom:35px;flex-wrap:wrap}
/* Laptop and medium resolution monitors. */
@media(max-width:1440px){
 body.v5-body .container,body.v5-body .header.v5-header{width:calc(100% - 48px)}
 .v5-hero{min-height:390px}
 .v5-hero-text{padding-left:20px}
 .v5-feature-content{width:63%}
 .v5-feature h2{font-size:18px}
 .v5-feature p{font-size:12px}
 .v5-feature-img,.v5-feature--auto .v5-feature-img,.v5-feature--stats .v5-feature-img{width:39%}
 .v5-portals{gap:13px}
}
@media(max-width:1210px){
 body.v5-body .v5-nav{display:none}
 body.v5-body .menu-button{display:flex}
 .v5-hero{min-height:375px}
 .v5-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v5-feature:last-child{grid-column:1/-1}
 .v5-feature{min-height:220px}
 .v5-feature-content{width:56%}
 .v5-feature-img,.v5-feature--auto .v5-feature-img,.v5-feature--stats .v5-feature-img{width:37%}
 .v5-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 0}
 .v5-stat-intro{grid-column:1/-1;min-height:70px}
 .v5-stat-cell{border-top:1px solid var(--v5-line);min-height:75px}
 .v5-stat-cell:nth-child(2),.v5-stat-cell:nth-child(5){border-left:0}
 .v5-refresh{border-top:1px solid var(--v5-line);min-height:70px;grid-column:3}
 .v5-reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v5-portals{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v5-portal:last-child{grid-column:1/-1}
}
/* Tablet portrait: place illustration BELOW content rather than under headings. */
@media(max-width:900px){
 body.v5-body .container,body.v5-body .header.v5-header{width:calc(100% - 34px)}
 .v5-scene{height:720px}
 .v5-decor,html[data-theme="dark"] .v5-decor{background-size:auto 100%;background-position:center top;opacity:.45}
 .v5-hero{min-height:0;display:flex;flex-direction:column;align-items:center;padding:26px 0 8px;height:auto}
 .v5-hero-text{width:100%;max-width:730px;margin:0 auto;padding:0 8px;text-align:center;order:1}
 .v5-hero h1{font-size:clamp(40px,6vw,64px);margin:14px 0}
 .v5-hero-desc{font-size:clamp(13px,1.9vw,17px);line-height:1.5;margin:auto;max-width:650px}
 .v5-hero-actions,.v5-ticks{justify-content:center}
 .v5-hero-art,html[data-theme="dark"] .v5-hero-art{order:2;position:relative;top:auto;right:auto;bottom:auto;left:auto;display:block;width:min(100%,760px);height:clamp(230px,40vw,350px);margin:10px auto 0;background-size:auto 100%;background-position:27% center;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent),linear-gradient(180deg,#000 0 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent);transform:none!important}
 .v5-decor{opacity:.3}
 .v5-portals{grid-template-columns:1fr 1fr}
 .v5-portal small br{display:none}
}
@media(max-width:700px){
 body.v5-body .container,body.v5-body .header.v5-header{width:calc(100% - 28px)}
 body.v5-body .header.v5-header{margin-top:10px}
 body.v5-body .v5-header .header-inner{min-height:61px;padding:8px 12px;border-radius:19px}
 body.v5-body .v5-brand{min-width:0}
 body.v5-body .v5-brand .brand-gem{width:35px;height:40px}
 body.v5-body .v5-cta{display:none}
 .v5-hero{padding-top:24px}
 .v5-hero h1{font-size:clamp(36px,8.3vw,54px)}
 .v5-hero-art,html[data-theme="dark"] .v5-hero-art{height:clamp(250px,65vw,350px);margin-top:8px;background-position:29% center}
 .v5-feature-grid{grid-template-columns:1fr}
 .v5-feature:last-child{grid-column:auto}
 .v5-feature{min-height:210px}
 .v5-feature-content{width:60%;padding:23px 0 19px 21px}
 .v5-feature h2{font-size:clamp(17px,4.4vw,23px)}
 .v5-feature p{font-size:clamp(11px,3.2vw,14px)}
 .v5-feature-img,.v5-feature--auto .v5-feature-img,.v5-feature--stats .v5-feature-img{height:93%;width:38%}
 .v5-stats{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:22px;padding:14px}
 .v5-stat-intro{grid-column:span 2;min-height:64px}
 .v5-stat-cell:nth-child(n){border-left:0}
 .v5-stat-cell:nth-child(even){border-right:1px solid var(--v5-line)}
 .v5-stat-cell{min-height:81px;padding:12px 8px}
 .v5-stat-cell strong{font-size:clamp(16px,4.5vw,23px)}
 .v5-refresh{grid-column:span 2;border-left:0;min-height:52px;flex-direction:row;gap:10px}
 .v5-reasons-grid{grid-template-columns:1fr 1fr}
 .v5-reason{align-items:flex-start;gap:9px}
 .v5-portals{grid-template-columns:1fr}
 .v5-portal:last-child{grid-column:auto}
 .v5-portal{min-height:93px}
 .info-cap-grid,.info-steps,.info-scenario-grid{grid-template-columns:1fr 1fr}
 .info-cap--hero{grid-column:1/-1}
}
@media(max-width:460px){
 body.v5-body .container,body.v5-body .header.v5-header{width:calc(100% - 24px)}
 .v5-scene{height:740px}
 .v5-decor,html[data-theme="dark"] .v5-decor{display:none}
 .v5-hero-text{padding:0 2px}
 .v5-eyebrow{font-size:10px}
 .v5-hero h1{font-size:clamp(32px,9.2vw,45px);letter-spacing:-.045em}
 .v5-hero-desc{font-size:12px;line-height:1.58}
 .v5-hero-actions{display:flex;flex-direction:column;gap:9px;margin-top:18px}
 body.v5-body .v5-hero-actions .button{width:min(100%,315px);min-height:45px;font-size:12px;padding:9px 16px}
 .v5-ticks{display:grid;grid-template-columns:1fr;justify-items:center;gap:9px;margin-top:17px}
 .v5-ticks>span,.v5-ticks>span:not(:first-child){min-width:185px;justify-content:flex-start;margin:0}
 .v5-ticks small{font-size:11px}
 .v5-hero-art,html[data-theme="dark"] .v5-hero-art{height:280px;width:100%;margin-top:6px;background-position:29% center;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%)}
 .v5-feature{min-height:205px;border-radius:20px}
 .v5-feature-content{padding:21px 0 19px 17px;width:62%}
 .v5-feature .v5-feature-ico{left:15px;top:17px;width:35px;height:35px}
 .v5-feature h2{padding-left:44px;margin:2px 0 17px;font-size:clamp(16px,4.6vw,20px)}
 .v5-feature p{font-size:11.4px;line-height:1.48}
 .v5-feature-img,.v5-feature--auto .v5-feature-img,.v5-feature--stats .v5-feature-img{right:0;bottom:0;width:38%;height:86%;object-position:center bottom}
 .v5-feature-arrow{left:17px}
 .v5-stats{margin-top:17px}
 .v5-stat-cell-icon{width:24px;height:26px}
 .v5-stat-cell-icon .icon{width:23px;height:23px}
 .v5-stat-cell{gap:5px}
 .v5-stat-cell small{font-size:10px}
 .v5-reasons h2{font-size:21px}
 .v5-reasons-grid{grid-template-columns:1fr}
 .v5-reason{min-height:70px}
 .v5-reason strong{font-size:14px}
 .v5-reason small{font-size:11px}
 .v5-portal{padding:15px;gap:12px}
 .v5-portal-ico{width:52px;height:52px}
 .v5-portal strong{font-size:19px}
 .info-cap-grid,.info-steps,.info-scenario-grid{grid-template-columns:1fr}
 .info-cap--hero{grid-column:auto}
 body.v5-body .info-section{margin-top:56px}
 body.v5-body .info-bottom{padding:23px 18px;flex-direction:column;align-items:stretch}
 .v5-footnotes{display:flex;flex-direction:column}
}
@media(max-width:350px){.v5-hero h1{font-size:32px}.v5-feature p{font-size:10.5px}.v5-feature h2{font-size:16px}.v5-feature-img,.v5-feature--auto .v5-feature-img,.v5-feature--stats .v5-feature-img{width:35%}.v5-stat-cell strong{font-size:16px}}
@media(min-width:1900px){.v5-hero{min-height:560px}.v5-feature{min-height:265px}.v5-reasons{margin-top:30px}.v5-portals{margin-bottom:55px}}
@media(prefers-reduced-motion:reduce){html,body.v5-body{scroll-behavior:auto}.v5-aurora,.snowflake{animation:none!important}.v5-feature,.v5-reason,.v5-portal,.info-cap{transition:none!important}}
/* Final art seam fix: fade the independent hero image smoothly into the one ambient scene. */
html[data-theme="dark"] body.v5-body{background:radial-gradient(ellipse 78% 480px at 53% 0%,rgba(24,72,147,.32),transparent 82%),linear-gradient(180deg,#06122c 0%,#09173a 23%,#091633 54%,#060e24 100%);background-attachment:scroll}
html[data-theme="dark"] body.v5-body .page.v5-page{background:transparent}
.v5-hero-art,html[data-theme="dark"] .v5-hero-art{mask-image:radial-gradient(ellipse 76% 68% at 53% 52%,#000 54%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 76% 68% at 53% 52%,#000 54%,transparent 100%)}
@media(max-width:900px){.v5-hero-art,html[data-theme="dark"] .v5-hero-art{mask-image:radial-gradient(ellipse 65% 57% at 53% 52%,#000 47%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 57% at 53% 52%,#000 47%,transparent 100%)}}
@media(max-width:460px){.v5-hero-art,html[data-theme="dark"] .v5-hero-art{mask-image:radial-gradient(ellipse 66% 59% at 53% 52%,#000 52%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 66% 59% at 53% 52%,#000 52%,transparent 100%)}}
/* Avoid the ornamental tree silhouettes behind headings on laptop screens. */
@media(min-width:901px){.v5-hero-text{padding-left:clamp(44px,4.15vw,88px)}}
@media(min-width:901px) and (max-width:1640px){.v5-decor,html[data-theme="dark"] .v5-decor{mask-image:linear-gradient(90deg,#000 0%,transparent 8%,transparent 92%,#000 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 8%,transparent 92%,#000 100%)}}

/* Dark is the only available theme; hide any stale cached theme-control markup. */
.crystal-theme-toggle{display:none!important}