
#zc-site .guardian-stage {--guardian-joy:0;position:relative;height:620px;min-height:0;isolation:isolate;overflow:visible;}
#zc-site .guardian-stage::before,#zc-site .guardian-stage::after {content:none!important;display:none!important;}
#zc-site .guardian-aura {position:absolute;inset:5% -5% 0;background:radial-gradient(ellipse at 52% 46%,#6b2aac44,transparent 68%);z-index:-2;pointer-events:none;}
#zc-site .guardian-backplate {position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:drop-shadow(0 0 12px #8d37d533);}
#zc-site .guardian-rig {display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
#zc-site .guardian-chest {transform-origin:166px 410px;animation:guardian-chest-breath 3.6s ease-in-out infinite!important;}
@keyframes guardian-chest-breath {0%,100%{transform:scale(1,1);}45%{transform:scale(1.065,1.045);}}
#zc-site .guardian-brand {display:flex;align-items:center;gap:12px;}
#zc-site .guardian-brand img {width:44px;height:44px;filter:drop-shadow(0 0 10px #ad68ef55);}
@media(max-width:900px){#zc-site .guardian-stage {width:min(100%,430px);height:490px;}#zc-site .guardian-brand {justify-content:center;}#zc-site .guardian-rig {overflow:visible;}}
@media(max-width:480px){#zc-site .guardian-stage {height:420px;width:100%;}#zc-site .landing-hero__stage {gap:20px;}#zc-site .guardian-brand img {width:36px;height:36px;}}

.zc-claw-intro {position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:radial-gradient(ellipse at center,#29103e 0%,#0a0612 55%,#060409 100%);animation:claw-exit .55s 1.65s ease-in forwards;}
.zc-claw-intro__art {width:min(65vw,360px);aspect-ratio:1;position:relative;}
.zc-claw-intro svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 9px #a344ff);}
.zc-claw-intro path {stroke-dasharray:1;stroke-dashoffset:1;animation:claw-draw .3s ease-out forwards;}
.zc-claw-intro path:nth-child(2) {animation-delay:.18s;}
.zc-claw-intro path:nth-child(3) {animation-delay:.36s;}
.zc-claw-intro__logo {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:claw-logo .7s .65s ease-out forwards;}
.zc-claw-intro__name {position:absolute;top:calc(50% + min(32.5vw,180px));left:0;right:0;text-align:center;color:#e8d6ff;font:700 18px 'Rajdhani',sans-serif;letter-spacing:.4em;opacity:0;animation:claw-logo .5s .8s forwards;}

@keyframes claw-draw {to{stroke-dashoffset:0;}}
@keyframes claw-logo {from{opacity:0;transform:scale(.82);}to{opacity:1;transform:scale(1);}}
@keyframes claw-exit {to{opacity:0;visibility:hidden;transform:scale(1.06);}}

.zc-claw-rake {transform-origin:50% 0;animation:claw-rake .7s ease-out both;}.zc-claw-rake path {stroke-dasharray:none;stroke-dashoffset:0;animation:none;}
@keyframes claw-rake {0%{transform:translate(28px,-40px) scaleY(0);opacity:0;}25%{opacity:1;}65%{transform:translate(0,0) scaleY(1);opacity:.9;}100%{transform:translate(-8px,10px) scaleY(1.04);opacity:0;}}


#zc-site .demo-link-play {display:grid;place-items:center;padding:0;line-height:0;}
#zc-site .demo-link-play svg {display:block;width:24px;height:24px;margin:0;transform:none;}


#zc-site .guardian-pose {transition:none;}

/* Cached transparent layers are composited once; masks are absent from the live avatar. */
#zc-site .guardian-canvas-rig {position:absolute;height:100%;aspect-ratio:365.5/663;max-width:100%;left:50%;transform:translateX(-50%);pointer-events:none;contain:layout style;}
#zc-site .guardian-canvas-rig canvas {position:absolute;inset:0;width:100%;height:100%;}
#zc-site .guardian-canvas-rig .guardian-chest {transform-origin:52.74% 64.56%;will-change:transform;}

#zc-site .guardian-sleeping .guardian-chest,#zc-site .guardian-hidden-tab .guardian-chest {animation-play-state:paused!important;}
#zc-site .guardian-sleeping .guardian-canvas-rig canvas {will-change:auto;}
#zc-site .guardian-backplate {filter:none;}

/* Hero navigation replaces the top bar. Existing actions retain their sizing. */
#zc-site .guardian-brand {font-size:29px;gap:14px;}
#zc-site .guardian-brand img {width:56px;height:56px;}
#zc-site .landing-hero__cta {display:grid;grid-template-columns:max-content max-content;width:fit-content;max-width:100%;gap:14px 12px;align-items:start;}
#zc-site .landing-hero__cta .landing-cta--online {grid-column:1/-1;justify-self:center;max-width:100%;box-sizing:border-box;}
#zc-site .landing-hero__cta .landing-cta--online::before {background:linear-gradient(115deg,#241039,#492069 65%,#713799)!important;}
@media(max-width:900px){#zc-site .landing-hero__cta {margin-inline:auto;}#zc-site .guardian-brand {font-size:27px;}#zc-site .guardian-brand img {width:49px;height:49px;}}
@media(max-width:480px){#zc-site .landing-hero__cta {grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;}#zc-site .landing-hero__cta .landing-cta:not(.landing-cta--online) {width:100%;padding:14px 12px;gap:8px;box-sizing:border-box;}#zc-site .landing-hero__trial-wrap {min-width:0;}#zc-site .landing-hero__cta .landing-cta--online {width:100%;}#zc-site .landing-hero__cta .hero-action-icon {width:19px;height:19px;padding-left:7px;}}

#zc-site .hero-demo-cue {width:100%;max-width:100%;display:grid;place-items:center;position:relative;margin:32px 0 16px;isolation:isolate;}
#zc-site .hero-demo-cue::before {content:"";position:absolute;width:114px;height:114px;background:radial-gradient(ellipse,#a34fff28,transparent 68%);z-index:-1;pointer-events:none;}
#zc-site .hero-demo-cue svg {display:block;width:66px;height:86px;overflow:visible;filter:drop-shadow(0 0 3px #b36aff99) drop-shadow(0 0 9px #963bff55);}
#zc-site .hero-demo-cue + .landing-hero__scroll {margin-top:0;}
#zc-site .guardian-stage[role="button"] {cursor:pointer;touch-action:pan-y;}
#zc-site .guardian-stage[role="button"]:focus-visible {outline:2px solid #c18aff;outline-offset:5px;border-radius:18px;}
@media(max-width:900px){#zc-site .hero-demo-cue {margin-inline:auto;margin-top:32px;}}

#zc-site .hero-demo-group {display:flex;flex-direction:column;align-items:stretch;width:fit-content;max-width:100%;}
@media(max-width:900px){#zc-site .hero-demo-group {margin-inline:auto;}}
