/* CHRISTMAS ULTRA / physical Christmas lighting, premium frost, large countdown */
:root{--xul-frost:#eafffa;--xul-mint:#89f5d8;--xul-gold:#f7d48e;--xul-edge:#72a8a3}
.xul-active .xmas-snow-canvas{z-index:82!important;opacity:.72!important;pointer-events:none}
/* String lights: cable -> cord -> metal socket -> coloured glass -> filament */
.xul-active .xpro-lights.xul-real-lights,
.xul-active .xmas-hero-garland.xul-real-lights{
  display:flex!important;align-items:flex-start!important;justify-content:space-around!important;
  overflow:visible!important;pointer-events:none;isolation:isolate;
}
.xul-active .xpro-lights.xul-real-lights{height:64px!important;bottom:-43px!important;left:4%!important;right:4%!important;z-index:32!important}
.xul-active .xmas-hero-garland.xul-real-lights{height:57px!important;top:0!important;left:6%!important;right:6%!important;z-index:4!important}
.xul-real-lights .xpro-wire,.xul-real-lights .xmas-garland-wire{
  position:absolute!important;inset:0 0 auto!important;height:13px!important;
  border:0!important;border-top:3px solid #35635c!important;border-bottom:2px solid #091e1b!important;
  border-radius:50% 50% 0 0/100% 100% 0 0!important;
  box-shadow:0 2px 2px #0008!important;opacity:1!important;transform:none!important;
}
.xul-real-lights .xul-bulb{--lamp-glow:#f8c96e;--lamp-light:#ffe2a3;display:block;position:relative;top:1px;
  width:23px;height:48px;flex:0 0 23px;transform:rotate(calc((var(--i) - 7)*1.8deg));
  animation:xul-lamp-sway 3.8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.23s)}
