.hero{position:relative;padding-block:clamp(40px,6vw,76px) clamp(48px,7vw,88px);overflow:clip}.hero::before{content:"";position:absolute;z-index:-1;left:50%;top:-360px;translate:-50% 0;width:1100px;height:760px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,201,60,.28),rgba(255,154,60,.10) 55%,transparent 100%);pointer-events:none}.hero::after{content:"";position:absolute;z-index:-1;right:-120px;top:180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(125,107,232,.14),transparent);pointer-events:none}.hero__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,4vw,64px);align-items:center}.hero__title{font-size:var(--fs-h1);line-height:1.16;margin:22px 0 20px;letter-spacing:-.035em}.hero__title .line{display:block;overflow:hidden}.hero__title .line>span{display:block;transform:translateY(110%);animation:hero-line .9s var(--ease-out) forwards}.hero__title .line:nth-child(2)>span{animation-delay:.12s}.hero__title .grad{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:160% 100%;animation:hero-line .9s var(--ease-out) .12s forwards,grad-shift 9s ease-in-out infinite 1.2s}@keyframes hero-line{to{transform:translateY(0)}}@keyframes grad-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero__lead{font-size:1.0625rem;line-height:1.9;color:var(--ink-2);max-width:30em;opacity:0;animation:fade-up .8s var(--ease-out) .34s forwards}.hero__lead b{color:var(--ink);font-weight:700}.hero__lead .sep{color:var(--ink-3);margin-inline:.35em}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;opacity:0;animation:fade-up .8s var(--ease-out) .46s forwards}.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:26px;font-size:var(--fs-xs);color:var(--ink-3);opacity:0;animation:fade-up .8s var(--ease-out) .58s forwards}.hero__meta .item{display:inline-flex;align-items:center;gap:8px;font-weight:600}.hero__meta .item svg{color:var(--ok)}.hero__tag{opacity:0;animation:fade-up .7s var(--ease-out) .08s forwards}@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.stage{position:relative;display:flex;justify-content:center}.stage__canvas{position:relative;width:min(100%,480px);padding-top:104px}.ladder{--step-w:46px;--gap:10px;position:relative;height:clamp(300px,32vw,390px);display:flex;align-items:flex-end;justify-content:center;gap:var(--gap);padding:0 6px 34px;margin-top:0}.ladder::after{content:"";position:absolute;left:-4%;right:-4%;bottom:14px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.step{--h:30%;position:relative;flex:1;max-width:var(--step-w);height:var(--h);border-radius:14px 14px 8px 8px;background:var(--sc);box-shadow:0 10px 18px -12px var(--sd),inset 0 1px 0 rgba(255,255,255,.55);opacity:0;animation:step-in var(--tl-step-dur,.7s) var(--ease-spring) forwards;transition:filter var(--dur-2),translate var(--dur-2)}.step::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 46%)}.step{overflow:visible}.step::after{content:"";position:absolute;left:50%;top:14px;translate:-50% 0;width:10px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}.step:hover{filter:saturate(1.06) brightness(1.03);translate:0 -3px}.step__lv{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10.5px;font-weight:800;color:var(--sct,#fff);letter-spacing:.08em;line-height:1}.step:nth-child(1){--sct:var(--on-l1);--h:30%;--sc:var(--l1);--sd:rgba(255,201,60,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 0)}.step:nth-child(2){--sct:var(--on-l2);--h:41.4%;--sc:var(--l2);--sd:rgba(255,154,60,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 1)}.step:nth-child(3){--sct:var(--on-l3);--h:52.9%;--sc:var(--l3);--sd:rgba(255,106,92,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 2)}.step:nth-child(4){--sct:var(--on-l4);--h:64.3%;--sc:var(--l4);--sd:rgba(240,92,142,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 3)}.step:nth-child(5){--h:75.7%;--sc:var(--l5);--sd:rgba(179,107,224,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 4)}.step:nth-child(6){--h:87.1%;--sc:var(--l6);--sd:rgba(125,107,232,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 5)}.step:nth-child(7){--h:94.3%;--sc:var(--l7);--sd:rgba(91,110,224,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 6)}.step:nth-child(8){--h:100%;--sc:var(--l8);--sd:rgba(74,63,168,.6);animation-delay:calc(var(--tl-step-base, 300ms) + var(--tl-step-stagger, 80ms) * 7)}@keyframes step-in{from{opacity:0;transform:translateY(40px) scaleY(.88);transform-origin:bottom}to{opacity:1;transform:none;transform-origin:bottom}}.bean-climb{--jx1:56px;--jy1:-36px;--jx2:112px;--jy2:-71px;--jx3:168px;--jy3:-107px;--jx4:224px;--jy4:-142px;--jx5:280px;--jy5:-178px;--jx6:336px;--jy6:-206px;--jx7:392px;--jy7:-249px;--bs:46px;position:absolute;left:10px;bottom:38px;z-index:4;display:block;vertical-align:top;opacity:0;transform:translate3d(0,0,0);animation:none!important;transition:transform .16s cubic-bezier(.34,1.4,.64,1),opacity .3s var(--ease-out)}.bean-climb.is-visible{opacity:1}.bean-cheer{position:absolute;z-index:5;right:2%;top:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease-out)}.ladder.is-done~.bean-cheer.is-live{opacity:1;visibility:visible}.bean-cheer>.beanie{--bs:50px;display:block;transform-origin:50% 100%;scale:.6;animation:bean-bob 3.2s var(--ease-in-out) infinite;animation-play-state:paused;transition:scale .46s var(--ease-spring)}.ladder.is-done~.bean-cheer.is-live>.beanie{scale:1;animation-play-state:running}.bean-cheer .flag{position:absolute;left:calc(100% - 4px);top:-6px;width:46px;height:24px;background:var(--berry);color:#fff;border-radius:4px 8px 8px 4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.02em;transform-origin:0 50%;animation:flag-wave 2.4s ease-in-out infinite;box-shadow:0 8px 16px -8px rgba(232,72,127,.9)}.bean-cheer .flag::before{content:"";position:absolute;left:-4px;top:50%;width:10px;height:2px;background:var(--berry);translate:0 -50%}@keyframes flag-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(2.5deg)}}.notes{position:absolute;inset:0;pointer-events:none}.note{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 9px;border-radius:12px;background:#fff;border:1px solid var(--line-strong);box-shadow:0 2px 6px rgba(34,26,18,.07),0 18px 34px -16px rgba(34,26,18,.4);font-size:var(--fs-2xs);font-weight:750;color:var(--ink);letter-spacing:.01em;opacity:0;animation:note-in .6s var(--ease-spring) forwards}.note .ic{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#fff;flex:none}.note--1{left:0;top:8px}.note--2{right:0;top:8px}.note--3{display:none}.note .ic.i1{background:linear-gradient(135deg,var(--l2),var(--l3))}.note .ic.i2{background:linear-gradient(135deg,var(--l4),var(--l5))}.note .ic.i3{background:linear-gradient(135deg,var(--l6),var(--l7))}@keyframes note-in{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}.stage__caption{margin-top:6px;text-align:center;font-size:var(--fs-2xs);color:var(--ink-3);opacity:0;animation:fade-up .7s var(--ease-out) 6.6s forwards}.stage__caption b{color:var(--ink-2)}.stage__legend{display:flex;justify-content:center;gap:14px;margin-top:10px;font-size:12px;color:var(--ink-3);opacity:0;animation:fade-up .7s var(--ease-out) 6.7s forwards}.stage__legend i{display:inline-block;width:18px;height:4px;border-radius:2px;vertical-align:middle;margin-right:5px}@media (max-width:980px){.hero__grid{grid-template-columns:1fr}.stage{order:-1}.stage__canvas{width:min(100%,520px);margin-inline:auto}.ladder{height:clamp(260px,52vw,340px);margin-top:24px}.note--1,.note--3{display:none}}@media (max-width:560px){.hero::before{width:760px;height:520px}.note--1{left:0}.note--2{right:0}.note--3{left:0}.bean-cheer>.beanie{--bs:38px}.ladder{--step-w:40px;--gap:7px;height:250px;padding-bottom:30px}.step__lv{font-size:11px}.note--2{display:none}.note{font-size:12px;padding:7px 10px}.bean-cheer .flag{width:38px;height:20px;font-size:11px;left:calc(100% - 10px);top:-2px}}.stats{margin-top:clamp(18px,3vw,34px)}.stats__inner{display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2);overflow:hidden}.stat{padding:26px 22px;display:flex;align-items:center;gap:14px;position:relative;min-width:0}.stat+.stat::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}.stat__num{font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;display:flex;align-items:baseline;gap:2px}.stat__num small{font-size:.42em;font-weight:700;color:var(--ink-3);letter-spacing:0}.stat__lab{font-size:var(--fs-2xs);color:var(--ink-3);margin-top:6px;font-weight:600}@media (max-width:760px){.stats__inner{grid-template-columns:1fr 1fr}.stat:nth-child(3)::before{display:none}.stat:nth-child(n+3){border-top:1px solid var(--line)}}.pain__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.pain{padding:26px 22px 24px;position:relative;overflow:hidden}.pain__icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;background:var(--ic-bg);color:var(--ic-fg)}.pain__icon svg{width:22px;height:22px}.pain h3{font-size:var(--fs-h3);margin-bottom:8px}.pain p{font-size:var(--fs-sm);line-height:1.8;color:var(--ink-3)}.pain__bar{position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--ic-fg);opacity:.85;transform:scaleX(.28);transform-origin:left;transition:transform var(--dur-3) var(--ease-out)}.pain:hover .pain__bar{transform:scaleX(1)}.pain:nth-child(1){--ic-bg:var(--l1s);--ic-fg:var(--l2)}.pain:nth-child(2){--ic-bg:var(--l2s);--ic-fg:var(--l3)}.pain:nth-child(3){--ic-bg:var(--l3s);--ic-fg:var(--l4)}.pain:nth-child(4){--ic-bg:var(--l4s);--ic-fg:var(--l5)}@media (max-width:960px){.pain__grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.pain__grid{grid-template-columns:1fr}}.callout{margin-top:20px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--r-lg);background:linear-gradient(100deg,var(--brand-soft),#FFF8F2 60%,#FFF8F2);border:1px solid #FFDCCB}.callout .beanie{--bs:42px}.callout p{font-size:.9375rem;color:var(--ink-2)}.callout .big{font-size:1.5rem;font-weight:800;color:var(--brand-deep);letter-spacing:-.03em;margin-inline:2px}.callout .src{font-size:var(--fs-2xs);color:var(--ink-3);margin-left:auto;white-space:nowrap}@media (max-width:640px){.callout{flex-wrap:wrap;gap:10px}.callout p{flex:1;min-width:180px;font-size:.875rem}.callout .src{margin-left:0;width:100%}}.ladder-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:0;margin-top:36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-2);overflow:hidden}.ladder-panel__viz{padding:clamp(24px,3vw,38px);position:relative;background:linear-gradient(180deg,#FFFCF7,#fff)}.bars{display:flex;align-items:flex-end;gap:8px;height:300px;position:relative;padding-bottom:44px}.bars::after{content:"";position:absolute;left:0;right:0;bottom:43px;height:1px;background:var(--line)}.bar{flex:1;position:relative;border-radius:12px 12px 6px 6px;background:var(--sc);cursor:pointer;box-shadow:0 8px 18px -12px var(--sd),inset 0 1px 0 rgba(255,255,255,.5);transition:transform var(--dur-2) var(--ease-out),filter var(--dur-2);border:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.bar:hover,.bar[aria-selected="true"]{transform:translateY(-6px);filter:saturate(1.1)}.bar[aria-selected="true"]{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--sc),0 16px 26px -14px var(--sd)}.bar__lv{position:absolute;top:-26px;font-size:var(--fs-2xs);font-weight:800;color:var(--ink-2);letter-spacing:.04em}.bar[aria-selected="true"] .bar__lv{color:var(--ink)}.bar__top{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);margin-top:12px}.bar__bean{position:absolute;left:50%;bottom:calc(100% + 6px);translate:-50% 0;opacity:0;transition:opacity var(--dur-2),translate var(--dur-2) var(--ease-spring)}.bar:hover .bar__bean,.bar[aria-selected="true"] .bar__bean{opacity:1;translate:-50% -4px}.bar__name{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;color:var(--sct,#fff);line-height:1.3}.bar.s1{--sct:var(--on-l1);--sc:var(--l1);--sd:rgba(255,201,60,.7);height:22%}.bar.s2{--sct:var(--on-l2);--sc:var(--l2);--sd:rgba(255,154,60,.7);height:33%}.bar.s3{--sct:var(--on-l3);--sc:var(--l3);--sd:rgba(255,106,92,.7);height:44%}.bar.s4{--sct:var(--on-l4);--sc:var(--l4);--sd:rgba(240,92,142,.7);height:55%}.bar.s5{--sc:var(--l5);--sd:rgba(162,74,217,.7);height:66%}.bar.s6{--sc:var(--l6);--sd:rgba(104,84,228,.7);height:77%}.bar.s7{--sc:var(--l7);--sd:rgba(70,91,220,.7);height:88%}.bar.s8{--sc:var(--l8);--sd:rgba(74,63,168,.7);height:99%}.bars__axis{position:absolute;left:0;bottom:0;font-size:11px;color:var(--ink-3);display:flex;justify-content:space-between;width:100%;gap:8px}.bars__axis .merge{display:none}@media (min-width:700px){.bars__axis .merge{display:inline}}@media (max-width:480px){.bars__axis{font-size:11px}.bars__axis span:first-child{max-width:9em}}.bars__axis .merge{color:var(--brand-deep);font-weight:700}.ladder-panel__info{padding:clamp(24px,3vw,34px);border-left:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(180deg,#FFFAF3,#FFFDFB)}.detail{display:flex;flex-direction:column;height:100%;gap:14px;animation:card-fade .4s var(--ease-out)}@keyframes card-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.detail__top{display:flex;align-items:center;gap:12px}.detail__badge{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:var(--dct,#fff);letter-spacing:-.02em;background:var(--dc);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 18px -12px var(--dc)}.detail__stage{font-size:var(--fs-2xs);color:var(--ink-3);font-weight:700;letter-spacing:.08em}.detail h3{font-size:1.375rem;margin-top:2px;letter-spacing:-.03em}.detail__desc{font-size:var(--fs-sm);line-height:1.85;color:var(--ink-2)}.detail__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:var(--fs-sm);color:var(--ink-2)}.detail__list li{display:flex;gap:10px;align-items:flex-start}.detail__list svg{flex:none;margin-top:4px;color:var(--ok)}.detail__foot{margin-top:auto;padding-top:16px;border-top:1px dashed var(--line-strong);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--fs-2xs);color:var(--ink-3)}.detail__foot b{color:var(--ink)}@media (max-width:900px){.ladder-panel{grid-template-columns:1fr}.ladder-panel__info{border-left:0;border-top:1px solid var(--line)}.bars{height:220px}.bar__name{display:none}.bar__lv{font-size:12px}}.sys{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:center;margin-top:40px}.loop{position:relative;aspect-ratio:1;width:min(100%,420px);margin-inline:auto;display:grid;place-items:center}.loop{clip-path:inset(-8% -8% -8% -8%)}.loop__ring{position:absolute;inset:8%;border-radius:50%;border:1px dashed var(--line-strong)}.loop__ring2{position:absolute;inset:24%;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.5)}.loop__orbit{position:absolute;inset:8%;animation:orbit 30s linear infinite}@media (max-width:520px){.loop__orbit{inset:11%}}.loop:hover .loop__orbit{animation-play-state:paused}@keyframes orbit{to{transform:rotate(360deg)}}.loop__core{position:relative;z-index:2;width:46%;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.loop__core b{font-size:.9375rem;letter-spacing:-.01em}.loop__core span{font-size:11.5px;color:var(--ink-3)}.node{position:absolute;left:50%;top:50%;width:0;height:0}.node__pill{position:absolute;translate:-50% -50%;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);font-size:var(--fs-xs);font-weight:700;white-space:nowrap;animation:orbit-rev 30s linear infinite}.loop:hover .node__pill{animation-play-state:paused}@keyframes orbit-rev{to{transform:rotate(-360deg)}}.node__n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--nct,#fff);background:var(--nc)}.feats{display:grid;gap:10px}.feat{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-md);background:rgba(255,255,255,.7);border:1px solid transparent;transition:background var(--dur-2),border-color var(--dur-2),transform var(--dur-2) var(--ease-out)}.feat:hover{background:#fff;border-color:var(--line);transform:translateX(4px);box-shadow:var(--shadow-1)}.feat__ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--fc-bg);color:var(--fc);font-weight:800;font-size:.8125rem}.feat h3{font-size:.9375rem;margin-bottom:2px}.feat p{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.7}@media (max-width:880px){.sys{grid-template-columns:1fr}}.ip{position:relative;margin-top:36px;border-radius:var(--r-xl);padding:clamp(24px,3.4vw,44px);background:linear-gradient(160deg,#FFF7EA,#FFF1F5 55%,#F3F0FF);border:1px solid #F3E3D2;overflow:hidden}.ip::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(34,26,18,.06) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,#000,transparent 55%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 55%)}.ip__head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}.ip__head p{font-size:.9375rem;color:var(--ink-2);max-width:34em;line-height:1.85;margin-top:10px}.family{position:relative;display:grid;grid-template-columns:1.15fr repeat(8,1fr);gap:10px}.fam{background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-md);padding:16px 8px 14px;text-align:center;backdrop-filter:blur(6px);transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2)}.fam:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}.fam .beanie{--bs:44px;margin:0 auto 10px;animation-duration:4.4s}.fam b{display:block;font-size:var(--fs-2xs);letter-spacing:0}.fam span{display:block;font-size:12px;color:var(--ink-3);margin-top:3px;line-height:1.4}.fam--captain{background:#fff;border-color:#FFD9C9;box-shadow:0 10px 24px -16px rgba(255,106,61,.9)}.fam--captain b{color:var(--brand-deep)}.fam .fam__lv{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;padding:2px 7px;border-radius:6px;background:var(--lc);color:var(--lt)}@media (max-width:960px){.family{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.family{grid-template-columns:repeat(2,1fr)}}.usage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.usage div{background:rgba(255,255,255,.7);border-radius:var(--r-sm);padding:14px 16px;font-size:var(--fs-2xs);color:var(--ink-3);line-height:1.75}.usage b{display:block;color:var(--ink);font-size:var(--fs-xs);margin-bottom:4px}@media (max-width:960px){.usage{grid-template-columns:1fr 1fr}}@media (max-width:520px){.usage{grid-template-columns:1fr}}.admin{margin-top:40px;border-radius:var(--r-xl);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-3);overflow:hidden}.admin__bar{height:44px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#FBF6EF;border-bottom:1px solid var(--line)}.admin__bar i{width:10px;height:10px;border-radius:50%;background:#E9DFD2}.admin__bar i:nth-child(1){background:#FF6B5C}.admin__bar i:nth-child(2){background:#FFC13C}.admin__bar i:nth-child(3){background:#3ECF8E}.admin__url{margin-left:14px;flex:1;max-width:360px;height:26px;border-radius:7px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:0 10px;font-size:11.5px;color:var(--ink-3);gap:6px}.admin__body{display:grid;grid-template-columns:212px 1fr;min-height:400px}.admin__side{background:#241C15;color:#B9AD9F;padding:18px 12px;display:flex;flex-direction:column;gap:2px}.admin__brand{display:flex;align-items:center;gap:9px;padding:2px 10px 16px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.admin__brand b{color:#fff;font-size:13px;letter-spacing:-.01em}.admin__side a,.admin__side span{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:12.5px;color:#B9AD9F;transition:background var(--dur-1),color var(--dur-1)}.admin__side a:hover{background:rgba(255,255,255,.06);color:#fff}.admin__side a.on,.admin__side span.on{background:rgba(255,106,61,.16);color:#FFB59B;font-weight:700}.admin__side a i,.admin__side span i{width:7px;height:7px;border-radius:2px;flex:none}.admin__side .spacer{margin-top:auto}.admin__main{padding:22px;background:#FFFCF8}.admin__main .admin__h{font-size:14px;font-weight:750;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}.admin__main .admin__h small{font-size:11px;font-weight:600;color:var(--ink-3)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px}.kpi .k{font-size:11.5px;color:var(--ink-3)}.kpi .v{font-size:2rem;font-weight:800;margin-top:4px;letter-spacing:-.03em}.kpi .d{font-size:11px;margin-top:2px;font-weight:700}.kpi .d.up{color:var(--danger)}.kpi .d.ok{color:var(--ok)}.kpi .spark{margin-top:10px;height:26px;display:flex;align-items:flex-end;gap:3px}.kpi .spark i{flex:1;border-radius:2px 2px 0 0;background:var(--l2);opacity:.75}.table{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.table .tr{display:grid;grid-template-columns:1.2fr 1fr .9fr .8fr;gap:8px;align-items:center;padding:12px 14px;font-size:12.5px;border-bottom:1px solid #F7EFE4}.table .tr:last-child{border-bottom:0}.table .tr.head{background:#FBF6EF;font-size:11px;color:var(--ink-3);font-weight:700;letter-spacing:.04em}.table .tr:not(.head):hover{background:#FFFBF5}.table .who{display:flex;align-items:center;gap:8px;font-weight:600}.table .avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.table .avatar.l1{background:var(--l1s);color:var(--l1d)}.table .avatar.l2{background:var(--l2s);color:var(--l2d)}.table .avatar.l3{background:var(--l3s);color:var(--l3d)}.table .avatar.l4{background:var(--l4s);color:var(--l4d)}.table .avatar.l5{background:var(--l5s);color:var(--l5d)}.table .avatar.l6{background:var(--l6s);color:var(--l6d)}.table .avatar.l7{background:var(--l7s);color:var(--l7d)}.table .avatar.l8{background:var(--l8s);color:var(--l8d)}.admin__empty{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;border-radius:var(--r-sm);border:1px dashed var(--line-strong);font-size:12px;color:var(--ink-3);background:#FFFDFA}@media (max-width:860px){.admin__body{grid-template-columns:64px 1fr}.admin__side a,.admin__side span{justify-content:center;padding:10px 0;font-size:0}.admin__side a i,.admin__side span i{width:9px;height:9px}.admin__brand b{display:none}.admin__brand{padding:2px 0 14px;justify-content:center}.kpis{grid-template-columns:1fr 1fr}.table .tr{grid-template-columns:1fr 1fr}.table .tr span:nth-child(3),.table .tr span:nth-child(4){display:none}}.spec{display:grid;grid-template-columns:1.32fr 1fr;gap:20px;margin-top:36px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-1)}.panel h3{font-size:15px;margin-bottom:4px}.panel .panel__sub{font-size:var(--fs-2xs);color:var(--ink-3);margin-bottom:18px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.sw{border-radius:12px;overflow:hidden;border:1px solid var(--line)}.sw i{display:block;height:48px}.sw div{padding:7px 9px;font-size:11px;background:#fff}.sw b{display:block;font-weight:700;font-size:11.5px}.sw span{color:var(--ink-3);font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:10.5px}.ramp{display:flex;border-radius:10px;overflow:hidden;height:14px;margin-top:14px}.ramp i{flex:1}.type-scale{display:grid;gap:14px}.type-scale div{display:flex;align-items:baseline;gap:14px}.type-scale span{font-size:10.5px;color:var(--ink-3);font-family:ui-monospace,monospace;width:88px;flex:none}.rules{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:var(--fs-xs);color:var(--ink-2);line-height:1.7}.rules li{display:flex;gap:10px}.rules li b{color:var(--ink)}.rules .n{flex:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--brand-soft);color:var(--brand-deep);margin-top:2px}@media (max-width:900px){.spec{grid-template-columns:1fr}}.cta{position:relative;margin-block:clamp(40px,6vw,72px);border-radius:calc(var(--r-xl) + 4px);overflow:hidden;background:#241C15;color:#fff;padding:clamp(32px,5vw,60px)}.cta::before{content:"";position:absolute;right:-140px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,154,60,.45),transparent);filter:blur(10px)}.cta::after{content:"";position:absolute;left:-120px;bottom:-200px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(125,107,232,.4),transparent);filter:blur(10px)}.cta__in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.cta h2{color:#fff;font-size:var(--fs-h2);max-width:18em}.cta p{color:rgba(255,255,255,.66);font-size:.9375rem;margin-top:12px;max-width:34em;line-height:1.8}.cta__actions{display:flex;gap:12px;flex-wrap:wrap}.cta__steps{position:relative;z-index:1;display:flex;gap:8px;margin-top:34px;flex-wrap:wrap}.cta__steps span{font-size:var(--fs-2xs);font-weight:700;color:rgba(255,255,255,.8);padding:7px 14px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}.cta__steps span b{color:#FFB59B;margin-right:6px}@media (prefers-reduced-motion:reduce){.ladder.is-done~.bean-cheer.is-live{opacity:1;visibility:visible}.ladder.is-done~.bean-cheer.is-live>.beanie{scale:1}.bean-climb{display:none}}