@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hero__ring{z-index:-1;border-radius:calc(var(--radius-lg) + 2px);background:conic-gradient(from var(--ring-angle), transparent 0deg, #a855f7 60deg, #ffb020 120deg, transparent 180deg, #4b3ff2 260deg, transparent 330deg);pointer-events:none;position:absolute;inset:-2px}.hero__ring:after{content:"";border-radius:inherit;background:inherit;filter:blur(26px);opacity:.55;position:absolute;inset:-18px}@media (prefers-reduced-motion:no-preference){.hero__ring{animation:9s linear infinite ring-turn}}@keyframes ring-turn{to{--ring-angle:360deg}}.mark{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.step-card{grid-template-rows:auto auto 1fr;gap:0;padding:0;display:grid;overflow:hidden}.step-card__body{padding:4px 22px 22px}.step-card__num{background:var(--grad-brand);color:#fff;width:30px;height:30px;font:800 .95rem/1 var(--font-display);box-shadow:var(--shadow-brand);border-radius:10px;place-items:center;margin:18px 22px 10px;display:inline-grid}.scene{background:radial-gradient(120% 90% at 100% 0%, #7a4cf44d, transparent 60%), radial-gradient(90% 80% at 0% 100%, #4b3ff247, transparent 60%), var(--color-midnight);height:172px;color:var(--color-on-dark);isolation:isolate;border-radius:16px;margin:10px 10px 0;font-size:.78rem;position:relative;overflow:hidden}.scene:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask:radial-gradient(80% 80% at 50% 40%,#000,#0000)}.scenes-ready .scene:not(.is-playing) *,.scenes-ready .scene:not(.is-playing) :before,.scenes-ready .scene:not(.is-playing) :after{animation-play-state:paused}.scene-list{gap:8px;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:16px 16px auto}.scene-list li{white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;font-weight:600;display:flex}.scene-list b{background:#ffffff1f;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:.7rem;display:grid}.scene-type{clip-path:inset(0);animation:6s steps(24,end) infinite scene-type;display:inline-block;overflow:hidden}.scene-list li:nth-child(2) .scene-type{animation-name:scene-type-2}.scene-list li:nth-child(3) .scene-type{animation-name:scene-type-3}@keyframes scene-type{0%{clip-path:inset(0 100% 0 0)}18%,to{clip-path:inset(0)}}@keyframes scene-type-2{0%,22%{clip-path:inset(0 100% 0 0)}36%,to{clip-path:inset(0)}}@keyframes scene-type-3{0%,40%{clip-path:inset(0 100% 0 0)}56%,to{clip-path:inset(0)}}.scene-cam{background:linear-gradient(160deg,#2a3163,#151a3c);border:1px solid #ffffff24;border-radius:12px;width:46%;position:absolute;inset:16px auto 16px 16px;overflow:hidden}.scene-cam:before{content:"";aspect-ratio:1;background:#8d93c4;border-radius:50%;width:34%;position:absolute;top:22%;left:50%;translate:-50%}.scene-cam:after{content:"";aspect-ratio:1.4;background:#8d93c4;border-radius:50% 50% 0 0;width:70%;position:absolute;bottom:-18%;left:50%;translate:-50%}.scene-cam__frame{z-index:1;border:1.5px dashed #ffffff59;border-radius:50%/45%;position:absolute;inset:10%}.scene-meter{gap:10px;width:40%;display:grid;position:absolute;top:22px;right:16px}.scene-meter__label{color:var(--color-on-dark-2);align-items:center;gap:6px;font-weight:700;display:flex}.scene-bars{align-items:flex-end;gap:4px;height:34px;display:flex}.scene-bars i{transform-origin:bottom;background:linear-gradient(#7ee0c0,#13b98a);border-radius:3px;flex:1;height:100%;animation:1.1s ease-in-out infinite scene-level}.scene-bars i:nth-child(2){animation-delay:-.3s}.scene-bars i:nth-child(3){animation-delay:-.6s}.scene-bars i:nth-child(4){animation-delay:-.15s}.scene-bars i:nth-child(5){animation-delay:-.45s}.scene-bars i:nth-child(6){animation-delay:-.75s}@keyframes scene-level{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.scene-ok{color:#7ee0c0;animation:scene-pop 4s var(--ease-out-strong) infinite;background:#13b98a2e;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:5px 10px;font-weight:700;display:inline-flex}@keyframes scene-pop{0%,30%{opacity:0;transform:scale(.7)}42%,to{opacity:1;transform:none}}.scene-face{object-fit:cover;object-position:54% 28%;border:2px solid #ffffffb3;border-radius:50%;width:64px;height:64px;animation:1.6s ease-out infinite scene-talk;position:absolute;top:18px;left:16px;box-shadow:0 0 #a855f78c}@keyframes scene-talk{0%{box-shadow:0 0 #a855f78c}80%,to{box-shadow:0 0 0 14px #a855f700}}.scene-name{gap:2px;font-weight:700;display:grid;position:absolute;top:24px;left:92px}.scene-name small{color:var(--color-on-dark-2);font-weight:600}.scene-wave{align-items:center;gap:3px;height:18px;display:flex;position:absolute;top:64px;left:92px}.scene-wave i{background:#c4b5fd;border-radius:2px;width:3px;height:100%;animation:.8s ease-in-out infinite scene-level}.scene-wave i:nth-child(2n){animation-delay:-.25s}.scene-wave i:nth-child(3n){animation-delay:-.5s}.scene-caption{color:var(--color-ink);background:#fff;border-radius:12px;padding:9px 12px;font-size:.82rem;font-weight:700;position:absolute;inset:auto 14px 14px}.scene-caption span{animation:5s step-end infinite scene-word}.scene-caption span:nth-child(2){animation-name:scene-word-2}.scene-caption span:nth-child(3){animation-name:scene-word-3}.scene-caption span:nth-child(4){animation-name:scene-word-4}@keyframes scene-word{0%{color:#c3c7da}8%,to{color:var(--color-ink)}}@keyframes scene-word-2{0%,18%{color:#c3c7da}20%,to{color:var(--color-ink)}}@keyframes scene-word-3{0%,30%{color:#c3c7da}32%,to{color:var(--color-ink)}}@keyframes scene-word-4{0%,44%{color:#c3c7da}46%,to{color:var(--color-ink)}}.scene-review{gap:7px;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:12px 14px auto}.scene-review li{white-space:nowrap;background:#ffffff0f;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:5px 9px;font-weight:600;display:flex}.scene-tag{animation:scene-pop 4.5s var(--ease-out-strong) infinite;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:800}.scene-tag--good{color:#7ee0c0;background:#13b98a33}.scene-tag--rework{color:#ffcd6b;background:#ffb02033}.scene-review li:nth-child(2) .scene-tag{animation-name:scene-pop-2}.scene-review li:nth-child(3) .scene-tag{animation-name:scene-pop-3}@keyframes scene-pop-2{0%,45%{opacity:0;transform:scale(.7)}57%,to{opacity:1;transform:none}}@keyframes scene-pop-3{0%,60%{opacity:0;transform:scale(.7)}72%,to{opacity:1;transform:none}}.scene-retry{background:var(--grad-brand);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.74rem;font-weight:700;animation:2.2s ease-out infinite scene-ping;display:inline-flex;position:absolute;bottom:9px;right:14px;box-shadow:0 0 #7a4cf499}@keyframes scene-ping{0%{box-shadow:0 0 #7a4cf499}70%,to{box-shadow:0 0 0 12px #7a4cf400}}.stats-band{isolation:isolate;position:relative}.stats-band:before{content:"";z-index:-1;filter:blur(20px);background:radial-gradient(50% 60% at 30%,#7a4cf429,#0000 70%),radial-gradient(40% 60% at 75%,#ffb02024,#0000 70%);position:absolute;inset:10% 8%}.stat-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);backdrop-filter:blur(14px);transition:transform .3s var(--ease-out-strong), box-shadow .3s var(--ease-out-strong);background:#ffffffb8;border:1px solid #fffc;align-content:start;gap:10px;padding:22px 22px 20px;display:grid;position:relative}.stat-card:after{content:"";border-radius:inherit;opacity:0;transition:opacity .3s var(--ease-out-strong);pointer-events:none;background:linear-gradient(135deg,#4b3ff28c,#a855f700 45%,#ffb0208c);padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@media (hover:hover){.stat-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.stat-card:hover:after{opacity:1}}.stat-card__icon{background:var(--color-brand-soft);width:38px;height:38px;color:var(--color-brand);border-radius:12px;place-items:center;display:grid}.stat-card:nth-child(2) .stat-card__icon{background:var(--color-accent-soft);color:var(--color-accent-ink)}.stat-card:nth-child(3) .stat-card__icon{background:var(--color-good-soft);color:var(--color-good)}.stat-card:nth-child(4) .stat-card__icon{background:var(--color-bad-soft);color:var(--color-bad)}.guide-card{border:1px solid var(--color-line);background:var(--color-surface);height:100%;color:var(--color-ink);transition:transform .3s var(--ease-out-strong), box-shadow .3s var(--ease-out-strong), border-color .3s var(--ease-out-strong);border-radius:20px;grid-template-rows:auto 1fr auto;gap:8px;padding:20px 20px 18px;text-decoration:none;display:grid;position:relative}@media (hover:hover){.guide-card:hover{box-shadow:var(--shadow-lift);border-color:#0000;transform:translateY(-4px)}.guide-card:hover .guide-card__go{background:var(--color-brand);color:#fff;border-color:#0000;translate:3px}}.guide-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-card__num{background:var(--grad-brand);color:#0000;font:800 1.05rem/1 var(--font-display);-webkit-background-clip:text;background-clip:text}.guide-card__go{border:1px solid var(--color-line);width:32px;height:32px;color:var(--color-ink-3);transition:background-color .3s var(--ease-out-strong), color .3s var(--ease-out-strong), translate .3s var(--ease-out-strong), border-color .3s var(--ease-out-strong);border-radius:50%;place-items:center;display:grid}.guide-card--all{background:radial-gradient(120% 90% at 100% 0%, #7a4cf459, transparent 60%), var(--color-midnight);color:#fff;border-color:#0000;align-content:center;justify-items:start}.cta-blob{z-index:-1;filter:blur(50px);pointer-events:none;border-radius:50%;position:absolute}.cta-blob--1{background:#ffb02073;width:360px;height:360px;top:-20%;left:8%}.cta-blob--2{background:#ff5c7a59;width:420px;height:420px;bottom:-30%;right:6%}@media (prefers-reduced-motion:no-preference){.cta-blob--1{animation:14s ease-in-out infinite alternate cta-drift}.cta-blob--2{animation:17s ease-in-out infinite alternate-reverse cta-drift}}@keyframes cta-drift{to{transform:translate(60px,30px)scale(1.15)}}.cta-face{object-fit:cover;object-position:54% 28%;border:3px solid #ffffffd9;border-radius:50%;width:76px;height:76px;position:relative;box-shadow:0 16px 40px -14px #00000080}.cta-live{background:var(--color-mint);border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:4px;right:-2px}@media (width<=640px){.photo-frame .float-chip--br{display:none}}