*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Noto Sans TC,Noto Sans,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-3{top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-0:#09090b;--bg-1:#111114;--bg-2:#18181c;--bg-3:#1f1f24;--bg-4:#27272d;--gold:#d4a843;--gold-light:#e8c468;--gold-glow:#d4a84340;--blue:#5ba3d9;--blue-dim:#3a7aad;--green:#3daa6d;--purple:#9c6abf;--purple-light:#b88fd4;--red:#d44a4a;--text-0:#ececef;--text-1:#c8c8d0;--text-2:#9d9da8;--text-disabled:#636370;--border:#2a2a30;--border-bright:#3a3a42}html[data-theme=light]{--bg-0:#fafaf7;--bg-1:#f4f3ee;--bg-2:#fff;--bg-3:#ebe9e1;--bg-4:#e0ded5;--gold:#b8902e;--gold-light:#d4a843;--gold-glow:#b8902e33;--blue:#2e7bb8;--blue-dim:#1e5a8a;--green:#0e9458;--red:#c03a3a;--purple:#7d4aa0;--purple-light:#a270c2;--text-0:#1a1a1f;--text-1:#3a3a45;--text-2:#5a5a65;--text-disabled:#8a8a95;--border:#e5e3dc;--border-bright:#d1cfc6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-0);color:var(--text-1);min-height:100vh;font-family:Noto Sans TC,Noto Sans,system-ui,sans-serif;overflow-x:hidden}.theme-toggle{border:1px solid var(--border-bright);width:32px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-right:4px;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{background:var(--bg-3);color:var(--text-0);border-color:var(--gold)}.theme-toggle .theme-icon-sun{display:none}.theme-toggle .theme-icon-moon,html[data-theme=light] .theme-toggle .theme-icon-sun{display:block}html[data-theme=light] .theme-toggle .theme-icon-moon{display:none}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a1ae0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--gold-light);text-shadow:0 0 16px var(--gold-glow);align-items:center;gap:8px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.nav-logo :is(.badge--beta,.beta-badge,.brand-beta,.brand-status,.version-badge,[data-beta-badge],[data-brand-status],[data-version-badge],[aria-label*=beta i],[title*=beta i],[class*=beta],[class*=version-badge]),nav :is(.badge--beta,.beta-badge,.brand-beta,.brand-status,.version-badge,[data-beta-badge],[data-brand-status],[data-version-badge],[aria-label*=beta i],[title*=beta i]){display:none!important}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-2);border-radius:6px;padding:6px 10px;font-size:13px;text-decoration:none;transition:color .2s,background .2s}.nav-link:hover{color:var(--text-1);background:var(--bg-3)}.nav-cta{background:linear-gradient(135deg, #8a6420, var(--gold));border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;color:#000!important}.nav-cta:hover{opacity:.88;transform:translateY(-1px)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 30%,#64502840 0%,#0000 70%),radial-gradient(40% 30% at 30% 60%,#d4a8431a 0%,#0000 60%),radial-gradient(40% 30% at 70% 70%,#5ba3d90f 0%,#0000 60%);position:absolute;inset:0}.hero-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--gold);background:#c89b3c12;border:1px solid #c89b3c4d;border-radius:12px;margin-bottom:20px;padding:4px 14px;font-size:11px;font-weight:700}.hero-title{color:var(--text-0);letter-spacing:-1px;margin-bottom:12px;font-size:clamp(32px,6vw,64px);font-weight:900;line-height:1.1}.hero-title .accent{background:linear-gradient(135deg, var(--gold-light), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-2);max-width:560px;margin-bottom:36px;font-size:clamp(15px,2.5vw,20px);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary{background:linear-gradient(135deg, #7a5a1c, var(--gold));color:#000;border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 0 24px #c89b3c4d}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 32px #c89b3c73}.btn-secondary{color:var(--text-1);border:1px solid var(--border-bright);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-3);transform:translateY(-2px)}.social-proof{background:var(--bg-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;gap:40px;padding:24px;display:flex}.proof-item{text-align:center}.proof-num{color:var(--gold-light);font-size:20px;font-weight:800}.proof-label{color:var(--text-2);margin-top:2px;font-size:12px}section{padding:80px 24px}.section-inner{max-width:1100px;margin:0 auto}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:10px;font-weight:700}.section-title{color:var(--text-0);margin-bottom:12px;font-size:clamp(22px,4vw,36px);font-weight:800;line-height:1.2}.section-desc{color:var(--text-2);max-width:560px;margin-bottom:48px;font-size:15px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.feat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:28px;transition:border-color .2s,transform .2s,box-shadow .2s}.feat-card:hover{border-color:var(--border-bright);transform:translateY(-3px);box-shadow:0 8px 32px #4a4aaa33}.sandbox-page{color:#ece8fb;background:radial-gradient(circle at 100% 0,#7f3fff2e,#0000 26%),radial-gradient(circle at 0 100%,#397eff1f,#0000 24%),linear-gradient(#050816 0%,#090d1a 42%,#070a14 100%);min-height:100vh}.sandbox-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sandbox-sidebar{background:linear-gradient(#070a14fa,#0a0c18f0);border-right:1px solid #7a66b22e;flex-direction:column;gap:20px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sandbox-brand{align-items:center;gap:12px;display:flex}.sandbox-brand-mark{color:#faf6ff;background:linear-gradient(135deg,#6f4cffe6,#2a115aeb);border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid;box-shadow:0 0 24px #7a3aed3d}.sandbox-brand-title{letter-spacing:.08em;color:#f7f1ff;font-size:13px;font-weight:800}.sandbox-brand-subtitle{letter-spacing:.14em;color:#8f86ab;font-size:10px}.sandbox-nav{gap:8px;display:grid}.sandbox-nav-link{color:#9b91b8;background:#0c0e1bb3;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:14px 12px;text-decoration:none;transition:all .2s;display:flex}.sandbox-nav-link:hover,.sandbox-nav-link.active{color:#f8f4ff;background:linear-gradient(135deg,#5f37bf52,#1c1239e6);border-color:#9070ff7a;box-shadow:0 18px 38px #0d081d59}.sandbox-nav-icon{background:linear-gradient(135deg,#ae91ff,#5a31d5);border-radius:999px;width:14px;height:14px;box-shadow:0 0 12px #9370ff73}.sandbox-sidebar-card{background:linear-gradient(#291c09b8,#14101deb);border:1px solid #e0a73a3d;border-radius:18px;margin-top:auto;padding:16px}.sandbox-sidebar-card-label{color:#f0dca3;margin-bottom:8px;font-size:13px;font-weight:700}.sandbox-sidebar-card p{color:#b6a986;margin-bottom:14px;font-size:12px;line-height:1.6}.sandbox-sidebar-cta{color:#151009;background:linear-gradient(135deg,#e8c468,#d39b2f);border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:42px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.sandbox-sidebar-footer{color:#7b7396;justify-content:space-between;align-items:center;font-size:11px;display:flex}.sandbox-status{color:#85e0a3}.sandbox-main{padding:18px 22px 28px}.sandbox-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.sandbox-top-actions,.sandbox-top-utils{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sandbox-action-btn{color:#cfc5eb;background:#0b0e1cd1;border:1px solid #7562ac52;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:13px;text-decoration:none;display:inline-flex}.sandbox-action-btn.accent{color:#efcf8a;border-color:#e5aa4566}.sandbox-hero{background:radial-gradient(circle at 0 0,#7846ff2e,#0000 32%),linear-gradient(#131422f5,#0a0c15fa);border:1px solid #6149ab4d;border-radius:24px;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-bottom:18px;padding:24px;display:grid;box-shadow:0 26px 60px #05071457}.sandbox-hero-kicker{color:#af96ff;margin-bottom:10px;font-size:12px;font-weight:700}.sandbox-hero h1{color:#faf7ff;margin-bottom:10px;font-size:38px;line-height:1.05}.sandbox-hero p{color:#9f97ba;max-width:640px;font-size:14px;line-height:1.7}.sandbox-hero-stats{gap:10px;display:grid}.sandbox-stat-card,.sandbox-summary-metric{background:#0d0f1cc7;border:1px solid #54418d66;border-radius:16px;padding:14px 16px}.sandbox-stat-card span,.sandbox-summary-metric span{color:#8e84ab;margin-bottom:6px;font-size:11px;display:block}.sandbox-stat-card strong,.sandbox-summary-metric strong{color:#f6f2ff;font-size:22px}.sandbox-workspace{grid-template-columns:minmax(0,1fr) 380px;gap:20px;display:grid}.sandbox-primary{min-width:0}.sandbox-summary-card{background:linear-gradient(#0f111eeb,#080a13f5);border:1px solid #5c459c4d;border-radius:20px;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-bottom:16px;padding:18px;display:grid}.sandbox-summary-label{letter-spacing:.08em;color:#b39dff;text-transform:uppercase;margin-bottom:6px;font-size:11px}.sandbox-summary-title{color:#f8f4ff;margin-bottom:8px;font-size:28px;font-weight:800}.sandbox-summary-copy{color:#9a92b6;font-size:13px;line-height:1.7}.sandbox-summary-metrics{gap:10px;display:grid}.sandbox-view-switcher{background:#0b0d17e6;border:1px solid #5a48914d;border-radius:18px;gap:8px;margin-bottom:16px;padding:6px;display:inline-flex}.sandbox-view-pill{color:#9f97ba;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s}.sandbox-view-pill.active{color:#f5efff;background:linear-gradient(135deg,#7c3aed42,#36246ddb);border-color:#9370ff61;box-shadow:0 12px 30px #21154359}.sandbox-single-hero-shell,.sandbox-board-card{background:linear-gradient(#0f111ef5,#080a13fa);border:1px solid #5c459c52;border-radius:20px;margin-bottom:16px;box-shadow:0 24px 60px #05071457}.sandbox-embed-loading{color:#9f97ba;padding:12px 16px 0;font-size:12px}.sandbox-single-hero-frame{background:0 0;border:0;width:100%;min-height:920px;display:block}.sandbox-board-card{padding:16px}.sandbox-board-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sandbox-board-lane-guides{color:#9f97ba;letter-spacing:.08em;gap:16px;font-size:11px;font-weight:700;display:inline-flex}.sandbox-board-shell{padding:8px 2px 10px;overflow-x:auto}.sandbox-hex-board{--sandbox-hex-w:82px;--sandbox-hex-h:calc(var(--sandbox-hex-w) * 1.1547);min-width:calc(var(--sandbox-hex-w) * 7.5 + 72px);flex-direction:column;gap:0;display:flex}.sandbox-hex-row-wrap{align-items:center;gap:12px;display:flex}.sandbox-hex-row-wrap+.sandbox-hex-row-wrap{margin-top:calc(var(--sandbox-hex-h) * -.24)}.sandbox-hex-row-label{color:#8f86ab;letter-spacing:.08em;text-transform:uppercase;flex:0 0 44px;width:44px;font-size:11px;font-weight:700}.sandbox-hex-row{gap:4px;display:flex}.sandbox-hex-row.offset{margin-left:calc(var(--sandbox-hex-w) * .5 + 2px)}.sandbox-hex-cell{width:var(--sandbox-hex-w);height:var(--sandbox-hex-h);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);cursor:pointer;background:linear-gradient(#222439f2,#0f121cfa);border:1px solid #4a3d73d1;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 36px #0809144d}.sandbox-hex-cell.empty{background:radial-gradient(circle at 50% 45%,#63549b1f,#0000 55%),linear-gradient(#10121efa,#0a0c14fa)}.sandbox-hex-cell.selected{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf62e,0 0 28px #8b5cf63d}.sandbox-hex-champion{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.sandbox-hex-overlay{pointer-events:none;background:linear-gradient(#07081000 40%,#0708105c 100%);position:absolute;inset:0}.sandbox-hex-index{color:#6b6386;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.sandbox-sidepanel{background:linear-gradient(#0f111ef5,#080a13fa);border:1px solid #5c459c52;border-radius:20px;align-self:start;padding:16px;box-shadow:0 24px 60px #05071457}.sandbox-sidepanel-section{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.stats-page{gap:18px;display:grid}.stats-hero-card,.stats-guide-card,.stats-filter-card,.comp-card,.stats-summary-card,.stats-empty-card{background:linear-gradient(#111730f5,#0b101ffa);border:1px solid #5c459c4d;border-radius:22px;box-shadow:0 24px 60px #05071447}.stats-hero-card{grid-template-columns:minmax(0,1.2fr) 360px;gap:18px;padding:26px;display:grid}.stats-kicker{letter-spacing:.12em;text-transform:uppercase;color:#8db6ff;margin-bottom:10px;font-size:12px;font-weight:700}.stats-hero-card h1{color:#f9fbff;margin-bottom:12px;font-size:clamp(34px,5vw,52px);line-height:1}.stats-hero-card p{color:#9aa8cf;max-width:700px;font-size:15px;line-height:1.8}.stats-hero-metrics{gap:10px;display:grid}.stats-guide-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.stats-guide-step,.stats-empty-card{background:#0d1325e0;border:1px solid #58669452;border-radius:18px;padding:16px}.stats-guide-step{align-items:flex-start;gap:12px;display:flex}.stats-guide-step span{color:#061120;background:linear-gradient(135deg,#70a6ffeb,#545fe0eb);border-radius:999px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.stats-guide-step strong,.stats-empty-card h2{color:#f8fbff;margin-bottom:6px;font-size:16px;display:block}.stats-guide-step p,.stats-empty-card p{color:#9aa8cf;font-size:13px;line-height:1.65}.stats-empty-card{gap:10px;display:grid}.stats-empty-card code{color:#d6e6ff;background:#070a14e6;border:1px solid #57649047;border-radius:12px;padding:10px 12px;font-size:12px;display:block;overflow-x:auto}.stats-hero-metric{background:#0d1325e0;border:1px solid #58669452;border-radius:18px;padding:14px 16px}.stats-hero-metric span,.comp-metric span{color:#8b97bc;margin-bottom:6px;font-size:11px;display:block}.stats-hero-metric strong,.comp-metric strong{color:#f5f8ff;font-size:22px}.stats-tab-row{flex-wrap:wrap;gap:8px;display:flex}.stats-tab{color:#a7b0cf;cursor:pointer;background:#0b0e1ce6;border:1px solid #59609c3d;border-radius:14px;min-height:46px;padding:0 18px;font-size:14px;font-weight:700}.stats-tab.active{color:#f7fbff;background:linear-gradient(135deg,#1f50a870,#0d1c47eb);border-color:#6db0ff8a}.stats-tab.upcoming{color:#7781a6;border:1px dashed #59609c38;border-radius:14px;align-items:center;gap:8px;min-height:46px;padding:0 18px;display:inline-flex}.stats-tab.upcoming span{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.stats-filter-card{flex-wrap:wrap;align-items:end;gap:18px;padding:20px 24px;display:flex}.stats-filter-group{gap:8px;display:grid}.stats-filter-group label{color:#8e97b8;font-size:12px}.stats-filter-group select,.stats-filter-group input{color:#e7ebfb;background:#0a0e1ae6;border:1px solid #59609c47;border-radius:12px;min-width:190px;min-height:42px;padding:0 12px}.stats-filter-group input::placeholder{color:#7581a3}.stats-toggle{color:#dce3f8;align-items:center;gap:10px;min-height:42px;display:inline-flex}.stats-comp-list,.stats-metric-grid,.stats-drilldown-layout{gap:16px;display:grid}.stats-drilldown-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.stats-metric-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.comp-card{grid-template-columns:minmax(0,1fr) 340px;gap:20px;padding:24px;display:grid}.comp-title-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.comp-trait-icon{-o-object-fit:cover;object-fit:cover;background:#090e1ae6;border:1px solid #6e92e938;border-radius:14px;width:46px;height:46px;padding:6px}.comp-title-row h2{color:#f7fbff;margin-bottom:8px;font-size:28px;line-height:1.05}.comp-traits{flex-wrap:wrap;gap:8px;display:flex}.comp-traits span,.comp-tags span{color:#cfe1ff;background:#1e408552;border:1px solid #6496ff47;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.comp-unit-bands{gap:18px;display:grid}.unit-band{gap:10px;display:grid}.unit-band-label{letter-spacing:.08em;text-transform:uppercase;color:#90a8e5;font-size:13px}.unit-band-grid{flex-wrap:wrap;gap:12px;display:flex}.unit-chip{width:84px}.unit-art-shell{background:linear-gradient(135deg,#6cbaffbd,#374fb82e);border-radius:18px;width:84px;height:84px;padding:3px;position:relative}.unit-art{-o-object-fit:cover;object-fit:cover;background:#162238;border-radius:15px;width:100%;height:100%;display:block}.unit-presence{color:#e8f1ff;background:#050812db;border:1px solid #aac4ff47;border-radius:999px;justify-content:center;align-items:center;min-width:32px;min-height:20px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;bottom:4px;right:4px}.unit-name{color:#cbd8f6;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:84px;margin-top:6px;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.unit-item-row{z-index:1;justify-content:center;gap:4px;margin-top:-10px;display:flex;position:relative}.unit-item-icon{background:#0d1325;border:1px solid #789bf04d;border-radius:7px;width:22px;height:22px}.comp-card-side{align-content:start;gap:18px;display:grid}.comp-metrics,.stats-summary-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.comp-metric,.stats-summary-card{padding:16px}.comp-tags{flex-wrap:wrap;gap:10px;display:flex}.comp-variant-block{background:#090e1c7a;border:1px solid #57649038;border-radius:16px;padding:14px}.comp-variant-title{color:#91a6da;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.comp-variant-list{gap:8px;display:grid}.comp-variant-row{color:#cbd8f6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:34px;font-size:12px;display:grid}.comp-variant-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.comp-variant-row strong{color:#f2d38c;font-size:12px}.stats-summary-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.stats-summary-icon{-o-object-fit:cover;object-fit:cover;background:#0c101feb;border:1px solid #57649047;border-radius:16px;width:52px;height:52px;padding:6px}.stats-summary-header h3{color:#f6f8ff;margin-bottom:4px;font-size:18px}.stats-summary-key{color:#8790b0;word-break:break-all;font-size:11px}.stats-summary-card{text-align:left;width:100%;color:inherit;cursor:pointer}.stats-summary-card.active{border-color:#6db0ffa8;box-shadow:0 18px 44px #2e68c92e}.stats-detail-panel{background:linear-gradient(#111730f5,#0b101ffa);border:1px solid #5c459c4d;border-radius:22px;gap:16px;padding:18px;display:grid;position:sticky;top:18px;box-shadow:0 24px 60px #05071447}.stats-detail-heading{align-items:center;gap:12px;display:flex}.stats-detail-heading img{-o-object-fit:cover;object-fit:cover;background:#0c101feb;border:1px solid #57649047;border-radius:18px;width:58px;height:58px;padding:6px}.stats-detail-heading span,.stats-detail-note span{color:#8b97bc;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.stats-detail-heading h2{color:#f7fbff;font-size:22px;line-height:1.1}.stats-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stats-detail-note code{color:#d6e6ff;word-break:break-all;background:#070a14e6;border:1px solid #57649047;border-radius:12px;padding:10px 12px;font-size:11px;display:block}.stats-trend-list{gap:14px;display:grid}.stats-trend-card{background:linear-gradient(#111730f5,#0b101ffa);border:1px solid #5c459c4d;border-radius:22px;grid-template-columns:170px minmax(120px,1fr) 430px;align-items:center;gap:16px;padding:18px;display:grid;box-shadow:0 24px 60px #05071438}.stats-trend-date span{color:#f7fbff;margin-bottom:4px;font-size:24px;font-weight:800;display:block}.stats-trend-date strong{color:#8b97bc;font-size:12px}.stats-trend-bars{background:#090e1cd1;border:1px solid #57649038;border-radius:999px;height:12px;overflow:hidden}.stats-trend-sample{border-radius:inherit;background:linear-gradient(90deg,#71b8ff,#f2d38c);height:100%}.stats-trend-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}html[data-theme=light] .stats-hero-card,html[data-theme=light] .stats-guide-card,html[data-theme=light] .stats-filter-card,html[data-theme=light] .comp-card,html[data-theme=light] .stats-summary-card,html[data-theme=light] .stats-empty-card,html[data-theme=light] .stats-detail-panel{background:linear-gradient(#fffffffa,#f4f7fffa);border-color:#aab8df7a;box-shadow:0 18px 48px #5165921f}html[data-theme=light] .stats-hero-card h1,html[data-theme=light] .comp-title-row h2,html[data-theme=light] .stats-summary-header h3,html[data-theme=light] .stats-detail-heading h2{color:#162038}html[data-theme=light] .stats-hero-card p,html[data-theme=light] .stats-guide-step p,html[data-theme=light] .stats-empty-card p,html[data-theme=light] .stats-summary-key,html[data-theme=light] .stats-filter-group label,html[data-theme=light] .stats-kicker,html[data-theme=light] .unit-band-label,html[data-theme=light] .unit-name,html[data-theme=light] .comp-variant-row,html[data-theme=light] .stats-detail-heading span,html[data-theme=light] .stats-detail-note span{color:#52627f}html[data-theme=light] .stats-guide-step,html[data-theme=light] .stats-empty-card{background:#f5f8fffa;border-color:#aab8df7a}html[data-theme=light] .stats-guide-step strong,html[data-theme=light] .stats-empty-card h2{color:#162038}html[data-theme=light] .stats-empty-card code{color:#21314e;background:#fff}html[data-theme=light] .stats-tab{color:#44536f;background:#fffffffa}html[data-theme=light] .stats-tab.active{color:#113160;background:linear-gradient(135deg,#70a6ff38,#dcecfff2)}html[data-theme=light] .stats-filter-group select,html[data-theme=light] .stats-filter-group input{color:#21314e;background:#fff}html[data-theme=light] .comp-variant-block{background:#f5f8ffd1;border-color:#aab8df6b}html[data-theme=light] .stats-detail-note code{color:#21314e;background:#fff}html[data-theme=light] .stats-trend-card{background:linear-gradient(#fffffffa,#f4f7fffa);border-color:#aab8df7a;box-shadow:0 18px 48px #5165921f}html[data-theme=light] .stats-trend-date span{color:#162038}html[data-theme=light] .stats-trend-date strong{color:#52627f}@media (max-width:1120px){.stats-hero-card,.stats-guide-card,.comp-card,.stats-drilldown-layout,.stats-trend-card{grid-template-columns:1fr}.stats-detail-panel{position:static}}@media (max-width:720px){.stats-guide-card{padding:16px}.stats-filter-card{align-items:stretch}.stats-filter-group,.stats-filter-group select{width:100%}.stats-hero-card{padding:20px}.comp-card{padding:18px}.comp-title-row h2{font-size:22px}.unit-chip,.unit-art-shell{width:72px}.unit-art-shell{height:72px}.unit-name{width:72px}.stats-detail-metrics{grid-template-columns:1fr}.stats-trend-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.sandbox-sidepanel-step{color:#fff;background:linear-gradient(135deg,#9b6bff,#632ce4);border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid;box-shadow:0 0 20px #7c3aed59}@media (max-width:1100px){.sandbox-shell,.sandbox-workspace,.sandbox-hero,.sandbox-summary-card{grid-template-columns:1fr}.sandbox-single-hero-frame{min-height:760px}.sandbox-hex-board{--sandbox-hex-w:68px}.sandbox-sidebar{height:auto;position:relative}}@media (max-width:720px){.sandbox-main{padding:14px}.sandbox-view-switcher{width:100%;display:flex}.sandbox-view-pill{flex:1}.sandbox-topbar{flex-direction:column;align-items:stretch}.sandbox-board-card-top{flex-direction:column}.sandbox-board-lane-guides{justify-content:space-between;width:100%}.sandbox-hex-board{--sandbox-hex-w:56px;min-width:calc(var(--sandbox-hex-w) * 7.5 + 56px)}.sandbox-hex-row-label{flex-basis:34px;width:34px;font-size:10px}}.feat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;display:flex}.feat-icon.gold{background:#c89b3c26}.feat-icon.blue{background:#4fc3f71f}.feat-icon.purple{background:#9c27b026}.feat-icon.green{background:#4caf501f}.feat-title{color:var(--text-0);margin-bottom:8px;font-size:16px;font-weight:700}.feat-desc{color:var(--text-2);font-size:13px;line-height:1.6}.feat-badge{letter-spacing:.5px;color:var(--gold);text-transform:uppercase;background:#c89b3c1f;border:1px solid #c89b3c40;border-radius:4px;margin-top:12px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.feat-badge.coming{color:var(--blue);background:#4fc3f714;border-color:#4fc3f733}.feat-badge.pro{color:var(--purple-light);background:#9c27b01f;border-color:#9c27b040}#pricing{background:var(--bg-1)}.compare-table{border-collapse:collapse;width:100%;max-width:700px;font-size:14px}.compare-table th{text-align:center;color:var(--text-0);border-bottom:2px solid var(--border);padding:16px 20px;font-size:15px;font-weight:700}.compare-table th:first-child{text-align:left;color:var(--text-2);font-size:13px;font-weight:500}.compare-table th.pro-col{color:var(--gold-light);background:#d4a8430f}.compare-table td{border-bottom:1px solid var(--border);text-align:center;color:var(--text-1);padding:12px 20px}.compare-table td:first-child{text-align:left;color:var(--text-2);font-size:13px}.compare-table td.pro-col{background:#d4a8430a}.compare-table .check-icon{color:var(--green);font-size:16px;font-weight:700}.compare-table .dash-icon{color:var(--text-disabled)}.compare-table tfoot td{border-bottom:none;padding:20px}.compare-price{color:var(--text-0);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.compare-price .period{color:var(--text-2);font-size:14px;font-weight:400}.compare-price .currency{vertical-align:super;color:var(--text-2);font-size:16px}.compare-note{color:var(--text-disabled);margin-top:4px;font-size:11px}.btn-price-free{text-align:center;background:var(--bg-3);color:var(--text-1);border:1px solid var(--border-bright);border-radius:6px;padding:11px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.btn-price-free:hover{background:var(--bg-4)}.btn-price-pro{text-align:center;background:linear-gradient(135deg, #8a6420, var(--gold));color:#000;border-radius:6px;padding:12px;font-size:14px;font-weight:800;text-decoration:none;transition:opacity .2s;display:block}.btn-price-pro:hover{opacity:.88}footer{background:var(--bg-1);border-top:1px solid var(--border);text-align:center;padding:32px 24px}.footer-logo{color:var(--gold-light);margin-bottom:8px;font-size:16px;font-weight:800}.footer-desc{color:var(--text-disabled);margin-bottom:16px;font-size:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-link{color:var(--text-2);font-size:12px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-1)}.footer-copy{color:var(--text-disabled);margin-top:20px;font-size:11px}.footer-disclaimer{color:var(--text-disabled);margin-top:8px;font-size:10px;line-height:1.6}.google-sign-in-btn{background:var(--bg-2);color:var(--text-1);border:1px solid var(--border-bright);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.google-sign-in-btn:hover{background:var(--bg-3);border-color:var(--gold)}.user-menu-skeleton{background:var(--bg-3);border-radius:50%;width:32px;height:32px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-menu-wrapper{position:relative}.user-menu-trigger{border:2px solid var(--border-bright);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.user-menu-trigger:hover{border-color:var(--gold)}.user-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar-fallback{background:var(--bg-3);width:100%;height:100%;color:var(--gold);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-menu-dropdown{z-index:200;background:var(--bg-2);border:1px solid var(--border-bright);border-radius:10px;width:260px;padding:8px 0;animation:.15s ease-out menuSlideIn;position:absolute;top:40px;right:0;box-shadow:0 8px 32px #0006}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{align-items:center;gap:10px;padding:12px 16px;display:flex}.user-menu-avatar-lg{border-radius:50%;flex-shrink:0;width:40px;height:40px}.user-menu-info{min-width:0}.user-menu-name{color:var(--text-0);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-menu-email{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-menu-divider{background:var(--border);height:1px;margin:4px 0}.user-menu-tier{justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.user-menu-tier-badge{letter-spacing:.5px;background:var(--bg-3);color:var(--text-2);border:1px solid var(--border);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.user-menu-upgrade{color:var(--gold);font-size:12px;font-weight:600;text-decoration:none;transition:opacity .15s}.user-menu-upgrade:hover{opacity:.8}.user-menu-item{width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:background .15s,color .15s;display:flex}.user-menu-item:hover{background:var(--bg-3);color:var(--text-0)}html[data-theme=light] .google-sign-in-btn{background:#fff}html[data-theme=light] .google-sign-in-btn:hover{background:#f4f3ee}html[data-theme=light] .user-menu-dropdown{background:#fff;box-shadow:0 8px 24px #0000001f}html[data-theme=light] .user-avatar-fallback{color:#8a6a1e;background:#ebe9e1}@media (max-width:600px){nav{padding:0 14px}.nav-links{gap:4px}.nav-link{display:none}.nav-cta{padding:6px 12px;font-size:12px}section{padding:60px 16px}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:320px}.social-proof{flex-wrap:wrap;gap:16px}.compare-table{font-size:13px}.compare-table th,.compare-table td{padding:10px 12px}}html[data-theme=light] .hero:before{background:radial-gradient(60% 50% at 50% 30%,#b8902e1f 0%,#0000 70%),radial-gradient(40% 30% at 30% 60%,#d4a8430f 0%,#0000 60%),radial-gradient(40% 30% at 70% 70%,#2e7bb80a 0%,#0000 60%)}html[data-theme=light] .hero-title .accent{background:linear-gradient(135deg,#b8902e,#2e7bb8);-webkit-background-clip:text;background-clip:text}html[data-theme=light] .hero-eyebrow{color:#8a6a1e;background:#b8902e1a;border-color:#b8902e4d}html[data-theme=light] .feat-icon.gold{color:#8a6a1e;background:#b8902e1f}html[data-theme=light] .feat-icon.blue{color:#1968a8;background:#2e7bb81a}html[data-theme=light] .feat-icon.purple{color:#7d4aa0;background:#7d4aa01a}html[data-theme=light] .feat-icon.green{color:#0e9458;background:#0e94581a}html[data-theme=light] .feat-card{background:#fff;box-shadow:0 1px 3px #0000000a}html[data-theme=light] .feat-card:hover{border-color:var(--gold);box-shadow:0 4px 12px #00000014}html[data-theme=light] .feat-badge{color:#8a6a1e;background:#b8902e1f;border-color:#b8902e40}html[data-theme=light] .feat-badge.coming{color:#1968a8;background:#2e7bb81a;border-color:#2e7bb840}html[data-theme=light] .feat-badge.pro{color:#7d4aa0;background:#7d4aa01a;border-color:#7d4aa040}html[data-theme=light] nav{background:#fafaf7e0}html[data-theme=light] .nav-logo{color:#8a6a1e;text-shadow:none}html[data-theme=light] .btn-primary,html[data-theme=light] .nav-cta,html[data-theme=light] .btn-price-pro{background:linear-gradient(135deg,#b8902e,#8a6a1e);box-shadow:0 2px 12px #b8902e40;color:#fff!important}html[data-theme=light] .btn-primary:hover{box-shadow:0 8px 24px #b8902e59}html[data-theme=light] .btn-secondary{color:var(--text-1);border-color:var(--border-bright)}html[data-theme=light] .btn-secondary:hover{background:#ebe9e1}html[data-theme=light] .social-proof{background:#f4f3ee}html[data-theme=light] .proof-num{color:#8a6a1e}html[data-theme=light] .compare-table th.pro-col{color:#8a6a1e;background:#b8902e14}html[data-theme=light] .compare-table td.pro-col{background:#b8902e0d}html[data-theme=light] .compare-table .check-icon{color:#0e9458}html[data-theme=light] .btn-price-free{border-color:var(--border-bright);background:#fff}html[data-theme=light] .btn-price-free:hover,html[data-theme=light] footer{background:#f4f3ee}html[data-theme=light] .footer-logo,html[data-theme=light] .section-label{color:#8a6a1e}.legal-page{max-width:760px;color:var(--text-1);margin:0 auto;padding:40px 24px 80px;font-size:15px;line-height:1.75}.legal-page h1{color:var(--gold-light);margin:0 0 8px;font-size:28px;font-weight:800}.legal-page .legal-updated{color:var(--text-2);border-bottom:1px solid var(--border);margin:0 0 32px;padding-bottom:18px;font-size:13px}.legal-page h2{color:var(--text-0);border-left:3px solid var(--gold);margin:30px 0 10px;padding-left:10px;font-size:19px;font-weight:700}.legal-page h3{color:var(--text-0);margin:18px 0 6px;font-size:15px;font-weight:600}.legal-page p,.legal-page li{color:var(--text-1)}.legal-page ul{margin:8px 0 14px;padding-left:22px}.legal-page li{margin:4px 0}.legal-page a{color:var(--gold-light);-webkit-text-decoration:underline #f0c0604d;text-decoration:underline #f0c0604d}.legal-page a:hover{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.legal-page code{background:var(--bg-2);color:var(--gold-light);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:13px}.legal-page .legal-note{background:var(--bg-2);border-left:3px solid var(--gold);border-radius:4px;margin:14px 0;padding:12px 16px;font-size:14px}.sandbox-banner{max-width:700px;color:var(--text-0);text-align:left;background:linear-gradient(135deg,#f0c0601f,#5078c814);border:1px solid #f0c06059;border-radius:10px;flex-direction:column;gap:4px;margin:0 auto 24px;padding:14px 18px;font-size:14px;line-height:1.65;display:flex}.sandbox-banner strong{color:var(--gold-light);font-weight:700}.sandbox-banner code{background:var(--bg-2);color:var(--gold-light);letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:12px}html[data-theme=light] .sandbox-banner{background:linear-gradient(135deg,#b8902e14,#1e6fa00a);border-color:#b8902e59}