:root{--ink: #202124;--ink-soft: #3c4043;--muted: #5f6368;--paper: #fff;--paper-2: #fff;--line: #dadce0;--line-strong: #dadce0;--qa: #ffca28;--qa-ink: #e65100;--orange: #ff6f00;--amber: #ffa000;--blue: #1a73e8;--console: #f8f9fa;--sidebar: #fff;--shadow: 0 1px 2px rgba(60, 64, 67, .15), 0 1px 3px 1px rgba(60, 64, 67, .08);--radius: 8px;--font-display: "Roboto", system-ui, sans-serif;--font-body: "Roboto", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--ink);background:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:0}p{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.qa-banner{position:sticky;top:0;z-index:50;display:flex;justify-content:center;align-items:center;gap:16px;padding:8px 18px;background:#fff8e1;color:#e65100;border-bottom:1px solid #ffe082;font-size:13px;font-weight:500}.qa-banner__haz{display:none}.qa-banner__copy{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;min-width:0;max-width:100%}.qa-banner__copy span+span:before{content:"·";margin-right:16px;color:#f9a825}.site-header,.console-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand__mark{width:32px;height:32px}.brand__name{display:flex;flex-direction:column;line-height:1.15}.brand__name strong{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--ink-soft)}.brand__name small{color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0;max-width:100%}.nav a,.lang-toggle,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:4px;border:1px solid transparent;cursor:pointer}.nav a{color:var(--ink-soft);font-size:14px;font-weight:500}.nav a:hover,.nav a.active{background:#f1f3f4;color:var(--ink)}.lang-toggle{border-color:var(--line);background:#fff;color:var(--ink-soft);font-size:13px}.btn-primary{background:var(--orange);color:#fff;font-weight:500}.btn-ghost{border-color:var(--line);background:#fff;color:var(--blue);font-weight:500}.hero{position:relative;overflow:clip;padding:80px 24px 72px;background:radial-gradient(circle at 85% 10%,rgba(255,202,40,.35),transparent 36%),radial-gradient(circle at 10% 90%,rgba(255,111,0,.12),transparent 40%),#fff;color:var(--ink)}.hero__inner{width:min(1120px,100%);margin:0 auto}.section,.footer-inner,.legal,.emulator{width:min(1120px,calc(100% - 48px));margin:0 auto}.kicker{display:inline-flex;max-width:100%;margin-bottom:16px;color:var(--orange);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.hero h1{max-width:16ch;font-size:clamp(36px,6vw,64px);font-weight:500;overflow-wrap:break-word}.hero__lead{max-width:54ch;margin-top:18px;color:var(--muted);font-size:clamp(16px,2.2vw,20px)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero__actions .btn{max-width:100%;min-height:42px}.hero .btn-primary{background:var(--orange);color:#fff}.hero .btn-ghost{background:#fff;color:var(--blue);border-color:var(--line)}.section{padding:56px 0}.section h2{font-size:clamp(24px,3vw,32px);margin-bottom:8px}.lead{max-width:70ch;color:var(--muted);margin-bottom:28px}.card,.product-card,.stat-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.product-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{padding:20px;display:flex;flex-direction:column;gap:10px;min-height:168px}.product-card:hover{border-color:#bdc1c6}.product-card__icon{width:40px;height:40px}.sidebar .product-card__icon{width:20px;height:20px}.product-card strong{font-family:var(--font-display);font-size:16px;font-weight:500}.product-card p{color:var(--muted);flex:1;font-size:14px}.chip{display:inline-flex;align-self:flex-start;padding:2px 8px;border-radius:4px;background:#fff3e0;color:var(--qa-ink);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.site-footer{margin-top:auto;padding:24px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:16px}.footer-inner a{color:var(--blue)}.console-shell{display:grid;grid-template-columns:256px 1fr;min-height:calc(100vh - 86px)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:12px 8px 32px}.sidebar__label{padding:12px 12px 6px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.sidebar a,.sidebar button.dead{display:flex;width:100%;align-items:center;gap:10px;padding:8px 12px;border:0;border-radius:0 20px 20px 0;background:transparent;color:var(--ink-soft);text-align:left;font-size:14px}.sidebar a:hover{background:#f1f3f4}.sidebar a.active{background:#fff3e0;color:var(--qa-ink);font-weight:500}.sidebar button.dead{opacity:.4;cursor:not-allowed}.console-main{background:var(--console);padding:28px 32px}.console-top__project{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:14px}.console-top__project b{font-weight:500}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.stats-grid{margin:24px 0 18px}.stat-card{padding:16px 18px}.stat-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.stat-card b{display:block;margin-top:8px;font-family:var(--font-display);font-size:28px;font-weight:500}.stat-card small{color:var(--muted)}.tabs{display:flex;gap:4px;margin:18px 0 0;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;padding:12px 16px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;font-size:14px;font-weight:500}.tabs button.active{color:var(--qa-ink);border-bottom-color:var(--orange)}.empty-state{padding:56px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius)}.empty-state h3{margin:8px 0;font-size:18px}.empty-state p{color:var(--muted)}.empty-state a{color:var(--blue)}.watermark{display:none}.methods{display:grid;gap:0;background:#fff;border:1px solid var(--line);border-top:0}.method{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}.method:last-child{border-bottom:0}.method small{color:var(--muted)}.legal h1,.emulator h1{font-size:clamp(32px,5vw,48px);margin-bottom:16px}.legal ul{color:var(--ink-soft);padding-left:20px}.legal li+li{margin-top:8px}.callout{padding:16px 18px;margin:20px 0;background:#e8f0fe;border-left:4px solid var(--blue);border-radius:0 8px 8px 0;color:var(--ink-soft)}.rules-preview{margin:0;padding:18px;overflow:auto;background:#202124;color:#e8eaed;border-radius:0 0 8px 8px;font-size:13px}@media(max-width:960px){.product-grid,.stats-grid,.console-shell{grid-template-columns:1fr}.qa-banner{font-size:12px}.site-header,.console-top,.footer-inner{flex-direction:column;align-items:flex-start}.hero,.site-header,.console-top,.console-main{padding-left:16px;padding-right:16px}.hero h1{max-width:12ch}.nav a,.lang-toggle{min-height:34px;padding:0 10px}.nav{width:100%}.hero__lead{overflow-wrap:anywhere}.qa-banner__copy span{min-width:0}}
