.sc{min-height:100vh;background:var(--bg-3);color:var(--fg)}.sc-wrap{max-width:1080px;margin:0 auto;padding:0 24px}.sc-top{position:sticky;top:0;z-index:20;background:var(--bg-3);border-bottom:1px solid var(--line)}.sc-top-in{display:flex;align-items:center;justify-content:space-between;height:60px}.sc-back{display:inline-flex;align-items:center;min-height:44px;color:var(--fg-muted);font-size:14px;white-space:nowrap}.sc-back:hover{color:var(--accent)}.sc-back .short{display:none}.sc-hero{padding:44px 0 22px}.sc-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);display:inline-flex;align-items:center;gap:9px}.sc-eyebrow:before{content:"";width:20px;height:1px;background:var(--accent)}.sc-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;line-height:1.05;margin:14px 0 10px}.sc-hero p{color:var(--fg-muted);max-width:560px;margin:0;font-size:16px}.sc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:26px 0 18px}.sc-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);color:var(--fg-muted);font-size:13.5px;font-weight:500;background:var(--bg-2)}.sc-tab:hover{border-color:var(--line-strong);color:var(--fg)}.sc-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sc-frame{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 60px -28px #00000040;margin-bottom:28px}.sc-frame-head{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg-2)}.sc-dots{display:flex;gap:6px;flex-shrink:0}.sc-dots span{width:11px;height:11px;border-radius:50%;background:var(--line-strong)}.sc-url{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-body{padding:24px}.sc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.sc-kpi{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--bg-2)}.sc-kpi .v{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.02em}.sc-kpi .l{font-size:12.5px;color:var(--fg-muted);margin-top:2px}.sc-h{font-family:var(--font-display);font-weight:600;font-size:16px;margin:24px 0 12px}.sc-sub{color:var(--fg-muted);font-size:13px;margin:0 0 14px}.sc-row{display:flex;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);margin-bottom:8px;cursor:pointer;transition:border-color .15s,transform .15s}.sc-row:hover{border-color:var(--accent);transform:translate(2px)}.sc-row .thumb{width:40px;height:40px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:var(--font-display);flex-shrink:0}.sc-row .grow{flex:1;min-width:0}.sc-row .name{font-weight:600}.sc-row .meta{font-size:12.5px;color:var(--fg-muted)}.sc-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--line-strong);color:var(--fg-muted);white-space:nowrap}.sc-badge.ok{color:#1a9d6a;border-color:#1a9d6a66;background:#1a9d6a14}.sc-badge.warn{color:#b8860b;border-color:#b8860b66;background:#b8860b14}button.sc-badge{min-height:44px;cursor:pointer}.sc-tt{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px}.sc-tt .grow{flex:1}.sc-bar{height:6px;border-radius:99px;background:var(--bg-3);overflow:hidden;margin-top:7px;max-width:240px}.sc-bar i{display:block;height:100%;background:var(--accent)}.sc-stepper{display:inline-flex;align-items:center;gap:0;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.sc-stepper button{width:44px;height:44px;font-size:18px;color:var(--fg);background:var(--bg-2)}.sc-stepper button:hover{background:var(--bg-3)}.sc-stepper .n{width:38px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.sc-price{font-family:var(--font-display);font-weight:600;min-width:64px;text-align:right}.sc-total{display:flex;align-items:center;justify-content:space-between;padding:16px 0 6px;border-top:1px solid var(--line);margin-top:8px}.sc-total .v{font-family:var(--font-display);font-size:24px;font-weight:600}.sc .btn-lg{height:52px;font-size:15px}.sc .btn-block{width:100%}.sc-scan-in{display:flex;gap:10px}.sc-input{flex:1;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font-size:16px;color:var(--fg);outline:none;font-family:var(--font-mono);letter-spacing:.04em;min-height:48px}.sc-input:focus{border-color:var(--accent)}.sc-result{margin-top:14px;padding:16px;border-radius:var(--radius);font-weight:600;display:flex;align-items:center;gap:10px}.sc-result.ok{background:#1a9d6a1a;color:#157a52}.sc-result.bad{background:#ff4d2e1a;color:var(--accent)}.sc-result.warn{background:#b8860b1a;color:#9a7209}.sc-log{margin-top:16px}.sc-log-item{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--fg-muted)}.sc-log-item .code{font-family:var(--font-mono);color:var(--fg)}.sc-note{margin-top:14px;font-size:12.5px;color:var(--fg-dim)}.sc-cta{text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 28px 52px;margin:0 0 70px;overflow:hidden;background:radial-gradient(ellipse at 50% -30%,color-mix(in oklab,var(--accent) 16%,transparent),transparent 65%),var(--bg-2)}.sc-cta h2{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,4.5vw,40px);letter-spacing:-.03em;line-height:1.05;margin:0 0 12px}.sc-cta p{color:var(--fg-muted);font-size:16px;max-width:480px;margin:0 auto 26px}@media (max-width: 860px){.sc-wrap{padding:0 18px}.sc-hero{padding:34px 0 18px}.sc-body{padding:18px 16px}.sc-tt{flex-wrap:wrap}.sc-tt .grow{flex:1 1 100%}.sc-price{flex:1;min-width:0;text-align:left}.sc-scan-in{flex-direction:column}.sc-scan-in .btn{width:100%}.sc .theme-toggle{width:78px;height:44px}.sc .theme-toggle-thumb{width:36px;height:36px;top:4px;left:4px}.sc .theme-toggle-thumb.dark{transform:translate(34px)}}@media (max-width: 540px){.sc-wrap{padding:0 14px}.sc .brand-logo{height:34px}.sc-back .full{display:none}.sc-back .short{display:inline}.sc-kpis{grid-template-columns:1fr 1fr;gap:10px}.sc-frame-head{gap:10px;padding:0 12px}.sc-row{gap:10px;padding:12px}.sc-cta{padding:36px 18px 40px}}