/* Independent of seasonal activation; deliberately scoped to the existing Day hero. */
.zday-hero{position:relative;isolation:isolate;overflow:clip;background:#f8faf7;padding-top:38px;padding-bottom:45px}
.zday-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/day-hero-v2/studio.webp') center/cover no-repeat;opacity:.94;pointer-events:none}
.zday-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fffffffa 26%,#ffffffd9 42%,#ffffff36 69%,#fff0 100%),linear-gradient(0deg,#f8faf7 0,transparent 15%);pointer-events:none}
.zday-hero>.shell{position:relative;z-index:1}.zday-hero .hero-grid{grid-template-columns:.88fr 1.12fr;gap:24px;min-height:710px;align-items:center}
.zday-hero .hero-copy{position:relative;z-index:5;padding-bottom:25px}.zday-hero h1{font-size:clamp(52px,5.35vw,78px);max-width:740px}.zday-hero .hero-lede{font-size:17px;max-width:540px}.zday-hero .service-line{font-size:16px;max-width:540px}.zday-hero .trust-strip{gap:17px;font-size:11px;margin-top:29px;flex-wrap:wrap}.zday-hero .hero-actions{gap:12px}.zday-hero .hero-actions .btn{padding-inline:23px}
.zday-hero .hero-system{min-height:0;width:114%;margin-left:-6%;position:relative;z-index:2}.zday-ready{aspect-ratio:1000/800;width:100%;position:relative;isolation:isolate}.zday-ready>.hero-visual{display:none!important}.zday-scene{position:absolute;inset:0;isolation:isolate}
.zday-desk{position:absolute;left:-8%;right:-12%;top:65%;bottom:0;z-index:-1;background:radial-gradient(ellipse at 55% 50%,#d2bea247,transparent 65%);pointer-events:none}
.zday-contact{position:absolute;left:13%;right:0;bottom:11%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#27342c45,transparent 68%);filter:blur(9px);transform:rotate(-3deg);pointer-events:none}
.zday-hardware{position:absolute;left:5%;width:94%;top:28%;z-index:2;pointer-events:none;animation:zday-arrive 1s cubic-bezier(.2,.8,.2,1) .2s both}.zday-hardware img{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(0 4px 3px #263b2420)}
.zday-network{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.zday-orbit{fill:none;stroke:#218c6b26;stroke-width:1.2;stroke-dasharray:3 8}.zday-route{fill:none;stroke:#218c6b35;stroke-width:1.4}.zday-network .hero-flow-path{stroke:#16926c;stroke-width:2;filter:drop-shadow(0 0 3px #35c69266)}
.zday-card{position:absolute;display:flex;align-items:center;gap:11px;min-height:66px;width:26%;padding:12px 13px;background:linear-gradient(130deg,#fffffff5,#f5fbf8f2);border:1px solid #d0dfd7;border-radius:13px;box-shadow:0 10px 26px #263e3010,0 2px 4px #263e3009;backdrop-filter:blur(12px);color:#163b42;z-index:4;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:zday-card-arrive .65s ease both}
.zday-card>svg{width:27px;height:27px;flex:none;fill:none;stroke:#188068;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.zday-card>span{min-width:0}.zday-card b{display:block;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}.zday-card small{display:block;font-size:9px;line-height:1.3;color:#58736c;margin-top:5px}.zday-card i{font-style:normal;flex:none;margin-left:auto;font-size:16px;width:23px;height:23px;border-radius:50%;background:#e0f2e9;color:#227c62;text-align:center;line-height:23px}
.zday-card:hover,.zday-card:focus-visible{transform:translateY(-4px);border-color:#26886a;box-shadow:0 12px 27px #27543d26;outline:3px solid #31866b35;outline-offset:4px}
.zday-web{left:5%;top:9%;animation-delay:.15s}.zday-booking{left:0;top:34%;animation-delay:.25s}.zday-portals{left:0;top:57%;animation-delay:.35s}.zday-automation{right:1%;top:10%;animation-delay:.2s}.zday-social{right:-3%;top:34%;animation-delay:.3s}.zday-custom{right:-3%;top:59%;animation-delay:.4s}.zday-payments{left:38%;bottom:0;width:27%;animation-delay:.45s}
.zday-ready[data-hero-step="booking"] .zday-booking,.zday-ready[data-hero-step="payment"] .zday-payments,.zday-ready[data-hero-step="invoice"] .zday-automation,.zday-ready[data-hero-step="staff"] .zday-portals,.zday-ready[data-hero-step="sync"] .zday-web{border-color:#269c75;box-shadow:0 0 0 3px #269c7510,0 10px 26px #263e3018}
.zday-story{position:absolute;left:25%;bottom:9%;display:flex;gap:9px;align-items:center;z-index:4;max-width:50%;padding:9px 13px;border-radius:11px;border:1px solid #c3dcd0;background:#f6fffbe8;box-shadow:0 8px 20px #344b3612;color:#214c42;backdrop-filter:blur(8px)}.zday-story b{display:block;font-size:10px;line-height:1.25}.zday-story small{display:block;font-size:8px;line-height:1.3;margin-top:3px;color:#55796c}.zday-live{width:6px;height:6px;flex:none;background:#188b65;border-radius:50%;box-shadow:0 0 0 4px #188b6512}.zday-story-count{font-size:8px;white-space:nowrap;color:#66877b;margin-left:7px}.zday-kicker{display:none}.zday-proof{position:absolute;bottom:4%;left:7%;font-size:8px;color:#6b7e71;letter-spacing:.03em}
@keyframes zday-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes zday-card-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.zday-offscreen *,.zday-hidden *,.zday-focus *{animation-play-state:paused!important}
/* Keep seasonal decorations anchored to the new, grounded hardware composition. */
html[data-zh-theme="day"] .zday-ready>.zxc-day-hat{right:15%!important;top:17%!important;width:19%!important;transform:rotate(-7deg)!important;z-index:5}
.zday-ready>.zbi-day-flag{right:0;bottom:10%;top:auto;width:14%;height:30%;z-index:3}
.zday-hero>.zxc-garland{z-index:0}.zday-ready .zhh-day-light{opacity:.45}
@media(min-width:1600px){.zday-hero .hero-grid{min-height:810px}.zday-card{min-height:78px;padding:15px}.zday-card b{font-size:14px}.zday-card small{font-size:10px}.zday-story b{font-size:12px}.zday-story small{font-size:9px}}
@media(max-width:1100px) and (min-width:761px){.zday-hero .hero-grid{grid-template-columns:.9fr 1.1fr;gap:10px;min-height:620px}.zday-hero .hero-system{width:112%;margin-left:-5%}.zday-card{width:29%;padding:9px 10px;gap:7px;min-height:59px}.zday-card>svg{width:21px;height:21px}.zday-card b{font-size:10px}.zday-card small{font-size:8px}.zday-card i{display:none}.zday-card.zday-payments{width:29%}.zday-hero h1{font-size:clamp(45px,5.7vw,60px)}}
@media(max-width:760px){.zday-hero{padding-top:35px;padding-bottom:30px}.zday-hero::before{background-position:70% center;opacity:.62}.zday-hero::after{background:linear-gradient(#fffffff7 0%,#fffffff2 42%,#ffffff73 74%,#f8faf7 100%)}.zday-hero .hero-grid{display:flex;flex-direction:column;gap:22px;min-height:0}.zday-hero .hero-copy{padding:0;width:100%}.zday-hero h1{font-size:clamp(42px,10vw,62px)}.zday-hero .hero-lede{font-size:16px}.zday-hero .hero-system{width:100%;margin:0}.zday-ready{aspect-ratio:auto;min-height:0;padding-top:64%;padding-bottom:0}.zday-scene{position:relative;inset:auto}.zday-hardware{top:auto;bottom:calc(100% + 12px);left:0;width:100%}.zday-contact{bottom:calc(100% + 12px);height:20px;left:8%;right:0}.zday-desk{top:auto;bottom:100%;height:120px;left:-15%;right:-15%}.zday-network{display:none}.zday-services{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:4}.zday-card{position:relative;inset:auto;width:auto!important;min-height:72px;padding:12px 10px;gap:8px}.zday-card>svg{width:23px;height:23px}.zday-card b{font-size:11px;white-space:normal}.zday-card small{font-size:9px}.zday-card i{display:none}.zday-payments{grid-column:1/-1;justify-content:center}.zday-story{position:relative;inset:auto;max-width:none;margin:14px 0 0;min-height:52px}.zday-story b{font-size:12px}.zday-story small{font-size:10px}.zday-story-count{margin-left:auto;font-size:10px}.zday-proof{position:relative;inset:auto;display:block;margin-top:10px;font-size:9px;text-align:center}.zday-hero .trust-strip{font-size:10px}.zday-hero .hero-actions .btn{padding-inline:18px}.zday-hero>.zbi-inscription{margin-top:20px}html[data-zh-theme="day"] .zday-ready>.zxc-day-hat{right:14%!important;top:2%!important;width:20%!important}.zday-ready>.zbi-day-flag{right:0;top:21%;bottom:auto;width:13%;height:20%}}
@media(prefers-reduced-motion:reduce){.zday-ready *{animation:none!important;transition:none!important}.zday-card,.zday-hardware{opacity:1;translate:none;transform:none}}
/* Fit every service card within the illustration column at ordinary laptop widths. */
.zday-hero .hero-system{width:100%;margin-left:0}
.zday-hero .hero-grid{gap:36px;min-height:650px}
.zday-hero .hero-copy{min-width:0}.zday-hero .hero-lede{max-width:100%}
.zday-social,.zday-custom{right:0}
.zday-card b{white-space:normal}
@media(min-width:761px) and (max-width:1450px){.zday-card{width:29%;gap:8px;padding:11px 10px}.zday-card b{font-size:11px}.zday-card small{font-size:8px}.zday-card i{display:none}.zday-card>svg{width:24px;height:24px}.zday-card.zday-payments{width:29%}}
@media(max-width:760px){.zday-hero .hero-grid{min-height:0;gap:22px}.zday-hero .hero-system{width:100%;margin:0}}
@media(min-width:761px){.zday-payments{left:5%;bottom:0}.zday-story{left:38%;bottom:0;max-width:58%;min-height:66px}.zday-proof{left:5%;bottom:-5%}}
/* Bring the device forward and keep its feet safely inside the tabletop. */
@media(min-width:761px){.zday-hardware{left:1%;width:98%;top:23%}.zday-contact{left:10%;right:0;bottom:14%;height:7%}}
@media(max-width:760px){
 .zday-desk{bottom:calc(100% - 2px);height:115px;background:url('/assets/day-hero-v2/studio.webp') center bottom/auto 460px no-repeat;mask-image:linear-gradient(transparent,#000 46%);opacity:.8}
 html[data-zh-theme="day"] .site-header .brand{width:clamp(120px,40vw,160px)!important;max-width:46vw!important;flex-shrink:1}
 html[data-zh-theme="day"] .site-header .header-inner{gap:8px!important}
}
/* Give seasonal props room without covering the new service labels. */
@media(min-width:761px){.zday-automation{top:3%}.zday-ready>.zbi-day-flag{right:30%;bottom:10%;top:auto;width:14%;height:30%;z-index:3}}
html[data-zh-theme="day"] .zday-hero>.zhh-spider{right:.4%!important}
/* Clear device silhouette: card lanes mirror the spacing discipline of After Dark. */
@media(min-width:761px){
 .zday-hero>.shell{width:min(1540px,calc(100% - 92px))}
 .zday-hero .hero-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:32px}
 .zday-hardware{left:2%;width:84%;top:23%}
 .zday-contact{left:8%;right:14%;bottom:18%;height:6%}
 .zday-card{width:23%}
 .zday-web{left:8%;top:4%}
 .zday-booking{left:0;top:31%}
 .zday-portals{left:0;top:53%}
 .zday-automation{right:1%;top:3%}
 .zday-social{right:0;top:26%;width:25%}
 .zday-custom{right:0;top:65%;width:17%;padding:12px 10px;gap:8px}
 .zday-custom i{display:none}
 .zday-payments{left:32%;bottom:0;width:28%!important}
 .zday-proof{left:32%;bottom:-5%}
 html[data-zh-theme="day"] .zday-ready>.zxc-day-hat{right:26%!important;top:13.5%!important;width:17%!important}
 .zday-ready>.zbi-day-flag{right:1%;bottom:0;top:auto;width:12%;height:18%;z-index:3}
}
/* The seven service modules carry the story; avoid an eighth competing card. */
.zday-ready .zday-story{position:absolute;left:0;bottom:0;width:1px;height:1px;max-width:1px;min-height:0;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:761px) and (max-width:1100px){.zday-custom>svg{display:none}.zday-custom{padding:10px 8px}.zday-card b{font-size:10px}.zday-card small{font-size:8px}}
.zday-ready[data-hero-step="sync"] .flow-sync{opacity:1;animation:heroFlowDash .95s linear infinite}
@media(min-width:761px) and (max-width:1100px){.zday-social{top:22%}.zday-portals{top:48%}}
/* Align the tabletop behind the device footprint, with tight contact beneath it. */
@media(min-width:761px){
 .zday-hero::before{background-size:100% 125%;background-position:center bottom}
 .zday-contact{left:9%;right:19%;bottom:22%;height:3%;background:radial-gradient(ellipse,#302b2470 0%,#483e2e40 35%,transparent 73%);filter:blur(5px);transform:rotate(1deg)}
}
/* Separate contact shadows for the laptop base and upright phone. */
.zday-hardware::before,.zday-hardware::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#28251f91 0%,#342c2352 40%,transparent 74%)}
.zday-hardware::before{left:7%;top:81%;width:72%;height:11%;filter:blur(5px);transform:rotate(3deg)}
.zday-hardware::after{left:77%;top:84%;width:20%;height:9%;filter:blur(3px)}
.zday-hardware img{filter:drop-shadow(0 6px 3px #29251f47)}
.zday-route{stroke:#28856966;stroke-width:1.5;stroke-linecap:round}
.zday-network .hero-flow-path{stroke-linecap:round}
/* Keep the editorial block above the desk horizon, as in the approved reference. */
@media(min-width:761px){.zday-hero .hero-copy{align-self:start;padding-top:0;padding-bottom:0;margin-top:0}}
.zday-explanation{font-size:14px;line-height:1.5;color:#3e625d;margin:12px 0 0;max-width:580px;font-weight:500}
.zday-ready[data-hero-step="sync"] .zday-card[data-day-step="sync"]{border-color:#269c75;box-shadow:0 0 0 3px #269c7510,0 10px 26px #263e3018}
@media(max-width:760px){.zday-explanation{font-size:14px;margin-top:12px}}
.zday-hero .zday-explanation{margin:12px 0 10px}
/* Seasonal props follow the approved daylight environment and hardware coordinates. */
html[data-zh-theme="day"] .zday-hardware>.zxc-day-hat{display:block;left:67%;right:auto;top:-18%;width:24%;z-index:3;transform:rotate(-18deg);transform-origin:60% 82%;filter:brightness(1.03) drop-shadow(0 2px 1px #18394d70)}
.zxc-day-room-tree{display:none}
html[data-zh-theme="day"] .zday-hero>.zxc-day-room-tree{display:block;left:auto;right:3.5%;top:4%;width:auto;height:55%;aspect-ratio:2/3;z-index:0;opacity:.9;filter:blur(.8px);pointer-events:none}
html[data-zh-theme="day"] .zxc-day-room-tree .zxc-tree-image{filter:brightness(1.2) saturate(.82)}
html[data-zh-theme="day"] .zxc-day-room-tree::before{opacity:.35}
html[data-zh-theme="day"] .zxc-day-room-tree::after{opacity:.25}
@media(max-width:760px){html[data-zh-theme="day"] .zday-hardware>.zxc-day-hat{left:67%;top:-18%;width:24%}html[data-zh-theme="day"] .zday-hero>.zxc-day-room-tree{top:43%;right:-5%;height:230px;opacity:.55;filter:blur(1.2px)}}
/* Keep Halloween in the window corner, behind the content plane. */
html[data-zh-theme="day"] .zday-hero>.zhh-web{right:-6%;top:0;width:300px;height:300px;z-index:0;opacity:.5}
html[data-zh-theme="day"] .zday-hero>.zhh-spider{right:2.5%!important;z-index:0}
/* A wider desktop has room for the flag farther back along the desk. */
@media(min-width:1600px){.zday-ready>.zbi-day-flag{right:-12%;bottom:17%;width:13%;height:26%;z-index:1}}
/* Remaining calendar themes use the desk's outer negative space. */
html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-prop:not(.seasonal-wave):not(.seasonal-heritage-ribbon):not(.seasonal-bunting){left:auto;right:clamp(-100px,calc((1280px - 100vw)*.15),0px);top:auto;bottom:8%;z-index:0;pointer-events:none}
html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-feather-secondary{right:clamp(-40px,calc((1280px - 100vw)*.06),0px)!important;bottom:11%!important;opacity:.6}
html[data-zh-theme="day"] .site-header>.seasonal-bunting-top{height:36px;bottom:-24px;opacity:.7}
@media(max-width:760px){html[data-zh-theme="day"] .zday-hero>.zhh-web{right:-10%;top:52%;width:160px;height:160px;opacity:.4}html[data-zh-theme="day"] .zday-hero>.zhh-spider{right:1%!important;width:24px}html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-prop:not(.seasonal-wave):not(.seasonal-heritage-ribbon):not(.seasonal-bunting){right:0;top:12%;bottom:auto;max-width:15%;max-height:100px;opacity:.65}html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-feather-secondary{right:8%!important;top:10%!important;bottom:auto!important}}
@media(max-width:760px){.zday-ready>.zbi-day-flag{left:1%;right:auto;top:14%;bottom:auto;width:13%;height:18%;z-index:1}}
html[data-zh-theme="day"][data-seasonal-intensity="subtle"] .zday-hero>.zhh-web{width:110px;height:110px;right:0;opacity:.18}
html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-wave,html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-heritage-ribbon,html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-bunting{z-index:-1;bottom:-20px;pointer-events:none}
html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-heritage-ribbon{height:14px;opacity:.55}
html[data-zh-theme="day"] .zday-hero .hero-system>.seasonal-bunting{height:34px}
@media(max-width:760px){html[data-zh-theme="day"] .seasonal-preview-badge{top:88px;bottom:auto;left:auto;right:8px;transform:none;max-width:calc(100vw - 16px);font-size:9px;line-height:1.3;padding:4px 8px;white-space:nowrap}}
/* Seat the fur over the bezel and ground the tree in the room. */
html[data-zh-theme="day"] .zday-hardware>.zxc-day-hat{top:-14.5%}
html[data-zh-theme="day"] .zday-hardware>.zxc-day-hat::after{left:8%;right:19%;bottom:10%;height:7%;background:#12232c8a;filter:blur(1.2px)}
html[data-zh-theme="day"] .zxc-day-room-tree::before{left:2%;right:-2%;bottom:-1%;height:8%;background:radial-gradient(ellipse,#382e258c 0%,#493b2459 35%,transparent 73%);filter:blur(4px);opacity:.85;z-index:0}
.zxc-room-gifts{position:absolute;display:block;left:12%;bottom:-1.5%;width:80%;z-index:3}
.zxc-room-gifts-image{position:relative;filter:brightness(.99) saturate(.85) drop-shadow(2px 5px 3px #3d302861)}
.zxc-room-gifts::before{content:"";position:absolute;left:-8%;right:-10%;bottom:-2%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#382a2480,transparent 72%);filter:blur(3px);z-index:-1}
html[data-christmas-phase="new-year"] .zxc-room-gifts{display:none}