.xul-real-lights .xul-bulb[data-tone="mint"]{--lamp-glow:#7dffd5;--lamp-light:#b1ffee}
.xul-real-lights .xul-bulb[data-tone="ruby"]{--lamp-glow:#ff6679;--lamp-light:#ffb5c2}
.xul-real-lights .xul-bulb[data-tone="ice"]{--lamp-glow:#9ccaff;--lamp-light:#d9edff}
.xul-real-lights .xul-cord{position:absolute;top:0;left:50%;width:2px;height:16px;background:linear-gradient(90deg,#152d28,#427f69);transform:translateX(-50%);box-shadow:1px 0 2px #0008}
.xul-real-lights .xul-socket{position:absolute;top:12px;left:50%;width:12px;height:10px;transform:translateX(-50%);border-radius:3px 3px 2px 2px;
  background:repeating-linear-gradient(180deg,#566e5f 0 2px,#182d29 2px 4px);border:1px solid #8aaa86;z-index:2;box-shadow:0 2px 3px #0008}
.xul-real-lights .xul-glass{position:absolute;top:19px;left:50%;width:20px;height:28px;transform:translateX(-50%);border:1px solid color-mix(in srgb,var(--lamp-glow) 75%,white);
  border-radius:46% 46% 55% 55%/28% 28% 74% 74%;background:radial-gradient(ellipse at 34% 23%,#ffffffa3 0%,transparent 24%),linear-gradient(135deg,#ffffff6f,transparent 40%),var(--lamp-light);
  box-shadow:inset -5px -6px 9px #19483f66,inset 3px 4px 5px #fff8,0 0 11px 4px var(--lamp-glow),0 0 34px 6px color-mix(in srgb,var(--lamp-glow) 52%,transparent);
  filter:saturate(1.15);animation:xul-bulb-glimmer 3.1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.31s)}
.xul-real-lights .xul-glass:after{content:"";position:absolute;left:3px;top:5px;width:4px;height:12px;border-radius:9px;background:#fff8;filter:blur(1px);transform:rotate(8deg)}
.xul-real-lights .xul-filament{position:absolute;left:50%;top:9px;transform:translateX(-50%);height:8px;width:7px;border-radius:50%;border:1px solid #ffeead;box-shadow:0 0 6px #fff9}
.xmas-lights-off .xul-real-lights .xul-glass{background:linear-gradient(140deg,#506962,#243b38)!important;box-shadow:inset 2px 2px 6px #fff2!important;border-color:#58746c!important;animation:none!important;filter:grayscale(.65)!important;opacity:.76}
.xmas-lights-off .xul-real-lights .xul-filament{border-color:#61706b;box-shadow:none!important}
.xul-active .xpro-light-switch{right:20px;bottom:-70px;min-height:42px;padding:12px 17px;background:linear-gradient(125deg,#104e3a,#0a2e2b);border-color:#d8ca92ad;box-shadow:0 12px 25px #0007,0 0 19px #ffe8a20b}
@keyframes xul-lamp-sway{to{transform:rotate(calc((var(--i) - 7)*1.8deg + 3deg))}}
@keyframes xul-bulb-glimmer{to{filter:brightness(1.16);opacity:.86}}
/* Real-looking frosting and uneven accumulation on existing components. */
/* Respect original absolute positioning of orbit cards and the before/after slider. */
.xul-active .transformation .transform-stat-row>span,
.xul-active .experience .dash-top>div,
.xul-active .experience .dash-bottom>div{position:relative}
.xul-snowcap{position:absolute!important;left:-1px;right:-1px;top:-1px;height:24px;display:block;z-index:12;pointer-events:none;overflow:visible!important;opacity:.95;filter:drop-shadow(0 2px 3px #9dfff02b)}
.xul-snowcap svg{display:block;width:100%;height:100%;overflow:visible}
.xul-active .transformation .transform-label .xul-snowcap{height:12px;opacity:.46}
.xul-active .transformation .transform-stat-row>span .xul-snowcap{height:16px}
.xul-active .service-orbit-section .orbit-service-card .xul-snowcap{height:15px;opacity:.82}
.xul-active .xw-workshop .xpro-workshop-ceiling .xul-snowcap{height:13px}
.xul-active .xpro-gift-hunt .xpro-present .xul-snowcap{height:22px}
.xul-active .site-header:after{height:12px!important;bottom:-1px!important;opacity:.95;background:radial-gradient(ellipse 43px 8px at 5% 100%,#f2fffd 85%,transparent 88%),radial-gradient(ellipse 73px 9px at 23% 100%,#f1ffff 80%,transparent 84%),radial-gradient(ellipse 46px 9px at 42% 100%,#d5f7f4 82%,transparent 85%),radial-gradient(ellipse 83px 11px at 69% 100%,#fff 80%,transparent 84%),radial-gradient(ellipse 57px 10px at 92% 100%,#e4fffa 80%,transparent 84%)!important}
.xul-active .xpro-snow-ridge{height:20px;opacity:.93;filter:drop-shadow(0 5px 6px #b1efeb2d)}
.xul-active .xpro-snowbanks{z-index:42!important;max-height:34px!important;opacity:.91!important}
.xul-active .xpro-snowbank-back{background:linear-gradient(180deg,#fff,#d0f9f2 58%,#8cc9bf)!important}
.xul-active .xpro-snowbank-front{background:linear-gradient(180deg,#fff,#eafffb 55%,#b6e1db)!important}
.xul-footer-snow{position:absolute;left:0;right:0;top:-1px;height:30px;pointer-events:none;z-index:3}
.xul-footer-snow svg{width:100%;height:100%;display:block}
.xul-active .site-footer{position:relative;isolation:isolate}
.xul-hero-drift{pointer-events:none;position:absolute;inset:0;z-index:2;overflow:hidden}
.xul-hero-drift i{position:absolute;width:clamp(120px,20vw,280px);height:clamp(35px,5vw,80px);border-radius:50% 50% 4% 4%;background:radial-gradient(ellipse at 45% 60%,#e8fffa40,transparent 72%);filter:blur(6px)}
.xul-hero-drift i:nth-child(1){bottom:-3%;left:-4%}.xul-hero-drift i:nth-child(2){bottom:0;right:1%}.xul-hero-drift i:nth-child(3){bottom:5%;left:36%;opacity:.44}
/* Premium Christmas countdown: giant days, clear HH:MM:SS below. */
.xmas-active .xmas-hero-controls .xul-countdown{box-sizing:border-box;position:relative;isolation:isolate;flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.1fr);align-items:center;
  width:100%;max-width:1240px;min-height:240px;margin:8px 0 14px;padding:clamp(22px,4vw,43px) clamp(22px,4vw,50px);
  border:1px solid #e8d8b97b;border-radius:30px;color:#f2fdf8;
  background:radial-gradient(ellipse at 88% 10%,#99fcda18,transparent 44%),linear-gradient(122deg,#0b3933ee,#081c23fa 60%,#0d302ddc);
  box-shadow:inset 0 1px #fff3,0 30px 85px #0008,0 0 65px #b0f4db0d;overflow:hidden;gap:26px}
.xmas-active .xul-countdown:before{content:"";position:absolute;top:0;left:0;right:0;height:16px;background:radial-gradient(ellipse 65px 14px at 8% 10%,#f8fffd 67%,transparent 73%),radial-gradient(ellipse 90px 12px at 27% 8%,#eafff9 72%,transparent 76%),radial-gradient(ellipse 78px 14px at 51% 2%,#f4fffb 66%,transparent 72%),radial-gradient(ellipse 82px 12px at 76% 2%,#e4fff6 72%,transparent 77%),radial-gradient(ellipse 85px 14px at 95% 2%,#fff 70%,transparent 77%);pointer-events:none;z-index:3}
.xul-countdown-ornaments{position:absolute;right:18px;top:20px;display:flex;gap:14px;font-size:22px;color:#ffd894;opacity:.6;pointer-events:none}
.xul-countdown-lead{display:flex;flex-direction:column;justify-content:center;gap:15px;min-width:0}
.xul-countdown-eyebrow{font:800 11px/1.2 system-ui,sans-serif;letter-spacing:.24em;color:#f8de9f}
.xul-countdown-lead strong{font:900 clamp(26px,3vw,46px)/1.05 system-ui,sans-serif;letter-spacing:-.035em;max-width:460px;text-wrap:balance}
.xul-countdown-lead strong em{font-style:normal;color:#91f3cf;text-shadow:0 0 22px #9efaef26}
.xul-countdown-note{font:650 10px/1.4 system-ui,sans-serif;letter-spacing:.15em;color:#badbd2}
.xul-countdown-clock{display:grid;grid-template-rows:auto auto;gap:6px;justify-items:center}
.xul-days{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:0 0 8px;border-bottom:1px solid #e8deb64d}
.xul-number{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.055em;text-shadow:0 4px 25px #fff2}
.xul-days .xul-number{font-size:clamp(80px,9.1vw,138px);color:#fff5d7}
.xul-time-label{font:750 10px/1.3 system-ui,sans-serif;letter-spacing:.24em;color:#9cdfcf}
.xul-days .xul-time-label{color:#f8d69a;font-size:12px;letter-spacing:.34em}
.xul-hms{display:flex;align-items:start;gap:clamp(8px,1.5vw,22px);justify-content:center;width:100%;padding-top:9px}
.xul-hms>div{min-width:60px;display:flex;flex-direction:column;align-items:center;gap:6px}
.xul-hms .xul-number{font-size:clamp(34px,3.6vw,54px);color:#f9fffc}
.xul-hms .xul-time-label{font-size:9px}
.xul-colon{font-size:33px;font-weight:800;line-height:1.15;color:#e1ba7d;opacity:.76}
.xul-countdown-frost{position:absolute;left:0;right:0;bottom:-1px;height:14px;background:linear-gradient(0deg,#f7fffcab,transparent);opacity:.48;pointer-events:none}
@media(max-width:1000px){
 .xmas-active .xmas-hero-controls .xul-countdown{grid-template-columns:1fr;gap:18px;padding:28px 24px 30px;min-height:0}
 .xul-countdown-lead{align-items:center;text-align:center;gap:7px}
 .xul-countdown-lead strong{font-size:clamp(25px,5.3vw,38px)}
 .xul-days .xul-number{font-size:clamp(82px,14vw,126px)}
 .xul-hms .xul-number{font-size:clamp(34px,6vw,52px)}
}
@media(max-width:700px){
 .xul-active .xpro-lights.xul-real-lights{bottom:-40px!important;left:1%!important;right:1%!important;height:54px!important}
 .xul-real-lights .xul-bulb:nth-of-type(n+11){display:none!important}
 .xul-real-lights .xul-bulb{width:17px;height:42px;flex-basis:17px;animation:none;transform:rotate(0deg)}
 .xul-real-lights .xul-cord{height:11px}
 .xul-real-lights .xul-socket{top:9px;width:10px;height:8px}
 .xul-real-lights .xul-glass{top:15px;width:16px;height:24px}
 .xul-active .xmas-hero-garland.xul-real-lights{height:48px!important;top:2px!important;left:3%!important;right:3%!important}
 .xul-active .xpro-light-switch{display:none!important}
 .xmas-active .xmas-hero-controls .xul-countdown{padding:26px 14px 27px;border-radius:22px;gap:17px;margin:8px 0 12px}
 .xul-countdown-eyebrow{font-size:9px;letter-spacing:.19em}
 .xul-countdown-lead strong{font-size:clamp(22px,6.2vw,31px)}
 .xul-countdown-note{font-size:8px;letter-spacing:.09em}
 .xul-days .xul-number{font-size:clamp(78px,22vw,112px)}
 .xul-days .xul-time-label{font-size:10px}
 .xul-hms .xul-number{font-size:clamp(30px,10vw,43px)}
 .xul-hms .xul-time-label{font-size:8px;letter-spacing:.11em}
 .xul-hms{gap:8px}
 .xul-hms>div{min-width:54px}
 .xul-colon{font-size:27px}
 .xul-countdown-ornaments{top:11px;right:10px;font-size:14px}
 .xul-active .xpro-snow-ridge{height:14px}
 .xul-snowcap{height:17px}
 .xul-active .xpro-snowbanks{max-height:24px!important}
}
@media(max-width:360px){.xmas-active .xmas-hero-controls .xul-countdown{padding:25px 11px}.xul-hms .xul-number{font-size:29px}.xul-hms>div{min-width:48px}.xul-hms{gap:5px}}
@media(prefers-reduced-motion:reduce){.xul-real-lights .xul-bulb,.xul-real-lights .xul-glass{animation:none!important}}


/* 2026 CHRISTMAS V3: distinct, edge-tapered snowdrifts; protect content and phone corners. */
.xul-active .xul-snow-host{isolation:isolate}
.xul-active .xul-snowcap{
  left:2px!important;right:2px!important;
  width:auto!important;height:var(--xul-cap-height,15px)!important;
  top:calc(var(--xul-cap-height,15px)*-.70)!important;
  z-index:3!important;pointer-events:none!important;
  border-radius:0!important;overflow:visible!important;
  opacity:.95!important;transform:none!important;
  filter:drop-shadow(0 2px 2px rgba(106,190,184,.18))!important;
}
.xul-active .xul-snowcap svg{display:block!important;overflow:visible!important;width:100%!important;height:100%!important}
.xul-active .xul-snowcap[data-xul-level="dust"]{opacity:.62!important}
.xul-active .xul-snowcap[data-xul-level="heavy"]{opacity:.97!important}
/* Explicitly avoid snow on titles, links, interactive control faces and densely packed captions. */
.xul-active .transformation .transform-label>.xul-snowcap,
.xul-active .service-orbit-guide>.xul-snowcap,
.xul-active .mega-button>.xul-snowcap,
.xul-active .xpro-workshop-ceiling>.xul-snowcap{display:none!important}
/* A subtle dusting extends inside clipped card edges, while text stays forward. */
.xul-active .service-orbit-section .orbit-service-card .xul-snowcap{top:-5px!important}
.xul-active .transformation .transform-stat-row>span .xul-snowcap,
.xul-active .experience .dash-top>div .xul-snowcap{top:-5px!important}
.xul-active .experience .chart-card>.xul-snowcap{top:-19px!important}
/* The cap itself tapers to zero at either end, exposing rounded card corners on mobile. */
@media(max-width:700px){
 .xul-active .xul-snowcap{left:4px!important;right:4px!important;top:calc(var(--xul-cap-height,15px)*-.74)!important}
 .xul-active .transformation .transform-stat-row>span .xul-snowcap,
 .xul-active .experience .dash-top>div .xul-snowcap{top:-5px!important}
 .xul-active .experience .chart-card>.xul-snowcap{top:-17px!important}
 .xul-active .service-orbit-section .orbit-service-card .xul-snowcap{top:-3px!important}
}
/* Snow sparkles on an intentional tap: 7 tiny animated particles, never click blockers. */
.xul-sparkle-burst{position:fixed;z-index:2800;width:1px;height:1px;pointer-events:none;animation:xul-burst-end .62s forwards}
.xul-sparkle-burst i{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:1px;transform:rotate(45deg);background:#fff8d2;box-shadow:0 0 12px #fff6b0;animation:xul-spark-particle .62s ease-out forwards}
.xul-sparkle-burst i:nth-child(even){background:#a5ffe4;box-shadow:0 0 12px #83ebdd}
@keyframes xul-burst-end{from{opacity:1}to{opacity:0}}
@keyframes xul-spark-particle{to{transform:rotate(var(--xul-a)) translateX(var(--xul-dist)) rotate(45deg) scale(.45)}}
@media(prefers-reduced-motion:reduce){.xul-sparkle-burst{display:none}}

/* Anchor the snow physically to its own card, not an ancestor, avoiding stray white ledges. */
.xul-active .experience .chart-card.xul-snow-host{position:relative!important}
.xul-active .experience .chart-card.xul-snow-host>.xul-snowcap{top:-4px!important;z-index:1!important}
.xul-active .experience .chart-card.xul-snow-host>span:not(.xul-snowcap){position:relative;z-index:4}
.xul-active .transformation .transform-state.xul-snow-host>.xul-snowcap{top:0!important;z-index:3!important}
.xul-active .xpro-workshop .xw-visual.xul-snow-host>.xul-snowcap{top:0!important}
.xul-active .xmas-home-feature .xmas-feature-art.xul-snow-host>.xul-snowcap{top:0!important}
.xul-active .service-orbit-section .orbit-service-card.xul-snow-host>.xul-snowcap{top:0!important}
@media(max-width:700px){
 .xul-active .experience .chart-card.xul-snow-host>.xul-snowcap{top:-3px!important}
 .xul-active .transformation .transform-state.xul-snow-host>.xul-snowcap{top:0!important}
 .xul-active .xpro-workshop .xw-visual.xul-snow-host>.xul-snowcap{top:0!important}
 .xul-active .service-orbit-section .orbit-service-card.xul-snow-host>.xul-snowcap{top:0!important}
}
/* Prevent pre-existing chart SVG styles from recolouring or animating the snow. */
.xul-active .xul-snowcap svg{animation:none!important;filter:none!important}
.xul-active .xul-snowcap svg path.xul-snow-body{stroke:none!important;filter:none!important}
.xul-active .xul-snowcap svg path.xul-snow-shine{fill:none!important;stroke:#fff!important;filter:none!important}
.xul-active .experience .dash-bottom>div.xul-snow-host>.xul-snowcap{top:-4px!important}

.xul-active .experience .chart-card.xul-snow-host>.xul-snowcap{top:-17px!important}
@media(max-width:700px){.xul-active .experience .chart-card.xul-snow-host>.xul-snowcap{top:-17px!important}}
/* Gentle corner taper on phone-width caps; unlike rectangular image strips. */
@media(max-width:700px){
 .xul-active .xul-snowcap{border-radius:clamp(9px,3.8vw,17px) clamp(9px,3.8vw,17px) 0 0!important;overflow:hidden!important}
 .xul-active .xul-snowcap[data-xul-level="heavy"]{border-radius:18px 18px 0 0!important}
}

/* === Technigator Crystal Winter patch === */
:root{
  --xul-crystal-bg:linear-gradient(155deg,rgba(237,252,255,.10),rgba(128,198,202,.045) 34%,rgba(5,31,34,.72) 72%,rgba(6,20,25,.92));
  --xul-crystal-border:rgba(214,250,255,.18);
  --xul-crystal-edge:rgba(255,255,255,.24);
  --xul-crystal-glow:rgba(157,244,231,.14);
  --xul-snow-panel-bg:linear-gradient(160deg,rgba(253,255,255,.88),rgba(233,248,252,.82) 38%,rgba(208,236,242,.76) 100%);
  --xul-snow-panel-ink:#0d2c33;
  --xul-snow-panel-border:rgba(148,191,205,.42);
}

/* Crystalised icy tint across cards/panels without breaking layout */
.xmas-active .orbit-service-card,
.xmas-active .service-index-row,
.xmas-active .metric,
.xmas-active .experience-panel,
.xmas-active .experience-browser,
.xmas-active .browser-window,
.xmas-active .chart-card,
.xmas-active .transformation .transform-state,
.xmas-active .transformation .transform-stat-row>span,
.xmas-active .xpro-present,
.xmas-active .xpro-hunt-reveal,
.xmas-active .xw-workshop .xw-visual,
.xmas-active .xw-workshop .xw-copy,
.xmas-active .deliverable-anchor-inner,
.xmas-active .xmas-feature-card,
.xmas-active .detail-live-meta>div,
.xmas-active .contact-form,
.xmas-active .xmas-offer-dialog,
.xmas-active .audio-controller.audio-controller-v2,
.xmas-active .xpro-light-switch,
.xmas-active .xul-countdown{
  background:var(--xul-crystal-bg)!important;
  border-color:var(--xul-crystal-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15), inset 0 -1px rgba(90,163,171,.10), 0 14px 35px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.03), 0 0 30px var(--xul-crystal-glow)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
.xmas-active .orbit-service-card,
.xmas-active .service-index-row,
.xmas-active .metric,
.xmas-active .experience-panel,
.xmas-active .xpro-present,
.xmas-active .xw-workshop .xw-visual,
.xmas-active .xmas-feature-card,
.xmas-active .xmas-offer-dialog,
.xmas-active .contact-form{
  position:relative;overflow:hidden;isolation:isolate;
}
.xmas-active .orbit-service-card::before,
.xmas-active .service-index-row::before,
.xmas-active .metric::before,
.xmas-active .experience-panel::before,
.xmas-active .xpro-present::before,
.xmas-active .xw-workshop .xw-visual::before,
.xmas-active .xmas-feature-card::before,
.xmas-active .xmas-offer-dialog::before,
.xmas-active .contact-form::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(132deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.06) 18%,transparent 30%),
             radial-gradient(circle at 82% 0%,rgba(255,255,255,.14),transparent 28%),
             linear-gradient(180deg,rgba(255,255,255,.06),transparent 38%,rgba(0,0,0,.08));
  opacity:.92;z-index:0;
}
.xmas-active .orbit-service-card::after,
.xmas-active .metric::after,
.xmas-active .xpro-present::after,
.xmas-active .xw-workshop .xw-visual::after,
.xmas-active .xmas-feature-card::after{
  content:"";position:absolute;inset:auto auto 8% 10%;width:68%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);opacity:.72;transform:rotate(-11deg);z-index:0;
}
.xmas-active .orbit-service-card>*:not(.xul-snowcap),
.xmas-active .service-index-row>*:not(.xul-snowcap),
.xmas-active .metric>*:not(.xul-snowcap),
.xmas-active .experience-panel>*:not(.xul-snowcap),
.xmas-active .xpro-present>*:not(.xul-snowcap),
.xmas-active .xw-workshop .xw-visual>*:not(.xul-snowcap),
.xmas-active .xmas-feature-card>*:not(.xul-snowcap),
.xmas-active .xmas-offer-dialog>*:not(.xul-snowcap),
.xmas-active .contact-form>*:not(.xul-snowcap){position:relative;z-index:1}

/* Slightly stronger aurora for the premium mood */
.xpro-aurora{
  opacity:.56!important;
  filter:blur(62px) saturate(1.25)!important;
  background:
    radial-gradient(ellipse at 18% 42%, rgba(219,255,255,.08), transparent 28%),
    radial-gradient(ellipse at 52% 38%, rgba(150,255,233,.34), transparent 48%),
    radial-gradient(ellipse at 84% 48%, rgba(179,255,240,.24), transparent 38%),
    linear-gradient(115deg, rgba(124,255,214,.18), rgba(206,255,246,.05) 44%, rgba(111,234,214,.20) 76%, transparent);
}

/* Header switch for green/snow theme */
.xul-mode-switch{
  justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(225,246,250,.22);
  background:linear-gradient(140deg,rgba(9,35,37,.90),rgba(14,56,60,.78));color:#effffc;font:800 10px/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  box-shadow:0 12px 26px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.08);
}
.xul-mode-switch .xul-switch-chip{width:36px;height:18px;border-radius:999px;position:relative;background:linear-gradient(90deg,#0c3b41,#d6eef4);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.22)}
.xul-mode-switch .xul-switch-chip:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#ccf0f6 70%,#92bccb);box-shadow:0 1px 8px rgba(255,255,255,.32);transition:transform .28s ease}
.xmas-snow-mode .xul-mode-switch .xul-switch-chip:after{transform:translateX(18px)}
.xul-mode-switch .xul-switch-copy b{display:block;font-size:10px;letter-spacing:.18em}
.xul-mode-switch .xul-switch-copy span{display:block;font-size:8px;letter-spacing:.14em;color:#bdd5d8;margin-top:2px}
@media(max-width:980px){.site-header{grid-template-columns:auto 1fr auto auto!important}.xul-mode-switch{transform:scale(.96);transform-origin:right center}}
@media(max-width:760px){.xul-mode-switch{padding:9px 10px;gap:8px}.xul-mode-switch .xul-switch-copy span{display:none}.xul-mode-switch .xul-switch-copy b{font-size:8px;letter-spacing:.14em}}
@media(max-width:560px){.xul-mode-switch{position:absolute;right:18px;top:60px;z-index:5}}

/* Full snow theme mode */
.xmas-snow-mode{--green:#dff9ff;--green2:#ffffff;--cyan:#cdf0f7;--line:rgba(176,215,224,.20);--line2:rgba(176,215,224,.11)}
.xmas-snow-mode body{background:radial-gradient(circle at 50% -10%,#e6f7fb 0%,#d2ebf3 24%,#0d2228 90%)!important;color:#f5fffe}
.xmas-snow-mode .site-header{background:linear-gradient(to bottom,rgba(223,243,248,.34),rgba(205,233,240,.12),transparent)!important;border-bottom-color:rgba(233,251,255,.12)!important}
.xmas-snow-mode .brand img{filter:drop-shadow(0 0 10px rgba(255,255,255,.28))}
.xmas-snow-mode .hero-cinematic-title .hero-title-bottom strong,
.xmas-snow-mode .hero-copy h1 .hero-accent,
.xmas-snow-mode .section-head h2 em,
.xmas-snow-mode .page-hero h1 em,
.xmas-snow-mode .final-cta h2 em,
.xmas-snow-mode .not-found h1 em{color:#ffffff!important;text-shadow:0 0 24px rgba(255,255,255,.28)!important}
.xmas-snow-mode .mega-button,
.xmas-snow-mode .pill-button.primary,
.xmas-snow-mode .xmas-offer-submit{background:linear-gradient(135deg,#f9ffff,#d4edf4)!important;color:#113039!important;border-color:rgba(143,191,201,.65)!important;box-shadow:0 10px 26px rgba(196,232,240,.18)!important}
.xmas-snow-mode .pill-button,
.xmas-snow-mode .text-link,
.xmas-snow-mode .main-nav a,
.xmas-snow-mode .hero-copy>p,
.xmas-snow-mode .section-head>p,
.xmas-snow-mode .xul-countdown-note,
.xmas-snow-mode .preloader-meta{color:#daf3f6!important}
.xmas-snow-mode .orbit-service-card,
.xmas-snow-mode .service-index-row,
.xmas-snow-mode .metric,
.xmas-snow-mode .experience-panel,
.xmas-snow-mode .experience-browser,
.xmas-snow-mode .browser-window,
.xmas-snow-mode .chart-card,
.xmas-snow-mode .transformation .transform-state,
.xmas-snow-mode .transformation .transform-stat-row>span,
.xmas-snow-mode .xpro-present,
.xmas-snow-mode .xpro-hunt-reveal,
.xmas-snow-mode .xw-workshop .xw-visual,
.xmas-snow-mode .xw-workshop .xw-copy,
.xmas-snow-mode .deliverable-anchor-inner,
.xmas-snow-mode .xmas-feature-card,
.xmas-snow-mode .contact-form,
.xmas-snow-mode .audio-controller.audio-controller-v2,
.xmas-snow-mode .xpro-light-switch,
.xmas-snow-mode .xul-countdown,
.xmas-snow-mode .xmas-offer-dialog{
  background:var(--xul-snow-panel-bg)!important;color:var(--xul-snow-panel-ink)!important;border-color:var(--xul-snow-panel-border)!important;box-shadow:inset 0 1px rgba(255,255,255,.85),0 18px 40px rgba(145,188,199,.16),0 0 0 1px rgba(255,255,255,.35)!important
}
.xmas-snow-mode :is(.metric,.experience-panel,.xpro-present,.xw-workshop .xw-copy,.xmas-offer-dialog,.contact-form,.audio-controller.audio-controller-v2,.xul-countdown) :is(p,small,span,div,label,strong,b,em,h2,h3,h4,button,a){color:inherit}
.xmas-snow-mode .xpro-wire,.xmas-snow-mode .xmas-garland-wire{border-top-color:#cfe9ef!important;border-bottom-color:#6d95a0!important}
.xmas-snow-mode .xpro-light-switch{background:linear-gradient(120deg,#f6fdff,#d9eef4)!important;color:#18363c!important}
.xmas-snow-mode .xul-countdown .xul-days .xul-number,
.xmas-snow-mode .xul-countdown .xul-hms .xul-number{color:#103238!important;text-shadow:none!important}

/* Better popup gift illustration (replacing coded-looking emoji feel) */
.xmas-offer-gift{position:relative!important;width:88px!important;height:88px!important;display:grid!important;place-items:center!important;margin:0 auto 10px!important;background:none!important}
.xmas-offer-gift span,.xmas-offer-gift i{display:none!important}
.xmas-offer-gift:before,.xmas-offer-gift:after{content:"";position:absolute;border-radius:18px}
.xmas-offer-gift:before{inset:18px 14px 10px;background:linear-gradient(150deg,#155850,#0b2d31 55%,#103c43);border:1px solid rgba(219,255,252,.26);box-shadow:0 16px 34px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.16)}
.xmas-offer-gift:after{inset:22px 46%;background:linear-gradient(180deg,#f1d694,#d4a95a);border-radius:999px;box-shadow:0 0 22px rgba(249,216,139,.34)}
.xmas-offer-gift .xul-gift-top,.xmas-offer-gift .xul-gift-bow{position:absolute;display:block!important}
.xmas-offer-gift .xul-gift-top{width:68px;height:18px;top:18px;border-radius:14px;background:linear-gradient(180deg,#2a7c72,#114948);border:1px solid rgba(222,255,252,.22);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.xmas-offer-gift .xul-gift-bow{top:4px;left:50%;width:40px;height:22px;transform:translateX(-50%)}
.xmas-offer-gift .xul-gift-bow:before,.xmas-offer-gift .xul-gift-bow:after{content:"";position:absolute;top:3px;width:18px;height:16px;border:4px solid #f1d694;border-radius:16px 16px 14px 16px;transform:rotate(-16deg)}
.xmas-offer-gift .xul-gift-bow:before{left:0}.xmas-offer-gift .xul-gift-bow:after{right:0;transform:rotate(16deg)}

/* Splash / preloader logo crop fix */
.preloader-center{width:min(620px,90vw)!important}
.preloader-logo-wrap{height:170px!important;padding:14px 0!important;overflow:visible!important}
.preloader-logo-wrap img{width:min(430px,86vw)!important;max-width:86%!important;max-height:150px!important;object-fit:contain!important;object-position:center center!important}
@media(max-width:760px){.preloader-logo-wrap{height:140px!important}.preloader-logo-wrap img{width:min(320px,82vw)!important;max-height:120px!important}}

