:root{--brand:#ec5025;--brand-600:#e03e13;--brand-700:#c5340d;--brand-300:#f4895f;--brand-100:#fbe0d4;--brand-50:#fef3ee;--accent:#fcdd2e;--accent-600:#f3c400;--accent-300:#ffe96b;--accent-100:#fff6c9;--green:#1f9d6b;--green-100:#dcf5ea;--amber:#e8930c;--amber-100:#fdeccb;--red:#df3030;--red-100:#fbdede;--ink:#1d1d1b;--ink-2:#46433d;--ink-3:#726d63;--ink-4:#9a948857;--line:#efe8de;--line-2:#e3dace;--line-3:#d6ccbd;--bg:#fbf7f1;--bg-2:#f4ece0;--bg-tint:#fdf1e9;--surface:#fff;--surface-2:#fffdfb;--ink-surface:#181715;--r-xs:8px;--r-sm:12px;--r:16px;--r-md:20px;--r-lg:28px;--r-xl:36px;--r-2xl:48px;--r-pill:999px;--sh-xs:0 1px 2px #1d1d1b0f;--sh-sm:0 1px 2px #1d1d1b0d, 0 4px 10px -6px #1d1d1b1a;--sh:0 2px 4px #1d1d1b0a, 0 16px 32px -18px #c4340d38;--sh-lg:0 10px 20px -10px #1d1d1b1f, 0 34px 60px -28px #c4340d4d;--sh-float:0 24px 50px -22px #1d1d1b52, 0 50px 90px -50px #c4340d61;--ring:0 0 0 4px #ec50252e;--container:1200px;--container-narrow:940px;--gutter:clamp(20px, 5vw, 40px);--section-y:clamp(72px, 11vw, 150px);--nav-h:72px;--font-display:"Unbounded", "Manrope", system-ui, sans-serif;--font-sans:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--t-eyebrow:.8125rem;--t-body:1.0625rem;--t-lead:clamp(1.125rem, 1.6vw, 1.375rem);--t-h4:clamp(1.125rem, 1.7vw, 1.375rem);--t-h3:clamp(1.4rem, 2.4vw, 1.875rem);--t-h2:clamp(2rem, 4.2vw, 3.25rem);--t-h1:clamp(2.6rem, 6.2vw, 4.9rem);--t-display:clamp(3rem, 8vw, 6rem);--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.5s}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--t-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";line-height:1.6;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::selection{background:var(--brand);color:#fff}:focus-visible{box-shadow:var(--ring);border-radius:var(--r-xs);outline:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-weight:700;line-height:1.04}h1{font-size:var(--t-h1)}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3);letter-spacing:-.01em}h4{font-family:var(--font-sans);font-size:var(--t-h4);letter-spacing:-.01em;font-weight:700;line-height:1.25}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container.narrow{max-width:var(--container-narrow)}.section{padding-block:var(--section-y);position:relative}.section.tight{padding-block:clamp(48px,7vw,96px)}.eyebrow{font-size:var(--t-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-700);align-items:center;gap:.5em;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--brand);border-radius:2px;width:22px;height:2px}.eyebrow.centered:before{display:none}.lead{font-size:var(--t-lead);color:var(--ink-2);font-weight:500;line-height:1.55}.muted{color:var(--ink-3)}.balance{text-wrap:balance}.section-head{max-width:720px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{margin-top:.5rem}.section-head .lead{margin-top:1.1rem}.grid{gap:clamp(16px,2vw,28px);display:grid}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}.btn{--btn-bg:var(--ink);--btn-fg:#fff;letter-spacing:-.01em;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);transition:transform .18s var(--ease), box-shadow .25s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.55em;padding:.85em 1.4em;font-size:1rem;font-weight:700;line-height:1;display:inline-flex}.btn svg{width:1.15em;height:1.15em}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{--btn-bg:var(--brand);box-shadow:0 8px 18px -8px #c4340d8c}.btn-primary:hover{--btn-bg:var(--brand-600);box-shadow:0 14px 26px -10px #c4340d99}.btn-dark:hover{--btn-bg:#000}.btn-outline{--btn-bg:transparent;--btn-fg:var(--ink);border-color:var(--line-3);box-shadow:var(--sh-xs)}.btn-outline:hover{border-color:var(--ink);background:var(--surface)}.btn-ghost{--btn-bg:transparent;--btn-fg:var(--ink);padding-inline:.9em}.btn-ghost:hover{--btn-bg:var(--brand-50);--btn-fg:var(--brand-700)}.btn-lg{padding:1.05em 1.7em;font-size:1.0625rem}.btn-block{width:100%}.btn-white{--btn-bg:#fff;--btn-fg:var(--ink)}.btn-white:hover{--btn-bg:#fff}.tag{letter-spacing:-.01em;border-radius:var(--r-pill);background:var(--surface);color:var(--ink-2);border:1px solid var(--line-2);align-items:center;gap:.4em;padding:.42em .85em;font-size:.8125rem;font-weight:700;display:inline-flex}.tag svg{width:1em;height:1em}.tag-brand{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.tag-accent{background:var(--accent-100);color:#8a6d00;border-color:#f6e18a}.tag-green{background:var(--green-100);color:#0f7a4f;border-color:#b6e6d3}.tag-amber{background:var(--amber-100);color:#97600a;border-color:#f6d99a}.tag-red{background:var(--red-100);color:#b51f1f;border-color:#f3bcbc}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:clamp(20px,2.5vw,32px)}.card-hover{transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease)}.card-hover:hover{box-shadow:var(--sh-lg);border-color:var(--brand-100);transform:translateY(-4px)}.ico{border-radius:var(--r);background:var(--brand-50);width:52px;height:52px;color:var(--brand-600);border:1px solid var(--brand-100);flex:none;place-items:center;display:grid}.ico svg{width:26px;height:26px}.ico-accent{background:var(--accent-100);color:#9a7a00;border-color:#f6e18a}.ico-ink{color:#fff;background:#232220;border-color:#232220}.avatar{background:var(--brand-100);width:38px;height:38px;color:var(--brand-700);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.progress{border-radius:var(--r-pill);background:var(--line);height:8px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-300));height:100%;display:block}.progress.green>span{background:linear-gradient(90deg,#1f9d6b,#4cc594)}.progress.amber>span{background:linear-gradient(90deg,#e8930c,#f7bd55)}.nav{z-index:50;height:var(--nav-h);transition:background .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);border-bottom:1px solid #0000;align-items:center;display:flex;position:sticky;top:0}.nav.scrolled{-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom-color:var(--line);background:#fbf7f1d1}.nav .container{align-items:center;gap:1.5rem;display:flex}.nav-links{align-items:center;gap:.35rem;margin-left:auto;display:flex}.nav-links a{border-radius:var(--r-pill);color:var(--ink-2);padding:.5em .85em;font-size:.95rem;font-weight:600;transition:color .2s,background .2s}.nav-links a:hover{color:var(--ink);background:#1d1d1b0d}.nav-actions{align-items:center;gap:.6rem;display:flex}.nav-burger{border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);place-items:center;width:44px;height:44px;margin-left:auto;display:none}@media (width<=940px){.nav-links,.nav-actions .btn-desktop{display:none}.nav-burger{display:grid}}.logo{flex:none;align-items:center;gap:.7rem;display:inline-flex}.logo img{width:auto;height:26px}.logo .divider-v{background:var(--line-3);width:1px;height:22px}.logo .sub{color:var(--ink-3);letter-spacing:-.01em;font-size:.82rem;font-weight:700;line-height:1.1}@media (width<=520px){.logo .divider-v,.logo .sub{display:none}}.menu-sheet{inset:var(--nav-h) 0 auto 0;z-index:49;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--sh-lg);padding:1rem var(--gutter) 1.5rem;animation:sheet-in .3s var(--ease-out);gap:.25rem;display:grid;position:fixed}@keyframes sheet-in{0%{opacity:0;transform:translateY(-10px)}}.menu-sheet a{border-radius:var(--r);border-bottom:1px solid var(--line);padding:.85em .6em;font-weight:600}.menu-sheet a:last-of-type{border-bottom:none}.menu-sheet .btn{margin-top:.75rem}.footer{background:var(--ink-surface);color:#d9d4cb;padding-block:clamp(56px,7vw,88px) 40px}.footer h4{color:#fff;margin-bottom:1rem;font-size:.95rem}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(28px,4vw,56px);display:grid}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.footer-grid{grid-template-columns:1fr}}.footer a{color:#b8b2a8;padding:.3em 0;transition:color .2s;display:inline-block}.footer a:hover{color:#fff}.footer .logo img{filter:brightness(0)invert();opacity:.95}.footer-bottom{color:#8d877c;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(40px,5vw,64px);padding-top:28px;font-size:.9rem;display:flex}.phone{aspect-ratio:300/620;width:300px;max-width:100%;box-shadow:0 0 0 2px #15140f, 0 0 0 13px #232220, 0 0 0 14px #3a3833, var(--sh-float);background:#fff;border-radius:44px;padding:11px;position:relative}.phone:before{content:"";border-radius:var(--r-pill);z-index:5;background:#15140f;width:110px;height:26px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--bg);border-radius:33px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.browser{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-float);overflow:hidden}.browser-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.browser-dots{gap:7px;display:flex}.browser-dots i{background:var(--line-3);border-radius:50%;width:11px;height:11px}.browser-dots i:first-child{background:#ff5f57}.browser-dots i:nth-child(2){background:#febc2e}.browser-dots i:nth-child(3){background:#28c840}.browser-url{max-width:340px;color:var(--ink-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-pill);flex:1;align-items:center;gap:.45rem;margin-inline:auto;padding:.35em .85em;font-size:.8rem;font-weight:600;display:flex}.browser-url svg{width:13px;height:13px;color:var(--green)}.page{overflow:clip}.section[id]{scroll-margin-top:calc(var(--nav-h) + 12px)}.bg-decor{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.blob{filter:blur(70px);opacity:.5;border-radius:50%;position:absolute}.hero{padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(48px,8vw,110px);position:relative}.hero .bg-decor .blob.b1{background:radial-gradient(circle,#fcdd2e99,#0000 70%);width:520px;height:520px;top:-180px;right:-120px}.hero .bg-decor .blob.b2{background:radial-gradient(circle,#ec502552,#0000 70%);width:480px;height:480px;top:40px;right:180px}.hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid;position:relative}@media (width<=940px){.hero-grid{grid-template-columns:1fr;gap:48px}}.hero-pill{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--ink-2);box-shadow:var(--sh-xs);align-items:center;gap:.6em;padding:.5em .5em .5em .9em;font-size:.85rem;font-weight:600;display:inline-flex}.hero-pill b{border-radius:var(--r-pill);background:var(--brand-50);color:var(--brand-700);align-items:center;gap:.4em;padding:.3em .7em;font-weight:800;display:inline-flex}.hero h1{margin-top:1.4rem}.hero h1 .hl{color:var(--brand);white-space:nowrap;position:relative}.hero h1 .hl svg{width:104%;height:.36em;color:var(--accent);position:absolute;bottom:-.18em;left:-2%}.hero .lead{max-width:38ch;margin-top:1.5rem}.hero-cta{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.hero-trust{color:var(--ink-3);align-items:center;gap:.75rem;margin-top:2.2rem;font-size:.9rem;font-weight:500;display:flex}.hero-trust .who{display:flex}.hero-trust .who .avatar{margin-left:-10px}.hero-trust .who .avatar:first-child{margin-left:0}.hero-stage{justify-content:center;align-items:center;min-height:520px;padding:8px 24px 32px 8px;display:flex;position:relative}.hero-browser{width:100%;max-width:552px}.hero-browser .browser-url{max-width:230px}.phone.sm{width:172px;box-shadow:0 0 0 2px #15140f, 0 0 0 8px #232220, var(--sh-float);border-radius:28px;padding:7px}.phone.sm:before{width:62px;height:15px;top:11px}.phone.sm .phone-screen{border-radius:21px}.hero-stage .phone.sm{z-index:4;animation:floaty 7s var(--ease) infinite;animation-delay:-2s;position:absolute;bottom:-18px;right:-12px}.bonus-chip{z-index:5;border-radius:var(--r-pill);background:var(--accent);color:#6b5400;box-shadow:var(--sh);animation:floaty 6s var(--ease) infinite;align-items:center;gap:.4em;padding:.45em .85em;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;bottom:192px;right:6px}.mini{background:linear-gradient(180deg, var(--brand-50), var(--bg) 42%);flex-direction:column;gap:7px;height:100%;padding:24px 11px 12px;display:flex}.mini-top{align-items:center;gap:6px;font-size:.74rem;font-weight:800;display:flex}.mini-ava{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.6rem;display:grid}.mini-prog{background:var(--ink-surface);color:#fff;border-radius:10px;padding:8px 9px}.mini-prog .pn{justify-content:space-between;margin-bottom:5px;font-size:.64rem;font-weight:800;display:flex}.mini-prog .bar{background:#fff3;border-radius:999px;height:5px;overflow:hidden}.mini-prog .bar i{background:var(--brand);height:100%;display:block}.mini-row{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:7px 8px;font-size:.62rem;font-weight:700;display:flex}.mini-row.done{color:#0f7a4f}.mini-row.lock{opacity:.5}.hero-stage .glow-card{z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-lg);animation:floaty 6s var(--ease) infinite;padding:.9rem 1rem;position:absolute}.hero-stage .fc-hr{width:232px;animation-delay:-3s;top:-3%;left:-6%}@media (width<=1100px){.hero-stage .fc-hr{left:-1%}}@media (width<=540px){.hero-stage{padding-right:8px}.phone.sm{width:134px}.hero-stage .phone.sm{bottom:-10px;right:-6px}.bonus-chip{font-size:.72rem;bottom:152px;right:0}.hero-stage .fc-hr{width:198px;left:-1%}}.fc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:.7rem;font-weight:700}.fc-main{letter-spacing:-.01em;font-size:.95rem;font-weight:800}.wlh{background:linear-gradient(180deg, var(--brand-50), var(--surface) 32%);flex-direction:column;gap:14px;min-height:372px;padding:clamp(14px,2vw,20px);display:flex}.wlh-bar{align-items:center;gap:.6rem;display:flex}.wlh-ava{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.wlh-hi{color:var(--ink-3);font-size:.72rem;font-weight:700}.wlh-nm{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.wlh-banner{background:var(--ink-surface);color:#fff;border-radius:var(--r);padding:14px 16px}.wlh-banner .row{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.wlh-banner .row b{font-family:var(--font-display);font-size:1.5rem}.wlh-banner .progress{background:#ffffff2e}.wlh-banner .hint{opacity:.72;margin-top:9px;font-size:.72rem;font-weight:600;display:block}.wlh-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-xs);padding:12px}.wcard .wi{background:var(--brand-50);width:34px;height:34px;color:var(--brand-600);border-radius:9px;place-items:center;margin-bottom:9px;display:grid}.wcard.done .wi{background:var(--green-100);color:var(--green)}.wcard.lock{opacity:.6}.wcard.lock .wi{background:var(--line);color:var(--ink-3)}.wcard .wt{letter-spacing:-.01em;font-size:.82rem;font-weight:700;line-height:1.2}.wcard .ws{color:var(--ink-3);margin-top:3px;font-size:.7rem;font-weight:600}.wcard .progress{height:5px;margin-top:8px}.eapp{background:linear-gradient(180deg, var(--brand-50), var(--bg) 30%);flex-direction:column;height:100%;display:flex}.eapp-top{align-items:center;gap:.7rem;padding:38px 18px 14px;display:flex}.eapp-top .avatar{background:var(--brand);color:#fff;width:42px;height:42px}.eapp-hello{color:var(--ink-3);font-size:.72rem;font-weight:600}.eapp-name{font-size:1.02rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.01em}.eapp-rank{margin-left:auto}.eapp-prog{border-radius:var(--r);background:var(--ink-surface);color:#fff;margin:4px 18px 16px;padding:14px}.eapp-prog .row{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.eapp-prog .row b{font-family:var(--font-display);font-size:1.5rem}.eapp-prog .progress{background:#ffffff2e}.eapp-list{flex-direction:column;flex:1;gap:10px;padding:0 18px;display:flex;overflow:hidden}.eapp-sec{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-top:2px;font-size:.72rem;font-weight:800}.lcard{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-xs);align-items:center;gap:.75rem;padding:11px;display:flex}.lcard .li{background:var(--brand-50);width:38px;height:38px;color:var(--brand-600);border-radius:11px;flex:none;place-items:center;display:grid}.lcard .li svg{width:19px;height:19px}.lcard.done .li{background:var(--green-100);color:var(--green)}.lcard.lock{opacity:.6}.lcard.lock .li{background:var(--line);color:var(--ink-3)}.lcard .lt{letter-spacing:-.01em;font-size:.82rem;font-weight:700;line-height:1.2}.lcard .ls{color:var(--ink-3);margin-top:2px;font-size:.7rem;font-weight:600}.eapp-tabs{background:var(--surface);border-top:1px solid var(--line);color:var(--ink-4);justify-content:space-around;margin-top:auto;padding:12px 8px 16px;display:flex}.eapp-tabs svg{width:22px;height:22px}.eapp-tabs .on{color:var(--brand)}.kstrip{border-block:1px solid var(--line);background:var(--surface-2)}.kstrip-inner{flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,56px);padding-block:clamp(22px,3vw,32px);display:flex}.kstrip-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);flex:none;font-size:.82rem;font-weight:800;line-height:1.3}.ksources{flex-wrap:wrap;flex:1;gap:.6rem .7rem;display:flex}.ksrc{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2);box-shadow:var(--sh-xs);align-items:center;gap:.5em;padding:.55em 1em;font-size:.92rem;font-weight:700;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.ksrc svg{color:var(--brand)}.ksrc:hover{border-color:var(--brand-100);transform:translateY(-2px)}.pain h4{margin-top:1.1rem;margin-bottom:.5rem}.pain .ico{border-color:var(--line-2);color:var(--brand-600);background:#fff}.problem-foot{text-align:center;font-size:var(--t-lead);color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;margin-top:clamp(32px,4vw,52px);font-weight:500;display:flex}.problem-foot b{color:var(--ink)}.how{background:var(--bg-2)}.how-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(36px,5vw,72px);margin-top:clamp(36px,5vw,60px);display:grid}@media (width<=940px){.how-grid{grid-template-columns:1fr;gap:44px}}.how-steps{flex-direction:column;display:flex}.how-step{gap:1rem;display:flex}.how-step-rail{flex:none;justify-content:center;width:40px;display:flex;position:relative}.how-num{background:var(--ink);color:#fff;width:40px;height:40px;font-family:var(--font-display);z-index:1;border-radius:50%;place-items:center;font-size:1rem;font-weight:700;display:grid}.how-step:not(:last-of-type) .how-step-rail:after{content:"";background:linear-gradient(var(--brand-300), var(--line-2));border-radius:2px;width:2px;position:absolute;top:40px;bottom:-4px}.how-step-body{gap:.9rem;padding-bottom:clamp(24px,3vw,36px);display:flex}.how-step-body .ico{width:44px;height:44px}.how-step-body .ico svg{width:22px;height:22px}.how-step-body h4{margin-bottom:.35rem}.claude-win{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-float);overflow:hidden}.claude-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.claude-title{color:var(--ink-3);align-items:center;gap:.45em;font-size:.82rem;font-weight:700;display:inline-flex}.claude-title svg{color:var(--brand)}.claude-body{background:linear-gradient(180deg, var(--surface), var(--surface-2));flex-direction:column;gap:.9rem;padding:clamp(16px,2vw,22px);display:flex}.cmsg{border-radius:var(--r);max-width:90%;padding:.85rem 1rem;font-size:.92rem;line-height:1.5}.cmsg-who{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);align-items:center;gap:.35em;margin-bottom:.4rem;font-size:.7rem;font-weight:800;display:flex}.cmsg.user{background:var(--brand);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.cmsg.user .cmsg-who{color:#fffc}.cmsg.user b{color:#fff}.cmsg.bot{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-xs);border-bottom-left-radius:6px;align-self:flex-start}.tool-runs{flex-direction:column;gap:.4rem;margin:.75rem 0 .25rem;display:flex}.tool-run{border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--line);align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.82rem;display:flex}.tr-ico{background:var(--brand-50);width:22px;height:22px;color:var(--brand-600);border-radius:6px;flex:none;place-items:center;display:grid}.tool-run code{color:var(--ink-2);font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-weight:600}.tr-note{color:var(--ink-3);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:.1em .55em;font-size:.72rem;font-weight:700}.tr-done{color:var(--green);margin-left:auto}.gen-result{border-radius:var(--r);background:var(--green-100);border:1px solid #b6e6d3;align-items:center;gap:.8rem;margin-top:.85rem;padding:.85rem;display:flex}.gen-result b{letter-spacing:-.01em;display:block}.gen-result .muted{font-size:.82rem}.gen-badge{border-radius:var(--r-pill);background:var(--green);color:#fff;flex:none;align-items:center;gap:.3em;padding:.4em .7em;font-size:.8rem;font-weight:800;display:inline-flex}.ticks{flex-direction:column;gap:.65rem;margin:.25rem 0 1.5rem;padding:0;list-style:none;display:flex}.ticks li{color:var(--ink-2);align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;display:flex}.ticks li svg{color:var(--brand);flex:none}.demo-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);transition:transform .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;padding:0;display:flex;overflow:hidden}.demo-card:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}.demo-preview{justify-content:center;align-items:center;min-height:256px;padding:clamp(22px,3vw,34px);display:flex;position:relative}.demo-card.emp .demo-preview{background:radial-gradient(120% 120% at 70% 0%, var(--brand-100), var(--brand-50))}.demo-card.hr .demo-preview{background:radial-gradient(120% 120% at 70% 0,#2a2824,#1d1d1b)}.demo-body{flex-direction:column;flex:1;padding:clamp(22px,2.6vw,32px);display:flex}.demo-body h3{margin:1rem 0 .6rem}.demo-body>p{margin-bottom:1.2rem}.demo-body .btn{margin-top:auto}.dp-quiz{border-radius:var(--r-md);width:100%;max-width:320px;box-shadow:var(--sh-lg);background:#fff;padding:1.1rem}.dp-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-700);font-size:.68rem;font-weight:800}.dp-q{letter-spacing:-.01em;margin:.5rem 0 .9rem;font-size:.98rem;font-weight:800;line-height:1.3}.dp-opt{border:1.5px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink-2);align-items:center;gap:.45rem;margin-bottom:.45rem;padding:.6rem .75rem;font-size:.85rem;font-weight:600;display:flex}.dp-opt.ok{border-color:var(--green);background:var(--green-100);color:#0f7a4f}.dp-opt.ok svg{color:var(--green)}.dp-rank{border-radius:var(--r-pill);background:var(--accent);color:#6b5400;box-shadow:var(--sh);animation:floaty 5s var(--ease) infinite;align-items:center;gap:.35em;padding:.4em .7em;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:18px;right:18px}.dp-dash{border-radius:var(--r-md);width:100%;max-width:340px;box-shadow:var(--sh-lg);background:#fff;padding:1rem}.dp-stats{gap:.5rem;margin-bottom:.85rem;display:flex}.dp-stat{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);text-align:center;flex:1;padding:.55rem .6rem}.dp-stat b{font-family:var(--font-display);font-size:1.15rem;line-height:1;display:block}.dp-stat span{color:var(--ink-3);font-size:.66rem;font-weight:700}.dp-stat.alert{background:var(--red-100);border-color:#f3bcbc}.dp-stat.alert b{color:var(--red)}.dp-row{border-top:1px solid var(--line);align-items:center;gap:.55rem;padding:.5rem 0;display:flex}.dp-row .avatar{border-width:0;width:30px;height:30px;font-size:.72rem}.dp-name{flex:none;width:78px;font-size:.82rem;font-weight:700}.dp-row .progress{flex:1;display:block}.dp-pill{flex:none;padding:.25em .55em;font-size:.68rem}.feature h4{margin:1.1rem 0 .5rem}.usecases{background:var(--bg-2)}.uc-card{flex-direction:column;display:flex}.uc-emoji{border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);place-items:center;width:56px;height:56px;margin-bottom:1rem;font-size:1.7rem;display:grid}.uc-card h4{margin-bottom:1.1rem}.uc-flow{flex-direction:column;gap:.55rem;margin-bottom:1.2rem;display:flex}.uc-step{color:var(--ink-2);align-items:center;gap:.65rem;font-size:.92rem;font-weight:600;display:flex}.uc-step-n{background:var(--brand-50);width:24px;height:24px;color:var(--brand-700);border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:800;display:grid}.uc-result{border-radius:var(--r);background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-700);align-items:flex-start;gap:.5rem;margin-top:auto;padding:.85rem 1rem;font-size:.92rem;font-weight:700;line-height:1.35;display:flex}.uc-result svg{flex:none;margin-top:2px}.roi-grid{grid-template-columns:.82fr 1.18fr;align-items:start;gap:clamp(20px,2.5vw,32px);margin-top:clamp(36px,5vw,56px);display:grid}@media (width<=940px){.roi-grid{grid-template-columns:1fr}}.roi-inputs{flex-direction:column;gap:1.35rem;display:flex}.roi-field-top{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.6rem;display:flex}.roi-field label{color:var(--ink-2);font-size:.92rem;font-weight:600;line-height:1.25}.roi-val{color:var(--brand-700);white-space:nowrap;flex:none;font-size:.92rem;font-weight:800}.roi-field input[type=range]{appearance:none;border-radius:var(--r-pill);background:linear-gradient(var(--brand), var(--brand)) 0 / var(--pct,50%) 100% no-repeat, var(--line);cursor:pointer;width:100%;height:8px}.roi-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--brand);width:22px;height:22px;box-shadow:var(--sh-sm);background:#fff;border-radius:50%}.roi-field input[type=range]::-moz-range-thumb{border:3px solid var(--brand);width:22px;height:22px;box-shadow:var(--sh-sm);background:#fff;border-radius:50%}.roi-derived{border-top:1px solid var(--line);color:var(--ink-3);align-items:flex-start;gap:.5rem;margin-top:.25rem;padding-top:1.1rem;font-size:.85rem;font-weight:600;display:flex}.roi-derived svg{color:var(--brand);flex:none;margin-top:1px}.roi-out{flex-direction:column;gap:clamp(16px,2vw,22px);display:flex}.roi-hero{background:linear-gradient(135deg, #232220, var(--ink-surface));color:#fff;border:none}.roi-hero-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;font-size:.85rem;font-weight:700}.roi-hero-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);margin:.35rem 0 1.5rem;font-size:clamp(2.6rem,5vw,3.8rem);font-weight:700;line-height:1;display:block}.roi-bars{flex-direction:column;gap:.7rem;display:flex}.roi-bar{align-items:center;gap:.85rem;display:flex}.rb-label{color:#ffffffbf;flex:none;width:110px;font-size:.85rem;font-weight:700}.rb-track{border-radius:var(--r-pill);background:#ffffff1a;flex:1;overflow:hidden}.rb-fill{border-radius:var(--r-pill);min-width:6px;height:28px;transition:width .5s var(--ease);display:block}.rb-val{text-align:right;color:#fff;white-space:nowrap;flex:none;width:86px;font-size:.85rem;font-weight:800}.rb-fill.now{background:#ffffff47}.rb-fill.plat{background:linear-gradient(90deg, var(--brand), var(--brand-300))}.roi-stats{grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.5vw,18px);display:grid}@media (width<=560px){.roi-stats{grid-template-columns:1fr}}.roi-stat{flex-direction:column;gap:.55rem;padding:clamp(16px,2vw,22px);display:flex}.roi-stat b{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;line-height:1}.roi-stat .muted{font-size:.85rem;font-weight:600}.opt-card{flex-direction:column;display:flex}.opt-top{align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.opt-top .tag{margin-left:auto}.opt-card h3{margin-bottom:.6rem}.opt-reqs{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);margin-top:1.1rem;padding:.9rem 1rem}.opt-reqs-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:.55rem;font-size:.72rem;font-weight:800;display:block}.opt-reqs ul{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.opt-reqs li{color:var(--ink-2);align-items:flex-start;gap:.5rem;font-size:.88rem;font-weight:600;line-height:1.4;display:flex}.opt-reqs li svg{color:var(--brand);flex:none;margin-top:2px}.opt-foot{border-radius:var(--r-pill);align-self:flex-start;align-items:center;gap:.45em;margin-top:auto;padding:.5em .85em;font-size:.82rem;font-weight:700;display:inline-flex}.opt-foot svg{flex:none}.opt-foot.lim{background:var(--bg-2);color:var(--ink-3);border:1px solid var(--line-2)}.opt-foot.pos{background:var(--accent-100);color:#8a6d00;border:1px solid #f6e18a}.api-callout{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--r-md);max-width:900px;box-shadow:var(--sh-xs);gap:.9rem;margin:clamp(20px,2.5vw,28px) auto 0;padding:1.1rem 1.3rem;display:flex}.api-callout .ac-ic{border-radius:var(--r-sm);background:var(--brand);color:#fff;flex:none;place-items:center;width:40px;height:40px;display:grid}.api-callout div{color:var(--ink-2);font-size:.95rem;line-height:1.5}.api-callout b{color:var(--ink)}.integ-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-width:760px;box-shadow:var(--sh-xs);color:var(--ink-2);align-items:flex-start;gap:.7rem;margin:clamp(24px,3vw,36px) auto 0;padding:1rem 1.25rem;font-size:.95rem;display:flex}.integ-note svg{color:var(--brand);flex:none;margin-top:2px}.integ-note b{color:var(--ink)}.integ-bonus{text-align:center;max-width:760px;color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:1rem auto 0;font-size:.92rem;font-weight:500;display:flex}.formats-grid{align-items:stretch}.tier{flex-direction:column;display:flex;position:relative}.tier h3{margin-bottom:.3rem}.tier-tag{margin-bottom:1.3rem;font-weight:600}.tier.featured{border:2px solid var(--brand);box-shadow:var(--sh-lg)}@media (width>=941px){.tier.featured{transform:translateY(-12px)}}.tier-badge{border-radius:var(--r-pill);background:var(--brand);color:#fff;white-space:nowrap;align-items:center;gap:.35em;padding:.4em .9em;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 8px 16px -8px #c4340d80}.tier-feats{flex-direction:column;gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.tier-feats li{color:var(--ink-2);align-items:flex-start;gap:.6rem;font-size:.95rem;font-weight:500;line-height:1.4;display:flex}.tier-feats li svg{color:var(--brand);flex:none;margin-top:2px}.tier-support{border-top:1px solid var(--line);margin-top:auto;padding-top:1.1rem}.tier-support-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:.35rem;font-size:.7rem;font-weight:800;display:block}.formats-note{text-align:center;max-width:760px;color:var(--ink-3);margin:clamp(32px,4vw,48px) auto 0;font-size:.95rem;font-weight:500}.formats-note b{color:var(--ink);font-weight:700}.final-card{text-align:center;border-radius:var(--r-2xl);background:linear-gradient(140deg, var(--brand), var(--brand-600) 55%, var(--brand-700));color:#fff;box-shadow:var(--sh-lg);padding:clamp(48px,7vw,96px) clamp(24px,5vw,64px);position:relative;overflow:hidden}.final-card h2,.final-card .lead{color:#fff;z-index:1;position:relative}.final-card h2{max-width:16ch;margin:.6rem auto 0}.final-card .lead{color:#ffffffeb;max-width:52ch;margin:1.1rem auto 0}.final-decor{pointer-events:none;position:absolute;inset:0}.final-decor .fd{font-family:var(--font-display);color:#ffffff1a;font-weight:800;line-height:.8;position:absolute}.final-decor .fd1{font-size:360px;top:-60px;left:-30px}.final-decor .fd2{font-size:280px;bottom:-120px;right:0}.final-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:2.2rem;display:flex;position:relative}.final-ghost{color:#fff;background:#ffffff1f;border:1.5px solid #fff6}.final-ghost:hover{background:#fff3}.subnav{z-index:50;height:var(--nav-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fbf7f1d9;align-items:center;display:flex;position:sticky;top:0}.subnav .container{align-items:center;gap:1rem;display:flex}.subnav-actions{align-items:center;gap:.6rem;margin-left:auto;display:flex}.gen-hero{padding-top:clamp(48px,7vw,90px);padding-bottom:clamp(32px,5vw,56px);position:relative}.gsteps{flex-direction:column;display:flex}.gstep{gap:1.2rem;display:flex}.gstep-rail{flex:none;justify-content:center;width:44px;display:flex;position:relative}.gstep-num{background:var(--ink);color:#fff;width:44px;height:44px;font-family:var(--font-display);z-index:1;border-radius:50%;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.gstep:not(.last) .gstep-rail:after{content:"";background:linear-gradient(var(--brand-300), var(--line-2));border-radius:2px;width:2px;position:absolute;top:44px;bottom:-8px;left:50%;transform:translate(-50%)}.gstep-main{flex:1;min-width:0;padding-bottom:clamp(32px,4vw,52px)}.gstep-main h3{margin-bottom:.4rem}.gstep-main>.muted{max-width:54ch}.gstep-visual{max-width:520px;margin-top:1.2rem}@media (width<=620px){.gstep-visual{max-width:100%}}.doc-finds{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.doc-find{border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--line);color:var(--ink-2);align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.84rem;font-weight:600;display:flex}.doc-find svg{color:var(--brand);flex:none}.plan-list{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.plan-item{border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--line);align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.86rem;font-weight:600;display:flex}.pi-n{background:var(--brand-50);width:22px;height:22px;color:var(--brand-700);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:800;display:grid}.pi-q{text-transform:uppercase;letter-spacing:.03em;color:#8a6d00;background:var(--accent-100);border-radius:var(--r-pill);border:1px solid #f6e18a;margin-left:auto;padding:.1em .5em;font-size:.7rem;font-weight:800}.gen-cta{text-align:center;border-radius:var(--r-2xl);background:linear-gradient(140deg, var(--brand), var(--brand-600) 55%, var(--brand-700));color:#fff;box-shadow:var(--sh-lg);padding:clamp(40px,6vw,72px) clamp(24px,5vw,56px)}.gen-cta h2,.gen-cta .lead{color:#fff}.gen-cta h2{max-width:20ch;margin:.6rem auto 0}.gen-cta .lead{color:#ffffffeb;max-width:54ch;margin:1.1rem auto 0}.gen-cta-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:2rem;display:flex}.gen-ghost{color:#fff;background:#ffffff1f;border:1.5px solid #fff6}.gen-ghost:hover{background:#fff3}.demo-app{background:var(--bg);grid-template-columns:256px 1fr;min-height:100dvh;display:grid}@media (width<=860px){.demo-app{grid-template-columns:1fr}}.demo-side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;align-self:start;gap:.4rem;height:100dvh;padding:1.1rem .9rem;display:flex;position:sticky;top:0}@media (width<=860px){.demo-side{flex-direction:row;align-items:center;gap:.3rem;height:auto;position:static;overflow-x:auto}}.demo-side-logo{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;margin-bottom:.6rem;padding:.4rem .6rem 1rem;display:flex}.demo-side-logo img{height:22px}.demo-side-logo .role{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border-left:1px solid var(--line-3);padding-left:.6rem;font-size:.7rem;font-weight:800}@media (width<=860px){.demo-side-logo{border:none;flex:none;margin:0;padding:.4rem}.demo-side-logo .role{display:none}}.demo-nav{flex-direction:column;flex:1;gap:.15rem;display:flex}@media (width<=860px){.demo-nav{flex-direction:row}}.demo-nav button{border-radius:var(--r);color:var(--ink-2);text-align:left;white-space:nowrap;align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.95rem;font-weight:600;transition:background .18s,color .18s;display:flex}.demo-nav button svg{flex:none;width:19px;height:19px}.demo-nav button:hover{background:var(--bg-2)}.demo-nav button.active{background:var(--brand-50);color:var(--brand-700)}.demo-nav button .nav-count{background:var(--red);color:#fff;border-radius:var(--r-pill);margin-left:auto;padding:.05em .5em;font-size:.72rem;font-weight:800}.demo-side-foot{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.7rem}@media (width<=860px){.demo-side-foot{border:none;margin:0;padding:0}.demo-side-foot .demo-hr-card{display:none}}.demo-back{border-radius:var(--r);color:var(--ink-3);align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.9rem;font-weight:600;display:flex}.demo-back:hover{background:var(--bg-2);color:var(--ink)}.demo-hr-card{border-radius:var(--r);background:var(--bg-2);align-items:center;gap:.6rem;margin-top:.3rem;padding:.6rem;display:flex}.demo-hr-card .nm{font-size:.85rem;font-weight:700;line-height:1.1}.demo-hr-card .rg{color:var(--ink-3);font-size:.72rem;font-weight:600}.demo-main{flex-direction:column;min-width:0;display:flex}.demo-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fbf7f1d9;align-items:center;gap:1rem;padding:.9rem clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.demo-topbar h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.demo-topbar .sub{color:var(--ink-3);font-size:.82rem;font-weight:600}.demo-tb-right{align-items:center;gap:.6rem;margin-left:auto;display:flex}.demo-select{border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);cursor:pointer;align-items:center;gap:.45rem;padding:.5em .85em;font-size:.85rem;font-weight:700;display:inline-flex}.demo-select svg{color:var(--ink-3)}.demo-badge{letter-spacing:.03em;text-transform:uppercase;color:var(--amber);background:var(--amber-100);border-radius:var(--r-pill);border:1px solid #f6d99a;padding:.35em .7em;font-size:.72rem;font-weight:800}@media (width<=680px){.demo-badge,.demo-select .sel-text{display:none}}.demo-content{flex-direction:column;gap:clamp(16px,2.2vw,24px);padding:clamp(18px,3vw,32px);display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,18px);display:grid}@media (width<=960px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);padding:1.1rem 1.2rem}.kpi-top{color:var(--ink-3);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.kpi-top .ki{background:var(--brand-50);width:30px;height:30px;color:var(--brand-600);border-radius:9px;place-items:center;display:grid}.kpi-num{font-family:var(--font-display);letter-spacing:-.02em;margin:.7rem 0 .3rem;font-size:2rem;font-weight:700;line-height:1}.kpi-delta{color:var(--green);font-size:.8rem;font-weight:700}.kpi-delta.down{color:var(--red)}.kpi.alert .ki{background:var(--red-100);color:var(--red)}.kpi.alert .kpi-num{color:var(--red)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs)}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:1rem 1.2rem;display:flex}.panel-head h3{font-size:1.05rem;font-family:var(--font-sans);letter-spacing:-.01em;font-weight:800}.panel-head .ph-right{color:var(--ink-3);margin-left:auto;font-size:.82rem;font-weight:700}.panel-body{padding:1.2rem}.cols-2-7-5{grid-template-columns:1.4fr 1fr;gap:clamp(16px,2vw,24px);display:grid}@media (width<=960px){.cols-2-7-5{grid-template-columns:1fr}}.cbar{align-items:center;gap:.85rem;padding:.6rem 0;display:flex}.cbar:not(:last-child){border-bottom:1px solid var(--line)}.cbar .cb-name{flex:none;width:200px;font-size:.9rem;font-weight:600}.cbar .cb-name span{color:var(--ink-3);font-size:.74rem;font-weight:600;display:block}.cbar .progress{flex:1}.cbar .cb-pct{text-align:right;flex:none;width:42px;font-size:.85rem;font-weight:800}.feed{flex-direction:column;display:flex}.feed-item{gap:.75rem;padding:.7rem 0;display:flex}.feed-item:not(:last-child){border-bottom:1px solid var(--line)}.feed-dot{background:var(--brand-50);width:32px;height:32px;color:var(--brand-600);border-radius:50%;flex:none;place-items:center;display:grid}.feed-dot svg{width:16px;height:16px}.feed-dot.green{background:var(--green-100);color:var(--green)}.feed-dot.amber{background:var(--amber-100);color:var(--amber)}.feed-dot.red{background:var(--red-100);color:var(--red)}.feed-text{font-size:.9rem;line-height:1.4}.feed-text b{font-weight:700}.feed-time{color:var(--ink-3);margin-top:1px;font-size:.75rem;font-weight:600}.emp-layout{grid-template-columns:1fr;gap:clamp(16px,2vw,22px);display:grid}.emp-layout.with-panel{grid-template-columns:1.6fr 1fr}@media (width<=1040px){.emp-layout.with-panel{grid-template-columns:1fr}}.emp-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.emp-search{border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);flex:1;align-items:center;gap:.5rem;min-width:180px;padding:.55em .9em;display:flex}.emp-search svg{color:var(--ink-3);flex:none}.emp-search input{background:0 0;border:none;outline:none;width:100%;font-weight:500}.fchip{border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);padding:.5em .9em;font-size:.84rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.fchip:hover{border-color:var(--brand-300)}.fchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.dtable{border-collapse:collapse;width:100%;font-size:.9rem}.dtable thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);border-bottom:1px solid var(--line);padding:0 1rem .7rem;font-size:.72rem;font-weight:800}.dtable tbody tr{cursor:pointer;transition:background .12s}.dtable tbody tr:hover{background:var(--bg-tint)}.dtable tbody tr.sel{background:var(--brand-50)}.dtable td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.7rem 1rem}.tc-emp{align-items:center;gap:.65rem;display:flex}.tc-emp .nm{letter-spacing:-.01em;font-weight:700}.tc-emp .meta{color:var(--ink-3);font-size:.76rem;font-weight:600}.tc-prog{align-items:center;gap:.6rem;min-width:130px;display:flex}.tc-prog .progress{flex:1}.tc-prog b{text-align:right;width:34px;font-size:.8rem}@media (width<=560px){.hide-sm{display:none}}.edetail{align-self:start;position:sticky;top:84px}.edetail-head{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding:1.2rem;display:flex}.edetail-head .avatar{width:52px;height:52px;font-size:1.1rem}.edetail-head .nm{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.edetail-head .meta{color:var(--ink-3);font-size:.82rem;font-weight:600}.edetail-close{color:var(--ink-3);border-radius:var(--r-sm);align-self:flex-start;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.edetail-close:hover{background:var(--bg-2)}.edetail-stats{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.edetail-stat{background:var(--surface);text-align:center;padding:.9rem 1rem}.edetail-stat b{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.3rem;display:block}.edetail-stat span{color:var(--ink-3);font-size:.72rem;font-weight:700}.edetail-body{padding:1.2rem}.edetail-body h4{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:.7rem;font-size:.78rem}.tl{flex-direction:column;margin-bottom:1.3rem;display:flex}.tl-item{gap:.7rem;padding-bottom:.9rem;display:flex;position:relative}.tl-item:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:22px;bottom:0;left:10px}.tl-mark{background:var(--green-100);width:22px;height:22px;color:var(--green);z-index:1;border-radius:50%;flex:none;place-items:center;display:grid}.tl-mark.now{background:var(--brand-50);color:var(--brand)}.tl-mark.lock{background:var(--line);color:var(--ink-3)}.tl-mark svg{width:13px;height:13px}.tl-txt{font-size:.88rem;font-weight:600;line-height:1.3}.tl-txt span{color:var(--ink-3);font-size:.74rem;font-weight:600;display:block}.edetail-actions{flex-direction:column;gap:.6rem;display:flex}.edetail-empty{text-align:center;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.edetail-empty .ico{margin-bottom:1rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(12px,1.5vw,18px);display:grid}.ccard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);flex-direction:column;gap:.5rem;padding:1.1rem;display:flex}.ccard-top{align-items:center;gap:.6rem;display:flex}.ccard-role{margin-left:auto}.ccard h4{font-size:1rem;line-height:1.25}.ccard-meta{color:var(--ink-3);gap:1rem;margin-top:.2rem;font-size:.8rem;font-weight:600;display:flex}.ccard-foot{align-items:center;gap:.6rem;margin-top:auto;padding-top:.6rem;display:flex}.ccard-foot .progress{flex:1}.notif{border-bottom:1px solid var(--line);gap:.85rem;padding:1rem 1.2rem;display:flex}.notif:last-child{border-bottom:none}.notif-ic{border-radius:var(--r-sm);flex:none;place-items:center;width:40px;height:40px;display:grid}.notif-ic.red{background:var(--red-100);color:var(--red)}.notif-ic.amber{background:var(--amber-100);color:var(--amber)}.notif-ic.brand{background:var(--brand-50);color:var(--brand-600)}.notif-main{flex:1;min-width:0}.notif-title{letter-spacing:-.01em;font-weight:700}.notif-desc{color:var(--ink-2);margin-top:1px;font-size:.88rem}.notif-time{color:var(--ink-3);margin-top:3px;font-size:.75rem;font-weight:600}.notif-act{flex:none;align-items:center;gap:.5rem;display:flex}@media (width<=620px){.notif-act .btn span{display:none}}.notif-banner{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--r);color:var(--brand-700);align-items:flex-start;gap:.7rem;padding:.9rem 1.1rem;font-size:.9rem;font-weight:500;display:flex}.notif-banner svg{flex:none;margin-top:2px}.toast{z-index:100;background:var(--ink);color:#fff;border-radius:var(--r-pill);box-shadow:var(--sh-float);animation:toast-in .3s var(--ease-out);align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:700;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast svg{color:#4cc594}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}}.learn{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.learn-bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fbf7f1d9;align-items:center;gap:.7rem;padding:.8rem clamp(16px,4vw,28px);display:flex;position:sticky;top:0}.learn-bar-logo{align-items:center;gap:.6rem;display:flex}.learn-bar-logo img{height:22px}.learn-bar-logo .role{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border-left:1px solid var(--line-3);padding-left:.6rem;font-size:.7rem;font-weight:800}.learn-rank{margin-left:auto}.learn-wrap{width:100%;max-width:780px;margin-inline:auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,28px) 80px}.learn-h{font-family:var(--font-sans);margin:0 0 1rem;font-size:1.1rem;font-weight:800}.learn-title{margin-bottom:.4rem;font-size:clamp(1.6rem,3.5vw,2.2rem)}.learn-hero{background:linear-gradient(135deg, #232220, var(--ink-surface));color:#fff;border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(20px,3vw,40px);margin-bottom:2rem;padding:clamp(20px,3vw,30px);display:flex}.lh-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;font-size:.82rem;font-weight:700}.lh-pct{font-family:var(--font-display);color:var(--accent);margin:.3rem 0 .9rem;font-size:3rem;font-weight:700;line-height:1}.learn-hero .progress{background:#ffffff2e}.lh-hint{opacity:.72;margin-top:.8rem;font-size:.8rem;font-weight:600;display:block}.rankmap{flex-direction:column;gap:.5rem;display:flex}.rank{border-radius:var(--r-pill);color:#ffffffa6;background:#ffffff14;align-items:center;gap:.6rem;padding:.5rem .9rem;font-size:.88rem;font-weight:700;display:flex}.rank-ic{background:#ffffff1f;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.rank.done{color:#fff}.rank.done .rank-ic{background:var(--green)}.rank.now{background:var(--brand);color:#fff}.rank.now .rank-ic{background:#ffffff40}@media (width<=560px){.learn-hero{flex-direction:column;align-items:stretch}.lh-pct{font-size:2.5rem}.rankmap{flex-flow:wrap;width:100%}.rank{flex:auto;justify-content:center;padding:.45rem .6rem;font-size:.8rem}}@media (width<=480px){.learn-bar-logo .role{display:none}}.learn-courses{flex-direction:column;gap:.7rem;display:flex}.lcourse{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:100%;box-shadow:var(--sh-xs);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex}.lcourse:not(:disabled):hover{box-shadow:var(--sh);border-color:var(--brand-100);transform:translateY(-2px)}.lcourse:disabled{opacity:.6;cursor:not-allowed}.lc-ic{border-radius:var(--r-sm);background:var(--brand-50);width:46px;height:46px;color:var(--brand-600);flex:none;place-items:center;display:grid}.lc-ic.done{background:var(--green-100);color:var(--green)}.lc-body{flex:1;min-width:0}.lc-title{letter-spacing:-.01em;font-weight:700}.lc-sub{color:var(--ink-3);margin-top:2px;font-size:.82rem;font-weight:600}.lc-go{color:var(--ink-3);flex:none}.learn-back{color:var(--ink-3);align-items:center;gap:.45rem;margin-bottom:1.2rem;font-size:.9rem;font-weight:700;display:inline-flex}.learn-back:hover{color:var(--brand-700)}.lessons{flex-direction:column;gap:.6rem;display:flex}.lrow{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:100%;box-shadow:var(--sh-xs);align-items:center;gap:.9rem;padding:.9rem 1rem;transition:border-color .18s,transform .18s;display:flex}.lrow:hover{border-color:var(--brand-100);transform:translateY(-1px)}.lrow-mark{background:var(--line);width:30px;height:30px;color:var(--ink-3);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.lrow.done .lrow-mark{background:var(--green-100);color:var(--green)}.lrow.current .lrow-mark{background:var(--brand);color:#fff}.lrow-body{flex:1}.lrow-title{letter-spacing:-.01em;font-weight:700}.lrow-meta{color:var(--ink-3);align-items:center;gap:.3rem;margin-top:2px;font-size:.78rem;font-weight:600;display:flex}.lrow-go{color:var(--ink-3);flex:none}.lesson-step{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-700);margin-bottom:.4rem;font-size:.78rem;font-weight:800}.lesson-content{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.lblock-p{color:var(--ink-2);font-size:1.05rem;line-height:1.6}.lrule{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-xs);gap:.8rem;padding:1rem 1.1rem;display:flex}.lrule-ic{background:var(--green-100);width:26px;height:26px;color:var(--green);border-radius:50%;flex:none;place-items:center;display:grid}.lrule b{letter-spacing:-.01em;margin-bottom:2px;display:block}.lrule span{color:var(--ink-2);font-size:.95rem}.ltip{background:var(--accent-100);border-radius:var(--r);color:#7a5f00;border:1px solid #f6e18a;gap:.6rem;padding:.9rem 1.1rem;font-weight:500;display:flex}.ltip svg{color:#b08900;flex:none;margin-top:2px}.quizbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);margin:1.5rem 0;padding:clamp(18px,2.5vw,28px)}.quiz-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--brand-700);align-items:center;gap:.4em;margin-bottom:.7rem;font-size:.74rem;font-weight:800;display:inline-flex}.quiz-q{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:1.2rem;font-size:1.15rem;font-weight:600;line-height:1.3}.quiz-opts{flex-direction:column;gap:.6rem;display:flex}.qopt{text-align:left;border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--surface);align-items:center;gap:.7rem;width:100%;padding:.85rem 1rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.qopt:not(:disabled):hover{border-color:var(--brand-300)}.qopt-mark{background:var(--bg-2);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.82rem;font-weight:800;display:grid}.qopt.pick{border-color:var(--brand);background:var(--brand-50)}.qopt.pick .qopt-mark{background:var(--brand);color:#fff}.qopt.right{border-color:var(--green);background:var(--green-100)}.qopt.right .qopt-mark{background:var(--green);color:#fff}.qopt.wrong{border-color:var(--red);background:var(--red-100)}.qopt.wrong .qopt-mark{background:var(--red);color:#fff}.qopt.dim{opacity:.55}.qopt-res{color:var(--green);margin-left:auto}.quiz-fb{border-radius:var(--r);margin-top:1rem;padding:.9rem 1.1rem;font-size:.95rem;line-height:1.45}.quiz-fb.ok{background:var(--green-100);color:#0f7a4f}.quiz-fb.no{background:var(--amber-100);color:#8a5a00}.lesson-foot{justify-content:flex-end;margin-top:1.8rem;display:flex}@media (width<=560px){.lesson-foot .btn{width:100%}}.chatfab{z-index:60;border-radius:var(--r-pill);background:var(--brand);color:#fff;transition:transform .18s var(--ease), box-shadow .25s var(--ease);align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.92rem;font-weight:800;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 26px -10px #c4340d99}.chatfab:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px #c4340da6}.learn.player-mode .chatfab{bottom:88px}.learn.player-mode .chatpanel{height:min(520px,100dvh - 116px);bottom:88px}.chatpanel{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(360px,100vw - 32px);height:min(520px,100dvh - 40px);box-shadow:var(--sh-float);animation:sheet-in .25s var(--ease-out);flex-direction:column;display:flex;position:fixed;bottom:22px;right:22px;overflow:hidden}.chat-head{background:var(--ink-surface);color:#fff;align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.chat-ava{background:var(--brand);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.chat-name{letter-spacing:-.01em;font-size:.92rem;font-weight:800}.chat-status{color:#ffffffb3;align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;display:flex}.chat-x{color:#ffffffb3;border-radius:var(--r-sm);place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.chat-x:hover{color:#fff;background:#ffffff1f}.chat-body{background:var(--bg);flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}.chat-msg{border-radius:var(--r);max-width:85%;padding:.6rem .85rem;font-size:.88rem;line-height:1.4}.chat-msg.bot{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}.chat-msg.user{background:var(--brand);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.chat-chips{flex-direction:column;gap:.4rem;margin-top:.3rem;display:flex}.chat-chip{text-align:left;border-radius:var(--r-pill);border:1.5px solid var(--brand-100);background:var(--brand-50);max-width:92%;color:var(--brand-700);align-self:flex-start;padding:.5rem .8rem;font-size:.82rem;font-weight:700;transition:background .15s,border-color .15s}.chat-chip:hover{background:var(--brand-100)}.chat-form{border-top:1px solid var(--line);background:var(--surface);align-items:center;gap:.5rem;padding:.7rem;display:flex}.chat-input{border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--bg);outline:none;flex:1;min-width:0;padding:.6em 1em;font-weight:500}.chat-input:focus{border-color:var(--brand-300)}.chat-send{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.chat-send:hover{background:var(--brand-600)}.course-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(12px,1.5vw,16px);display:grid}.ccard2{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s;flex-direction:column;padding:1.1rem;display:flex}.ccard2:hover{box-shadow:var(--sh);border-color:var(--brand-100);transform:translateY(-3px)}.ccard2-top{align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.ccard2-top .tag{margin-left:auto}.ccard2-title{letter-spacing:-.01em;font-weight:800;line-height:1.25}.ccard2-desc{color:var(--ink-3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.4rem;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.ccard2-foot{justify-content:space-between;align-items:center;margin-top:.9rem;display:flex}.ccard2-meta{color:var(--ink-3);align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.ccard2-pct{color:var(--brand-700);font-size:.82rem;font-weight:800}.ccard2-pct.done{color:var(--green)}.lrow.test{border-style:dashed}.lrow.test .lrow-mark{background:var(--accent-100);color:#8a6d00}.lrow.test.done .lrow-mark{background:var(--green-100);color:var(--green)}.prose{color:var(--ink-2);font-size:1.02rem;line-height:1.7}.prose>*+*{margin-top:1rem}.prose h3{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);margin-top:1.9rem;font-size:1.15rem;font-weight:800}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--brand-700);text-decoration:underline}.prose ul:not(.checklist),.prose ol{flex-direction:column;gap:.45rem;display:flex}.prose ul:not(.checklist){padding-left:0;list-style:none}.prose ul:not(.checklist)>li{padding-left:1.5rem;line-height:1.55;position:relative}.prose ul:not(.checklist)>li:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:.3rem}.prose ol{padding-left:1.5rem}.prose ol>li{padding-left:.3rem;line-height:1.55}.prose ol>li::marker{color:var(--brand-700);font-weight:800}.prose blockquote{border-left:3px solid var(--brand);background:var(--brand-50);border-radius:0 var(--r) var(--r) 0;color:var(--ink);padding:.85rem 1.1rem;font-style:italic}.prose table{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--r-sm);width:100%;font-size:.92rem;overflow:hidden}.prose thead th{background:var(--bg-2);text-align:left;color:var(--ink);border-bottom:1px solid var(--line-2);padding:.7rem .9rem;font-size:.82rem;font-weight:800}.prose td{border-bottom:1px solid var(--line);padding:.65rem .9rem}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:nth-child(2n){background:var(--surface-2)}.prose .callout{border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface-2);gap:.7rem;padding:.9rem 1.1rem;display:flex}.prose .callout-icon{flex:none;font-size:1.1rem;line-height:1.5}.prose .callout-content>*{margin:0}.prose .callout-content>*+*{margin-top:.5rem}.prose .callout.info{background:var(--brand-50);border-color:var(--brand-100)}.prose .callout.success{background:var(--green-100);border-color:#b6e6d3}.prose .callout.warning{background:var(--amber-100);border-color:#f6d99a}.prose ul.checklist{flex-direction:column;gap:.55rem;padding-left:0;list-style:none;display:flex}.prose ul.checklist>li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);align-items:flex-start;gap:.65rem;padding:.7rem .9rem;line-height:1.5;display:flex}.prose ul.checklist input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);flex:none;margin-top:2px}.test-result{border-radius:var(--r-md);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.1rem 1.3rem;display:flex}.test-result.ok{background:var(--green-100);border:1px solid #b6e6d3}.test-result.no{background:var(--amber-100);border:1px solid #f6d99a}.tr-score{font-family:var(--font-display);flex:none;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;display:flex}.test-result.ok .tr-score{color:#0f7a4f}.test-result.no .tr-score{color:#8a5a00}.test-result b{display:block}.test-result span{color:var(--ink-2);font-size:.9rem}.quiz-list{flex-direction:column;gap:1rem;display:flex}.quiz-list .quizbox{margin:0}.learn.player-mode{height:100dvh;overflow:hidden}.course-player{flex:1;grid-template-columns:304px 1fr;min-height:0;display:grid}@media (width<=900px){.course-player{grid-template-columns:1fr}}.cp-side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:.15rem;padding:1.1rem .8rem;display:flex;overflow-y:auto}@media (width<=900px){.cp-side{display:none}}.cp-back{border-radius:var(--r-sm);color:var(--ink-3);align-self:flex-start;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.88rem;font-weight:700;display:inline-flex}.cp-back:hover{background:var(--bg-2);color:var(--brand-700)}.cp-side-title{font-family:var(--font-display);letter-spacing:-.01em;margin:.9rem 0 .7rem;padding-inline:.6rem;font-size:1.05rem;font-weight:700;line-height:1.25}.cp-side-prog{padding:0 .6rem .6rem}.cp-side-prog .lbl{color:var(--ink-3);font-size:.76rem;font-weight:800}.cp-side-prog .progress{height:6px;margin-top:.45rem}.cp-nav-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding:.6rem .6rem .4rem;font-size:.7rem;font-weight:800}.cp-item{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--ink-2);align-items:center;gap:.65rem;padding:.6rem .7rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:flex}.cp-item:hover{background:var(--bg-2)}.cp-item.active{background:var(--brand-50);color:var(--brand-700)}.cp-item-mark{background:var(--line);width:24px;height:24px;color:var(--ink-3);border-radius:50%;flex:none;place-items:center;font-size:.76rem;font-weight:800;display:grid}.cp-item.done .cp-item-mark{background:var(--green-100);color:var(--green)}.cp-item.active .cp-item-mark{background:var(--brand);color:#fff}.cp-item-txt{line-height:1.25}.cp-item.test{border:1px dashed var(--line-3);margin-top:.45rem}.cp-main{flex-direction:column;min-width:0;min-height:0;display:flex}.cp-content{flex:1;padding:clamp(22px,3vw,44px) clamp(16px,4vw,48px);overflow-y:auto}.cp-content-inner{max-width:740px;margin-inline:auto}.cp-back-m{color:var(--ink-3);align-items:center;gap:.4rem;margin-bottom:1.1rem;font-size:.88rem;font-weight:700;display:none}@media (width<=900px){.cp-back-m{display:inline-flex}}.cp-nav{border-top:1px solid var(--line);background:var(--surface);align-items:center;gap:1rem;padding:.8rem clamp(16px,4vw,48px);display:flex}.cp-nav .spacer{text-align:center;color:var(--ink-3);flex:1;font-size:.85rem;font-weight:700}@media (width<=560px){.cp-nav{gap:.5rem;padding:.7rem .9rem}.cp-nav .spacer{font-size:.75rem}.cp-nav .btn{padding-inline:1em}}