*,:before,:after{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:PingFang SC,Inter,"system-ui",sans-serif;font-size:16px;line-height:var(--line-height-relaxed)}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-muted:#2563eb0f;--primary-glow:#2563eb26;--accent:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--accent-muted:#f59e0b14;--accent-glow:#f59e0b33;--orange-accent:#f59e0b;--orange-subtle:#f59e0b14;--warm-gold:#f3e8ff;--warm-blue:#e0e7ff;--warm-coral:#fef3c7;--warm-cream:#faf9f5;--gray-50:#fafafa;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--success-muted:#10b98114;--warning:#f59e0b;--warning-muted:#f59e0b14;--danger:#ef4444;--danger-muted:#ef444414;--info:#2563eb;--info-muted:#2563eb14;--purple:#8b5cf6;--purple-light:#a78bfa;--purple-dark:#7c3aed;--purple-muted:#8b5cf60f;--purple-glow:#8b5cf626;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#6b7280;--bg-primary:#faf9f5;--bg-secondary:#fff;--bg-tertiary:#f3f1eb;--bg-card:#fff;--bg-zone:#f3f1eb;--bg-accent-ultra-light:#fef3c7;--bg-video:#f5f0ff;--bg-hover:#2563eb0a;--bg-active:#2563eb14;--gradient-hero:linear-gradient(180deg, #2563eb 0%, #1d4ed8 50%, #3b82f6 100%);--gradient-card:linear-gradient(135deg, #fffffffa 0%, #faf9f5f5 100%);--gradient-primary:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-accent:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-accent-soft:linear-gradient(135deg, #f59e0b1a 0%, #2563eb0d 100%);--gradient-warm:linear-gradient(135deg, #e0e7ff66 0%, #e0e7ff4d 100%);--gradient-subtle:linear-gradient(90deg, #2563eb0d 0%, transparent 50%, #f59e0b0d 100%);--border:1px solid #e5e7ebcc;--border-light:1px solid #f3f4f6e6;--border-focus:1.5px solid #2563eb66;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 16px 40px #0000001a;--shadow-hover:0 12px 40px #0000001f;--shadow-glow:0 0 24px #00000014;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:80px;--space-3xl:120px;--font-sans:"PingFang SC", "Inter", "system-ui", sans-serif;--font-serif:"Georgia", "Noto Serif SC", "Source Han Serif SC", serif;--font-heading:var(--font-sans);--font-mono:"JetBrains Mono", "SF Mono", "Monaco", monospace;--font-size-xs:14px;--font-size-sm:15px;--font-size-md:16px;--font-size-lg:19px;--font-size-xl:26px;--font-size-2xl:36px;--font-size-3xl:48px;--font-size-hero:clamp(52px, 7vw, 64px);--font-size-hero-sm:clamp(2.5rem, 5vw, 3.25rem);--font-size-hero-lg:clamp(2.8rem, 6vw, 3.5rem);--font-size-2xs:12px;--font-size-xs-tight:13px;--font-size-lg-alt:28px;--font-size-xl-alt:32px;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--btn-height-sm:36px;--btn-height-md:44px;--btn-height-lg:52px;--btn-padding-sm:8px 16px;--btn-padding-md:14px 28px;--btn-padding-lg:16px 32px;--btn-font-sm:var(--font-size-2xs);--btn-font-md:var(--font-size-xs);--btn-font-lg:var(--font-size-sm);--btn-radius-sm:var(--radius-sm);--btn-radius-md:var(--radius-md);--btn-radius-lg:var(--radius-lg);--icon-sm:16px;--icon-md:20px;--icon-lg:28px;--icon-xl:40px;--icon-stroke:2;--hover-lift-sm:translateY(-2px);--hover-lift-md:translateY(-2px);--hover-lift-lg:translateY(-6px);--breakpoint-sm:640px;--breakpoint-md:960px;--breakpoint-lg:1200px;--space-page-header-y:32px;--hero-section-height:361px;--white-overlay-xs:#fff3;--white-overlay-sm:#fff9;--white-overlay-md:#fffc;--white-overlay-lg:#fffffff0;--white-overlay-xl:#fffffffa;--white-text-hero:#ffffffe6;--border-warm:#e6dfd759;--border-warm-light:#e6dfd766;--border-warm-md:#e6dfd780;--border-warm-solid:#e5e3dd;--warm-bg-xs:#e6dfd733;--warm-bg-sm:#e6dfd74d;--warm-bg-md:#e6dfd780;--text-dark:#1a1a1a;--text-bar-dark:#2d2d2d;--text-bar-muted:#b8b8b8;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-ease-out:.6s ease-out;--font-display:var(--font-sans);--font-magazine:var(--font-sans);--font-label:var(--font-mono);--font-size-mega:clamp(64px, 8vw, 96px);--font-size-big:clamp(48px, 6vw, 72px);--font-size-headline:clamp(32px, 4vw, 48px);--font-size-label:14px;--font-size-tag:14px;--font-size-caption:14px;--number-bg:var(--orange-accent);--number-color:white;--number-size:48px;--number-radius:12px;--arrow-color:var(--orange-accent);--arrow-size:32px;--gutter-xs:8px;--gutter-sm:12px;--gutter-md:16px;--gutter-lg:24px;--gutter-xl:32px;--grid-gap-dense:16px;--grid-gap-standard-col:24px;--grid-gap-standard-row:32px;--grid-gap-open:40px;--card-padding-compact:16px 20px;--card-padding-medium:20px 24px;--card-padding-standard:40px;--icon-card-sm:40px;--icon-card-md:48px;--icon-card-lg:64px;--card-border-semantic-width:3px;--card-border-default:1px solid var(--bg-zone);--border-color:#e0e0e0;--color-block-blue:#2563eb;--color-block-orange:#d97706;--color-block-purple:#8b5cf6;--color-block-cream:#fefce8;--color-block-gray:#292524;--risk-banner-bg:#fef3c7;--risk-banner-text:#92400e;--risk-banner-height:56px;--bg-function-blue:#f0f4ff;--bg-function-orange:#fff5eb;--bg-function-purple:#f5f0ff;--bg-function-green:#ecfdf5;--bg-function-gray:#f3f4f6;--shadow-card:0 2px 8px #0000000f;--shadow-card-hover:0 8px 24px #0000001a;--shadow-cta:0 4px 16px #0003;--shadow-cta-hover:0 8px 24px #00000047;--cta-bg:#1a1a1a;--cta-text:#fff;--cta-hover:#333;--card-border:1px solid var(--border-warm-solid);--card-border-hover:1px solid #e6dfd799;--bg-hover-light:#2563eb0a;--bg-hover-medium:#2563eb14;--accent-bg:#f59e0b14;--accent-light-bg:#f59e0b0a;--purple-light-bg:#8b5cf60a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.animate-fadeInLeft{animation:.7s ease-out forwards fadeInLeft}.animate-fadeInUp{animation:.7s ease-out forwards fadeInUp}.animate-fadeInUp-delay-100{opacity:0;animation:.7s ease-out .1s forwards fadeInUp}.animate-fadeInUp-delay-200{opacity:0;animation:.7s ease-out .2s forwards fadeInUp}.animate-fadeInUp-delay-300{opacity:0;animation:.7s ease-out .3s forwards fadeInUp}.animate-fadeInUp-delay-400{opacity:0;animation:.7s ease-out .4s forwards fadeInUp}.animate-fadeInUp-delay-500{opacity:0;animation:.7s ease-out .5s forwards fadeInUp}.animate-pulse-slow{animation:2s ease-in-out infinite pulse}.animate-count{animation:.5s ease-out forwards countUp}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{font-size:var(--font-size-hero);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.8}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}strong{color:var(--text-primary);font-weight:600}code,pre,.mono{font-family:var(--font-mono)}.wrap{max-width:1500px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-xl) 0}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{align-items:flex-start;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.decor-shape{pointer-events:none;z-index:0;filter:blur(50px);opacity:.5;border-radius:50%;position:absolute}.decor-shape.gold{background:var(--warm-gold)}.decor-shape.blue{background:var(--warm-blue)}.decor-shape.coral{background:var(--warm-coral)}.decor-wave{pointer-events:none;z-index:0;fill:none;stroke:#f59e0b0f;stroke-width:2px;position:absolute}.decor-circle{pointer-events:none;z-index:0;opacity:.6;border-radius:50%;position:absolute}.decor-circle.orange{background:linear-gradient(135deg,#f59e0b4d 0%,#fbbf2433 100%)}.decor-circle.blue{background:linear-gradient(135deg,#2563eb33 0%,#3b82f626 100%)}.decor-path{pointer-events:none;z-index:0;opacity:.3;position:absolute}.magazine-headline{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-big);letter-spacing:-.02em;color:var(--text-primary);line-height:1.05}.magazine-headline.light{color:#fff}.magazine-headline.accent{color:var(--accent)}.magazine-headline.blue{color:var(--primary)}.magazine-headline.small{font-size:var(--font-size-headline)}.magazine-number{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-xl);color:var(--number-color);background:var(--number-bg);width:var(--number-size);height:var(--number-size);border-radius:var(--number-radius);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.magazine-number.small{width:36px;height:36px;font-size:var(--font-size-lg)}.magazine-number.large{width:64px;height:64px;font-size:var(--font-size-2xl)}.magazine-number.blue{--number-bg:var(--primary)}.magazine-number.purple{--number-bg:var(--purple)}.magazine-number.gray{--number-bg:var(--gray-700)}.magazine-number-outline{border:3px solid var(--number-bg);color:var(--number-bg);background:0 0}.magazine-arrow{font-size:var(--arrow-size);color:var(--arrow-color);font-weight:700;line-height:1}.magazine-arrow.small{font-size:24px}.magazine-arrow.blue{--arrow-color:var(--primary)}.magazine-arrow.white{--arrow-color:white}.magazine-label{font-family:var(--font-label);font-weight:600;font-size:var(--font-size-label);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.magazine-label.accent{color:var(--accent)}.magazine-label.blue{color:var(--primary)}.magazine-label.white{color:var(--white-overlay-md)}.magazine-block{padding:var(--space-xl) var(--space-xl);border-radius:var(--radius-lg);position:relative;overflow:hidden}.magazine-block.blue{background:var(--color-block-blue);color:#fff}.magazine-block.orange{background:var(--color-block-orange);color:#fff}.magazine-block.purple{background:var(--color-block-purple);color:#fff}.magazine-block.gray{background:var(--color-block-gray);color:#fff}.magazine-block.cream{background:var(--color-block-cream);color:var(--text-primary)}.magazine-block.gradient-blue{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff}.magazine-block.gradient-orange{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff}.magazine-block.gradient-purple{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff}.magazine-block.gradient-warm{background:linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);color:#fff}.magazine-block h1,.magazine-block h2,.magazine-block h3,.magazine-block h4{color:inherit}.magazine-block p{color:var(--white-overlay-md)}.magazine-block.cream p{color:var(--text-secondary)}.magazine-grid{gap:var(--gutter-lg);display:grid}.magazine-grid-2{grid-template-columns:repeat(2,1fr)}.magazine-grid-3{grid-template-columns:repeat(3,1fr)}.magazine-grid-4{grid-template-columns:repeat(4,1fr)}.magazine-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.magazine-compare-bar{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--gradient-accent);border-radius:var(--radius-pill);color:#fff;display:flex}.magazine-compare-bar.blue{background:var(--gradient-primary)}.magazine-compare-bar .compare-text{font-weight:600;font-size:var(--font-size-md)}.magazine-compare-bar .compare-arrow{opacity:.9;font-size:20px;font-weight:700}.magazine-compare-bar .compare-items{gap:var(--space-sm);display:flex}.magazine-compare-bar .compare-item{font-size:var(--font-size-sm);background:var(--white-overlay-xs);border-radius:var(--radius-pill);padding:4px 12px;font-weight:600}.magazine-stat-card{gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-warm-solid);flex-direction:column;display:flex}.magazine-figure{border-radius:var(--radius-lg);position:relative;overflow:hidden}.magazine-figure img{object-fit:cover;width:100%;height:100%}.magazine-figure-caption{padding:var(--space-md);color:#fff;font-size:var(--font-size-xs);background:linear-gradient(#0000,#000000b3);font-weight:500;position:absolute;bottom:0;left:0;right:0}.magazine-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.magazine-dot.blue{background:var(--primary)}.magazine-dot.purple{background:var(--purple)}.magazine-dot.gray{background:var(--gray-400)}.magazine-divider{background:linear-gradient(90deg, var(--accent), var(--primary));border-radius:var(--radius-pill);height:3px;margin:var(--space-xl) 0}.magazine-divider.blue{background:linear-gradient(90deg, var(--primary), var(--purple))}.magazine-divider.orange{background:linear-gradient(90deg, var(--accent), var(--accent-light))}.btn{height:var(--btn-height-md);border:1px solid var(--border-warm-solid);border-radius:var(--btn-radius-md);padding:var(--btn-padding-md);font-family:var(--font-sans);font-weight:600;font-size:var(--btn-font-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn:hover{background:var(--bg-zone);border-color:var(--gray-300);box-shadow:var(--shadow-hover);transform:var(--hover-lift-sm)}.btn:active{background:var(--gray-200);transform:translateY(0)}.btn-primary{background:var(--cta-bg);color:var(--cta-text);border-color:var(--cta-bg);box-shadow:none}.btn-primary:hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:none;transform:var(--hover-lift-sm)}.btn-accent{background:var(--cta-bg);color:var(--cta-text);border-color:var(--cta-bg);box-shadow:none}.btn-accent:hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:none;transform:var(--hover-lift-sm)}.btn-sm{height:var(--btn-height-sm);padding:var(--btn-padding-sm);font-size:var(--btn-font-sm);border-radius:var(--btn-radius-sm)}.btn-lg{height:var(--btn-height-lg);padding:var(--btn-padding-lg);font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg)}.btn-outline{border-color:var(--gray-300);color:var(--text-secondary);box-shadow:none;background:0 0}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-outline-primary{border:1px solid var(--border-warm-solid);color:var(--text-primary);box-shadow:none;background:0 0}.btn-outline-primary:hover{background:var(--bg-zone);border-color:var(--text-primary);color:var(--text-primary)}.btn-outline-accent{border:1px solid var(--accent);color:var(--accent);box-shadow:none;background:0 0}.btn-outline-accent:hover{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.panel{border:1px solid var(--border-warm-solid);background:var(--bg-card);padding:var(--space-md);box-shadow:none;transition:all var(--transition-normal);border-radius:20px}.panel:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:var(--hover-lift-sm)}.panel-dark{background:var(--primary);color:#fff;border-color:#ffffff1a}.panel-dark h2,.panel-dark h3,.panel-dark h4,.panel-dark p{color:#fff}.panel-dark p{color:#ffffffb3}.panel-soft{background:var(--gradient-accent-soft);border-color:#f59e0b26}.panel-warm{background:var(--warm-cream);border-color:#f59e0b26}.kicker{background:var(--warm-coral);color:var(--accent-dark);border-radius:var(--radius-pill);font-weight:600;font-size:var(--font-size-xs);letter-spacing:.3px;box-sizing:border-box;width:100%;padding:7px 16px;display:inline-block}.tag{border-radius:var(--radius-pill);font-size:var(--font-size-xs);border:1px solid var(--gray-200);background:var(--bg-card);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;padding:6px 14px;font-weight:600;display:inline-flex}.tag:hover{border-color:var(--accent);color:var(--accent)}.tag-blue{background:var(--primary-muted);color:var(--primary);border-color:#2563eb26}.tag-green{background:var(--success-muted);color:var(--success);border-color:#05966926}.tag-outline{color:var(--text-secondary);border-color:var(--gray-200);background:0 0}.scenario{gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast);grid-template-columns:56px 1fr;align-items:start;display:grid}.scenario:last-child{border-bottom:0}.scenario:hover{background:var(--bg-hover);margin:var(--space-sm) -12px;padding:var(--space-sm) 12px;border-radius:16px}.scenario-icon{background:var(--gradient-accent-soft);width:56px;height:56px;color:var(--accent);border-radius:16px;place-items:center;font-size:24px;display:grid}.scenario h3{font-size:var(--font-size-md);margin-bottom:4px;font-weight:600}.scenario p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.bar{border-radius:var(--radius-pill);background:var(--gradient-primary);height:20px}.progress-bar{border-radius:var(--radius-pill);background:var(--gray-200);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:var(--gradient-accent);height:100%;transition:width var(--transition-slow)}.product-card{border:1px solid var(--border-warm-solid);background:var(--bg-card);padding:var(--space-md);box-shadow:none;transition:all var(--transition-normal);cursor:pointer;border-radius:20px}.product-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:var(--hover-lift-sm)}.product-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.product-card-title{font-size:var(--font-size-lg);margin-bottom:4px;font-weight:600}.product-card-company{font-size:var(--font-size-sm);color:var(--text-muted)}.product-card-tagline{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-sm) 0;line-height:1.6}.product-card-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;display:flex}.product-card-score{color:var(--accent);font-weight:700}.filter-tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.search-box{max-width:400px;position:relative}.search-input{border:1px solid var(--border-warm-solid);width:100%;font-size:var(--font-size-md);background:var(--bg-card);transition:all var(--transition-fast);box-shadow:none;border-radius:16px;padding:14px 18px}.search-input:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #1a1a1a0f}.score-card{border:1px solid var(--border-warm-solid);background:var(--bg-card);padding:var(--space-md);box-shadow:none;border-radius:20px}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--gray-100);padding:12px 16px}.data-table th{color:var(--text-secondary);background:var(--bg-tertiary);z-index:10;font-weight:600;position:sticky;top:0}.data-table tr:hover{background:var(--bg-hover)}.divider{height:1px;margin:var(--space-xl) 0;background:linear-gradient(90deg,#0000,#e8e4db80,#0000)}.career-card{padding:var(--space-md);border:1px solid var(--border-warm-solid);background:var(--bg-card);transition:all var(--transition-normal);box-shadow:none;border-radius:20px}.career-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:var(--hover-lift-sm)}.career-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.career-icon{background:var(--gradient-accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.career-title{font-size:var(--font-size-md);font-weight:600}.career-products{margin-bottom:8px}.career-product{background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-pill);font-size:var(--font-size-xs);margin-bottom:6px;margin-right:6px;padding:4px 10px;font-weight:600;display:inline-block}.career-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-sm);background:var(--accent-muted);color:var(--accent);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-green{background:var(--success-muted);color:var(--success)}.badge-orange{background:var(--accent-muted);color:var(--accent)}.badge-red{background:var(--danger-muted);color:var(--danger)}.badge-blue{background:var(--primary-muted);color:var(--primary)}.risk-banner{height:var(--risk-banner-height);background:var(--risk-banner-bg);color:var(--risk-banner-text);padding:0 var(--space-lg);font-size:var(--font-size-xs);z-index:1000;border-top:1px solid #f59e0b26;justify-content:center;align-items:center;font-weight:500;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.risk-banner-content{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;max-width:1500px;display:flex}.risk-banner-icon{font-size:var(--font-size-sm)}.data-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-light);text-align:center;padding:var(--space-sm) 0}@media (width<=960px){.wrap{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.section-sm{padding:var(--space-lg) 0}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.risk-banner{height:64px;padding:0 var(--space-sm)}}@media (width<=640px){.wrap{padding:0 var(--space-sm)}.section{padding:var(--space-lg) 0}.section-sm{padding:var(--space-md) 0}h1{font-size:36px}h2{font-size:var(--font-size-xl)}h3{font-size:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.risk-banner{height:80px;font-size:var(--font-size-sm)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{color:var(--text-primary);background:#1a1a1a1f}.loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-size-sm);color:var(--text-muted)}.step-indicator{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;display:flex}.step-dot{background:var(--gray-300);width:12px;height:12px;transition:all var(--transition-normal);border-radius:50%}.step-dot.active{background:var(--accent);box-shadow:0 0 0 4px #f59e0b26}.step-dot.completed{background:var(--accent)}.step-line{background:var(--gray-200);flex:1;height:2px}.step-line.completed{background:var(--accent)}.step-text{font-size:var(--font-size-xs);color:var(--text-muted)}.step-text.active{color:var(--accent);font-weight:600}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}.btn:focus-visible,button:focus-visible,[type=button]:focus-visible,[type=submit]:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px;box-shadow:0 0 0 4px #1a1a1a1a}a:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.filter-divider{background:#e8e4db99;width:1px;height:24px}.filter-tab-primary{height:var(--btn-height-md);padding:var(--btn-padding-md);border-radius:var(--btn-radius-lg);font-size:var(--btn-font-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #e8e4db99;font-weight:600}.filter-tab-primary:hover{border-color:var(--accent);color:var(--accent)}.filter-tab-primary.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-tab-secondary{height:var(--btn-height-sm);padding:var(--btn-padding-sm);border-radius:var(--btn-radius-md);font-size:var(--btn-font-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #e8e4db99;align-items:center;gap:6px;font-weight:600;display:flex}.filter-tab-secondary:hover{border-color:var(--accent);color:var(--accent)}.filter-tab-secondary.active{background:var(--primary);border-color:var(--primary);color:#fff}.compare-toggle-btn{height:var(--btn-height-md);padding:var(--btn-padding-md);border-radius:var(--btn-radius-lg);font-size:var(--btn-font-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #e8e4db99;flex-shrink:0;align-items:center;gap:8px;font-weight:600;display:flex}.compare-toggle-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.compare-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.compare-toggle-btn.can-compare{background:var(--warm-coral);border-color:var(--accent);color:var(--accent-dark)}.compare-toggle-btn.can-compare:hover{background:var(--accent);color:#fff}.seven-dimensions-info{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--accent-bg);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex}.seven-dimensions-info .info-label{color:var(--accent-dark);font-weight:600}.seven-dimensions-info .info-text{font-size:var(--font-size-sm)}.compare-section{padding:var(--space-md) 0}.compare-bar{background:var(--warm-coral);border:1px solid var(--accent);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.compare-bar-info{flex-direction:column;gap:8px;display:flex}.compare-bar-title{color:var(--accent-dark);font-weight:600}.compare-bar-actions{flex-shrink:0}.compare-tags{flex-wrap:wrap;gap:8px;display:flex}.compare-tag{color:var(--accent-dark);border:1px solid var(--accent);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:flex}.compare-tag:hover{background:var(--accent);color:#fff}.compare-detail{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.compare-radar,.compare-table{background:#fff;border:1px solid #e8e4db99;border-radius:16px;padding:20px}.compare-radar h3,.compare-table h3{font-size:var(--font-size-sm);color:var(--text-dark);text-align:center;margin:0 0 16px;font-weight:600}.comparison-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid #e8e4db99;padding:10px 12px}.comparison-table th{background:var(--bg-primary);color:var(--text-dark);font-weight:600}.comparison-table th:not(:first-child),.comparison-table td:not(:first-child){text-align:center}.comparison-table tr:last-child td{border-bottom:none}.score-badge{background:var(--warm-coral);color:var(--accent-dark);border-radius:8px;padding:4px 8px;font-weight:600;display:inline-block}.pricing-label-inline{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:4px 10px;font-weight:600;display:inline-block}.pricing-free{background:var(--bg-function-green);color:#065f46}.pricing-limited{background:var(--warm-coral);color:var(--accent-dark)}.pricing-opensource{background:var(--bg-function-blue);color:#1e40af}.pricing-paid{background:var(--bg-function-gray);color:var(--text-muted)}.detail-link{color:var(--accent);font-weight:600;text-decoration:none}.detail-link:hover{text-decoration:underline}.compare-checkbox{border:2px solid var(--gray-400);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);z-index:2;background:#fff;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 0 0 2px #fffc}.compare-checkbox:hover{border-color:var(--accent);background:var(--warm-coral)}.compare-checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px #2563eb26}.compare-checkbox svg{stroke-width:2.5px;width:16px;height:16px}.card-logo-img{object-fit:contain;border-radius:10px;width:100%;height:100%}.card-logo-initial{font-size:var(--font-size-md);color:var(--text-muted);font-weight:700}.card-detail-link{height:var(--btn-height-sm);padding:var(--btn-padding-sm);background:var(--accent);color:#fff;border-radius:var(--btn-radius-md);font-size:var(--btn-font-sm);white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-cta);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.card-detail-link:hover{background:var(--accent-dark);color:#fff;box-shadow:var(--shadow-cta-hover);transform:var(--hover-lift-md)}.card-detail-link:hover svg{transform:translate(4px)}.card-detail-link svg{transition:transform var(--transition-fast)}.layout-root{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:var(--white-overlay-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:2px solid #1a1a1a;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:var(--space-md);height:72px;display:flex}.logo{transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo:hover{opacity:.85}.logo-mark{border-radius:var(--radius-md);color:#fff;width:36px;height:36px;box-shadow:none;transition:transform var(--transition-fast);background:#1a1a1a;place-items:center;display:grid;overflow:hidden}.logo-image{object-fit:cover;width:100%;height:100%}.logo:hover .logo-mark{transform:scale(1.05)}.logo-text-wrap{align-items:baseline;gap:8px;display:flex}.logo-text{font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.logo-en{font-size:var(--font-size-2xs);color:var(--text-muted);font-weight:500;font-family:var(--font-mono);letter-spacing:-.02em}.nav-center{flex:1;justify-content:flex-end;display:flex}.nav-links{flex-wrap:nowrap;align-items:center;gap:18px;display:flex}.nav-link{font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 0;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active:after{content:"";background:var(--primary);border-radius:var(--radius-pill);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;display:inline-flex}.nav-chevron{transition:transform var(--transition-fast);opacity:.5}.nav-chevron.rotated{opacity:.8;transform:rotate(180deg)}.nav-dropdown-menu{background:var(--white-overlay-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-warm);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:200;margin-top:0;padding:12px 8px 8px;animation:.15s ease-out dropdownIn;position:absolute;top:100%;left:0}.nav-dropdown-menu:before{content:"";background:0 0;height:18px;position:absolute;top:-10px;left:-8px;right:-8px}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.nav-dropdown-item:hover{background:var(--bg-zone);color:var(--text-primary)}.nav-dropdown-item.active{background:#1a1a1a0f}.nav-dropdown-icon{border-radius:var(--radius-sm);background:var(--bg-zone);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0;place-items:center;display:grid}.nav-dropdown-item:hover .nav-dropdown-icon,.nav-dropdown-item.active .nav-dropdown-icon{color:var(--primary);background:#1a1a1a14}.nav-dropdown-text{flex-direction:column;gap:2px;display:flex}.nav-dropdown-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.nav-dropdown-item:hover .nav-dropdown-label,.nav-dropdown-item.active .nav-dropdown-label{color:var(--primary)}.nav-dropdown-desc{font-size:var(--font-size-2xs);color:var(--text-muted);line-height:1.4}.nav-dropdown-menu[data-theme=learn],.nav-dropdown-menu[data-theme=ranking],.nav-dropdown-menu[data-theme=assessment]{border-top:2px solid var(--cta-bg)}.nav-dropdown[data-theme=learn].active .nav-dropdown-trigger,.nav-dropdown[data-theme=ranking].active .nav-dropdown-trigger,.nav-dropdown[data-theme=assessment].active .nav-dropdown-trigger{color:var(--cta-bg)}.nav-dropdown[data-theme=learn].active .nav-dropdown-trigger:after,.nav-dropdown[data-theme=ranking].active .nav-dropdown-trigger:after,.nav-dropdown[data-theme=assessment].active .nav-dropdown-trigger:after{background:var(--cta-bg)}.nav-badge{display:none}.nav-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.mobile-menu-btn{background:var(--bg-tertiary);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:none;padding:10px;display:none}.mobile-menu-btn:hover{background:var(--gray-200)}.mobile-menu-btn:active{background:var(--gray-300)}.main-content{flex:1;min-height:calc(100vh - 72px);animation:.4s ease-out pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.footer{background:#1a1a1a;margin-top:auto;padding:32px 40px}.footer-inner{margin-bottom:16px}.footer-columns{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.footer-column h4{font-size:var(--font-size-xs);color:#ffffffe6;letter-spacing:.05em;margin-bottom:8px;font-weight:600}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column li{margin-bottom:4px}.footer-column a{font-size:var(--font-size-xs);color:#ffffff80;transition:color var(--transition-fast);line-height:2.2;text-decoration:none}.footer-column a:hover{color:#ffffffe6}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:12px 40px;display:flex}.footer-bottom p{font-size:var(--font-size-xs);color:#fff6;text-align:center;margin:0;line-height:1.5}.footer-credits{align-items:center;gap:8px;display:inline-flex}.footer-badge{font-size:var(--font-size-xs);color:#fff6;align-items:center;gap:4px;display:inline-flex}@media (width<=960px){.nav{height:64px}.nav-center{background:var(--white-overlay-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-sm);border-bottom:1px solid var(--border-warm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);position:absolute;top:64px;left:0;right:0;transform:translateY(-8px)}.nav-center.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links{flex-direction:column;gap:4px}.nav-link{text-align:left;width:100%;padding:12px 16px}.mobile-menu-btn{display:block}.footer-columns{grid-template-columns:repeat(2,1fr)}.footer-bottom{text-align:center;flex-direction:column;padding:16px 20px}}@media (width<=640px){.footer-columns{grid-template-columns:1fr}}.pay-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.pay-modal{background:var(--bg-primary,#faf9f5);border-radius:16px;width:90%;max-width:420px;max-height:90vh;padding:32px;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000026}.pay-modal-close{cursor:pointer;color:var(--text-muted,#888);background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;top:16px;right:16px}.pay-modal-close:hover{color:var(--text-primary,#333)}.pay-modal-header{text-align:center;margin-bottom:16px}.pay-modal-header h3{color:var(--text-primary,#333);margin:0 0 8px;font-size:18px;font-weight:700}.pay-modal-price-wrap{display:inline-block}.pay-modal-price{color:var(--orange-accent);letter-spacing:-.02em;font-size:36px;font-weight:800}.pay-modal-desc{text-align:center;color:var(--text-muted,#888);margin:0 0 24px;font-size:13px}.pay-qr-grid{justify-content:center;margin-bottom:20px;display:flex}.pay-qr-item{flex-direction:column;align-items:center;gap:8px;display:flex}.pay-qr-image{border:1px solid var(--border-warm-solid);background:#fff;border-radius:12px;width:180px;height:180px;overflow:hidden}.pay-qr-image img{object-fit:cover;width:100%;height:100%}.pay-qr-fallback{text-align:center;width:100%;height:100%;color:var(--text-muted);background:var(--bg-zone);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.pay-qr-label{color:var(--text-primary,#333);font-size:14px;font-weight:600}.pay-wechat-contact{background:var(--bg-zone,#f3f1eb);border-radius:12px;gap:16px;margin-bottom:20px;padding:16px;display:flex}.pay-wechat-contact-left{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.pay-wechat-qr{border:1px solid var(--border-warm-solid);background:#fff;border-radius:8px;width:72px;height:72px;overflow:hidden}.pay-wechat-qr img{object-fit:cover;width:100%;height:100%}.pay-wechat-contact-label{color:var(--text-muted,#888);font-size:11px}.pay-wechat-contact-right{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.pay-wechat-contact-title{color:var(--text-primary,#333);margin:0;font-size:13px;font-weight:600}.pay-wechat-contact-desc{color:var(--text-secondary,#555);margin:0;font-size:12px;line-height:1.5}.pay-wechat-contact-note{color:var(--text-muted,#888);margin:0;font-size:11px}.unlock-code-section{border-top:1px solid var(--border-warm-solid);padding-top:16px}.unlock-code-title{color:var(--text-secondary,#555);margin:0 0 8px;font-size:13px;font-weight:600}.unlock-code-input-wrap{gap:8px;display:flex}.unlock-code-input{border:1px solid var(--border-warm-solid);background:#fff;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s}.unlock-code-input:focus{border-color:var(--orange-accent)}.unlock-error{color:#e53e3e;margin:6px 0 0;font-size:12px}.unlock-code-hint{color:var(--text-muted,#888);margin:6px 0 0;font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent{background:var(--bg-primary);min-height:100vh}.agent .hero-section{background:var(--bg-primary);color:var(--text-primary);height:var(--hero-section-height);padding:32px 0 16px;position:relative;overflow:hidden}.agent .hero-double-col{justify-content:space-between;align-items:flex-start;height:100%;display:flex}.agent .hero-left{flex:1;max-width:58%}.agent .hero-left .kicker{margin-bottom:16px}.agent .hero-left h1{font-family:var(--font-sans);font-size:var(--font-size-hero-sm);color:var(--text-primary);margin:0 0 16px;font-weight:700;line-height:1.1}.agent .hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:560px;margin-bottom:20px;line-height:1.6}.agent .hero-features{z-index:1;background:var(--bg-card);border-radius:var(--radius-sm);flex-wrap:wrap;gap:16px;margin-top:6px;margin-bottom:0;padding:12px 20px;display:flex;position:relative}.agent .hero-feature{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--warm-coral);border-radius:var(--radius-lg);align-items:center;gap:8px;padding:6px 14px;line-height:1;display:flex}.agent .hero-feature svg{color:var(--orange-accent);flex-shrink:0}.agent .hero-right{flex:0 0 40%;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.agent .hero-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;transform:translate(21px)translateY(5px)}@media (width<=768px){.agent .hero-double-col{flex-direction:column;padding:0 20px}.agent .hero-left{max-width:100%}.agent .hero-right{flex:none;justify-content:center;width:100%}.agent .hero-left h1{font-size:var(--font-size-2xl)}.agent .hero-image{max-width:320px;transform:none}}.agent-intro{padding:var(--space-xl) 0;background:var(--bg-primary)}.agent-intro .panel{margin-bottom:var(--space-xl)}.intro-list{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.agent-intro .intro-item.gradient-blue{background:var(--bg-card);border-left:3px solid var(--cta-bg)}.agent-intro .intro-item.gradient-orange{background:var(--bg-card);border-left:3px solid var(--orange-accent)}.agent-intro .intro-item.gradient-purple{background:var(--bg-card);border-left:3px solid var(--purple)}.agent-intro .intro-item h3{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-dark);margin-bottom:var(--space-sm);font-weight:700}.agent-intro .intro-item p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);flex:1;line-height:1.6}.agent-intro .intro-tag{color:var(--text-dark)}.intro-summary p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.glossary-section{padding:var(--space-3xl) 0;background:var(--bg-zone)}.glossary-section .section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header-icon{color:var(--orange-accent);margin-bottom:var(--space-sm)}.glossary-grid{gap:var(--grid-gap-standard-col) var(--grid-gap-standard-row);grid-template-columns:repeat(2,1fr);display:grid}.glossary-card{padding:var(--card-padding-medium);border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.glossary-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.glossary-blue{border-left:3px solid var(--cta-bg)}.glossary-orange{border-left:3px solid var(--orange-accent)}.glossary-purple{border-left:3px solid var(--purple)}.glossary-green{border-left:3px solid #10b981}.glossary-teal{border-left:3px solid #14b8a6}.glossary-pink{border-left:3px solid #ec4899}.glossary-indigo{border-left:3px solid #6366f1}.glossary-header{margin-bottom:var(--space-sm);align-items:center;gap:12px;display:flex}.glossary-icon-wrap{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.glossary-blue .glossary-icon-wrap{color:var(--cta-bg);background:#1a1a1a14}.glossary-orange .glossary-icon-wrap{color:var(--orange-accent);background:#f59e0b14}.glossary-purple .glossary-icon-wrap{color:var(--purple);background:#8b5cf614}.glossary-green .glossary-icon-wrap{color:#10b981;background:#10b98114}.glossary-teal .glossary-icon-wrap{color:#14b8a6;background:#14b8a614}.glossary-pink .glossary-icon-wrap{color:#ec4899;background:#ec489914}.glossary-indigo .glossary-icon-wrap{color:#6366f1;background:#6366f114}.glossary-red{border-left:3px solid #ef4444}.glossary-red .glossary-icon-wrap{color:#ef4444;background:#ef444414}.glossary-amber{border-left:3px solid #f59e0b}.glossary-amber .glossary-icon-wrap{color:#f59e0b;background:#f59e0b14}.glossary-cyan{border-left:3px solid #06b6d4}.glossary-cyan .glossary-icon-wrap{color:#06b6d4;background:#06b6d414}.glossary-emerald{border-left:3px solid #10b981}.glossary-emerald .glossary-icon-wrap{color:#10b981;background:#10b98114}.glossary-slate{border-left:3px solid #64748b}.glossary-slate .glossary-icon-wrap{color:#64748b;background:#64748b14}.glossary-term{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-primary);font-weight:700;line-height:1.3}.glossary-plain{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.7}.glossary-example{background:var(--bg-primary);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--text-muted);padding:10px 14px;line-height:1.6}.example-label{color:var(--accent-dark);margin-right:4px;font-weight:700}.workflow-section{padding:var(--space-3xl) 0;background:var(--bg-tertiary)}.section-header h2{font-family:var(--font-display);margin-bottom:var(--space-sm);font-weight:600}.section-header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.workflow-timeline{flex-direction:row;align-items:flex-start;gap:0;display:flex;transform:translateY(.5rem)}.timeline-item{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0;display:flex}.timeline-step{width:52px;height:var(--btn-height-lg);background:var(--orange-accent);color:#fff;font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-mono);box-shadow:var(--shadow-cta);margin-bottom:var(--space-md);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.timeline-content{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--bg-zone)}.timeline-content h4{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:8px;font-weight:600}.timeline-arrow{font-size:var(--font-size-lg-alt);color:var(--orange-accent);padding:0 var(--space-sm);justify-content:center;align-items:center;font-weight:700;display:flex}.scenarios-section{padding:var(--space-3xl) 0}.scenarios-section h2{font-family:var(--font-display);text-align:center;margin-bottom:var(--space-xl);font-weight:600}.scenario-card{padding:var(--space-xl);transition:all var(--transition-normal);background:var(--bg-card)}.scenario-icon-wrap{border-radius:var(--radius-md);width:60px;height:60px;color:var(--orange-accent);margin-bottom:var(--space-md);transition:all var(--transition-normal);background:#f59e0b14;place-items:center;display:grid}.scenario-card h3{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600}.scenario-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.7}.scenario-tip{background:var(--warm-coral);color:var(--accent-dark);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:4px 12px;font-weight:500;display:inline-block}.scenarios-more{text-align:center;margin-top:var(--space-xl)}.scenarios-more a{border:1px solid var(--border-warm-solid);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal);padding:12px 32px;font-weight:500;text-decoration:none;display:inline-block}.scenarios-more a:hover{background:var(--cta-bg);color:var(--cta-text);border-color:var(--cta-bg);transform:translateY(-2px)}.agent-footer{padding:var(--space-3xl) 0;background:#f59e0b0a}.agent-cta{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.agent-cta h2{font-family:var(--font-display);margin-bottom:var(--space-sm);font-weight:600}.agent-cta p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}.cta-actions{justify-content:center;gap:var(--space-lg);display:flex}@media (width<=1200px){.intro-list{grid-template-columns:repeat(3,1fr)}}@media (width<=960px){.agent-header .wrap{flex-direction:column;gap:16px}.header-content{max-width:100%}.header-image-wrap{flex:none;justify-content:center;width:100%}.agent-header .sub{-webkit-line-clamp:unset;height:auto}.intro-grid{gap:var(--space-lg);flex-direction:column}.scenarios-grid,.glossary-grid{grid-template-columns:1fr}.workflow-timeline{gap:var(--space-md);flex-direction:column}.timeline-item{align-items:flex-start;gap:var(--space-md);flex-direction:row}.timeline-arrow{display:none}.timeline-content{padding:var(--space-md)}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:300px}}@media (width<=640px){.agent-header{height:auto;padding:24px 0 16px}.agent-header .wrap{height:auto}.header-image-wrap{width:100%}.agent-intro .panel{padding:var(--space-lg)}.intro-item{padding:var(--space-lg);min-width:auto}.intro-icon{width:56px;height:var(--btn-height-lg)}.intro-icon svg{width:32px;height:32px}.agent-features{gap:12px}.workflow-timeline{flex-direction:column}.timeline-item{text-align:center;flex-direction:column;align-items:center}.agent-header h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.agent-header .sub{text-align:center}}.assessment-v2-page{color:#171717;-webkit-font-smoothing:antialiased;background:#faf9f5;min-height:100vh;font-family:PingFang SC,Inter,"system-ui",sans-serif}.asm-hero{text-align:center;padding:48px 24px 40px}.asm-hero-content{max-width:640px;margin:0 auto}.asm-hero-label{color:#6b7280;background:#fff;border:1px solid #e8e6e1;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.asm-hero-title{color:#171717;letter-spacing:-.03em;margin:0 0 16px;font-size:42px;font-weight:700;line-height:1.15}.asm-hero-sub{color:#6b7280;margin:0;font-size:17px;line-height:1.6}.asm-stepper{justify-content:center;align-items:center;gap:0;max-width:480px;margin:0 auto 40px;padding:0 24px;display:flex}.asm-step{background:#fff;border:1px solid #e8e6e1;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;display:flex}.asm-step.active{background:#171717;border-color:#171717}.asm-step.done{background:#fff;border-color:#171717}.asm-step-circle{color:#6b7280;background:#f3f1eb;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.asm-step.active .asm-step-circle{color:#fff;background:#ffffff26}.asm-step.done .asm-step-circle{color:#fff;background:#171717}.asm-step-info{flex-direction:column;gap:2px;display:flex}.asm-step-title{color:#171717;font-size:15px;font-weight:700}.asm-step.active .asm-step-title{color:#fff}.asm-step-meta{color:#9ca3af;font-size:12px}.asm-step.active .asm-step-meta{color:#ffffffb3}.asm-step-line{background:#e8e6e1;flex-shrink:0;width:40px;height:2px}.asm-step-line.done{background:#171717}.asm-section{max-width:800px;margin:0 auto;padding:0 24px 72px}.asm-question-card{background:#fff;border:1px solid #e8e6e1;border-radius:20px;padding:48px}.asm-question-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.asm-question-step{color:#9ca3af;letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.asm-question-title{color:#171717;letter-spacing:-.02em;margin:0 0 8px;font-size:26px;font-weight:700;line-height:1.25}.asm-question-sub{color:#6b7280;margin:0;font-size:15px;line-height:1.55}.asm-question-dots{flex-shrink:0;gap:8px;display:flex}.asm-dot{background:#e8e6e1;border-radius:50%;width:8px;height:8px;transition:all .2s}.asm-dot.active{background:#171717;transform:scale(1.2)}.asm-dot.done{background:#171717}.asm-options{gap:16px;margin-bottom:32px;display:grid}.asm-options-quick,.asm-options-deep{grid-template-columns:repeat(2,1fr)}.asm-option{cursor:pointer;background:#fff;border:1.5px solid #e8e6e1;border-radius:16px;align-items:center;gap:16px;padding:22px 20px;transition:all .2s;display:flex;position:relative}.asm-option:hover{background:#fafaf8;border-color:#d1cfc7}.asm-option.selected{background:#fafaf8;border-color:#171717}.asm-option-icon-circle{color:#171717;background:#f3f1eb;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;transition:all .2s;display:grid}.asm-option:hover .asm-option-icon-circle{background:#e8e6e1}.asm-option.selected .asm-option-icon-circle{color:#fff;background:#171717}.asm-option-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.asm-option-label{color:#171717;font-size:16px;font-weight:700;line-height:1.35}.asm-option-desc{color:#6b7280;font-size:13px;line-height:1.5}.asm-option-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.asm-option-tag{color:#6b7280;background:#f3f1eb;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.asm-option-check{color:#fff;background:#171717;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;animation:.25s cubic-bezier(.34,1.56,.64,1) asm-pop;display:grid}@keyframes asm-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.asm-nav-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.asm-nav-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.asm-nav-btn.outline{color:#6b7280;background:0 0;border:1px solid #e8e6e1}.asm-nav-btn.outline:hover:not(:disabled){color:#171717;background:#fafaf8;border-color:#d1cfc7}.asm-nav-btn.primary{color:#fff;background:#171717}.asm-nav-btn.primary:hover:not(:disabled){background:#404040}.asm-nav-btn:disabled{opacity:.35;cursor:not-allowed}.asm-skip{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.asm-skip-btn{color:#171717;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.asm-skip-btn:hover{color:#6b7280}.asm-progress-section{max-width:800px;margin:0 auto;padding:0 24px 32px}.asm-progress-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.asm-progress-title{color:#6b7280;letter-spacing:.02em;font-size:13px;font-weight:600}.asm-progress-count{color:#171717;font-size:13px;font-weight:600}.asm-progress-track{background:#e8e6e1;border-radius:2px;height:4px;overflow:hidden}.asm-progress-fill{background:#171717;border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.asm-result-card{text-align:center;background:#fff;border:1px solid #e8e6e1;border-radius:20px;padding:56px}.asm-result-icon{color:#171717;background:#f3f1eb;border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.asm-result-kicker{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.asm-result-title{color:#171717;letter-spacing:-.02em;margin:0 0 12px;font-size:28px;font-weight:700}.asm-result-desc{color:#6b7280;margin:0 0 24px;font-size:16px;line-height:1.6}.asm-result-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;display:flex}.asm-result-tag{color:#171717;background:#f3f1eb;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.asm-result-explain{text-align:left;background:#fafaf8;border:1px solid #e8e6e1;border-radius:14px;margin-bottom:32px;padding:20px 24px}.asm-explain-label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.asm-explain-text{color:#4b5563;margin:0;font-size:14px;line-height:1.6}.asm-cta-card{text-align:left;background:#171717;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex}.asm-cta-body{flex:1}.asm-cta-body h4{color:#fff;margin:0 0 4px;font-size:17px;font-weight:700}.asm-cta-body p{color:#ffffffa6;margin:0;font-size:13px;line-height:1.5}.asm-cta-btn{color:#171717;cursor:pointer;background:#fff;border:none;border-radius:10px;flex-shrink:0;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.asm-cta-btn:hover{background:#f3f1eb}.asm-result-links{flex-direction:column;gap:10px;display:flex}.asm-link-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.asm-link-btn.primary{color:#fff;background:#171717}.asm-link-btn.primary:hover{background:#404040}.asm-link-btn.outline{color:#6b7280;background:0 0;border:1px solid #e8e6e1}.asm-link-btn.outline:hover{color:#171717;background:#fafaf8;border-color:#d1cfc7}.asm-results-header{text-align:center;margin-bottom:48px}.asm-results-kicker{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.asm-results-title{color:#171717;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:700}.asm-results-desc{color:#6b7280;margin:0;font-size:16px}.asm-recs-section{margin-bottom:48px}.asm-recs-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.asm-recs-label{color:#171717;margin:0;font-size:17px;font-weight:700}.asm-recs-count{color:#6b7280;background:#f3f1eb;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.asm-recs-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.asm-rec-card{text-align:center;background:#fff;border:1px solid #e8e6e1;border-radius:20px;padding:32px 24px 24px;transition:all .2s;position:relative}.asm-rec-card:hover{background:#fafaf8;border-color:#d1cfc7}.asm-rec-rank{color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.asm-rec-logo{object-fit:contain;background:#f3f1eb;border-radius:12px;width:52px;height:52px;margin:0 auto 12px;padding:6px;display:block}.asm-rec-name{color:#171717;margin:0 0 2px;font-size:20px;font-weight:700}.asm-rec-company{color:#6b7280;margin:0 0 20px;font-size:13px}.asm-rec-match{align-items:center;gap:10px;margin-bottom:16px;display:flex}.asm-rec-match-bar-wrap{background:#f3f1eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.asm-rec-match-bar{background:#171717;border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.asm-rec-match-score{color:#171717;text-align:right;flex-shrink:0;min-width:40px;font-size:13px;font-weight:700}.asm-rec-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.asm-rec-tag{color:#4b5563;background:#f3f1eb;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.asm-rec-pricing{color:var(--orange-accent);margin:0 0 16px;font-size:13px;font-weight:600}.asm-rec-btns{gap:8px;display:flex}.asm-rec-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.asm-rec-btn.outline{color:#6b7280;background:0 0;border:1px solid #e8e6e1}.asm-rec-btn.outline:hover{color:#171717;background:#fafaf8;border-color:#d1cfc7}.asm-rec-btn.primary{color:#fff;background:#171717}.asm-rec-btn.primary:hover{background:#404040}.asm-paywall{max-width:480px;margin:0 auto 48px}.asm-paywall-card{text-align:center;background:#fff;border:1px solid #e8e6e1;border-radius:20px;padding:40px 36px}.asm-paywall-icon{color:#171717;background:#f3f1eb;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.asm-paywall-title{color:#171717;letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:700}.asm-paywall-desc{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.asm-paywall-desc strong{color:#171717;font-weight:600}.asm-paywall-list{text-align:left;margin:0 0 28px;padding:0;list-style:none}.asm-paywall-list li{color:#4b5563;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;line-height:1.5;display:flex}.asm-paywall-list li svg{color:#171717;flex-shrink:0;margin-top:2px}.asm-paywall-footer{flex-direction:column;align-items:center;gap:4px;margin-bottom:20px;display:flex}.asm-paywall-price{color:#171717;font-size:36px;font-weight:800;line-height:1}.asm-paywall-price-note{color:#6b7280;font-size:12px}.asm-paywall-btn{color:#fff;cursor:pointer;background:#171717;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:all .2s}.asm-paywall-btn:hover{background:#404040}.asm-paywall-guarantee{color:#6b7280;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;display:flex}.asm-results-footer{flex-direction:column;align-items:center;gap:16px;max-width:480px;margin:0 auto;display:flex}.asm-reset-group{gap:12px;display:flex}.asm-reset-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e8e6e1;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;transition:all .2s;display:inline-flex}.asm-reset-btn:hover{color:#171717;border-color:#171717}@media (width<=768px){.asm-hero{padding:56px 20px 32px}.asm-hero-title{font-size:32px}.asm-hero-sub{font-size:15px}.asm-stepper{padding:0 16px}.asm-step{gap:10px;padding:12px 14px}.asm-step-meta{display:none}.asm-step-line{width:24px}.asm-question-card{padding:32px 20px}.asm-question-header{flex-direction:column;gap:16px}.asm-question-title{font-size:22px}.asm-options-quick,.asm-options-deep{grid-template-columns:1fr}.asm-option{padding:18px 16px}.asm-nav-row{flex-direction:column;gap:12px}.asm-nav-btn{text-align:center;width:100%}.asm-result-card{padding:32px 20px}.asm-result-title{font-size:24px}.asm-cta-card{text-align:center;flex-direction:column;gap:16px}.asm-cta-btn{width:100%}.asm-recs-grid{grid-template-columns:1fr}.asm-paywall-card{padding:28px 20px}.asm-reset-group{flex-direction:column;width:100%}.asm-reset-btn{justify-content:center;width:100%}}.changelog{min-height:100vh}.changelog-header{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-zone) 100%);text-align:center;min-height:auto;padding:120px 0 32px}.changelog-header-content{max-width:800px;margin:0 auto}.changelog-header .kicker{background:var(--orange-accent);color:#fff;font-size:var(--font-size-sm);border-radius:20px;margin-bottom:16px;padding:6px 16px;font-weight:600;display:inline-block}.changelog-header h1{color:var(--text-primary);margin-bottom:12px;font-size:clamp(32px,6vw,48px);font-weight:700}.changelog-header .sub{font-size:var(--font-size-lg);color:var(--text-secondary)}.header-quick-stats{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;justify-content:center;align-items:center;gap:24px;max-width:480px;margin-top:28px;margin-left:auto;margin-right:auto;padding:18px 32px;display:flex}.hq-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.hq-stat-num{font-size:var(--font-size-xl);color:var(--orange-accent);font-weight:700;font-family:var(--font-mono)}.hq-stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.hq-divider{background:var(--border-warm-solid);width:1px;height:36px}.changelog-content{padding:40px 0 80px}.logs-timeline{max-width:800px;margin:0 auto}.log-item{gap:20px;margin-bottom:32px;display:flex}.log-item:last-child{margin-bottom:0}.log-timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:24px;display:flex}.timeline-dot{background:var(--orange-accent);border-radius:50%;flex-shrink:0;width:12px;height:12px}.timeline-line{background:var(--border-warm-solid);flex-grow:1;width:2px;margin-top:4px}.log-card{padding:var(--card-padding-standard);flex-grow:1}.log-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.version-badge{background:var(--orange-accent);color:#fff;font-size:var(--font-size-sm);border-radius:12px;padding:4px 12px;font-weight:600}.date-text{font-size:var(--font-size-sm);color:var(--text-muted)}.log-content{border-top:1px solid var(--border-warm-solid);padding-top:12px}.log-content p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.8}.logs-empty{text-align:center;color:var(--text-muted);padding:60px 20px}@media (width<=960px){.log-item{gap:12px}.log-card{padding:var(--card-padding-medium)}}@media (width<=640px){.changelog-header{padding:120px 0 40px}.log-header{flex-direction:column;align-items:flex-start;gap:8px}.log-content p{font-size:var(--font-size-sm)}}.channels{min-height:100vh}.channels .hero-section{padding:var(--space-lg) 0 var(--space-md);background:var(--bg-primary);color:var(--text-primary)}.channels .hero-single-col{align-items:flex-start;max-width:1320px;height:100%;margin:0 auto;padding:0 40px;display:flex}.channels .hero-single-col .hero-left{text-align:center;max-width:720px;margin:0 auto}.channels .hero-single-col .hero-tags{justify-content:center}.channels .hero-left h1{font-family:var(--font-sans);font-size:var(--font-size-hero-sm);color:var(--text-primary);white-space:nowrap;margin:0 0 16px;font-weight:700;line-height:1.1}.channels .hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:560px;margin-bottom:20px;margin-left:auto;margin-right:auto;line-height:1.6}.channels .hero-tags{flex-wrap:wrap;gap:10px;display:flex}.channels .hero-tag{font-size:var(--font-size-xs);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:6px 16px;font-weight:500;transition:background .2s;display:inline-flex}.channels-search{background:var(--bg-zone);padding:20px 0}.search-input{border:2px solid var(--border-warm-solid);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-md);background:#fff;padding:12px 20px;transition:border-color .2s}.search-input:focus{border-color:var(--orange-accent);outline:none}.channels-intelligence{background:linear-gradient(135deg,#f59e0b0f,#f59e0b05);border-bottom:1px solid #e8e4dbcc;padding:14px 0}.intelligence-bar{font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:16px;display:flex}.intelligence-title{color:var(--accent-dark);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-weight:600;display:inline-flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 0 3px #22c55e33}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.intelligence-items{flex:1;align-items:center;gap:20px;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.intelligence-item{white-space:nowrap;color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.intelligence-date{font-size:var(--font-size-xs);color:var(--text-muted)}.intelligence-version{border-radius:var(--radius-pill);background:var(--warm-coral);color:var(--accent-dark);font-size:var(--font-size-xs);padding:2px 8px;font-weight:600}.intelligence-text{text-overflow:ellipsis;max-width:360px;overflow:hidden}.intelligence-links{flex-shrink:0;align-items:center;gap:16px;display:inline-flex}.intelligence-link{color:var(--orange-accent);white-space:nowrap;align-items:center;gap:4px;font-weight:500;transition:color .2s;display:inline-flex}.intelligence-link:hover{color:var(--accent-dark)}@media (width<=960px){.intelligence-bar{flex-direction:column;align-items:flex-start;gap:12px}.intelligence-items{flex-direction:column;align-items:flex-start;-webkit-mask-image:none;mask-image:none}.intelligence-item{white-space:normal}.intelligence-text{max-width:100%}}.channels-content{padding:40px 0 80px}.channels-table{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.table-header{background:var(--bg-zone);font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:2px solid var(--border-warm-solid);grid-template-columns:2fr 1.2fr 2fr 1.5fr 1.5fr 1fr .8fr;padding:16px 20px;display:grid}.table-row{border-bottom:1px solid var(--border-warm-solid);grid-template-columns:2fr 1.2fr 2fr 1.5fr 1.5fr 1fr .8fr;padding:16px 20px;transition:background .2s;display:grid}.table-row:hover{background:var(--bg-primary)}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;display:flex}.product-info{align-items:center;gap:12px;display:flex}.product-logo{border-radius:var(--radius-sm);object-fit:contain;width:40px;height:40px}.product-logo-placeholder{border-radius:var(--radius-sm);background:var(--bg-zone);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;font-weight:700;display:flex}.product-name{color:var(--text-primary);font-weight:600}.company-tag{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.method-text,.os-text,.time-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.pricing-badge{font-size:var(--font-size-sm);border-radius:12px;padding:4px 12px;font-weight:500}.pricing-badge.free{color:#2e7d32;background:#e8f5e9}.pricing-badge.paid{color:#e65100;background:#fff3e0}.url-btn{background:var(--orange-accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 12px;font-weight:500;transition:all .2s;display:inline-flex}.url-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.url-na{font-size:var(--font-size-sm);color:var(--text-muted)}.product-popup{border-radius:var(--radius-lg);background:#fff;width:90%;max-width:480px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.popup-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.popup-header svg{color:var(--orange-accent)}.popup-header h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.popup-warning{border-radius:var(--radius-sm);background:#fff3e0;border:1px solid #ffcc02;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.warning-icon{font-size:20px}.popup-warning p{font-size:var(--font-size-sm);color:#e65100;margin:0;line-height:1.5}.popup-product-info{background:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.popup-logo{border-radius:var(--radius-sm);object-fit:contain;width:48px;height:48px}.popup-logo-placeholder{border-radius:var(--radius-sm);background:var(--bg-zone);width:48px;height:48px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.popup-product-details h4{font-size:var(--font-size-md);color:var(--text-primary);margin:0 0 4px;font-weight:600}.popup-company{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 4px}.popup-url{font-size:var(--font-size-xs);color:var(--text-muted);word-break:break-all;margin:0}.popup-btn{border-radius:var(--radius-sm);font-size:var(--font-size-md);cursor:pointer;border:none;padding:10px 24px;font-weight:500;transition:all .2s}.popup-btn.btn-cancel{background:var(--bg-zone);color:var(--text-secondary)}.popup-btn.btn-cancel:hover{background:var(--border-warm-solid)}.popup-btn.btn-confirm{background:var(--orange-accent);color:#fff}.popup-btn.btn-confirm:hover{background:var(--accent-dark)}.table-empty{text-align:center;color:var(--text-muted);padding:60px 20px}@media (width<=960px){.channels-header{height:auto;padding:32px 20px 16px}.channels-header .wrap{flex-direction:column;gap:16px}.channels-header-left{max-width:100%;padding-top:0}.header-image-wrap{flex:none;justify-content:center;width:100%}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1.5fr .8fr}.cell-os,.cell-time{display:none}}@media (width<=640px){.channels-header{padding:24px 16px 12px}.channels-header-left{max-width:100%}.channels-header h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.channels-header .sub{text-align:center}.header-tags{justify-content:center}.header-feature-pills{justify-content:center;max-width:100%}.channels-table{box-shadow:none;background:0 0;border-radius:0}.table-header{display:none}.table-row{padding:var(--card-padding-standard);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;border-bottom:none;flex-direction:column;margin-bottom:16px;display:flex}.table-cell{border-bottom:1px solid var(--border-warm-solid);padding:8px 0}.table-cell:last-child{border-bottom:none}.cell-product{flex-direction:column;align-items:flex-start;gap:8px}.product-info{width:100%}.cell-company:before{content:"公司：";color:var(--text-secondary);margin-right:8px;font-weight:600}.cell-method:before{content:"安装方式：";color:var(--text-secondary);margin-right:8px;font-weight:600}.cell-os{display:flex}.cell-os:before{content:"系统要求：";color:var(--text-secondary);margin-right:8px;font-weight:600}.cell-pricing{display:flex}.cell-pricing:before{content:"定价：";color:var(--text-secondary);margin-right:8px;font-weight:600}.cell-time{display:flex}.cell-time:before{content:"安装耗时：";color:var(--text-secondary);margin-right:8px;font-weight:600}.cell-url{display:flex}.cell-url:before{content:"官网：";color:var(--text-secondary);margin-right:8px;font-weight:600}}.comparison{background:var(--bg-primary);min-height:100vh;padding-bottom:80px}.comparison-header{background:var(--bg-primary);height:var(--hero-section-height);padding:32px 0 16px;position:relative;overflow:hidden}.comparison-header .wrap{justify-content:space-between;align-items:flex-start;display:flex}.comparison-header-left{flex:1;max-width:65%}.comparison-header-right{flex:0 0 35%;justify-content:center;align-items:center;animation:.8s ease-out slideInRight;display:flex;overflow:visible}.hero-decor-comparison{width:474px;max-width:474px;transform:translate(24px)translateY(-19px)}.comparison-header h1{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-hero);margin:var(--space-sm) 0;z-index:1;position:relative}.comparison-header .sub{font-size:var(--font-size-md);color:var(--text-secondary);z-index:1;margin-bottom:4px;line-height:1.6;position:relative}.header-tags{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:24px;display:flex}.header-tag{font-size:var(--font-size-sm);color:var(--accent-dark,#b45309);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:inline-flex}.header-feature-pills{z-index:1;background:var(--bg-card);border-radius:var(--radius-sm);flex-wrap:wrap;gap:16px;margin-top:6px;margin-bottom:0;padding:12px 20px;display:flex;position:relative}.feature-pill{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--warm-coral);border-radius:var(--radius-lg);align-items:center;gap:8px;padding:6px 14px;line-height:1;display:flex}.feature-pill svg{color:var(--orange-accent)}.comparison-accordion{padding:0 40px 32px}.accordion-list{background:var(--bg-primary);border-radius:var(--radius-md);flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;padding:16px;display:flex}.accordion-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--bg-zone);transition:all var(--transition-normal);overflow:hidden}.accordion-item:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover);border-color:#f59e0b33}.accordion-header{cursor:pointer;border-bottom:1px solid var(--bg-zone);padding:16px 20px}.accordion-title{font-size:var(--font-size-md);color:var(--text-dark);align-items:center;gap:10px;font-weight:600;display:flex}.accordion-body{padding:0 20px 20px}.accordion-compare{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:16px;padding-top:16px;display:grid}.compare-side{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--bg-zone);flex-direction:column;gap:8px;padding:16px;display:flex}.compare-side.domestic{border-left:3px solid var(--success)}.compare-side.foreign{border-left:3px solid var(--gray-300)}.side-label{font-size:var(--font-size-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.side-content{flex-direction:column;gap:6px;display:flex}.content-title{font-size:var(--font-size-md);color:var(--text-dark);font-weight:600}.content-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.compare-arrow{color:var(--orange-accent);justify-content:center;align-items:center;display:flex}.expand-all-btn{border:1px solid var(--border-warm-solid);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--cta-bg);cursor:pointer;transition:all var(--transition-normal);background:0 0;margin-top:8px;padding:14px 20px;font-weight:600}.expand-all-btn:hover{border-color:var(--cta-bg);background:#1a1a1a0a}.risk-banner{background:var(--bg-accent-ultra-light);z-index:1000;box-shadow:var(--shadow-md);border-top:1px solid #f59e0b33;padding:12px 0;position:fixed;bottom:0;left:0;right:0}.risk-content{align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.risk-content svg{color:var(--orange-accent);flex-shrink:0}.risk-content p{font-size:var(--font-size-sm);color:var(--accent-dark);margin:0;line-height:1.6}.risk-content strong{color:var(--accent-dark)}.comparison-footer{background:var(--bg-zone);border-top:3px solid #b8b2a5;border-radius:0;margin-top:32px;padding:20px 24px}.comparison-footer .wrap{max-width:1200px;margin:0 auto}.comparison-footer p{font-size:var(--font-size-2xs);color:var(--text-muted);text-align:center;margin:0;font-weight:300}@media (width<=960px){.comparison-header{height:auto;padding:32px 20px 16px}.comparison-header .wrap{flex-direction:column;gap:16px}.comparison-header-left{max-width:100%;padding-top:0}.comparison-header-right{flex:none;justify-content:center;width:100%}.header-feature-pills{justify-content:center;max-width:100%}.accordion-compare{grid-template-columns:1fr;gap:12px}.compare-arrow{padding:8px 0;transform:rotate(90deg)}}@media (width<=640px){.comparison-header{padding:24px 16px 12px}.comparison-header-left{max-width:100%}.comparison-header h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.comparison-header .sub{text-align:center}.header-tags{justify-content:center}.comparison-accordion{padding:0 16px 24px}.accordion-header{padding:12px 16px}.accordion-body{padding:0 16px 16px}.accordion-title{font-size:var(--font-size-sm)}.risk-banner{padding:10px 0}.risk-content{text-align:center;flex-direction:column;gap:8px;padding:0 16px}.risk-content svg{margin-bottom:4px}.risk-content p{font-size:var(--font-size-xs)}.comparison-footer{margin-top:24px;padding:16px}.expand-all-btn{font-size:var(--font-size-xs);padding:12px 16px}}.configuration-page{background:var(--bg-primary);min-height:100vh}.config-hero{padding:var(--space-lg) 0 var(--space-md);background:var(--bg-primary);color:var(--text-primary)}.config-hero .hero-single-col{align-items:flex-start;max-width:1320px;height:100%;margin:0 auto;padding:0 40px;display:flex}.config-hero .hero-single-col .hero-left{text-align:center;max-width:720px;margin:0 auto}.config-hero .hero-single-col .hero-tags{justify-content:center}.config-hero .hero-left .kicker{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);margin-bottom:16px;padding:6px 14px;font-weight:600;display:inline-block}.config-hero .hero-left h1{font-family:var(--font-sans);font-size:var(--font-size-hero-sm);color:var(--text-primary);margin:0 0 16px;font-weight:700;line-height:1.1}.config-hero .hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:560px;margin-bottom:20px;margin-left:auto;margin-right:auto;line-height:1.6}.config-hero .hero-tags{flex-wrap:wrap;gap:10px;display:flex}.config-hero .hero-tag{font-size:var(--font-size-xs);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:6px 16px;font-weight:500;transition:background .2s;display:inline-flex}@media (width<=768px){.config-hero .hero-single-col{flex-direction:column;padding:0 20px}}.steps-section{background:var(--bg-zone);border-bottom:1px solid var(--border-warm-solid);padding:20px 0}.steps-bar{-webkit-overflow-scrolling:touch;align-items:center;gap:0;display:flex;overflow-x:auto}.step-item{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.step-item.completed{background:var(--orange-subtle);color:var(--orange-accent)}.step-item.active{background:var(--cta-bg);color:#fff}.step-item.locked{opacity:.5;cursor:not-allowed}.step-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:600;display:flex}.step-item.completed .step-indicator{background:var(--cta-bg);color:#fff}.step-item.active .step-indicator{background:#ffffff4d}.step-item.locked .step-indicator{background:var(--bg-zone);border:1px solid var(--border-warm-solid)}.step-title{font-size:13px;font-weight:500}.content-section{padding:60px 0}.step-content{max-width:800px;margin:0 auto}.step-content h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:600}.step-desc{color:var(--text-muted);word-break:break-word;margin-bottom:32px;font-size:14px;line-height:1.6}.product-select-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.product-select-card{background:var(--bg-card);border:2px solid var(--border-warm-solid);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:20px;transition:all .2s}.product-select-card:hover{border-color:var(--cta-bg);box-shadow:0 8px 24px #00000014}.product-select-card.selected{border-color:var(--cta-bg);background:#1a1a1a0a}.product-icon{margin-bottom:8px;font-size:32px;display:block}.product-select-card h3{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.product-select-card p{color:var(--text-muted);font-size:13px}.role-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.role-card{background:var(--bg-card);border:2px solid var(--border-warm-solid);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:20px;transition:all .2s}.role-card:hover{border-color:var(--cta-bg)}.role-card.selected{border-color:var(--cta-bg);background:#1a1a1a0a}.role-icon{margin-bottom:8px;font-size:32px;display:block}.role-card h3{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.role-card p{color:var(--text-muted);font-size:13px}.step-action{justify-content:flex-start;gap:12px;margin-top:32px;display:flex}.preview-header{margin-bottom:24px}.preview-cards{grid-template-columns:1fr;gap:16px;margin-bottom:32px;display:grid}.preview-card{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-lg);padding:20px;position:relative}.preview-step-badge{color:var(--orange-accent);background:var(--orange-subtle);border-radius:var(--radius-pill);margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.preview-card h3{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.lock-overlay{background:var(--bg-zone);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:13px;display:flex}.preview-free-text{color:var(--text-muted);margin-bottom:12px;font-size:14px;line-height:1.6}.paywall-prompt{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-xl);text-align:center;box-shadow:none;padding:32px}.paywall-inner h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.paywall-inner p{color:var(--text-muted);margin-bottom:20px;font-size:14px}.pay-amount{color:var(--orange-accent);font-size:36px;font-weight:700}.pay-note{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.pay-security{color:var(--text-muted);margin-top:12px;font-size:12px}.unlocked-header{color:var(--orange-accent);align-items:center;gap:8px;margin-bottom:20px;display:flex}.unlocked-header h2{margin-bottom:0}.unlocked-content{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-lg);margin-bottom:32px;padding:24px}.unlocked-content ul{margin-top:12px;padding-left:20px}.unlocked-content li{color:var(--text-muted);font-size:14px;line-height:1.8}.unlocked-note{color:var(--text-muted);font-size:14px}.explore-section{background:var(--bg-zone);border-top:1px solid var(--border-warm-solid);padding:40px 0}.explore-card{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-xl);box-shadow:none;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.explore-left h3{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.explore-left p{color:var(--text-muted);font-size:14px}.skills-list{flex-direction:column;gap:20px;display:flex}.skill-card{background:var(--bg-primary);border:1px solid var(--border-warm-solid);border-radius:var(--radius-lg);padding:20px}.skill-card h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:600;display:flex}.skill-desc{color:var(--text-muted);margin-bottom:16px;font-size:14px}.skill-install h4{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.skill-install ol{padding-left:20px}.skill-install li{color:var(--text-muted);font-size:14px;line-height:1.8}.model-recommendation{flex-direction:column;gap:24px;display:flex}.model-primary h3,.model-alternatives h3,.model-howto h3{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.model-card.recommended{background:var(--orange-subtle);border:2px solid var(--orange-accent);border-radius:var(--radius-lg);padding:20px;position:relative}.model-badge{background:var(--orange-accent);color:#fff;border-radius:var(--radius-pill);padding:2px 10px;font-size:12px;font-weight:600;position:absolute;top:-10px;left:16px}.model-card h4{color:var(--orange-accent);margin-top:8px;margin-bottom:8px;font-size:18px;font-weight:600}.model-reason{color:var(--text-muted);font-size:14px;line-height:1.6}.model-alternatives ul{padding-left:20px}.model-alternatives li{color:var(--text-muted);font-size:14px;line-height:1.8}.model-howto p{color:var(--text-muted);background:var(--bg-zone);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;line-height:1.6}.first-task{flex-direction:column;gap:24px;display:flex}.task-goal{color:var(--text-primary);background:var(--orange-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.task-steps h3,.task-prompt h3,.task-output h3{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.task-steps ol{padding-left:20px}.task-steps li{color:var(--text-muted);font-size:14px;line-height:1.8}.prompt-code{color:#cdd6f4;border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;background:#1e1e2e;margin-bottom:12px;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.output-example{background:var(--bg-zone);border-radius:var(--radius-md);color:var(--text-muted);white-space:pre-wrap;word-break:break-word;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.pitfalls-list{flex-direction:column;gap:20px;display:flex}.pitfall-card{background:var(--bg-primary);border:1px solid var(--border-warm-solid);border-radius:var(--radius-lg);gap:16px;padding:20px;display:grid}.pitfall-problem,.pitfall-cause,.pitfall-solution,.pitfall-prevention{align-items:flex-start;gap:8px;display:flex}.pitfall-label{text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:48px;padding-top:2px;font-size:12px;font-weight:600}.pitfall-problem .pitfall-label{color:#ef4444}.pitfall-cause .pitfall-label{color:#f59e0b}.pitfall-solution .pitfall-label{color:var(--cta-bg)}.pitfall-prevention .pitfall-label{color:var(--orange-accent)}.pitfall-problem p,.pitfall-cause p,.pitfall-solution p,.pitfall-prevention p{color:var(--text-muted);word-break:break-word;margin:0;font-size:14px;line-height:1.6}.preview-skills-list{margin:12px 0;padding-left:20px}.preview-skills-list li{color:var(--text-muted);word-break:break-word;font-size:14px;line-height:1.6}.btn-sm{padding:6px 16px;font-size:13px}@media (width<=768px){.hero-grid{grid-template-columns:1fr;gap:24px;min-height:auto;padding:40px 16px}.hero-right{display:none}.hero-section h1{font-size:28px}.product-select-grid{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(2,1fr)}.steps-bar{gap:4px}.step-item{padding:6px 10px}.step-title{display:none}.explore-card{text-align:center;flex-direction:column;gap:16px}}.desktop{min-height:100vh;padding-bottom:var(--space-xl);background:var(--bg-primary)}.desktop-header{background-color:var(--bg-primary);height:var(--hero-section-height);padding:32px 0 16px;position:relative;overflow:hidden}.desktop-header .wrap{justify-content:space-between;align-items:flex-start;height:100%;display:flex}.header-content{flex:1;max-width:65%}.header-image-wrap{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;flex:0 0 35%;justify-content:center;align-items:center;padding:0;animation:.8s ease-out slideInRight;display:flex;overflow:visible}.header-image{object-fit:contain;width:100%;height:100%}.desktop-header h1{font-family:var(--font-display);margin:var(--space-sm) 0;z-index:1;font-weight:600;position:relative}.desktop-header .sub{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:4px;line-height:1.6}.desktop-features{z-index:1;background:var(--bg-card);border-radius:var(--radius-sm);flex-wrap:wrap;gap:16px;margin-top:6px;margin-bottom:0;padding:12px 20px;display:flex;position:relative}.desktop-feature{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--warm-coral);border-radius:var(--radius-lg);align-items:center;gap:8px;padding:6px 14px;line-height:1;display:flex}.desktop-feature svg{color:var(--orange-accent)}.desktop-intro{padding:var(--space-xl) 0;background:var(--bg-primary)}.intro-grid{align-items:stretch;column-gap:var(--grid-gap-standard-col);row-gap:var(--grid-gap-standard-row);flex-wrap:wrap;display:flex}.intro-item{min-width:280px;padding:var(--card-padding-standard);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex:1;position:relative;overflow:hidden}.intro-item:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.intro-number{font-size:var(--font-size-hero);opacity:.1;color:#fff;font-weight:700;position:absolute;top:16px;right:16px}.intro-icon{border-radius:var(--radius-md);background:var(--white-overlay-xs);width:64px;height:64px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.intro-item h3{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--white-overlay-xl);margin-bottom:var(--space-sm);font-weight:700}.intro-item p{font-size:var(--font-size-sm);color:var(--white-text-hero);margin-bottom:var(--space-md);line-height:1.6}.intro-tags{flex-wrap:wrap;gap:8px;display:flex}.intro-tag{background:var(--white-overlay-xs);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-2xs);padding:6px 12px;font-weight:600}.intro-arrow{font-size:var(--font-size-xl-alt);color:var(--orange-accent);justify-content:center;align-items:center;padding:0 8px;display:flex}.intro-summary{text-align:center;padding:var(--space-lg);margin-top:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-md)}.summary-highlight{color:var(--orange-accent)}.desktop-intro .intro-item.gradient-blue{background:var(--bg-card);border-left:3px solid var(--cta-bg)}.desktop-intro .intro-item.gradient-orange{background:var(--bg-card);border-left:3px solid var(--orange-accent)}.desktop-intro .intro-item.gradient-purple{background:var(--bg-card);border-left:3px solid var(--purple)}.desktop-intro .intro-item h3{color:var(--text-dark)}.desktop-intro .intro-item p{color:var(--text-secondary)}.desktop-intro .intro-tag{color:var(--text-dark)}.scenarios-section{padding:var(--space-xl) 0;background:var(--bg-primary)}.scenarios-section h2{text-align:center;margin-bottom:var(--space-xl)}.scenarios-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.scenario-card{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.scenario-icon-wrap{width:48px;height:var(--btn-height-md);border-radius:var(--radius-sm);background:var(--warm-coral);color:var(--orange-accent);justify-content:center;align-items:center;display:flex}.scenario-card h3{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-dark);font-weight:600}.scenario-card p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.scenario-tip{font-size:var(--font-size-2xs);color:var(--gray-400);border-top:1px dashed #e8e4db99;padding-top:8px}.desktop-footer{padding:var(--space-xl) 0;background:var(--bg-card)}.desktop-cta{text-align:center;padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--orange-accent)}.desktop-cta h2{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--accent-dark);margin-bottom:var(--space-sm);font-weight:600}.desktop-cta p{font-size:var(--font-size-lg);color:var(--text-muted);margin-bottom:var(--space-lg)}.desktop-workflow{padding:var(--space-xl) 0;background:var(--bg-card)}.section-header h2{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--text-dark);margin:0 0 var(--space-sm);font-weight:600}.section-header p{font-size:var(--font-size-lg);color:var(--text-muted);margin:0}.workflow-timeline{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.timeline-item{flex-direction:column;flex:1;gap:12px;min-width:200px;display:flex}.timeline-step{width:40px;height:var(--btn-height-sm);background:var(--orange-accent);color:#fff;font-size:var(--font-size-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.timeline-content{background:var(--bg-primary);border-radius:var(--radius-sm);padding:16px}.timeline-content h4{font-size:var(--font-size-md);color:var(--text-dark);margin:0 0 8px;font-weight:600}.timeline-content p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.6}.timeline-arrow{font-size:var(--font-size-xl);color:var(--orange-accent);flex-shrink:0;padding-top:12px}.view-all-products{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px dashed #e8e4db99}.view-all-products .btn{align-items:center;gap:8px;display:inline-flex}.desktop-filters{z-index:50;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e8e4db80;border-radius:0;margin-top:0;padding:12px 0;position:sticky;top:72px}.filters-row{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.filter-row-search{align-items:center;gap:12px;display:flex}.filter-row-type,.filter-row-pricing{align-items:center;display:flex}.filter-group{flex-wrap:wrap;gap:8px;display:flex}.filter-row-bottom{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sort-item{display:flex}.info-icon{color:var(--gray-400);cursor:help;align-items:center;margin-left:4px;display:inline-flex}.sort-item button:hover .info-icon{color:var(--orange-accent)}.compare-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.compare-title{font-weight:600;font-size:var(--font-size-md)}.compare-chart{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--gray-300)}.desktop-content{background:var(--bg-primary);padding:24px 0}.products-list{border-radius:var(--radius-lg);background:0 0;flex-direction:column;gap:16px;padding:24px;display:flex}.product-card-horizontal{background:var(--bg-card);border:1px solid var(--bg-zone);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;gap:4px;padding:16px 20px;display:flex;position:relative}.product-card-horizontal:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover);border-color:var(--orange-accent)}.product-card-horizontal.selected{border-color:var(--orange-accent);box-shadow:var(--border-focus)}.card-title-row{align-items:center;gap:12px;padding-left:32px;display:flex}.card-logo{width:var(--icon-card-sm);height:var(--icon-card-sm);border-radius:var(--radius-xs);background:var(--bg-zone);flex-shrink:0;justify-content:center;align-items:center;min-width:40px;display:flex}.card-title-section{align-items:center;gap:6px;min-width:0;display:flex}.card-title{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.card-dot{font-size:var(--font-size-sm);color:var(--gray-300)}.card-company{font-size:var(--font-size-sm);color:var(--gray-400);white-space:nowrap;font-weight:400}.card-score-badge{border-radius:var(--radius-xs);background:var(--warm-coral);color:var(--accent-dark);font-size:var(--font-size-sm);white-space:nowrap;justify-content:center;align-items:center;margin-left:auto;padding:4px 14px;font-weight:700;display:inline-flex}.card-tagline{font-size:var(--font-size-md);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 10px;padding-left:32px;line-height:1.4;overflow:hidden}.card-tags{flex-wrap:wrap;align-items:center;gap:8px;padding-left:32px;display:flex}.install-label{border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-zone);color:var(--text-muted);align-items:center;gap:4px;padding:4px 14px;font-weight:500;display:flex}.install-dot{font-size:var(--font-size-sm)}.install-label.easy,.install-label.easy .install-dot{color:var(--success)}.install-label.medium,.install-label.medium .install-dot{color:var(--orange-accent)}.install-label.hard,.install-label.hard .install-dot{color:var(--danger)}.pricing-label{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:4px 14px;font-weight:500}.card-detail-link{margin-left:auto}.empty-state{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #e8e4db99}@media (width<=960px){.desktop-header .wrap{flex-direction:column;gap:16px}.header-content{max-width:100%}.header-image-wrap{flex:none;justify-content:center;width:100%}.desktop-header .sub{-webkit-line-clamp:unset;height:auto}.intro-grid{gap:var(--space-lg);flex-direction:column}.intro-item{min-width:auto}.workflow-timeline{gap:var(--space-md);flex-direction:column}.timeline-item{align-items:flex-start;gap:var(--space-md);flex-direction:row;min-width:auto}.timeline-arrow{display:none}.filter-row-search{flex-direction:column;align-items:stretch}.search-box{width:100%;max-width:none}.compare-toggle-btn{justify-content:center}.filter-row-type,.filter-row-pricing{flex-direction:column;align-items:flex-start}.filter-divider{width:100%;height:1px}.filter-group{flex-wrap:wrap}.filter-row-bottom{flex-direction:column;align-items:flex-start;gap:12px}.seven-dimensions-info{flex-direction:column;align-items:flex-start;gap:4px}.compare-bar{flex-direction:column;align-items:flex-start;gap:12px}.compare-detail{grid-template-columns:1fr}.product-card-horizontal{padding:14px 16px}.compare-checkbox{width:18px;height:18px;top:14px;left:14px}.card-title-row{padding-left:28px}.card-logo{width:36px;height:36px;font-size:var(--font-size-sm)}.card-title{font-size:var(--font-size-md)}.card-company{font-size:var(--font-size-sm)}.card-score-badge{font-size:var(--font-size-sm);padding:4px 12px}.card-tagline{font-size:var(--font-size-sm);padding-left:28px}.card-tags{flex-wrap:wrap;gap:6px;padding-left:28px}.card-detail-link{margin-top:8px}.comparison-table{font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td{padding:8px 6px}}@media (width<=640px){.desktop-header{height:auto;padding:24px 0 16px}.desktop-header .wrap{height:auto}.header-image-wrap{width:100%}.desktop-features{gap:12px}.intro-grid{flex-direction:column}.intro-item{min-width:auto}.workflow-timeline{flex-direction:column}.timeline-item{text-align:center;flex-direction:column;align-items:center;min-width:auto}.card-score-badge{width:52px;height:var(--btn-height-lg);font-size:var(--font-size-md)}.product-card-horizontal{flex-direction:column;gap:8px}.card-title-row{flex-wrap:wrap;padding-left:0}.card-tagline,.card-tags{padding-left:0}.card-detail-link{align-self:flex-start;margin-left:0}.desktop-header h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.desktop-header .sub{text-align:center}}.hero-icon-container{width:353px;max-width:353px;transform:translate(67px)translateY(-1px)}.hero-icon-container svg{width:100%!important;height:100%!important}.disclaimer{min-height:100vh;padding-bottom:var(--space-xl)}.disclaimer-header{padding:var(--space-xl) 0 var(--space-lg);background-color:var(--bg-primary)}.disclaimer-header h1{margin:var(--space-xs) 0}.disclaimer-content{padding:var(--space-lg) 0;background:var(--bg-primary)}.disclaimer-card{margin-bottom:var(--space-md);padding:var(--card-padding-standard);background:var(--bg-card);border:1px solid var(--bg-zone);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.disclaimer-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.disclaimer-card h2{font-family:var(--font-serif);font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--text-primary)}.disclaimer-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.disclaimer-card ul{padding:0;list-style:none}.disclaimer-card li{padding:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px dashed var(--border-warm-md);padding-left:var(--space-md);position:relative}.disclaimer-card li:before{content:"•";color:var(--orange-accent);font-weight:700;position:absolute;left:0}.disclaimer-card li:last-child{border-bottom:none}@media (width<=960px){.disclaimer-header{padding:var(--space-lg) 0}.disclaimer-card{padding:var(--space-md)}}@media (width<=640px){.disclaimer-header{padding:var(--space-md) 0}.disclaimer-header h1{font-size:var(--font-size-xl-alt)}.disclaimer-header .sub{font-size:var(--font-size-sm)}.disclaimer-content{padding:var(--space-md) 0}.disclaimer-card{padding:var(--space-md)}.disclaimer-card h2{font-size:var(--font-size-md)}.disclaimer-card p{font-size:var(--font-size-xs)}.disclaimer-card li{font-size:var(--font-size-xs);padding-left:var(--space-sm)}}.fullplan-page{background:var(--bg-primary,#faf9f5);min-height:100vh}.fp-hero{background-color:var(--bg-primary);padding:48px 0;position:relative;overflow:visible}.fp-hero-split{grid-template-columns:1.05fr 1fr;align-items:center;gap:0;max-width:1320px;margin:0 auto;padding:0 40px;display:grid}.fp-hero-content{max-width:100%}.fp-hero-label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-weight:500;display:inline-flex}.fp-hero-label svg{color:var(--orange-accent)}.fp-hero-content h1{font-family:var(--font-sans);letter-spacing:-.03em;text-align:left;color:#1a1a1a;margin-bottom:16px;line-height:1.2}.fp-title-line{display:block}.fp-line-1{font-size:var(--font-size-hero-sm);margin-bottom:8px;font-weight:700}.fp-line-2,.fp-line-3{font-size:var(--font-size-hero-lg);font-weight:700}.fp-highlight{color:#1a1a1a}.fp-hero-sub{font-size:var(--font-size-md);color:var(--text-muted);max-width:460px;margin-bottom:24px;line-height:1.6}.fp-hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-bottom:20px;display:flex}.fp-btn-accent{height:var(--btn-height-lg);color:#fff;font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg);transition:all var(--transition-normal);box-shadow:none;cursor:pointer;background:#1a1a1a;border:none;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-weight:600;display:inline-flex}.fp-btn-accent:hover{box-shadow:var(--shadow-md);background:#2d2d2d;transform:translateY(-1px)}.fp-btn-outline{height:var(--btn-height-lg);color:var(--text-primary);font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg);border:1px solid var(--border-warm-solid);transition:all var(--transition-normal);cursor:pointer;box-shadow:none;background:0 0;justify-content:center;align-items:center;padding:0 28px;font-weight:600;display:inline-flex}.fp-btn-outline:hover{background:var(--bg-zone);border-color:var(--text-primary)}.fp-hero-trust{flex-wrap:wrap;gap:20px;display:flex}.fp-trust-dot{background:#1a1a1a;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.fp-trust-text{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.fp-hero-illustration-wrap{justify-content:flex-end;align-items:center;padding-left:48px;display:flex}.fp-hero-illustration{border-radius:var(--radius-md);object-fit:contain;width:100%;max-width:620px;height:auto;display:block}@media (width<=960px){.fp-hero{padding:32px 20px 16px}.fp-hero-split{grid-template-columns:1fr;gap:28px;padding:0 24px}.fp-hero-illustration-wrap{justify-content:center;padding-left:0}.fp-hero-illustration{max-width:480px;margin:0 auto}.fp-hero-content h1{text-align:center;font-size:clamp(28px,8vw,40px)}.fp-hero-sub{text-align:center;max-width:100%}.fp-hero-actions,.fp-hero-trust{justify-content:center}}@media (width<=640px){.fp-hero{padding:24px 0}}.fp-value{background:var(--bg-zone,#f3f1eb);padding:48px 24px}.fp-value-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.fp-value-card{background:var(--bg-card);border-radius:var(--radius-lg,12px);text-align:center;box-shadow:var(--shadow-card,0 2px 8px #0000000f);padding:24px}.fp-value-icon{margin-bottom:12px;font-size:32px;display:block}.fp-value-card h3{color:var(--text-primary,#1a1a2e);margin-bottom:8px;font-size:16px;font-weight:600}.fp-value-card p{color:var(--text-muted);font-size:13px;line-height:1.6}.fp-plans{padding:60px 24px}.section-title{text-align:center;color:var(--text-primary,#1a1a2e);margin-bottom:32px;font-size:24px;font-weight:700}.fp-plans-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.fp-plan-card{background:var(--bg-card);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-card,0 2px 8px #0000000f);border:2px solid #0000;padding:24px;transition:border-color .2s,box-shadow .2s}.fp-plan-card.selected{border-color:var(--cta-bg);box-shadow:var(--shadow-card-hover,0 8px 24px #0000001a)}.fp-plan-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fp-plan-name{color:var(--text-primary,#1a1a2e);font-size:18px;font-weight:700}.fp-plan-price{color:var(--orange-accent);font-size:20px;font-weight:700}.fp-plan-highlight{color:var(--text-muted);border-bottom:1px solid var(--bg-zone,#f3f1eb);margin-bottom:16px;padding-bottom:16px;font-size:14px}.fp-steps-preview{margin-bottom:16px}.fp-step{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.fp-step-num{background:var(--cta-bg);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.fp-step strong{color:var(--text-primary,#1a1a2e);margin-bottom:4px;font-size:14px;display:block}.fp-step p{color:var(--text-muted);font-size:13px;line-height:1.5}.fp-paywall{background:var(--bg-zone,#f3f1eb);border-radius:var(--radius-md,8px);text-align:center;margin-top:16px;padding:20px}.fp-paywall-text{color:var(--text-muted);margin-bottom:12px;font-size:14px}.btn{border-radius:var(--radius-md,8px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--cta-bg);color:var(--cta-text)}.btn-primary:hover{background:var(--cta-hover)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-warm-solid);background:0 0}.btn-outline:hover{background:var(--bg-zone)}.btn-block{width:100%}.fp-guarantee{color:var(--text-muted);opacity:.7;margin-top:8px;font-size:12px}.fp-steps-full{border-top:1px solid var(--bg-zone,#f3f1eb);margin-top:16px;padding-top:16px}.fp-steps-full h4{color:var(--text-primary,#1a1a2e);margin-bottom:12px;font-size:15px;font-weight:700}.fp-risk-section{border-radius:var(--radius-md,8px);border-left:3px solid var(--orange-accent);background:#fff7ed;margin-top:16px;padding:16px}.fp-risk-section h4{color:var(--text-primary,#1a1a2e);margin-bottom:8px;font-size:14px;font-weight:700}.fp-risk-section p{color:var(--text-muted);margin-bottom:8px;font-size:13px}.fp-fallback{background:var(--bg-card);border-radius:var(--radius-sm,4px);color:var(--text-primary,#1a1a2e);padding:12px;font-size:13px;line-height:1.6}.fp-fallback small{color:var(--text-muted)}.fp-explore{border-top:1px solid var(--bg-zone,#f3f1eb);text-align:center;margin-top:20px;padding-top:16px}.fp-explore p{color:var(--text-muted);margin-bottom:12px;font-size:13px}.fp-explore-links{justify-content:center;gap:12px;display:flex}@media (width<=768px){.fullplan-page .page-hero .header-content h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.fullplan-page .page-hero .sub{text-align:center}.fp-value-grid,.fp-plans-grid{grid-template-columns:1fr}.fp-explore-links{flex-direction:column}}.guide{background:var(--bg-primary);min-height:100vh;padding-bottom:64px}.guide-header{background:var(--bg-primary);text-align:center;padding:56px 40px 32px;position:relative;overflow:hidden}.guide-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b14 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-60px}.guide-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#1a1a1a0d 0%,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-40px;left:-40px}.guide-header h1{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--text-dark);margin:0;font-weight:700}.guide-header .sub{font-size:var(--font-size-md);color:var(--text-muted);margin-top:8px}.guide-progress{background:var(--bg-primary);padding:0 40px 24px}.progress-info{flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex}.progress-steps{align-items:center;gap:8px;display:flex}.progress-step-dot{background:var(--border-warm-solid);width:10px;height:10px;transition:all var(--transition-normal);border-radius:50%}.progress-step-dot.active{background:var(--orange-accent);box-shadow:0 0 0 3px #f59e0b33}.progress-step-dot.completed{background:var(--orange-accent)}.progress-step-connector{background:var(--border-warm-solid);border-radius:1px;width:24px;height:2px}.progress-step-connector.completed{background:var(--orange-accent)}.progress-step-text{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600}.progress-bar-large{background:var(--border-warm-solid);border-radius:var(--radius-xs);width:100%;max-width:600px;height:6px;margin:0 auto;overflow:hidden}.progress-fill-large{background:var(--orange-accent);border-radius:var(--radius-xs);height:100%;transition:width var(--transition-ease-out)}.guide-questions{background:var(--bg-zone);min-height:420px;padding:32px 0 48px}.question-container{max-width:1200px;margin:0 auto}.step-badge{justify-content:center;align-items:center;gap:6px;margin:0 auto 12px;display:inline-flex}.step-text-faint{font-size:var(--font-size-xs);color:#1a1a1a14;letter-spacing:.05em;-webkit-user-select:none;user-select:none;font-weight:600}.step-circle{color:#fff;width:32px;height:32px;font-size:var(--font-size-sm);background:#1a1a1a;border-radius:50%;place-items:center;font-weight:700;display:grid;box-shadow:0 2px 8px #1a1a1a26}.question-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--text-dark);text-align:center;margin:0 0 24px;font-weight:600}.question-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.options-grid{gap:20px;max-width:1100px;margin:0 auto;display:grid}.options-grid-3{grid-template-columns:repeat(3,1fr)}.options-grid-4{grid-template-columns:repeat(2,1fr)}.btn-disabled{background:var(--border-warm-solid);color:var(--gray-400);cursor:not-allowed;border-radius:var(--btn-radius-md);padding:var(--btn-padding-md);font-size:var(--btn-font-md);border:none;font-weight:600}.btn-accent{background:var(--cta-bg);color:#fff;border-radius:var(--btn-radius-md);padding:var(--btn-padding-md);font-size:var(--btn-font-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-cta);border:none;font-weight:600}.btn-accent:hover{background:var(--accent-dark);box-shadow:var(--shadow-cta-hover);transform:var(--hover-lift-sm)}.btn-outline-primary{color:var(--cta-bg);border:1px solid var(--cta-bg);border-radius:var(--btn-radius-md);padding:var(--btn-padding-md);font-size:var(--btn-font-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:none;background:0 0;font-weight:600}.btn-outline-primary:hover{background:var(--primary-muted)}@media (width<=960px){.options-grid-3,.options-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.options-grid-3,.options-grid-4{grid-template-columns:1fr}}.option-card{border:var(--card-border-default);border-radius:var(--radius-md);background:var(--bg-card);padding:var(--card-padding-medium);cursor:pointer;transition:all var(--transition-normal);text-align:center;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.option-card.selected{border-color:var(--orange-accent);box-shadow:var(--border-focus)}.option-number{font-size:var(--font-size-sm);color:var(--gray-400);font-weight:600;font-family:var(--font-mono);position:absolute;top:16px;left:16px}.option-check{background:var(--orange-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:16px;right:16px}.option-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card);border-color:#f59e0b33}.option-card.selected{border-color:var(--orange-accent);background:var(--bg-function-orange);transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.option-icon{width:var(--icon-card-sm);height:var(--icon-card-sm);border-radius:var(--radius-md);color:var(--cta-bg);transition:all var(--transition-normal);background:#1a1a1a14;place-items:center;margin:24px auto 16px;display:grid}.option-card:hover .option-icon{color:var(--orange-accent);background:#f59e0b14}.option-card.selected .option-icon{background:var(--orange-accent);color:#fff}.option-card h3{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-dark);margin-bottom:8px;font-weight:600}.option-card p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.result-container{max-width:740px;margin:0 auto}.result-card{background:var(--bg-card);border:2px solid var(--orange-accent);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-card-hover);padding:40px 48px;position:relative;overflow:hidden}.result-card:before{content:"";background:var(--cta-bg);height:4px;position:absolute;top:0;left:0;right:0}.result-icon{border-radius:var(--radius-lg);place-items:center;width:88px;height:88px;margin:0 auto 24px;display:grid;box-shadow:0 4px 16px #f59e0b26}.result-icon svg{width:52px;height:52px}.result-card h2{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--text-dark);margin:0 0 12px;font-weight:700}.result-desc{font-size:var(--font-size-md);color:var(--text-muted);margin:0 0 20px;line-height:1.6}.result-features{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.feature-tag{background:var(--bg-accent-ultra-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--accent-dark);border:none;padding:6px 14px;font-weight:500}.result-category-desc{border-left:3px solid var(--cta-bg);border-radius:var(--radius-sm);text-align:left;background:#1a1a1a0a;margin-bottom:20px;padding:16px 20px}.category-desc-label{font-size:var(--font-size-xs);color:var(--cta-bg);margin-bottom:6px;font-weight:600;display:block}.category-desc-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.result-what-to-look{background:var(--bg-primary);border-radius:var(--radius-sm);text-align:left;margin-bottom:20px;padding:16px 20px}.look-label{font-size:var(--font-size-xs);color:var(--orange-accent);margin-bottom:12px;font-weight:600;display:block}.look-list{flex-direction:column;gap:8px;display:flex}.look-item{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;gap:8px;line-height:1.5;display:flex}.look-item svg{color:var(--orange-accent);flex-shrink:0}.result-next-step{margin-bottom:20px}.next-step-card{background:var(--cta-bg);border-radius:var(--radius-md);text-align:left;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #f59e0b33}.next-step-icon{border-radius:var(--radius-md);color:#fff;background:#fff3;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.next-step-content{flex:1}.next-step-content h4{font-family:var(--font-display);font-size:var(--font-size-md);color:#fff;margin:0 0 4px;font-weight:700}.next-step-content p{font-size:var(--font-size-xs);color:#ffffffd9;margin:0;line-height:1.4}.next-step-btn{color:var(--orange-accent);border-radius:var(--btn-radius-md);font-size:var(--btn-font-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:#fff;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.next-step-btn:hover{transform:var(--hover-lift-sm);box-shadow:0 4px 12px #00000026}.result-arguments{background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:20px;padding:16px}.arguments-label{font-size:var(--font-size-xs);color:var(--orange-accent);margin-right:8px;font-weight:600}.arguments-list{margin-top:12px}.argument-item{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:flex-start;gap:10px;padding:8px 0;line-height:1.5;display:flex}.argument-num{background:var(--orange-accent);color:#fff;width:22px;height:22px;font-size:var(--font-size-2xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.argument-text{flex:1}.result-actions{flex-direction:column;gap:10px;display:flex}.result-actions .btn{width:100%}.guide-footer{background:var(--bg-zone);border-top:3px solid #b8b2a5;border-radius:0;margin-top:32px;padding:20px 24px}.guide-footer .wrap{max-width:1200px;margin:0 auto}.guide-footer p{font-size:var(--font-size-2xs);color:var(--text-muted);text-align:center;margin:0;font-weight:300}@media (width<=960px){.guide-header{padding:32px 20px 16px}.guide-progress{padding:0 20px 20px}.options-grid-3,.options-grid-4{grid-template-columns:repeat(2,1fr)}.result-card{padding:24px}}@media (width<=640px){.guide-header{padding:24px 16px 12px}.guide-header h1{font-size:var(--font-size-xl-alt)}.guide-header .sub{font-size:var(--font-size-sm)}.guide-progress{padding:0 16px 16px}.progress-bar-large{max-width:100%}.options-grid-3,.options-grid-4{grid-template-columns:1fr}.option-card{padding:var(--space-lg)}.option-icon{width:44px;height:44px;margin:16px auto 12px}.option-card h3{font-size:var(--font-size-md)}.option-card p{font-size:var(--font-size-xs)}.result-card{padding:20px 16px}.result-card h2{font-size:var(--font-size-lg)}.result-desc{font-size:var(--font-size-sm)}.result-icon{width:64px;height:64px}.result-icon svg{width:36px;height:36px}.result-arguments{padding:12px}.argument-item{font-size:var(--font-size-xs)}.result-category-desc,.result-what-to-look{padding:12px 14px}.category-desc-text,.look-item{font-size:var(--font-size-xs)}.next-step-card{text-align:center;flex-direction:column;gap:12px;padding:16px}.next-step-btn{justify-content:center;width:100%}.guide-footer{margin-top:24px;padding:16px}.question-title{font-size:var(--font-size-lg);padding:0 16px}.question-actions{flex-direction:column;align-items:center;padding:0 16px}.question-actions .btn{width:100%;max-width:280px}}.home{background:var(--bg-primary);min-height:100vh}.hero-section{background-color:var(--bg-primary);padding:48px 0;position:relative;overflow:hidden}.hero-section .hero-accent-bar{display:none}.hero-split{grid-template-columns:1.05fr 1fr;align-items:center;gap:0;max-width:1320px;margin:0 auto;padding:0 40px;display:grid}.hero-illustration-wrap{justify-content:flex-end;align-items:center;padding-left:48px;display:flex}.hero-illustration{border-radius:var(--radius-md);object-fit:cover;width:100%;max-width:620px;height:auto;display:block}.hero-content{max-width:100%}.hero-label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-weight:500;display:inline-flex}.hero-content h1{font-family:var(--font-sans);letter-spacing:-.03em;text-align:left;color:#1a1a1a;margin-bottom:16px;line-height:1.2}.hero-content h1 .title-line{display:block}.hero-content h1 .line-1{font-size:var(--font-size-hero-sm);margin-bottom:8px;font-weight:700}.hero-content h1 .line-2,.hero-content h1 .line-3{font-size:var(--font-size-hero-lg);font-weight:700}.hero-content h1 .highlight{color:#1a1a1a}.hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:460px;margin-bottom:24px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-bottom:20px;display:flex}.hero-actions .btn-accent{height:var(--btn-height-lg);color:#fff;font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg);transition:all var(--transition-normal);box-shadow:none;cursor:pointer;background:#1a1a1a;border:none;justify-content:center;align-items:center;padding:0 28px;font-weight:600;text-decoration:none;display:inline-flex}.hero-actions .btn-accent:hover{box-shadow:var(--shadow-md);background:#2d2d2d;transform:translateY(-1px)}.hero-actions .btn-outline-primary{height:var(--btn-height-lg);color:var(--text-primary);font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg);border:1px solid var(--border-warm-solid);transition:all var(--transition-normal);cursor:pointer;box-shadow:none;background:0 0;justify-content:center;align-items:center;padding:0 28px;font-weight:600;text-decoration:none;display:inline-flex}.hero-actions .btn-outline-primary:hover{background:var(--bg-zone);border-color:var(--text-primary)}.hero-trust{flex-wrap:wrap;gap:20px;display:flex}.hero-trust .trust-dot{background:#1a1a1a;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.hero-trust .trust-text{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.stats-section{background:var(--bg-zone);border-radius:var(--radius-sm);border:1px solid var(--border-warm-solid);max-width:1420px;margin:0 auto 12px;padding:24px 32px}.stats-bar{justify-content:center;align-items:center;gap:48px;max-width:1500px;margin:0 auto;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-num{font-size:var(--font-size-xl-alt);color:#1a1a1a;font-weight:700;line-height:1}.stat-divider{background:var(--border-warm-solid);align-self:center;width:1px;height:36px}.learn-section{background:var(--bg-primary);padding:56px 0}.learn-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;display:grid}.learn-card{padding:var(--card-padding-medium);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-warm-solid);box-shadow:none;transition:all var(--transition-normal);flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.learn-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:translateY(-2px)}.learn-icon{width:48px;height:48px;transition:all var(--transition-normal);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.learn-icon-blue{color:var(--primary);background:#2563eb0f}.learn-icon-orange{color:var(--accent);background:#f59e0b0f}.learn-icon-purple{color:var(--purple);background:#8b5cf60f}.learn-card:hover .learn-icon{transform:scale(1.05)}.learn-card h3{font-family:var(--font-sans);font-size:var(--font-size-md);color:#1a1a1a;margin:0 0 8px;font-weight:600}.learn-desc{font-size:var(--font-size-sm);color:var(--text-muted);flex:1;margin:0 0 16px;line-height:1.7}.learn-link{font-size:var(--font-size-sm);color:#1a1a1a;opacity:0;transition:all var(--transition-fast);font-weight:500;transform:translate(-4px)}.learn-card:hover .learn-link{opacity:1;transform:translate(0)}.tracks-illustration-section{background:var(--bg-zone);padding:40px 0 48px}.tracks-cards-row{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 40px;display:grid}.track-mini-card{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:none;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;display:flex}.track-mini-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:translateY(-2px)}.track-mini-icon{width:40px;height:40px;transition:all var(--transition-fast);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.track-blue .track-mini-icon{color:var(--primary);background:#2563eb0f}.track-orange .track-mini-icon{color:var(--accent);background:#f59e0b0f}.track-purple .track-mini-icon{color:var(--purple);background:#8b5cf60f}.track-mini-card:hover .track-mini-icon{transform:scale(1.08)}.track-mini-card:hover .track-blue .track-mini-icon{background:var(--primary);color:#fff}.track-mini-card:hover .track-orange .track-mini-icon{background:var(--accent);color:#fff}.track-mini-card:hover .track-purple .track-mini-icon{background:var(--purple);color:#fff}.track-mini-card>div:nth-child(2){flex:1;min-width:0}.track-mini-card h4{font-size:var(--font-size-md);color:#1a1a1a;margin:0 0 2px;font-weight:600}.track-mini-card p{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.track-arrow{color:var(--text-muted);opacity:.4;transition:all var(--transition-fast);flex-shrink:0}.track-mini-card:hover .track-arrow{opacity:1;color:#1a1a1a;transform:translate(3px)}.pain-point-section{background:var(--bg-primary);padding:48px 0}.pain-point-wrap{flex-direction:column;gap:24px;display:flex}.scenario-eyebrow{color:#1a1a1a;font-size:var(--font-size-xs);border-radius:var(--radius-pill);background:#1a1a1a0f;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.scenario-title{font-family:var(--font-sans);color:#1a1a1a;font-size:clamp(24px,3.2vw,32px);font-weight:700;line-height:1.25}.pain-media-row{flex-direction:row;align-items:center;gap:48px;width:100%;max-width:1420px;margin:0 auto;padding:0 0 0 92px;display:flex}.pain-illustration-col{flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}.pain-illustration{border-radius:var(--radius-md);object-fit:contain;width:100%;max-width:400px;height:auto;display:block}.pain-content-card{flex-direction:column;flex:1;align-items:flex-end;gap:20px;min-width:0;display:flex}.pain-content-header{text-align:right;flex-direction:column;align-items:flex-end;gap:16px;display:flex}.pain-content-header .scenario-eyebrow{white-space:nowrap}.pain-content-header .scenario-title{text-align:right;margin:0}.pain-symptom{background:var(--bg-zone);border-radius:var(--radius-md);border-left:2px solid #1a1a1a;width:100%;max-width:760px;padding:18px 22px;position:relative}.pain-quote-icon{color:var(--text-muted);opacity:.4;margin-bottom:6px;display:block}.pain-symptom p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 2px;font-style:italic;line-height:1.7}.pain-symptom p:last-child{margin-bottom:0}.pain-path-group{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1420px;margin:48px auto 0;padding:0 0 0 92px;display:flex}.pain-insight{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin:0;font-weight:500}.pain-steps{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.pain-step-item{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:none;flex-direction:column;align-items:flex-start;gap:12px;height:100%;padding:16px;text-decoration:none;display:flex}.pain-step-item:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:translateY(-2px)}.pain-step-circle{width:34px;height:34px;font-size:var(--font-size-xs);color:#fff;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.pain-step-circle.blue{background:var(--primary)}.pain-step-circle.orange{background:var(--accent)}.pain-step-circle.purple{background:var(--purple)}.pain-step-body{width:100%}.pain-step-body h4{font-size:var(--font-size-sm);color:#1a1a1a;margin:0 0 4px;font-weight:600;line-height:1.4}.pain-step-body p{font-size:var(--font-size-xs);color:var(--text-muted);margin:0;line-height:1.5}.pain-step-arrow{color:var(--text-muted);opacity:.4;transition:all var(--transition-fast);flex-shrink:0;align-self:flex-end;margin-top:auto}.pain-step-item:hover .pain-step-arrow{opacity:1;color:#1a1a1a;transform:translate(3px)}.pain-cta-link{font-size:var(--font-size-sm);color:#1a1a1a;border-bottom:1px solid #0000;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:border-color .2s;display:inline-flex}.pain-cta-link:hover{border-bottom-color:#1a1a1a}@media (width<=960px){.pain-media-row{flex-direction:column;gap:32px;padding:0 24px}.pain-illustration-col{justify-content:center;align-self:center}.pain-illustration{max-width:360px;margin:0 auto}.pain-content-card,.pain-content-header{align-items:center}.pain-content-header .scenario-title{text-align:center}.pain-symptom{width:100%}.pain-path-group{padding:0 24px}.pain-steps{grid-template-columns:1fr;gap:12px}}@media (width<=640px){.pain-point-wrap{gap:24px}.pain-illustration{max-width:280px}.pain-content-header .scenario-title{font-size:24px}.pain-steps{gap:10px}.pain-step-item{padding:12px 14px}}.story-section{background:var(--bg-zone);padding:56px 0}.story-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.story-card{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-md);box-shadow:none;transition:all var(--transition-normal);flex-direction:column;gap:12px;padding:24px;display:flex}.story-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:translateY(-2px)}.story-text{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-style:italic;line-height:1.7}.story-tag{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.section-header{text-align:center;margin-bottom:24px}.section-header h2{font-family:var(--font-sans);font-size:var(--font-size-lg-alt);color:#1a1a1a;letter-spacing:-.02em;font-weight:700;margin-bottom:4px!important}.section-header p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:0!important}.bottom-cta-section{text-align:center;background:#1a1a1a;padding:80px 40px}.bottom-cta-inner{max-width:600px;margin:0 auto}.bottom-cta-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(22px,3.5vw,30px);font-weight:700;line-height:1.3}.bottom-cta-sub{font-size:var(--font-size-md);color:#fff9;margin:0 0 28px}.bottom-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-white{color:#1a1a1a;height:48px;font-size:var(--font-size-md);border-radius:var(--btn-radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:none;background:#fff;border:none;justify-content:center;align-items:center;padding:0 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn-white:hover{box-shadow:var(--shadow-md);background:#f3f1eb;transform:translateY(-1px)}.btn-ghost-white{color:#ffffffb3;height:48px;font-size:var(--font-size-md);border-radius:var(--btn-radius-lg);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;padding:0 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost-white:hover{color:#fff;background:#ffffff14;border-color:#ffffff80}.types-section{background:var(--bg-primary);padding:56px 0 40px}.types-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px;display:grid}.type-card{padding:var(--card-padding-medium);border-radius:var(--radius-md);transition:all var(--transition-normal);background:var(--bg-card);border:1px solid var(--border-warm-solid);box-shadow:none;flex-direction:column;text-decoration:none;display:flex;position:relative}.type-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--text-muted);transform:translateY(-2px)}.type-label{align-items:center;gap:4px;margin-bottom:10px;display:flex}.type-num{font-size:var(--font-size-xs);font-weight:600}.type-sub{font-size:var(--font-size-xs);color:var(--gray-400)}.type-tools .type-num{color:var(--primary)}.type-agent .type-num{color:var(--accent)}.type-desktop .type-num{color:var(--purple)}.type-icon{z-index:1;width:44px;height:44px;transition:all var(--transition-normal);border-radius:10px;place-items:center;display:grid;position:relative}.type-tools .type-icon{color:var(--primary);background:#2563eb0f}.type-agent .type-icon{color:var(--accent);background:#f59e0b0f}.type-desktop .type-icon{color:var(--purple);background:#8b5cf60f}.type-card:hover .type-icon{transform:scale(1.05)}.type-card h3{font-family:var(--font-sans);font-size:var(--font-size-md);color:#1a1a1a;z-index:1;margin:8px 0 4px;font-weight:600;position:relative}.type-desc{font-size:var(--font-size-xs);color:var(--text-muted);z-index:1;flex:1;line-height:1.6;position:relative}.type-tag{border-radius:var(--radius-xs);font-size:var(--font-size-xs);z-index:1;align-self:flex-start;margin-top:12px;padding:4px 12px;font-weight:600;display:inline-block;position:relative}.tag-beginner{color:var(--primary);background:#2563eb0f}.tag-explore{color:var(--accent);background:#f59e0b0f}.tag-desktop{color:var(--purple);background:#8b5cf60f}@media (width<=960px){.hero-split{grid-template-columns:1fr;gap:28px;padding:0 24px}.hero-illustration-wrap{justify-content:center;padding-left:0}.hero-illustration{max-width:480px;margin:0 auto}.hero-content h1{text-align:center;font-size:clamp(28px,8vw,40px)}.hero-subtitle{text-align:center;max-width:100%}.hero-actions,.hero-trust{justify-content:center}.tracks-cards-row{grid-template-columns:1fr;padding:0 24px}.learn-grid,.story-grid,.types-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-section{padding:24px 0}.bottom-cta-section{padding:60px 24px}.bottom-cta-actions{flex-direction:column;align-items:center}.bottom-cta-actions .btn{justify-content:center;width:100%;max-width:280px}.stats-section{margin:0 16px 16px;padding:16px 12px}.stats-bar{flex-direction:column;gap:12px}.stat-divider{width:40px;height:1px}}.quote-mark{color:var(--text-muted);opacity:.3;margin-bottom:12px}.product-detail{min-height:100vh;padding-bottom:var(--space-xl)}.detail-header{padding:var(--space-md) 0;background:var(--bg-primary);border-bottom:1px solid var(--border-warm-light)}.detail-content{padding:var(--space-xl) 0}.detail-grid{gap:var(--space-xl);grid-template-columns:1fr 400px;align-items:start;display:grid}.info-card{padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--bg-zone);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.info-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.info-tags{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.info-logo{width:var(--icon-card-lg);height:var(--icon-card-lg);border-radius:var(--radius-md);background:var(--bg-zone);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.info-logo-img{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%}.info-logo-initial{font-size:var(--font-size-xl);color:var(--text-muted);font-weight:700}.info-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600}.info-company{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.info-tagline{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px dashed var(--border-warm-md)}.info-section{margin-bottom:var(--space-lg)}.info-section h3{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:600}.info-section p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.8}.detail-scores{gap:var(--space-lg);flex-direction:column;display:flex;position:sticky;top:100px}.scores-card{padding:var(--space-lg);background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.scores-title{font-size:var(--font-size-md);text-align:center;margin-bottom:var(--space-sm);font-weight:600}.scores-desc{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;margin-bottom:var(--space-lg)}.scores-chart{margin-bottom:var(--space-lg)}.scores-list{flex-direction:column;gap:6px;display:flex}.score-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-warm-md);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.score-label{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1}.score-value{font-size:var(--font-size-md);color:var(--orange-accent);flex-shrink:0;font-weight:600}.score-detail{width:100%;font-size:var(--font-size-2xs);color:var(--gray-400);border-left:2px solid var(--orange-accent);margin-top:4px;padding-left:8px;line-height:1.4}.scores-total{justify-content:center;align-items:baseline;gap:var(--space-xs);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px dashed var(--border-warm-md);display:flex}.total-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.total-value{font-size:var(--font-size-2xl);color:var(--orange-accent);font-weight:700}.total-max{font-size:var(--font-size-sm);color:var(--text-muted)}.quick-info-card{padding:var(--space-lg);background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.quick-item{padding:var(--space-sm) 0;border-bottom:1px dashed var(--border-warm-md);flex-direction:column;display:flex}.quick-item:last-child{border-bottom:none}.quick-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.quick-value{font-size:var(--font-size-sm);color:var(--text-primary)}.detail-cta-section{margin-top:var(--space-2xl);margin-bottom:var(--space-xl)}.cta-section-title{font-size:var(--font-size-lg);color:var(--text-dark);margin-bottom:var(--space-md);font-weight:600}.cta-cards{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.cta-card{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;border:none;align-items:center;gap:16px;padding:20px 24px;display:flex}.cta-card-accent{background:var(--warm-coral,#fef3c7);color:var(--text-primary,#1f2937);border:1px solid #f59e0b26;box-shadow:0 1px 3px #0000000a}.cta-card-accent:hover{background:var(--accent-muted,#f59e0b14);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.cta-card-accent .cta-card-icon{color:var(--accent-dark,#d97706);background:#f59e0b26}.cta-card-primary{background:var(--warm-blue,#e0e7ff);color:var(--text-primary,#1f2937);border:1px solid #2563eb26;box-shadow:0 1px 3px #0000000a}.cta-card-primary:hover{background:var(--primary-muted,#2563eb0f);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.cta-card-primary .cta-card-icon{color:var(--primary,#2563eb);background:#2563eb26}.cta-card-icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.cta-card-content{flex:1}.cta-card-content h4{font-size:var(--font-size-md);margin:0 0 4px;font-weight:700}.cta-price-tag{color:var(--orange-accent);font-weight:700;font-size:var(--font-size-sm);margin-left:4px}.cta-card-content p{font-size:var(--font-size-sm);opacity:.9;margin:0}@media (width<=640px){.cta-cards{grid-template-columns:1fr}.cta-card{padding:16px}}.similar-section{margin-top:var(--space-2xl)}.similar-title{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:600}.similar-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.similar-card{padding:var(--space-lg);text-align:left;cursor:pointer;border:var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.similar-card:hover{box-shadow:var(--shadow-hover);transform:var(--hover-lift-sm);border-color:#f59e0b4d}.similar-card h4{font-size:var(--font-size-md);color:var(--text-primary);margin:var(--space-sm) 0;font-weight:600}.similar-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.6}.card-score{color:var(--orange-accent);font-weight:600;font-size:var(--font-size-md)}.detail-empty{text-align:center;padding:var(--space-2xl)}.detail-empty .panel{max-width:400px;margin:0 auto}.perspective-tabs{margin-top:var(--space-md);margin-bottom:var(--space-sm);gap:8px;display:flex}.perspective-tab{height:var(--btn-height-sm);padding:var(--btn-padding-sm);background:var(--warm-bg-sm);border-radius:var(--btn-radius-md);font-size:var(--btn-font-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;display:inline-flex}.perspective-tab.active{background:var(--orange-accent);color:#fff;border-color:var(--orange-accent)}.perspective-tab:hover:not(.active){background:var(--warm-bg-md)}.perspective-icon{font-size:var(--font-size-sm)}.perspective-content{padding:var(--space-md);background:var(--warm-bg-xs);border-radius:var(--radius-md);border-left:3px solid var(--orange-accent);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.perspective-content.hidden{display:none}@media (width<=960px){.detail-grid{grid-template-columns:1fr}.detail-scores{order:-1;position:relative;top:0}.info-card,.scores-card,.quick-info-card{padding:var(--space-lg)}}@media (width<=640px){.detail-header{padding:var(--space-sm) 0}.detail-content{padding:var(--space-lg) 0}.info-card{padding:var(--space-lg)}.info-logo{width:56px;height:56px}.info-logo-initial{font-size:var(--font-size-lg)}.info-title{font-size:var(--font-size-xl-alt)}.info-tagline{font-size:var(--font-size-md)}.info-section h3,.info-section p{font-size:var(--font-size-sm)}.scores-card{padding:var(--space-md)}.scores-title{font-size:var(--font-size-sm)}.quick-info-card{padding:var(--space-md)}.similar-grid{grid-template-columns:1fr}.similar-card{padding:var(--space-md)}.similar-title{font-size:var(--font-size-lg)}.perspective-tabs{flex-wrap:wrap;gap:6px}.perspective-tab{font-size:var(--font-size-2xs);padding:6px 12px}.score-item{flex-direction:column;gap:2px}.score-value{align-self:flex-end}}.product-list{min-height:100vh;padding-bottom:var(--space-xl)}.product-list .hero-section{padding:var(--space-lg) 0 var(--space-md);background:var(--bg-primary);color:var(--text-primary)}.product-list .hero-single-col{align-items:flex-start;max-width:1320px;height:100%;margin:0 auto;padding:0 40px;display:flex}.product-list .hero-single-col .hero-left{text-align:center;max-width:720px;margin:0 auto}.product-list .hero-single-col .hero-tags{justify-content:center}.product-list .hero-left h1{font-family:var(--font-sans);font-size:var(--font-size-hero-sm);color:var(--text-primary);white-space:nowrap;margin:0 0 16px;font-weight:700;line-height:1.1}.product-list .hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:560px;margin-bottom:20px;margin-left:auto;margin-right:auto;line-height:1.6}.product-list .hero-tags{flex-wrap:wrap;gap:10px;display:flex}.product-list .hero-tag{font-size:var(--font-size-xs);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:6px 16px;font-weight:500;transition:background .2s;display:inline-flex}.track-quick-links-wrap{background:var(--bg-primary);padding:0 0 8px}.track-quick-links-wrap .track-quick-links{justify-content:center}.track-quick-links{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;display:flex}.track-pill{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--warm-coral);border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid #f59e0b40;align-items:center;gap:6px;padding:8px 18px;font-weight:600;transition:all .2s;display:inline-flex}.track-pill:hover{background:#f59e0b26;border-color:#f59e0b80;transform:translateY(-1px)}.track-pill.active{background:var(--orange-accent);color:#fff;border-color:var(--orange-accent)}.list-filters{z-index:50;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e8e4db80;padding:16px 0 14px;position:sticky;top:72px}.filters-row-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.filters-row-main .search-box{flex:1;min-width:280px;max-width:520px}.filters-row-main .filter-group-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.filter-tabs-inline{flex-wrap:wrap;gap:6px;display:flex}.pricing-tabs .filter-tab-primary{font-size:var(--font-size-xs);border:1px solid var(--border-warm-solid);color:var(--text-secondary);background:#fff;border-radius:20px;padding:6px 12px}.pricing-tabs .filter-tab-primary.active{background:var(--orange-accent);color:#fff;border-color:var(--orange-accent)}.sort-tabs .filter-tab-secondary{font-size:var(--font-size-xs);border:1px solid var(--border-warm-solid);color:var(--text-secondary);background:#fff;border-radius:20px;padding:6px 12px}.sort-tabs .filter-tab-secondary.active{background:var(--orange-accent);color:#fff;border-color:var(--orange-accent)}.search-box{flex:1;min-width:320px}.search-input{width:100%}.search-input::placeholder{white-space:nowrap;overflow:visible}.filters-row-secondary,.filter-section-label,.seven-dimensions-info,.filter-select{display:none}.list-content{padding:var(--space-lg) 0}.products-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{border:1px solid var(--bg-zone);border-radius:var(--radius-md);background:var(--bg-card);padding:var(--card-padding-compact);box-shadow:var(--shadow-card);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative}.product-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover);border-color:var(--orange-accent)}.product-card.selected{border-color:var(--orange-accent);box-shadow:var(--border-focus)}.card-link{flex-direction:column;flex:1;padding-left:32px;display:flex;text-decoration:none!important}.card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;gap:8px;display:flex}.card-tags{flex-wrap:nowrap;gap:6px;min-width:0;display:flex;overflow:hidden}.card-tags .tag{cursor:default;flex-shrink:0;transition:none}.card-tags .tag:hover,.card-tags .tag-green:hover,.card-tags .tag-blue:hover{border-color:var(--gray-200);color:inherit;background:inherit}.card-score{white-space:nowrap;color:var(--accent-dark);font-weight:700;font-size:var(--font-size-md);flex-shrink:0}.card-footer-info{align-items:center;gap:10px;min-width:0;display:flex}.card-footer-info .card-score{background:var(--warm-coral);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:2px 8px;line-height:1.4}.card-footer-info .card-price{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-logo-wrap{width:var(--icon-card-sm);height:var(--icon-card-sm);border-radius:var(--radius-xs);background:var(--bg-zone);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.card-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:4px;font-weight:700}.card-company{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:8px}.card-tagline{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;line-height:1.6}.card-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed #e8e4db99;justify-content:space-between;align-items:center;display:flex}.card-price{font-size:var(--font-size-xs);color:var(--text-muted)}.empty-state{text-align:center;padding:var(--space-xl)}.empty-state p{color:var(--text-muted)}@media (width<=960px){.list-header .wrap{flex-direction:column;gap:16px}.header-content{max-width:100%}.header-image-wrap{flex:none;justify-content:center;width:100%}.list-header .sub{-webkit-line-clamp:unset;height:auto}.list-filters{padding:16px 0 12px}.filters-row-main{flex-direction:column;gap:12px;margin-bottom:12px}.filters-row-secondary{flex-direction:column;align-items:stretch;margin-bottom:10px;padding:12px 16px}.filter-group-left,.filter-group-right{flex-direction:column;align-items:stretch;gap:10px}.filter-divider{display:none}.filter-tabs-inline{justify-content:center}.search-box,.filter-select{width:100%}.products-grid,.compare-detail{grid-template-columns:1fr}.compare-bar{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=640px){.list-header{height:auto;padding:24px 0 16px}.list-header .wrap{height:auto}.header-image-wrap{width:100%}.list-features{gap:12px}.card-link{padding-left:0}.card-logo-wrap{width:36px;height:36px}.card-title{font-size:var(--font-size-md)}.product-card{padding:var(--space-lg)}.list-header h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.list-header .sub{text-align:center}.list-filters{padding:12px 0 10px}.filters-row-main{margin-bottom:10px}.filters-row-secondary{margin-bottom:8px;padding:10px 12px}.seven-dimensions-info{font-size:var(--font-size-2xs);padding:6px 12px}}.quickstart-page{background:var(--bg-primary);min-height:100vh}.quickstart-page .hero-section{padding:var(--space-lg) 0 var(--space-md);background:var(--bg-primary);color:var(--text-primary)}.quickstart-page .hero-single-col{align-items:flex-start;max-width:1320px;height:100%;margin:0 auto;padding:0 40px;display:flex}.quickstart-page .hero-single-col .hero-left{text-align:center;max-width:720px;margin:0 auto}.quickstart-page .hero-single-col .hero-tags{justify-content:center}.quickstart-page .hero-left .kicker{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);margin-bottom:16px;padding:6px 14px;font-weight:600;display:inline-block}.quickstart-page .hero-left h1{font-family:var(--font-sans);font-size:var(--font-size-hero-sm);color:var(--text-primary);white-space:nowrap;margin:0 0 16px;font-weight:700;line-height:1.1}.quickstart-page .hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:560px;margin-bottom:20px;margin-left:auto;margin-right:auto;line-height:1.6}.quickstart-page .hero-tags{flex-wrap:wrap;gap:10px;display:flex}.quickstart-page .hero-tag{font-size:var(--font-size-xs);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:6px 16px;font-weight:500;transition:background .2s;display:inline-flex}.quickstart-page .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}@media (width<=768px){.quickstart-page .hero-single-col{flex-direction:column;padding:0 20px}}.quickstart-header-right{flex:0 0 35%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:visible}.quickstart-header-right .header-image{object-fit:contain;width:100%;max-width:400px;height:auto}@media (width<=960px){.quickstart-hero{height:auto;padding:32px 20px 16px}.quickstart-hero .wrap{flex-direction:column;gap:16px}.quickstart-hero .header-content{max-width:100%}.quickstart-header-right{flex:none;width:100%}}.wizard-section{background:var(--bg-zone);padding:40px 0 60px}.quickstart-page .wrap{max-width:1200px;margin:0 auto;padding:0 40px}.wizard-steps{-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:space-between;gap:8px;margin-bottom:32px;display:flex;overflow-x:auto}.wizard-step-indicator{background:var(--bg-card);border-radius:var(--radius-md);border:2px solid var(--bg-zone);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex}.wizard-step-indicator.done,.wizard-step-indicator.active{border-color:var(--cta-bg);background:#1a1a1a0d}.wizard-step-indicator.paid{opacity:.7;cursor:not-allowed}.step-num{background:var(--bg-zone);width:24px;height:24px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.wizard-step-indicator.done .step-num,.wizard-step-indicator.active .step-num{background:var(--cta-bg);color:#fff}.step-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:13px;font-weight:600;overflow:hidden}.wizard-step-indicator.active .step-label{color:var(--cta-bg)}.step-lock{color:#d97706}.wizard-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:none;overflow:visible}.wizard-header{border-bottom:1px solid var(--border-warm);align-items:center;gap:12px;padding:24px 32px;display:flex}.wizard-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.wizard-header p{color:var(--text-muted);margin:0 0 0 auto;font-size:14px}.wizard-header svg{color:var(--cta-bg)}.wizard-body{min-height:300px;padding:32px;position:relative}.product-grid-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.product-card-mini{background:var(--bg-primary);border:2px solid var(--bg-zone);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:16px;display:flex}.product-card-mini:hover{border-color:var(--cta-bg);transform:translateY(-2px)}.product-card-mini.selected{border-color:var(--cta-bg);background:#1a1a1a0d}.product-logo-mini{object-fit:contain;flex-shrink:0;width:40px;height:40px}.product-info-mini h4{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:700}.product-info-mini p{color:var(--text-muted);margin:0;font-size:12px}.os-cards{grid-template-columns:1fr 1fr;gap:24px;max-width:500px;margin:0 auto;display:grid}.os-card{background:var(--bg-primary);border:2px solid var(--bg-zone);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);padding:40px}.os-card:hover{border-color:var(--cta-bg);box-shadow:none;transform:translateY(-4px)}.os-card.selected{border-color:var(--cta-bg);background:#1a1a1a0d}.os-card h3{color:var(--text-primary);margin:16px 0 4px;font-size:20px;font-weight:700}.os-card p{color:var(--text-muted);font-size:14px}.os-card svg{color:var(--text-muted)}.os-card.selected svg{color:var(--cta-bg)}.download-guide h3{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:700}.download-steps{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.download-step{background:var(--bg-primary);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:16px;display:flex}.step-badge{background:var(--cta-bg);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.download-step p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.download-step code{background:var(--bg-zone);color:var(--cta-bg);word-break:break-all;border-radius:4px;padding:2px 8px;font-size:13px}.free-preview-note{border-left:3px solid var(--orange-accent);background:#f59e0b14;border-radius:0 8px 8px 0;padding:16px 20px}.free-preview-note p{color:#92400e;margin:0 0 4px;font-size:14px}.free-preview-note p:last-child{margin-bottom:0}.step-prompt{text-align:center;color:var(--text-muted);padding:40px 0;font-size:16px}.paywall-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paywall-content{text-align:center;max-width:400px;padding:40px}.paywall-content svg{color:#d97706;margin-bottom:16px}.paywall-content h3{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.paywall-content p{color:var(--text-muted);margin-bottom:16px;font-size:14px}.paywall-content ul{text-align:left;margin-bottom:24px;padding-left:20px}.paywall-content li{color:var(--text-muted);margin-bottom:8px;font-size:14px}.paywall-price{margin-bottom:24px}.paywall-price .price{color:#d97706;margin-bottom:4px;font-size:36px;font-weight:800;display:block}.paywall-price .price-note{color:var(--text-muted);font-size:12px}.paywall-buy-btn{background:var(--cta-bg);color:var(--cta-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:16px 48px;font-size:18px;font-weight:700}.paywall-buy-btn:hover{background:var(--cta-hover);transform:translateY(-2px)}.wizard-nav{border-top:1px solid var(--border-warm);justify-content:space-between;padding:20px 32px;display:flex}.nav-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 32px;font-size:16px;font-weight:600}.nav-btn.prev{background:var(--bg-zone);color:var(--text-muted)}.nav-btn.prev:hover:not(:disabled){background:#e5e7eb}.nav-btn.next{background:var(--cta-bg);color:var(--cta-text)}.nav-btn.next:hover:not(:disabled){background:var(--cta-hover)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.value-section{background:var(--bg-primary);padding:60px 0}.value-section .wrap{max-width:1200px}.section-title{color:var(--text-primary);text-align:center;margin-bottom:40px;font-size:28px;font-weight:700}.value-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;box-shadow:none;transition:all var(--transition-fast);padding:32px}.value-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.value-icon{margin-bottom:16px;font-size:48px}.value-card h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.value-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.paid-guide-content{max-width:720px}.paid-guide-content>h3{color:var(--text-primary);border-bottom:2px solid var(--orange-accent);margin-bottom:24px;padding-bottom:12px;font-size:20px;font-weight:700}.guide-section{margin-bottom:32px}.guide-section>h4{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:700}.guide-intro{color:var(--text-muted);margin-bottom:0;font-size:14px;line-height:1.7}.guide-compare{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.guide-option{background:var(--bg-primary);border:1px solid var(--border-warm);border-radius:var(--radius-md);padding:16px 20px;position:relative}.guide-option.recommended{border-color:var(--orange-accent);background:#1a1a1a08}.option-badge{background:var(--orange-accent);color:#fff;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:12px}.guide-option h5{color:var(--text-primary);margin:0 0 6px;font-size:14px;font-weight:700}.guide-option p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.guide-checklist{margin:0;padding:0;list-style:none}.guide-checklist li{color:var(--text-muted);align-items:flex-start;gap:8px;margin-bottom:10px;font-size:14px;line-height:1.6;display:flex}.guide-checklist svg{color:var(--orange-accent);flex-shrink:0;margin-top:2px}.guide-faq{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-primary);border-radius:var(--radius-md);border-left:3px solid var(--border-warm);padding:14px 18px}.faq-q{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.faq-a{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.guide-table{border:1px solid var(--border-warm);border-radius:var(--radius-md);overflow:auto hidden}.guide-table-header{background:var(--bg-zone);color:var(--text-primary);grid-template-columns:1.2fr 1fr 2fr;padding:10px 16px;font-size:13px;font-weight:700;display:grid}.guide-table-row{color:var(--text-muted);border-top:1px solid var(--border-warm);word-break:break-word;grid-template-columns:1.2fr 1fr 2fr;align-items:center;padding:10px 16px;font-size:13px;display:grid}.model-badge{color:var(--cta-bg);background:#1a1a1a1a;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.guide-steps-list{margin:0 0 12px;padding-left:20px}.guide-steps-list li{color:var(--text-muted);margin-bottom:4px;font-size:14px;line-height:1.8}.guide-tip{border-left:3px solid var(--cta-bg);background:#1a1a1a0d;border-radius:0 8px 8px 0;align-items:flex-start;gap:10px;margin-top:12px;padding:14px 18px;display:flex}.guide-tip svg{color:var(--cta-bg);flex-shrink:0;margin-top:2px}.guide-tip p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.guide-task-steps{flex-direction:column;gap:16px;display:flex}.guide-task-step{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-warm);align-items:flex-start;gap:12px;padding:16px;display:flex}.guide-task-step strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700;display:block}.guide-task-step p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.prompt-box{color:#e2e8f0;word-break:break-word;background:#1e293b;border-radius:8px;margin-top:8px;padding:12px 16px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.prompt-box code{color:#93c5fd}.guide-task-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.guide-task-card{background:var(--bg-primary);border:1px solid var(--border-warm);border-radius:var(--radius-md);text-align:center;padding:20px}.guide-task-card svg{color:var(--orange-accent);margin-bottom:8px}.guide-task-card h5{color:var(--text-primary);margin:0 0 6px;font-size:14px;font-weight:700}.guide-task-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.guide-skills-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.guide-skill-card{background:var(--bg-primary);border:1px solid var(--border-warm);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);padding:20px}.guide-skill-card:hover{border-color:var(--orange-accent);transform:translateY(-2px)}.skill-icon{width:40px;height:40px;color:var(--cta-bg);background:#1a1a1a1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.guide-skill-card h5{color:var(--text-primary);margin:0 0 6px;font-size:14px;font-weight:700}.guide-skill-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.guide-complete{text-align:center;border-radius:var(--radius-lg);background:#f59e0b0d;border:2px solid #f59e0b33;margin-top:24px;padding:32px}.guide-complete svg{color:var(--orange-accent);margin-bottom:12px}.guide-complete h3{color:var(--text-primary);border:none;margin:0 0 8px;padding:0;font-size:18px;font-weight:700}.guide-complete p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.paid-step-nav{border-top:1px solid var(--border-warm);justify-content:space-between;margin-top:32px;padding-top:20px;display:flex}@media (width<=768px){.wizard-steps{flex-wrap:wrap}.wizard-step-indicator{flex:0 0 calc(50% - 4px)}.value-grid,.os-cards,.product-grid-compact,.guide-compare{grid-template-columns:1fr}.guide-table-header,.guide-table-row{grid-template-columns:1fr;gap:4px}.guide-task-list,.guide-skills-grid{grid-template-columns:1fr}.wizard-body{padding:20px}}.ranking{min-height:100vh;padding-bottom:var(--space-xl);background:var(--bg-primary)}.ranking .hero-section{padding:var(--space-xl) 0 var(--space-lg);background:var(--bg-primary);color:var(--text-primary)}.ranking .hero-double-col{justify-content:space-between;align-items:center;max-width:1320px;height:100%;margin:0 auto;padding:0 40px;display:flex}.ranking .hero-single-col{align-items:flex-start;max-width:1320px;height:100%;margin:0 auto;padding:0 40px;display:flex}.ranking .hero-single-col .hero-left{text-align:center;max-width:720px;margin:0 auto}.ranking .hero-single-col .hero-tags{justify-content:center}.ranking .hero-left .kicker{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);margin-bottom:16px;padding:6px 14px;font-weight:600;display:inline-block}.ranking .hero-left{flex:1;max-width:65%}.ranking .hero-left h1{font-family:var(--font-sans);font-size:var(--font-size-hero-sm);color:var(--text-primary);margin:0 0 16px;font-weight:700;line-height:1.1}.ranking .hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:560px;margin-bottom:20px;line-height:1.6}.ranking .hero-tags{flex-wrap:wrap;gap:10px;display:flex}.ranking .hero-tag{font-size:var(--font-size-xs);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:6px 16px;font-weight:500;transition:background .2s;display:inline-flex}.ranking .hero-tag:hover{background:#2563eb1f}.ranking .hero-right{flex:0 0 45%;justify-content:center;align-items:center;height:100%;display:flex}@media (width<=768px){.ranking .hero-double-col{flex-direction:column;padding:0 20px}.ranking .hero-single-col{padding:0 20px}.ranking .hero-single-col .hero-left,.ranking .hero-left{max-width:100%}.ranking .hero-right{flex:none;justify-content:center;width:100%}.ranking .hero-left h1{font-size:var(--font-size-2xl)}}.ranking-bar-chart{flex-direction:column;gap:16px;width:100%;max-width:520px;display:flex}.bar-section{flex-direction:column;width:100%;display:flex}.bar-section-full{flex:1}.bar-section-title{color:var(--text-primary);letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:700}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-name,.chart-score{font-family:var(--font-sans)}@media (width<=768px){.ranking-bar-chart{max-width:100%;margin-top:16px}}.ranking-header{background-color:var(--bg-primary);height:var(--hero-section-height);padding:48px 0 16px;position:relative;overflow:hidden}.ranking-header .wrap{justify-content:space-between;align-items:flex-start;height:100%;display:flex}.ranking-header-left{flex:1;max-width:65%}.ranking-header-right{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;flex:0 0 35%;justify-content:center;align-items:center;padding:0;animation:.8s ease-out slideInRight;display:flex;overflow:visible}.ranking-hero-icon{justify-content:center;align-items:center;width:260px;height:260px;display:flex}.ranking-hero-icon svg{width:100%;height:100%}.ranking-header h1{font-family:var(--font-sans);margin:var(--space-sm) 0;z-index:1;font-weight:600;position:relative}.ranking-header .sub{font-size:var(--font-size-md);color:var(--text-muted);margin-bottom:4px;line-height:1.6}.ranking-features{z-index:1;background:var(--bg-card);border-radius:var(--radius-sm);flex-wrap:wrap;gap:16px;margin-top:6px;margin-bottom:0;padding:12px 16px;display:flex;position:relative}.ranking-feature{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}.ranking-feature svg{color:var(--success)}.ranking-stats{padding:var(--space-md) 0;background:var(--bg-zone)}.ranking-stats .wrap{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-warm-solid);border-radius:var(--radius-sm);text-align:center;min-width:140px;transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:16px 24px}.stat-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-md)}.stat-value{font-family:var(--font-sans);font-size:var(--font-size-xl);color:var(--cta-bg);font-weight:600}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px}.ranking-intel-banner{padding:var(--space-md) 0;background:var(--bg-zone);border-bottom:1px solid var(--border-warm-solid)}.intel-banner-inner{background:var(--bg-secondary);border:1px solid var(--border-warm-solid);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 18px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.intel-banner-inner:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.intel-banner-icon{background:var(--accent-muted);width:40px;height:40px;color:var(--accent-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.intel-banner-text{flex-direction:column;flex:1;gap:2px;display:flex}.intel-banner-text strong{font-size:var(--font-size-md);color:var(--text-primary);font-weight:700}.intel-banner-text span{font-size:var(--font-size-sm);color:var(--text-muted)}.intel-banner-arrow{color:var(--text-muted);flex-shrink:0}@media (width<=768px){.intel-banner-inner{padding:12px 14px}}.ranking-tier-legend{padding:var(--space-sm) 0 var(--space-md)}.ranking-tier-legend .wrap{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.tier-badge-legend{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:8px;display:flex}.tier-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.ranking-groups{padding:var(--space-md) 0}.ranking-group{margin-bottom:var(--space-lg)}.ranking-group:last-child{margin-bottom:0}.group-header{margin-bottom:var(--space-md);border-bottom:2px solid var(--bg-zone);align-items:center;gap:16px;padding-bottom:12px;display:flex}.group-foreign-label{align-items:center;gap:8px;display:flex}.group-foreign-icon{border-radius:var(--radius-sm);background:var(--bg-zone);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;overflow:hidden}.group-foreign-icon img{object-fit:contain;width:36px;height:36px}.group-title{font-family:var(--font-sans);font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:600}.group-foreign-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.podium{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}.podium-item{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-md);text-align:center;transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:20px 16px;position:relative}.podium-item:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-lg)}.podium-item.rank-1{border:2px solid var(--orange-accent);background:linear-gradient(135deg, #f59e0b0f 0%, var(--bg-secondary) 100%);order:2}.podium-item.rank-2{order:1}.podium-item.rank-3{order:3}.podium-rank{font-family:var(--font-sans);font-size:var(--font-size-xl);color:var(--orange-accent);margin-bottom:4px;font-weight:700}.podium-rank.rank-1{color:var(--orange-accent)}.podium-rank.rank-2{color:var(--cta-bg)}.podium-rank.rank-3{color:var(--purple)}.podium-match{font-size:var(--font-size-2xs);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);margin-bottom:8px;padding:2px 10px;display:inline-block}.podium-product-name{font-family:var(--font-sans);font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:4px;font-weight:600}.podium-company{font-size:var(--font-size-2xs);color:var(--text-muted);margin-bottom:8px}.podium-reason{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:12px;line-height:1.5}.podium-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.podium-tier{font-size:var(--font-size-2xs);border-radius:var(--radius-pill);padding:3px 8px;font-weight:600;display:inline-block}.tier-S{color:var(--accent-dark);background:var(--accent-muted)}.tier-A{color:var(--cta-hover);background:var(--primary-muted)}.tier-B{color:var(--purple-dark);background:var(--purple-muted)}.tier-C{color:var(--text-muted);background:var(--gray-100)}.podium-price{font-size:var(--font-size-2xs);color:var(--success)}.podium-link{font-size:var(--font-size-2xs);color:var(--cta-bg);transition:color var(--transition-normal);text-decoration:none}.podium-link:hover{color:var(--cta-hover)}.rank-list{flex-direction:column;gap:12px;display:flex}.rank-row{background:var(--bg-card);border:1px solid var(--border-warm-solid);border-radius:var(--radius-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);align-items:center;gap:16px;padding:12px 20px;display:flex}.rank-row:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-md)}.rank-number{font-family:var(--font-sans);font-size:var(--font-size-lg);color:var(--text-muted);text-align:center;min-width:28px;font-weight:700}.rank-product-info{flex:1;min-width:0}.rank-product-name{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-primary);font-weight:600}.rank-product-reason{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px;line-height:1.4}.rank-match-bar{background:var(--bg-zone);border-radius:3px;flex:0 0 120px;height:6px;position:relative;overflow:hidden}.rank-match-fill{background:var(--cta-bg);border-radius:3px;height:100%;transition:width .6s ease-out}.rank-match-label{font-size:var(--font-size-2xs);color:var(--accent-dark);text-align:right;min-width:36px;font-weight:600}.rank-tier-badge{flex-shrink:0}.rank-price{font-size:var(--font-size-2xs);color:var(--success);flex-shrink:0}.rank-detail-link{font-size:var(--font-size-2xs);color:var(--cta-bg);transition:color var(--transition-normal);flex-shrink:0;text-decoration:none}.rank-detail-link:hover{color:var(--cta-hover)}.ranking-overall{padding:var(--space-xl) 0;background:var(--bg-primary)}.overall-header{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.overall-header .section-title{margin:0}.ranking-sort-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sort-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-right:4px}.ranking-sort-bar button{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:var(--radius-pill);cursor:pointer;padding:6px 14px;transition:all .2s}.ranking-sort-bar button:hover{border-color:var(--text-muted);color:var(--text-primary)}.ranking-sort-bar button.active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.ranking-list{flex-direction:column;gap:12px;display:flex}.ranking-list-header{font-size:var(--font-size-xs);color:var(--text-muted);border-bottom:1px solid var(--gray-200);grid-template-columns:64px 44px 1fr 80px 72px 76px 80px 92px;align-items:center;gap:12px;padding:0 20px 10px;display:grid}.ranking-row-card{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-md);grid-template-columns:64px 44px 1fr 80px 72px 76px 80px 92px;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:grid}.ranking-row-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.row-rank{font-family:var(--font-sans);font-size:var(--font-size-xl);color:var(--text-muted);text-align:center;flex-shrink:0;font-weight:700}.row-logo{border-radius:var(--radius-sm);background:var(--bg-zone);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.row-logo img{object-fit:contain;width:100%;height:100%;padding:4px}.row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.row-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.row-name:hover{color:var(--cta-bg)}.row-company{font-size:var(--font-size-xs);color:var(--text-muted)}.row-tagline{font-size:var(--font-size-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;line-height:1.4;overflow:hidden}.row-track{font-size:var(--font-size-xs);border-radius:var(--radius-pill);background:var(--bg-zone);color:var(--text-muted);text-align:center;justify-self:start;padding:4px 10px;font-weight:500}.row-score{font-family:var(--font-sans);font-size:var(--font-size-lg);text-align:center;flex-shrink:0;font-weight:700}.row-tier{font-size:var(--font-size-xs);border-radius:var(--radius-pill);text-align:center;white-space:nowrap;justify-self:start;padding:4px 10px;font-weight:600}.row-pricing{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;flex-shrink:0}.row-compare-btn{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;transition:all .2s;display:inline-flex}.row-compare-btn:hover{border-color:var(--cta-bg);color:var(--cta-bg);background:var(--bg-hover)}.row-compare-btn.checked{background:var(--cta-bg);border-color:var(--cta-bg);color:#fff}.compare-icon{font-size:14px;font-weight:600;line-height:1}.compare-text{white-space:nowrap}.ranking-hero-legend{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:100%;max-width:420px;margin-left:auto;padding:24px}.legend-header{font-size:var(--font-size-lg);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.legend-header svg{color:var(--accent);flex-shrink:0}.legend-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:16px;line-height:1.5}.legend-tier-matrix{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.legend-tier-card{background:var(--bg-primary);border:1px solid var(--gray-100);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:8px;padding:16px;display:flex}.legend-tier-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.legend-tier-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.legend-tier-badge{font-size:var(--font-size-xs);border-radius:var(--radius-pill);white-space:nowrap;text-align:center;flex-shrink:0;min-width:64px;padding:5px 12px;font-weight:700}.legend-tier-meaning{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.legend-tier-range{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;font-family:var(--font-sans);flex-shrink:0}.ranking-cta{padding:var(--space-lg) 0;background:var(--bg-zone);margin-top:var(--space-md)}.ranking-cta .wrap{text-align:center}.ranking-tier-legend{margin-top:var(--space-lg);background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px 24px}.compare-section-inline{margin:var(--space-md) 0;padding:var(--space-sm) 0;border-top:2px dashed var(--gray-200)}.tier-legend-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tier-legend-card{background:var(--bg-primary);border:1px solid var(--gray-100);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:12px;padding:16px;display:flex}.tier-legend-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.tier-legend-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tier-legend-badge{font-size:var(--font-size-xs);border-radius:var(--radius-pill);white-space:nowrap;text-align:center;flex-shrink:0;min-width:72px;padding:5px 12px;font-weight:700}.tier-legend-range{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;font-family:var(--font-sans);flex-shrink:0}.tier-legend-meaning{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}@media (width<=768px){.tier-legend-grid{grid-template-columns:repeat(2,1fr)}.tier-legend-meaning{white-space:normal}}@media (width<=480px){.tier-legend-grid{grid-template-columns:1fr}}.cta-card{background:var(--bg-card);border:2px solid var(--accent-muted);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);max-width:720px;margin:0 auto}.cta-title{font-family:var(--font-sans);font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:8px;font-weight:600}.cta-desc{font-size:var(--font-size-md);color:var(--text-muted);margin-bottom:var(--space-md);line-height:1.6}.cta-buttons{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.cta-btn-primary{background:var(--cta-bg);color:var(--cta-text);font-size:var(--font-size-md);border-radius:var(--radius-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex}.cta-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.cta-btn-secondary{background:var(--bg-secondary);border:1.5px solid var(--cta-bg);color:var(--cta-bg);font-size:var(--font-size-md);border-radius:var(--radius-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;align-items:center;gap:8px;padding:12px 28px;font-weight:500;text-decoration:none;display:inline-flex}.cta-btn-secondary:hover{box-shadow:var(--shadow-md);background:var(--primary-muted);transform:translateY(-2px)}.info-gap-hint{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-zone);border-radius:var(--radius-sm);margin-top:var(--space-sm);text-align:center;padding:12px 16px;line-height:1.5}.info-gap-hint strong{color:var(--accent-dark)}.ranking-assessment-entry{padding:var(--space-md) 0}.assessment-entry-card{border:1.5px solid var(--purple-muted);border-radius:var(--radius-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:linear-gradient(135deg,#8b5cf60f 0%,#f59e0b0f 100%);align-items:center;gap:16px;padding:20px 24px;display:flex}.assessment-entry-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-md)}.assessment-icon{border-radius:var(--radius-sm);background:var(--purple-muted);width:48px;height:48px;color:var(--purple);flex-shrink:0;justify-content:center;align-items:center;display:flex}.assessment-info{flex:1}.assessment-title{font-family:var(--font-sans);font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.assessment-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px;line-height:1.5}.assessment-price-tag{font-size:var(--font-size-sm);color:var(--purple);margin-top:4px;font-weight:600}.assessment-btn{background:var(--purple);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.assessment-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (width<=768px){.ranking-header .wrap{flex-direction:column;align-items:flex-start}.ranking-header-left{max-width:100%}.ranking-header-right{flex:none;width:100%;height:auto;margin-top:8px}.ranking-hero-icon{width:180px;height:180px}.podium{grid-template-columns:1fr;gap:12px}.podium-item.rank-1,.podium-item.rank-2,.podium-item.rank-3{order:unset}.rank-row{flex-wrap:wrap;gap:8px}.rank-match-bar{flex:100%;order:10}.overall-grid{grid-template-columns:1fr}.ranking-features{flex-direction:column;gap:8px;padding:8px 12px}.ranking-stats .wrap{gap:var(--space-sm)}.stat-card{min-width:100px;padding:12px 16px}.cta-card{padding:var(--space-md) var(--space-sm)}.cta-buttons{flex-direction:column}.assessment-entry-card{text-align:center;flex-direction:column}.group-header{flex-direction:column;gap:8px}}@media (width<=480px){.podium-item{padding:16px 12px}.rank-row{padding:8px 12px}.overall-card{padding:12px}}.ranking-tracks{padding:var(--space-xl) 0;background:var(--bg-zone)}.track-group{background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:none;transition:box-shadow .3s;overflow:hidden}.track-group:hover{box-shadow:var(--shadow-card-hover)}.track-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:20px 24px;transition:background .2s;display:flex}.track-header:hover{background:var(--bg-zone)}.track-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.track-info{flex:1}.track-info h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 4px;font-weight:700}.track-info p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 6px}.track-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.track-toggle{color:var(--text-muted);flex-shrink:0}.track-products{flex-direction:column;gap:8px;padding:0 24px 20px;display:flex}.ranking-card{background:var(--bg-primary);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.ranking-card:hover{background:var(--bg-zone);transform:translate(4px)}.ranking-card-rank{font-size:var(--font-size-lg);color:var(--text-muted);text-align:center;flex-shrink:0;width:32px;font-weight:700}.ranking-card-logo{flex-shrink:0;width:40px;height:40px}.ranking-card-logo img{object-fit:contain;border-radius:var(--radius-sm);width:100%;height:100%}.ranking-row-logo{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px;overflow:hidden}.ranking-row-logo img{object-fit:contain;width:100%;height:100%;display:block}.ranking-card-info{flex:1;min-width:0}.ranking-card-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;display:block;overflow:hidden}.ranking-card-name:hover{color:var(--cta-bg)}.ranking-card-tagline{font-size:var(--font-size-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.ranking-card-score{font-size:var(--font-size-xl);text-align:center;flex-shrink:0;width:48px;font-weight:700}.ranking-card-tier{font-size:var(--font-size-xs);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-weight:600}.ranking-card-pricing{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;flex-shrink:0;width:80px}.ranking-row-track{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--bg-zone);color:var(--text-muted);flex-shrink:0;padding:2px 8px;font-weight:500}.ranking-cta{background:var(--bg-primary);text-align:center;padding:64px 0}.ranking-cta .wrap{max-width:600px;margin:0 auto}.ranking-cta h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0 0 12px;font-weight:700}.ranking-cta p{font-size:var(--font-size-lg);color:var(--text-muted);margin:0 0 24px}.ranking-cta .btn-primary{background:var(--cta-bg);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-lg);padding:14px 32px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.ranking-cta .btn-primary:hover{background:var(--cta-hover);box-shadow:var(--shadow-cta);transform:translateY(-2px)}@media (width<=768px){.ranking-hero-legend{max-width:100%;margin-left:0;margin-top:var(--space-md);padding:20px}.legend-tier-matrix{gap:10px}.legend-tier-card{padding:12px}.legend-tier-card-top{flex-direction:column;align-items:flex-start;gap:6px}.legend-tier-badge{min-width:56px;padding:4px 10px}.legend-tier-meaning{font-size:var(--font-size-xs)}.legend-tier-range{font-size:var(--font-size-2xs)}.ranking-list-header{display:none}.ranking-row-card{grid-template-rows:auto auto;grid-template-columns:44px 1fr auto;gap:12px;padding:14px 16px}.row-rank{text-align:left;font-size:var(--font-size-lg);grid-area:1/1}.row-logo{grid-area:2/1;align-self:start}.row-info{grid-area:2/2/auto/4}.row-track,.row-score,.row-tier,.row-pricing{justify-self:start;align-items:center;display:inline-flex}.row-track{grid-area:1/2}.row-score{grid-area:1/3;justify-self:end}.row-tier{grid-area:3/2}.row-pricing{grid-area:3/3;justify-self:end}.row-compare-btn{grid-area:1/3;justify-self:end}.row-tagline{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}@media (width<=480px){.ranking-row-card{gap:8px;padding:12px}.row-compare-btn{padding:6px 10px}.row-pricing{display:none}}.scenarios{min-height:100vh;padding-bottom:var(--space-xl);background:var(--bg-primary)}.scenarios .hero-section{padding:var(--space-lg) 0 var(--space-md);background:var(--bg-primary);color:var(--text-primary)}.scenarios .hero-single-col{align-items:flex-start;max-width:1320px;height:100%;margin:0 auto;padding:0 40px;display:flex}.scenarios .hero-single-col .hero-left{text-align:center;max-width:720px;margin:0 auto}.scenarios .hero-single-col .hero-tags{justify-content:center}.scenarios .hero-left .kicker{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);margin-bottom:16px;padding:6px 14px;font-weight:600;display:inline-block}.scenarios .hero-left h1{font-family:var(--font-sans);font-size:var(--font-size-hero-sm);color:var(--text-primary);white-space:nowrap;margin:0 0 16px;font-weight:700;line-height:1.1}.scenarios .hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);max-width:560px;margin-bottom:20px;margin-left:auto;margin-right:auto;line-height:1.6}.scenarios .hero-tags{flex-wrap:wrap;gap:10px;display:flex}.scenarios .hero-tag{font-size:var(--font-size-xs);color:var(--accent-dark);background:var(--accent-muted);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:6px 16px;font-weight:500;transition:background .2s;display:inline-flex}.scenarios .view-toggle{margin:20px auto 0}.view-toggle{background:var(--bg-zone);border-radius:var(--radius-md);z-index:1;gap:4px;width:fit-content;margin-top:16px;padding:4px;display:flex;position:relative}.toggle-btn{height:var(--btn-height-sm);padding:var(--btn-padding-sm);border-radius:var(--btn-radius-sm);font-size:var(--btn-font-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-weight:500;transition:all .2s;display:flex}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{color:var(--cta-bg);box-shadow:var(--shadow-card);background:#fff}.scenarios-search{background:var(--bg-card);padding:12px 0 16px}.search-box{max-width:520px;margin:0 auto}.search-input{width:100%;height:var(--btn-height-md);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--bg-card);transition:all var(--transition-fast);border:1px solid #e8e4db99;padding:0 20px}.search-input:focus{border-color:var(--orange-accent);box-shadow:var(--border-focus);outline:none}.search-input::placeholder{color:var(--text-muted)}.scenarios-grid{background:var(--bg-primary);width:100%;padding:16px 0 64px;overflow:visible;display:block!important}.scenarios-grid>.wrap{width:100%}.scenario-list{column-gap:var(--grid-gap-standard-col);row-gap:var(--grid-gap-standard-row);grid-template-columns:repeat(3,1fr);width:100%;max-width:1200px;margin:0 auto;display:grid}.scenario-card{width:100%;min-width:0;padding:var(--card-padding-medium);border-radius:var(--radius-md);border-left:var(--card-border-semantic-width) solid var(--bg-zone);box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:var(--bg-card);flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden}.scenario-card.bg-blue{border-left-color:var(--cta-bg)}.scenario-card.bg-orange{border-left-color:var(--orange-accent)}.scenario-card.bg-purple{border-left-color:var(--purple)}.scenario-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover);border-color:var(--orange-accent)}.scenario-number{display:none}.scenario-header{align-items:center;gap:12px;display:flex}.scenario-icon-wrap{width:var(--icon-card-sm);height:var(--icon-card-sm);border-radius:var(--radius-xs);color:var(--orange-accent);transition:all var(--transition-normal);background:#f59e0b14;flex-shrink:0;place-items:center;display:grid}.scenario-card:hover .scenario-icon-wrap{background:var(--orange-accent);color:#fff}.scenario-info{flex:1;min-width:0}.scenario-title{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-weight:700;overflow:hidden}.scenario-efficiency{font-size:var(--font-size-xs);color:var(--accent-dark);background:var(--bg-accent-ultra-light);border-radius:var(--radius-xs);padding:2px 8px;display:inline-block}.scenario-agents{background:var(--white-overlay-sm);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.agent-item{align-items:center;gap:8px;display:flex}.agent-item.primary .agent-label{background:var(--bg-accent-ultra-light);color:var(--accent-dark)}.agent-item.secondary .agent-label{background:var(--bg-function-gray);color:var(--text-muted)}.agent-label{font-size:var(--font-size-sm);border-radius:var(--radius-xs);white-space:nowrap;padding:3px 10px;font-weight:600}.agent-name{font-size:var(--font-size-xs);color:var(--text-dark);align-items:center;gap:6px;font-weight:500;display:flex}.agent-logo{border-radius:var(--radius-xs);object-fit:contain;width:16px;height:16px}.scenario-capability{align-items:center;gap:8px;display:flex}.capability-label{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;font-weight:500}.capability-value{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--white-overlay-md);border-radius:var(--radius-sm);padding:4px 12px;font-weight:500;display:inline-block}.scenario-details{margin-top:auto}.scenario-details summary{cursor:pointer;color:var(--cta-bg);-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);transition:all var(--transition-fast);font-weight:500;font-size:var(--font-size-xs);background:#1a1a1a0f;padding:8px 12px;display:inline-block}.scenario-details summary:hover{background:#1a1a1a1f}.scenario-details p{background:var(--white-overlay-md);border-radius:var(--radius-sm);color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-xs);margin-top:12px;padding:12px}.occupation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;min-width:0;max-width:1200px;margin:0 auto;display:grid}.occupation-card{width:100%;min-width:0;padding:var(--card-padding-medium);border-radius:var(--radius-md);border-left:3px solid var(--orange-accent);box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:var(--bg-card);flex-direction:column;gap:16px;display:flex}.occupation-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.occupation-card-header{align-items:center;gap:12px;display:flex}.occ-icon-wrap{width:var(--icon-card-md);height:var(--icon-card-md);border-radius:var(--radius-sm);color:var(--orange-accent);background:#f59e0b14;flex-shrink:0;place-items:center;display:grid}.occ-info{flex:1}.occ-title{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-dark);margin:0;font-weight:700}.occ-count{font-size:var(--font-size-xs);color:var(--text-muted)}.occ-scenario{background:var(--white-overlay-sm);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.occ-agents{gap:12px;display:flex}.occ-agent{font-size:var(--font-size-xs);align-items:center;gap:6px;display:flex}.occ-agent.primary .occ-label{background:var(--bg-accent-ultra-light);color:var(--accent-dark)}.occ-agent.secondary .occ-label{background:var(--bg-function-gray);color:var(--text-muted)}.occ-label{border-radius:var(--radius-xs);white-space:nowrap;padding:3px 10px;font-weight:600}.occ-name{color:var(--text-dark);align-items:center;gap:6px;font-weight:500;display:flex}.occ-logo{border-radius:var(--radius-xs);object-fit:contain;width:16px;height:16px}.occ-capability{font-size:var(--font-size-xs);color:var(--text-secondary);border-top:1px dashed var(--border-warm-solid);justify-content:space-between;align-items:center;padding-top:6px;display:flex}.occ-efficiency{color:var(--accent-dark);font-weight:600}.empty-state{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--bg-zone);border-radius:var(--radius-md);grid-column:1/-1}.cta-banner{background:var(--bg-primary);border-top:1px solid var(--bg-zone);border-bottom:1px solid var(--bg-zone);margin-top:32px;padding:28px 0}.cta-content{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.cta-left{flex:1;align-items:center;gap:16px;display:flex}.cta-left svg{color:var(--orange-accent);flex-shrink:0}.cta-left h3{font-size:var(--font-size-lg);color:var(--text-dark);margin:0 0 4px;font-weight:600}.cta-left p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.cta-banner .btn{height:var(--btn-height-lg);padding:var(--btn-padding-lg);font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg);flex-shrink:0;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.scenarios-footer{background:var(--bg-zone);border-top:3px solid #b8b2a5;border-radius:0;margin-top:32px;padding:20px 24px}@media (width<=1200px){.scenario-list{grid-template-columns:repeat(3,1fr)}}@media (width<=960px){.scenarios-header .wrap{flex-direction:column;gap:16px}.scenarios-header .header-content{max-width:100%}.scenarios-header-right{flex:none;justify-content:center;width:100%}.scenarios-header .sub{-webkit-line-clamp:unset;height:auto}.scenario-list,.occupation-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.scenarios-header{height:auto;padding:24px 0 16px}.scenarios-header .wrap{height:auto}.scenarios-header-right{width:100%}.scenario-list,.occupation-grid{grid-template-columns:1fr}.scenario-card{padding:var(--space-lg)}.scenario-icon-wrap{width:44px;height:44px}.scenarios-features{gap:var(--space-lg)}.scenarios-search{padding:12px 16px 16px}.scenarios-grid{padding:16px 16px 64px}.scenarios-header h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.scenarios-header .sub{text-align:center}}.tools{min-height:100vh;padding-bottom:var(--space-xl);background:var(--bg-primary)}.tools-header{background-color:var(--bg-primary);height:var(--hero-section-height);padding:32px 0 16px;position:relative;overflow:hidden}.tools-header .wrap{justify-content:space-between;align-items:flex-start;height:100%;display:flex}.tools-header-left{flex-direction:column;flex:1;max-width:65%;display:flex}.tools-header-right{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;flex:0 0 35%;justify-content:center;align-items:center;padding:0;animation:.8s ease-out slideInRight;display:flex;overflow:visible}.header-image{object-fit:contain;width:420px;max-width:420px;height:100%;transform:translate(34px)translateY(-17px)}.tools-header h1{font-family:var(--font-display);margin:var(--space-sm) 0;z-index:1;font-weight:600;position:relative}.tools-header .kicker{box-sizing:border-box;width:100%}.tools-header .sub{font-size:var(--font-size-md);color:var(--text-secondary);z-index:1;margin-bottom:4px;line-height:1.6;position:relative}.tools-features{z-index:1;background:var(--bg-card);border-radius:var(--radius-sm);flex-wrap:wrap;gap:16px;margin-top:6px;margin-bottom:0;padding:12px 20px;display:flex;position:relative}.tools-cards-section{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-xl) 20px 20px 20px!important}.tools-grid-cards{column-gap:var(--grid-gap-standard-col);row-gap:var(--grid-gap-standard-row);grid-template-columns:repeat(3,1fr);display:grid}.tools-feature{font-size:var(--font-size-sm);color:var(--accent-dark);background:var(--warm-coral);border-radius:var(--radius-lg);align-items:center;gap:8px;padding:6px 14px;line-height:1;display:flex}.tools-feature svg{color:var(--orange-accent)}.tools-grid{padding:8px 0}.grid-3.tool-list{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.tool-card{padding:var(--card-padding-compact);transition:all var(--transition-normal);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.tool-writing{border-left:3px solid var(--cta-bg)}.tool-writing .tool-icon{background:var(--bg-function-blue);color:var(--cta-bg)}.tool-writing:hover{border-left-color:var(--cta-bg);box-shadow:0 4px 12px #1a1a1a26}.tool-image{border-left:3px solid var(--orange-accent)}.tool-image .tool-icon{background:var(--bg-function-orange);color:var(--orange-accent)}.tool-image:hover{border-left-color:var(--orange-accent);box-shadow:0 4px 12px #f59e0b26}.tool-video{border-left:3px solid var(--purple)}.tool-video .tool-icon{background:var(--bg-function-purple);color:var(--purple)}.tool-video:hover{border-left-color:var(--purple);box-shadow:0 4px 12px #8b5cf626}.tool-number{font-size:var(--font-size-hero);font-weight:800;font-family:var(--font-mono);opacity:.04;color:var(--text-primary);z-index:0;line-height:1;position:absolute;top:-15px;right:-15px}.tool-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--orange-accent);transform:var(--hover-lift-sm)}.tool-header{margin-bottom:var(--space-sm);z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.tool-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--orange-accent);transition:all var(--transition-normal);background:#f59e0b14;place-items:center;display:grid}.tool-badge{font-size:var(--font-size-2xs);color:var(--orange-accent);border-radius:var(--radius-pill);background:#f59e0b1a;align-items:center;gap:5px;padding:5px 12px;font-weight:600;display:flex}.tool-card:hover .tool-icon{background:var(--cta-bg);color:#fff;transform:scale(1.1)}.tool-name{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-sm);z-index:1;font-weight:700;position:relative}.tool-info{margin-bottom:var(--space-md);z-index:1;position:relative}.info-item{background:var(--bg-zone);border-radius:var(--radius-sm);gap:8px;margin-bottom:6px;padding:8px 12px;display:flex}.info-item:last-child{margin-bottom:0}.info-item.highlight{background:#f59e0b14;border:1px solid #f59e0b26}.info-item svg{flex-shrink:0;margin-top:2px}.info-item:first-child svg{color:var(--primary-light)}.info-item:nth-child(2) svg{color:var(--success)}.info-item.highlight svg{color:var(--orange-accent)}.info-label{font-size:var(--font-size-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-right:6px;font-weight:600}.info-item p{font-size:var(--font-size-sm);color:var(--text-muted);flex:1;margin:0;line-height:1.6}.use-case-tags{flex-wrap:wrap;gap:8px;display:flex}.use-case-tag{background:var(--bg-accent-ultra-light);color:var(--accent-dark);border-radius:var(--radius-sm);font-size:var(--font-size-2xs);padding:4px 12px;font-weight:500}.tool-examples{margin-bottom:var(--space-md);z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.example-tag{background:var(--bg-zone);color:var(--orange-accent);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);padding:4px 12px;font-weight:600}.tool-compare{padding-top:var(--space-md);z-index:1;border-top:1px solid #e8e4db80;position:relative}.compare-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compare-label{font-size:var(--font-size-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.compare-arrow{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 4px}.compare-products{flex-wrap:wrap;gap:8px;display:flex}.product-tag{border-radius:var(--radius-pill);font-size:var(--font-size-xs);transition:all var(--transition-fast);align-items:center;padding:6px 14px;font-weight:600;display:flex}.product-tag.foreign{color:var(--danger);background:#dc26260f;border:1px solid #dc26261f}.product-tag.domestic{color:var(--accent-dark);background:#f59e0b1a;border:1px solid #f59e0b33}.product-tag:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card);cursor:pointer}.product-tag[role=button]{cursor:pointer}.product-icon{border-radius:var(--radius-xs);vertical-align:middle;object-fit:contain;width:18px;height:18px;margin-right:8px}.product-icon-fallback{border-radius:var(--radius-xs);background:var(--warm-coral);width:18px;height:18px;color:var(--accent-dark);font-size:var(--font-size-2xs);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-weight:700;display:inline-flex}.product-popup-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out popupFadeIn;display:flex;position:fixed;inset:0}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.product-popup{background:var(--bg-card);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center;padding:32px 28px 24px;animation:.25s ease-out popupSlideUp;position:relative}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-close{background:var(--bg-zone);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:12px;right:12px}.popup-close:hover{color:var(--danger);background:#dc26261a}.popup-icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--cta-bg);background:#1a1a1a14;place-items:center;margin:0 auto 16px;display:grid}.popup-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:12px;font-weight:700}.popup-notice{border-radius:var(--radius-sm);color:var(--accent-dark);font-size:var(--font-size-xs);text-align:left;background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;line-height:1.5;display:flex}.popup-notice svg{color:var(--orange-accent);flex-shrink:0}.popup-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.popup-actions{justify-content:center;gap:12px;display:flex}.popup-btn{font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex:1;padding:10px 20px;font-weight:600}.popup-confirm{box-shadow:var(--shadow-cta)}.popup-confirm:hover{box-shadow:var(--shadow-cta-hover)}.tools-footer{padding:var(--space-3xl) 0}.tools-cta{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #f59e0b1a}.tools-cta h2{font-family:var(--font-display);margin-bottom:var(--space-md);font-weight:600}.tools-cta p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-lg)}.cta-actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.tools-cta .btn-primary{background:var(--orange-accent);color:#fff;box-shadow:var(--shadow-cta);border-color:#0000}.tools-cta .btn-primary:hover{background:var(--accent-dark);box-shadow:var(--shadow-cta-hover);border-color:#0000}@media (width<=1200px){.tool-list{grid-template-columns:repeat(3,1fr)}}@media (width<=960px){.tools-header .wrap{flex-direction:column;gap:16px}.tools-header-left{max-width:100%}.tools-header-right{flex:none;justify-content:center;width:100%}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.tools-grid-cards{grid-template-columns:repeat(2,1fr)}.tools-features{gap:var(--space-lg)}}@media (width<=640px){.tools-header{height:auto;padding:24px 0 16px}.tools-header .wrap{height:auto}.tools-header-left{max-width:100%}.grid-3,.tools-grid-cards{grid-template-columns:1fr}.tool-card{padding:var(--space-lg)}.tool-name{font-size:var(--font-size-lg)}.tool-icon{width:52px;height:var(--btn-height-lg)}.info-item{padding:10px 12px}.info-item p{font-size:var(--font-size-xs)}.tools-features{gap:var(--space-md)}.tools-cards-section{padding:var(--space-lg) 16px 16px 16px!important}.tools-header h1{text-align:center;font-size:clamp(30px,8vw,38px);font-weight:700}.tools-header .sub{text-align:center}}