:root{--bg-base: #fbf6ee;--bg-elevated: #f5ecdc;--bg-soft: #eadfca;--bg-card: #ffffff;--bg-card-hover: #fdfcf7;--bg-overlay: rgba(20, 16, 8, .5);--text-primary: #14110a;--text-secondary: #4a4538;--text-tertiary: #847c66;--text-muted: #b8b0a0;--text-on-dark: #faf8f3;--border-subtle: rgba(20, 16, 8, .05);--border-default: rgba(20, 16, 8, .1);--border-strong: rgba(20, 16, 8, .18);--accent: #bf7a44;--accent-bright: #e4a45d;--accent-dark: #87542f;--accent-soft: rgba(191, 122, 68, .11);--accent-glow: rgba(191, 122, 68, .26);--accent-rose: #d86f83;--accent-teal: #309889;--accent-blue: #6174d7;--gradient-accent: linear-gradient(135deg, #e4a45d 0%, #d86f83 48%, #309889 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .78) 0%, rgba(255, 248, 234, .88) 54%, rgba(235, 248, 244, .72) 100%);--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--color-info: #2563eb;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(20, 16, 8, .04);--shadow-md: 0 4px 12px rgba(20, 16, 8, .06);--shadow-lg: 0 16px 40px rgba(20, 16, 8, .08);--shadow-card: 0 1px 3px rgba(20, 16, 8, .04), 0 4px 12px rgba(20, 16, 8, .04);--shadow-card-hover: 0 4px 16px rgba(20, 16, 8, .08), 0 16px 40px rgba(20, 16, 8, .06);--shadow-accent: 0 8px 24px rgba(184, 147, 90, .2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-sans: "AIDogam Sans", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Inter", "Segoe UI", "Noto Sans KR", sans-serif;--font-display: "AIDogam Sans", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Inter", "Segoe UI", "Noto Sans KR", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fs-4xl: 36px;--fs-5xl: 48px;--fs-6xl: 64px;--fs-7xl: 84px;--container-max: 1200px;--container-wide: 1320px;--header-height: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-fast: .15s ease;--transition-base: .25s var(--ease-out);--transition-slow: .45s var(--ease-out-expo)}@font-face{font-family:AIDogam Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg-base)}body{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:1.6;letter-spacing:0;color:var(--text-primary);background:var(--bg-base);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;word-break:keep-all;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 78% 58% at 12% 0%,rgba(228,164,93,.5),transparent 55%),radial-gradient(ellipse 64% 70% at 100% 20%,rgba(216,111,131,.36),transparent 62%),radial-gradient(ellipse 56% 48% at 72% 56%,rgba(97,116,215,.2),transparent 66%),radial-gradient(ellipse 72% 62% at 4% 88%,rgba(147,125,214,.25),transparent 64%),radial-gradient(ellipse 62% 56% at 92% 96%,rgba(48,152,137,.28),transparent 60%),radial-gradient(ellipse 48% 42% at 34% 60%,rgba(103,178,207,.2),transparent 70%),radial-gradient(ellipse 78% 60% at 50% 50%,rgba(191,122,68,.1),transparent 80%)}@keyframes meshDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-2%,1%) scale(1.03)}66%{transform:translate(2%,-1%) scale(.98)}}@media (hover: hover) and (prefers-reduced-motion: no-preference){body:before{animation:meshDrift 28s ease-in-out infinite}}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}strong,b{font-weight:var(--fw-semibold);color:var(--text-primary)}.ai-icon{flex-shrink:0}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-6)}@media (max-width: 640px){.container,.container-wide{padding:0 var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--fw-medium);font-size:var(--fs-sm);letter-spacing:0;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent;line-height:1;position:relative;overflow:hidden}.btn>:not(.motion-ripple){position:relative;z-index:1}.motion-ripple{position:absolute;z-index:0;border-radius:50%;background:#ffffff42;pointer-events:none;transform:scale(0);animation:motionRipple .52s ease-out forwards}.btn-secondary .motion-ripple{background:#b8935a29}.btn-primary{background:var(--text-primary);color:var(--text-on-dark);font-weight:var(--fw-semibold)}.btn-primary:hover{background:#2a2418;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.btn-primary:hover:after{transform:translate(100%)}.btn-gold{background:var(--gradient-accent);color:#1a1102;font-weight:var(--fw-semibold)}.btn-gold:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border-radius:2px;background:#faf8f370;border:1px solid rgba(20,16,8,.08);font-size:var(--fs-xs);font-weight:var(--fw-regular);letter-spacing:0;color:#141008ad;white-space:nowrap;line-height:1.1;box-shadow:inset 0 1px #ffffff6b;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.chip .ai-icon{width:12px;height:12px;color:currentColor;opacity:.72;stroke-width:1.9}a.chip:hover,button.chip:hover{color:var(--text-primary);background:#faf8f3b8;border-color:#14100829}.chip-outline{background:transparent;border-color:var(--border-default)}.chip-accent,.chip-gold,.chip-pink,.chip-yellow{background:#b8935a14;color:#8d6937eb;border-color:#b8935a2e}.chip-green{background:#16a34a0f;color:#137c3f;border-color:#16a34a29}.heading-display{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,var(--fs-7xl));font-weight:var(--fw-semibold);line-height:1;letter-spacing:0}.heading-1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,var(--fs-4xl));font-weight:var(--fw-semibold);line-height:1.15;letter-spacing:0}.heading-2{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,var(--fs-2xl));font-weight:var(--fw-semibold);line-height:1.25;letter-spacing:0}.text-muted{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.gold-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark)}.gradient-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(184,147,90,.2) 30%,rgba(245,196,178,.25) 50%,rgba(184,147,90,.2) 70%,transparent 100%);margin:var(--space-8) 0;border:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{opacity:.5;box-shadow:0 0 8px var(--accent-glow)}50%{opacity:1;box-shadow:0 0 16px var(--accent-glow)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.1)}66%{transform:translate(-15px,20px) scale(.95)}}@keyframes heroAmbientA{0%,to{transform:translateZ(0) scale(1);opacity:.28}45%{transform:translate3d(8vw,-38px,0) scale(1.13);opacity:.42}72%{transform:translate3d(2vw,34px,0) scale(.94);opacity:.34}}@keyframes heroAmbientB{0%,to{transform:translateZ(0) scale(1);opacity:.26}38%{transform:translate3d(-7vw,28px,0) scale(1.16);opacity:.38}70%{transform:translate3d(-2vw,-42px,0) scale(.96);opacity:.32}}@keyframes heroLogoDrift{0%{transform:translateZ(0)}to{transform:translate3d(-33.333%,0,0)}}@keyframes heroLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}@keyframes heroLineIconDrift{0%{transform:translate3d(var(--line-x),var(--line-y),0)}to{transform:translate3d(calc(var(--line-x) + 58vw),calc(var(--line-y) + 48vh),0)}}@keyframes heroLineIconPulse{0%,to{opacity:.2;transform:rotate(-8deg) scale(.92)}50%{opacity:.54;transform:rotate(-8deg) scale(1.06)}}@keyframes toolAccentFloat{0%,to{transform:translate3d(-50%,0,0) scale(1)}50%{transform:translate3d(-44%,5vh,0) scale(1.08)}}@keyframes toolLogoFloat{0%,to{transform:translate3d(var(--x),var(--y),0) rotate(var(--r)) scale(1)}50%{transform:translate3d(calc(var(--x) + 5vw),calc(var(--y) + 4vh),0) rotate(var(--r)) scale(1.04)}}@keyframes toolIconDrift{0%{transform:translate3d(var(--x),var(--y),0)}to{transform:translate3d(calc(var(--x) + 44vw),calc(var(--y) + 34vh),0)}}@keyframes motionRipple{to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.hero-bg:before,.hero-ambient,.hero-logo-track,.hero-logo-chip,.hero-line-icon-path,.hero-line-icon,.tool-motion-accent,.tool-motion-logo,.tool-motion-icon-path,.motion-ripple{animation:none!important}}.fade-up{animation:fadeUp .7s var(--ease-out-expo) both}.fade-in{animation:fadeIn .4s ease both}.section,.tools-grid,.personas-grid,.categories-grid{contain:layout style}.tool-card,.persona-card,.category-card,.featured-hero,.compare-teaser{contain:layout style paint}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover: none){.tool-card:hover,.persona-card:hover,.category-card:hover,.featured-hero:hover{transform:none}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:.05s}.reveal[data-delay="2"]{transition-delay:.1s}.reveal[data-delay="3"]{transition-delay:.15s}.reveal[data-delay="4"]{transition-delay:.2s}.reveal[data-delay="5"]{transition-delay:.25s}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.site-header{position:sticky;top:0;z-index:50;background:transparent;border-bottom:0;isolation:isolate}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#fffaf4e6,#fffaf4b3 45%,#fffaf400),radial-gradient(ellipse 84% 56px at 20% 0%,rgba(228,164,93,.1),transparent 72%),radial-gradient(ellipse 92% 58px at 82% 0%,rgba(216,111,131,.1),transparent 76%),linear-gradient(90deg,#fff9ef75,#ebfcf74d 52%,#ffebf147);transition:opacity .2s ease,backdrop-filter .2s ease}.site-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent 0%,rgba(228,164,93,.08) 22%,rgba(216,111,131,.07) 52%,rgba(48,152,137,.06) 78%,transparent 100%);opacity:.62;filter:blur(14px);transition:opacity .25s ease}.site-header.scrolled{background:transparent;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.site-header.scrolled:before{background:linear-gradient(180deg,#fffaf4e0,#fafaf4ad 48%,#fff1f600),radial-gradient(ellipse 84% 56px at 20% 0%,rgba(228,164,93,.08),transparent 72%),radial-gradient(ellipse 92% 58px at 82% 0%,rgba(216,111,131,.08),transparent 76%),linear-gradient(90deg,#fff9ef66,#ebfcf747 52%,#ffebf142)}.site-header.scrolled:after{opacity:1}.header-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-6)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);font-size:var(--fs-base);letter-spacing:0;flex-shrink:0;color:var(--text-primary)}.brand-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:#f2dca7;background:#0d0c08;border:1px solid rgba(242,220,167,.22);box-shadow:inset 0 1px #ffffff14,0 10px 22px #14100838;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base)}.brand:hover .brand-mark{transform:translateY(-1px);filter:brightness(1.08);box-shadow:inset 0 1px #ffffff1f,0 12px 24px #14100838}.brand-mark:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 42%),linear-gradient(180deg,transparent,rgba(242,220,167,.04));pointer-events:none}.brand-mark svg{position:relative;z-index:1;width:36px;height:36px}.brand-book-cover{fill:#f2dca709;stroke:currentColor;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.brand-book-page,.brand-book-spine,.brand-book-bottom,.brand-bookmark,.brand-brain,.brand-brain-fold,.brand-circuit{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.brand-book-page{fill:#f2dca705;stroke-width:1.35;opacity:.48}.brand-book-spine,.brand-book-bottom{stroke-width:1.65;opacity:.72}.brand-bookmark{stroke-width:1.45;opacity:.68}.brand-brain{stroke-width:1.5;opacity:.9}.brand-brain-fold{stroke-width:1.25;opacity:.72}.brand-circuit{stroke-width:1.15;opacity:.68}.brand-node{fill:currentColor;opacity:.72}.brand-name{color:var(--text-primary)}.nav-links{display:flex;gap:var(--space-1);flex:1;justify-content:center}.nav-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden;z-index:0}.nav-link:after{content:"";position:absolute;top:3px;right:2px;bottom:3px;left:2px;border-radius:inherit;background:linear-gradient(135deg,#e4a45d2e,#d86f831f,#30988929);opacity:0;transform:scale(.92);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);z-index:-1}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{opacity:1;transform:scale(1)}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.language-switcher{position:relative;z-index:30}.language-current{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:38px;padding:0 4px;border-radius:0;border:0;background:transparent;color:#14110ad6;font-weight:var(--fw-medium);transition:all var(--transition-fast);position:relative;z-index:0}.language-current-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:currentColor;flex-shrink:0}.language-current-copy{display:grid;gap:1px;line-height:1;text-align:left}.language-current-copy small{font-size:9px;font-weight:var(--fw-medium);color:#70634eb8}.language-current-copy strong{font-size:13px;font-weight:var(--fw-semibold);color:var(--text-primary)}.language-current:after,.search-btn:after{content:"";position:absolute;top:4px;right:-6px;bottom:4px;left:-6px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#e4a45d2e,#30988924);opacity:0;transform:scale(.94);transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:-1}.language-current:hover,.language-switcher.open .language-current{color:var(--text-primary)}.language-current:hover:after,.language-switcher.open .language-current:after,.search-btn:hover:after{opacity:1;transform:scale(1)}.language-menu{position:absolute;top:calc(100% + 10px);right:0;width:198px;padding:6px;border-radius:var(--radius-lg);border:1px solid rgba(20,16,8,.1);background:#fffffff0;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all var(--transition-base);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.language-switcher.open .language-menu{opacity:1;visibility:visible;transform:translateY(0)}.language-option{width:100%;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);text-align:left;color:var(--text-secondary)}.language-flag{display:inline-flex;align-items:center;justify-content:center;height:32px;border-radius:var(--radius-sm);width:44px;height:34px;background:#ffffffb8;border:1px solid rgba(20,16,8,.08);box-shadow:0 1px 2px #14100808;overflow:hidden;filter:saturate(.94)}.language-flag-img{display:block;width:30px;height:22px;object-fit:contain;border-radius:4px;box-shadow:0 0 0 1px #1410081a}.language-option strong{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:inherit}.language-option:hover,.language-option.active{background:var(--bg-elevated);color:var(--text-primary)}.header-compare-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;height:36px;border-radius:var(--radius-md);color:var(--text-tertiary);background:var(--bg-card);border:1px solid var(--border-default);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--transition-fast);cursor:pointer;font-family:inherit}.header-compare-btn{background:var(--text-primary);color:var(--text-on-dark);border-color:var(--text-primary)}.header-compare-btn:hover{background:#2a2418;border-color:#2a2418;color:var(--text-on-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.search-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 4px;border:0;background:transparent;color:#70634ee6;font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--transition-fast);cursor:pointer;font-family:inherit;position:relative;z-index:0}.search-btn svg{width:19px;height:19px}.search-btn:hover{color:var(--text-primary)}.search-btn kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-tertiary)}.menu-toggle{display:none;flex-direction:column;gap:5px;width:32px;height:32px;align-items:center;justify-content:center}.menu-toggle span{display:block;width:20px;height:1.5px;background:var(--text-primary);border-radius:1px;transition:all var(--transition-base)}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;padding:var(--space-4) var(--space-6);gap:var(--space-1);background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.mobile-menu.open{display:flex}.mobile-link{padding:var(--space-3);border-radius:var(--radius-md);font-weight:var(--fw-medium);color:var(--text-secondary)}.mobile-link:hover,.mobile-link:active{color:var(--text-primary);background:var(--bg-elevated)}.mobile-language-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding-top:var(--space-2)}.mobile-language-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:#ffffff9e;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.mobile-language-flag{display:inline-flex;align-items:center;justify-content:center;width:32px}.mobile-language-option.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-on-dark)}@media (max-width: 768px){.nav-links,.header-cta,.language-switcher{display:none}.menu-toggle{display:flex}.search-btn span,.search-btn kbd{display:none}}.site-footer{margin-top:var(--space-24);border-top:1px solid rgba(20,16,8,.1);background:#f7f3eaeb;backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%);font-weight:var(--fw-light)}.footer-inner{padding:var(--space-16) var(--space-6) var(--space-8);font-weight:var(--fw-light)}.footer-top{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid rgba(20,16,8,.08)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-tagline{color:#4a4538ad;font-size:var(--fs-sm);font-weight:var(--fw-light)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.footer-col{display:flex;flex-direction:column;gap:var(--space-2)}.footer-heading{font-weight:var(--fw-medium);margin-bottom:var(--space-2);color:#141008b8;font-size:var(--fs-sm)}.footer-col a{font-size:var(--fs-sm);color:#4a453894;padding:var(--space-1) 0;font-weight:var(--fw-light)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--space-6);color:#4a453880;font-size:var(--fs-xs);font-weight:var(--fw-light)}@media (max-width: 640px){.footer-top{grid-template-columns:1fr;gap:var(--space-6)}.footer-cols{grid-template-columns:1fr 1fr}}.ad-slot{position:relative;display:grid;align-items:center;min-height:96px;border-radius:var(--radius-lg);border:1px solid rgba(20,16,8,.08);overflow:hidden}.ad-slot-wide{width:100%}.home-ad-section,.catalog-ad-section,.tool-detail-ad-section{margin:var(--space-8) 0}.ad-slot-live{background:#ffffff94}.ad-slot-house{grid-template-columns:auto 1fr auto;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#ffffffd1,#f4f0e6a8),radial-gradient(circle at 85% 20%,rgba(184,147,90,.13),transparent 32%)}.ad-slot-label{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:var(--radius-pill);background:#1410080f;color:#4a45389e;font-size:10px;font-weight:var(--fw-medium);letter-spacing:.12em}.ad-slot-house-copy{min-width:0}.ad-slot-house-copy strong{display:block;margin-bottom:3px;font-size:var(--fs-base);font-weight:var(--fw-medium)}.ad-slot-house-copy p{color:#4a4538b3;font-size:var(--fs-sm);font-weight:var(--fw-light)}.ad-slot-cta{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--text-primary);color:var(--text-on-dark);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap}@media (max-width: 640px){.ad-slot-house{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}.ad-slot-cta{width:100%}}.logo-wrap,.logo-fallback{position:relative;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.logo-wrap{background:transparent;border:0}.logo-fallback{background:var(--bg-elevated);border:1px solid var(--border-subtle)}.logo-wrap[data-size=sm],.logo-fallback[data-size=sm]{width:32px;height:32px;border-radius:6px}.logo-wrap[data-size=lg],.logo-fallback[data-size=lg]{width:64px;height:64px;border-radius:var(--radius-lg)}.logo-wrap[data-size=xl],.logo-fallback[data-size=xl]{width:88px;height:88px;border-radius:var(--radius-lg)}.logo-wrap img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;transform:scale(1.08);transform-origin:center}.logo-wrap.logo-no-img img{display:none}.logo-wrap.logo-no-img .logo-initial{display:flex}.logo-wrap .logo-initial,.logo-fallback span{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;color:var(--text-primary);font-weight:var(--fw-bold);font-size:var(--fs-lg);z-index:1}.logo-fallback span{display:flex}.logo-wrap[data-size=sm] .logo-initial,.logo-fallback[data-size=sm] span{font-size:var(--fs-sm)}.logo-wrap[data-size=xl] .logo-initial,.logo-fallback[data-size=xl] span{font-size:var(--fs-2xl)}.logo-fallback-favicon{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit;transform:scale(1.16)}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--gradient-card),radial-gradient(circle at 100% 0%,rgba(216,111,131,.08),transparent 42%);border:1px solid rgba(20,16,8,.07);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden;min-height:240px;color:var(--text-primary)}@supports (content-visibility: auto){.tools-grid .tool-card{content-visibility:auto;contain-intrinsic-size:280px}}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 210px at var(--mx, 50%) var(--my, 0%),rgba(228,164,93,.2),transparent 60%),radial-gradient(circle 260px at var(--mx, 50%) var(--my, 100%),rgba(48,152,137,.14),transparent 70%),linear-gradient(135deg,rgba(216,111,131,.08),transparent 56%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;visibility:hidden}.tool-card:hover:before{visibility:visible}.tool-card:hover{border-color:#bf7a4457;transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.tool-card:hover:before{opacity:1}.tool-card>*{position:relative;z-index:1}.tool-card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.tool-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.tool-card-actions .tool-badge{position:static;flex:0 0 auto;margin-right:2px}.tool-card-category-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-elevated);font-size:11px;font-weight:var(--fw-medium);color:var(--text-secondary)}.tool-card-category-tag .ai-icon{width:12px;height:12px}.tool-bookmark{background:none;color:var(--text-muted);padding:4px;width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;position:relative;overflow:hidden;transition:color var(--transition-fast),transform var(--transition-fast)}.tool-bookmark:hover{color:var(--accent-dark)}.tool-bookmark:active{transform:scale(.92)}.tool-bookmark svg{position:relative;z-index:1;width:16px;height:16px;flex:0 0 16px;fill:transparent;transition:fill var(--transition-fast),stroke var(--transition-fast)}.tool-bookmark .motion-ripple,.tool-compare-toggle .motion-ripple{background:#b8935a2e}.tool-bookmark.active{color:var(--accent-dark);background:transparent}.tool-bookmark.active svg{fill:currentColor;stroke:currentColor}.tool-compare-toggle{background:none;color:var(--text-muted);padding:4px;width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;position:relative;overflow:hidden;transition:all var(--transition-fast);cursor:pointer}.tool-compare-toggle svg{position:relative;z-index:1;width:16px;height:16px;flex:0 0 16px}.tool-compare-toggle:hover,.tool-compare-toggle.active{color:var(--accent-dark);background:var(--accent-soft)}.tool-badge{position:absolute;top:var(--space-5);right:var(--space-12);padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.08em;z-index:2;text-transform:uppercase}.tool-badge-fill{background:var(--gradient-accent);color:#1a1102}.tool-badge-outline{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.tool-card-head{display:flex;align-items:flex-start;gap:var(--space-3)}.tool-card-head .logo-wrap[data-size=md],.tool-card-head .logo-fallback[data-size=md]{width:56px;height:56px;border-radius:14px}.tool-card-titles{flex:1;min-width:0}.tool-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-tagline{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-weight:var(--fw-regular)}.tool-card-meta{display:flex;flex-wrap:wrap;gap:6px}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.tool-price{font-size:var(--fs-sm);color:var(--accent-dark);font-weight:var(--fw-semibold)}.tool-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tool-tag{font-size:var(--fs-xs);color:var(--text-tertiary)}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.search-modal.open{display:flex;animation:fadeIn .15s ease-out}.search-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14100880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-modal-panel{position:relative;width:100%;max-width:600px;margin:0 var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .18s var(--ease-out)}.search-modal-input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary)}.search-modal-input{flex:1;font-size:var(--fs-base);background:none;color:var(--text-primary)}.search-modal-input::placeholder{color:var(--text-tertiary)}.search-modal-close{width:28px;height:28px;border-radius:var(--radius-md);color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center}.search-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.search-modal-results{max-height:60vh;overflow-y:auto;padding:var(--space-2)}.search-modal-section-label{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:var(--fw-medium)}.search-modal-hint,.search-modal-empty{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.search-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:none;width:100%;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.search-result.active{background:var(--accent-soft)}.search-result-body{flex:1;min-width:0}.search-result-name{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text-primary);margin-bottom:1px}.search-result-tagline{font-size:var(--fs-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-arrow{color:var(--text-tertiary);opacity:0;transition:opacity var(--transition-fast)}.search-result.active .search-result-arrow{opacity:1;color:var(--accent-dark)}.featured-hero{position:relative;display:block;padding:var(--space-8);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-base);color:var(--text-primary);overflow:hidden}.featured-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 0% 50%,rgba(184,147,90,.12),transparent 70%);pointer-events:none}.featured-hero:hover{border-color:#b8935a4d;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.featured-hero .tool-badge{position:absolute;top:var(--space-6);right:var(--space-6)}.featured-hero-grid{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:center}.featured-hero-eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dark);margin-bottom:var(--space-2)}.featured-hero-title{font-size:clamp(1.5rem,3vw,var(--fs-3xl));font-weight:var(--fw-semibold);letter-spacing:0;margin-bottom:var(--space-2);color:var(--text-primary)}.featured-hero-tagline{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:var(--space-4)}.featured-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-5)}.featured-hero-cta .btn{pointer-events:none}@media (max-width: 640px){.featured-hero-grid{grid-template-columns:1fr;gap:var(--space-4)}.featured-hero{padding:var(--space-6)}}.compare-teaser{display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:center;padding:var(--space-8);border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--border-subtle)}.compare-teaser-logos{display:flex;gap:var(--space-3)}.compare-logo .logo-wrap{width:56px;height:56px}@media (max-width: 640px){.compare-teaser{grid-template-columns:1fr;padding:var(--space-6)}}.compare-tray{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%) translateY(8px) scale(.98);opacity:0;visibility:hidden;pointer-events:none;z-index:90;display:flex;align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100vw - 32px);padding:var(--space-3) var(--space-4);background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:opacity .28s ease,transform .32s var(--ease-out-expo),visibility 0s linear .32s}.compare-tray.active{transform:translate(-50%) translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease,transform .36s var(--ease-out-expo),visibility 0s}.compare-tray.clearing{transform:translate(-50%) translateY(0) scale(.99)}.compare-tray-cleared{display:flex;align-items:center;gap:var(--space-2);min-height:40px;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.compare-tray-cleared-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-dark);font-size:13px;font-weight:var(--fw-bold)}.compare-tray-items{display:flex;gap:var(--space-2)}.compare-tray-slot{position:relative;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;overflow:visible}.compare-tray-slot .logo-wrap,.compare-tray-slot .logo-fallback{border-radius:calc(var(--radius-md) - 2px)}.compare-tray-slot.filled{border-color:#b8935a66}.compare-tray-slot.empty{border-style:dashed;color:var(--text-muted);font-size:var(--fs-lg)}.compare-tray-remove{position:absolute;top:-7px;right:-7px;width:16px;height:16px;border-radius:50%;background:var(--text-primary);color:var(--bg-base);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 2px 6px #14100838}.compare-tray-text{color:var(--text-secondary);font-size:var(--fs-sm)}.compare-tray-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2);flex:0 0 auto}.compare-tray-open{flex:0 0 auto;width:auto;min-width:112px;height:40px;padding:0 var(--space-4)}.compare-tray-clear{background:none;color:var(--text-tertiary);font-size:var(--fs-xs);padding:var(--space-2) var(--space-3)}.compare-tray-clear:hover{color:var(--text-primary)}.compare-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:5vh var(--space-4)}.compare-modal.open{display:flex;animation:fadeIn .2s ease}.compare-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1410088c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.compare-modal-panel{position:relative;width:100%;max-width:880px;max-height:90vh;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .22s var(--ease-out-expo)}.compare-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.compare-modal-header h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:0;color:var(--text-primary);margin-bottom:4px}.compare-modal-subtitle{color:var(--text-tertiary);font-size:var(--fs-sm);margin:0}.compare-modal-close{width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.compare-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.compare-modal-body{padding:var(--space-5) var(--space-6) var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.compare-modal-section-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3)}.compare-modal-section-label span{color:var(--accent-dark);font-weight:var(--fw-semibold)}.compare-modal-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:44px;align-items:center}.compare-modal-empty-chips{color:var(--text-tertiary);font-size:var(--fs-sm)}.compare-modal-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-pill)}.compare-modal-chip-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.compare-modal-chip-remove{width:20px;height:20px;border-radius:50%;background:var(--border-default);color:var(--text-secondary);font-size:14px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.compare-modal-chip-remove:hover{background:var(--color-error);color:#fff}.compare-modal-clear{margin-left:var(--space-2);padding:6px 12px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border-default);font-size:var(--fs-xs);color:var(--text-tertiary)}.compare-modal-clear:hover{color:var(--text-primary);border-color:var(--border-strong)}.compare-modal-search{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:40px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-3);color:var(--text-tertiary)}.compare-modal-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.compare-modal-search input{flex:1;background:transparent;font-size:var(--fs-sm);color:var(--text-primary)}.compare-modal-search input::placeholder{color:var(--text-tertiary)}.compare-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2);max-height:240px;overflow-y:auto;padding-right:4px}.compare-modal-hint{grid-column:1 / -1;padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--fs-sm)}.compare-modal-tool{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px 8px 8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:inherit}.compare-modal-tool:hover{border-color:#b8935a59;background:var(--accent-soft)}.compare-modal-tool.selected{border-color:var(--accent);background:var(--accent-soft)}.compare-modal-tool-info{flex:1;min-width:0}.compare-modal-tool-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-modal-tool-tag{font-size:var(--fs-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-modal-tool-state{width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--fw-semibold);flex-shrink:0}.compare-modal-tool.selected .compare-modal-tool-state{background:var(--gradient-accent);color:#1a1102}.compare-modal-result{border-top:1px solid var(--border-subtle);padding-top:var(--space-5)}.compare-modal-result-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-tertiary)}.compare-modal-result-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-3);border-radius:50%;background:var(--bg-elevated);color:var(--accent-dark)}.compare-modal-result-empty p{font-size:var(--fs-sm);color:var(--text-secondary)}.compare-mini-table{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card)}.compare-mini-head{display:grid;grid-template-columns:100px repeat(var(--cols, 2),1fr);background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.compare-mini-head>div{padding:var(--space-4);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.compare-mini-head>div:last-child{border-right:none}.compare-mini-tool strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.compare-mini-row{display:grid;grid-template-columns:100px repeat(var(--cols, 2),1fr);border-bottom:1px solid var(--border-subtle)}.compare-mini-row:last-child{border-bottom:none}.compare-mini-row>div{padding:var(--space-3) var(--space-4);border-right:1px solid var(--border-subtle);font-size:var(--fs-sm)}.compare-mini-row>div:last-child{border-right:none}.compare-mini-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-medium);background:var(--bg-elevated);display:flex;align-items:center}.compare-mini-cell{color:var(--text-secondary)}.compare-mini-bar{display:flex;flex-direction:column;gap:4px}.compare-mini-bar-value{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-primary)}.compare-mini-bar-track{height:4px;background:var(--bg-elevated);border-radius:var(--radius-pill);overflow:hidden}.compare-mini-bar-fill{height:100%;background:var(--gradient-accent);border-radius:inherit;transition:width .8s var(--ease-out-expo)}.compare-mini-price{font-weight:var(--fw-bold);color:var(--accent-dark);font-size:var(--fs-base)}.compare-mini-sub{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.compare-mini-yes{color:var(--color-success);font-weight:var(--fw-semibold)}.compare-mini-no{color:var(--text-muted)}.compare-mini-tags{display:flex;flex-wrap:wrap;gap:4px}.compare-mini-features{display:flex;flex-direction:column;gap:4px;padding-left:0}.compare-mini-features li{font-size:var(--fs-xs);color:var(--text-secondary);position:relative;padding-left:12px;line-height:1.5}.compare-mini-features li:before{content:"•";position:absolute;left:0;top:0;color:var(--accent-dark)}.compare-modal-flash{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%) translateY(20px);padding:10px 18px;background:var(--text-primary);color:var(--text-on-dark);border-radius:var(--radius-md);font-size:var(--fs-xs);opacity:0;transition:all .3s var(--ease-out);pointer-events:none;z-index:10}.compare-modal-flash.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.compare-modal{padding:0}.compare-modal-panel{max-height:100vh;border-radius:0;height:100vh}.compare-mini-head,.compare-mini-row{grid-template-columns:80px repeat(var(--cols, 2),minmax(0,1fr))}.compare-mini-head>div,.compare-mini-row>div{padding:var(--space-2) var(--space-3)}}.ai-assistant-widget{position:fixed;right:24px;top:calc(50% + 8px);z-index:88;pointer-events:none}.ai-assistant-launcher{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;height:48px;min-width:106px;padding:0 17px 0 14px;border-radius:999px 999px 9px;color:#1a1102;background:var(--gradient-accent);border:1px solid rgba(139,111,71,.28);box-shadow:inset 0 1px #ffffff52,0 10px 24px #b8935a3d;font-size:var(--fs-sm);font-weight:var(--fw-bold);transition:transform .18s ease,box-shadow .18s ease;will-change:transform;transform:translateZ(0)}.ai-assistant-launcher:hover{transform:translate3d(0,-2px,0);box-shadow:inset 0 1px #ffffff52,0 14px 32px #b8935a47}.ai-assistant-launcher-icon{display:inline-flex;align-items:center;justify-content:center}.ai-assistant-panel{pointer-events:auto;position:absolute;top:50%;right:calc(100% + 14px);width:min(460px,calc(100vw - 166px));max-height:min(690px,calc(100vh - 64px));display:flex;flex-direction:column;gap:var(--space-3);padding:0;border-radius:18px 18px 18px 7px;background:linear-gradient(180deg,#fffffffa,#f6f2e8f5),linear-gradient(135deg,rgba(184,147,90,.12),transparent 44%);border:1px solid rgba(20,16,8,.12);box-shadow:none;opacity:0;transform:translate(16px,-50%) scale(.98);visibility:hidden;content-visibility:hidden;contain:layout style paint;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;overflow:hidden}.ai-assistant-widget.is-open .ai-assistant-panel{opacity:1;transform:translateY(-50%) scale(1);visibility:visible;content-visibility:visible;box-shadow:inset 0 1px #ffffffad,0 30px 90px #14100838;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}.ai-assistant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);color:var(--text-on-dark);background:linear-gradient(135deg,#14110af5,#302719f2),linear-gradient(90deg,rgba(184,147,90,.16),transparent);border-bottom:1px solid rgba(255,255,255,.08)}.ai-assistant-head .section-eyebrow{color:#d4a574e6}.ai-assistant-head strong{display:block;margin-top:2px;color:var(--text-on-dark);font-size:var(--fs-lg);letter-spacing:0}.ai-assistant-head p{margin:5px 0 0;color:#faf8f3a3;font-size:var(--fs-xs);line-height:1.45}.ai-assistant-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#faf8f3b8;background:#ffffff14;transition:background var(--transition-fast),color var(--transition-fast)}.ai-assistant-close:before{content:"×";font-size:22px;line-height:1}.ai-assistant-close svg{display:none}.ai-assistant-close:hover{color:var(--text-on-dark);background:#ffffff24}.ai-assistant-messages{min-height:236px;max-height:390px;display:flex;flex-direction:column;gap:var(--space-4);overflow:auto;padding:var(--space-4) var(--space-4) var(--space-3);background:linear-gradient(180deg,#faf8f3c7,#ffffffa8)}.ai-message{position:relative;max-width:94%;padding:var(--space-4);border-radius:18px 18px 18px 7px;font-size:var(--fs-sm);line-height:1.62;box-shadow:0 12px 30px #14100814}.ai-message p{margin:0}.ai-message.user{align-self:flex-end;max-width:82%;color:var(--text-on-dark);background:linear-gradient(135deg,#211a10,#0f0d08);border:1px solid rgba(250,248,243,.1);border-radius:18px 18px 7px}.ai-message.user:after{content:"";position:absolute;right:-5px;bottom:12px;width:12px;height:12px;background:#0f0d08;transform:rotate(45deg)}.ai-message.assistant{align-self:stretch;color:var(--text-primary);background:linear-gradient(180deg,#fffffff5,#faf8f3e0);border:1px solid rgba(20,16,8,.08)}.ai-message.assistant:after{content:"";position:absolute;left:-5px;bottom:12px;width:12px;height:12px;background:#faf8f3e6;border-left:1px solid rgba(20,16,8,.06);border-bottom:1px solid rgba(20,16,8,.06);transform:rotate(45deg)}.ai-assistant-prompts{display:flex;gap:7px;overflow-x:auto;padding:0 var(--space-4) 2px}.ai-assistant-prompts button{flex:0 0 auto;min-height:34px;padding:0 12px;border-radius:var(--radius-pill);color:var(--accent-dark);background:#b8935a1c;border:1px solid rgba(184,147,90,.18);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.ai-assistant-prompts button:hover{color:var(--text-primary);background:#b8935a2b;transform:translateY(-1px)}.ai-assistant-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:var(--space-2);margin:0 var(--space-4) var(--space-4);padding:7px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(20,16,8,.1);box-shadow:inset 0 1px #ffffffe6,0 14px 34px #14100814}.ai-assistant-form input{min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:var(--fs-sm);padding-left:var(--space-3)}.ai-assistant-form button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#1a1102;background:var(--gradient-accent);box-shadow:0 8px 18px #b8935a38}.ai-response{display:grid;gap:var(--space-3)}.ai-response-answer{position:relative;margin:0;color:var(--text-primary);line-height:1.65;white-space:pre-line}.ai-recommendations{display:grid;gap:var(--space-2)}.ai-recommendation-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:13px;border-radius:14px;color:var(--text-primary);background:linear-gradient(180deg,#fffffff5,#faf8f3d6);border:1px solid rgba(20,16,8,.075);box-shadow:0 10px 28px #1410080e;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.ai-recommendation-card:hover{transform:translateY(-2px);border-color:#b8935a42;box-shadow:0 16px 36px #14100817}.ai-recommendation-logo{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}.ai-recommendation-logo .logo-wrap,.ai-recommendation-logo .logo-fallback{width:42px;height:42px;border-radius:12px;box-shadow:0 8px 18px #14100814}.ai-recommendation-body{min-width:0}.ai-recommendation-body strong{display:block;overflow:hidden;color:var(--text-primary);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.ai-recommendation-body p{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:var(--text-secondary);font-size:var(--fs-xs);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-fit-score{min-width:38px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--accent-dark);background:linear-gradient(180deg,#ffffffdb,#b8935a1f);border:1px solid rgba(184,147,90,.16);font-size:11px;font-weight:var(--fw-bold)}.ai-highlights{display:grid;gap:6px;margin:0;padding-left:1.1rem;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}.ai-sources{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ai-sources span{color:var(--text-tertiary);font-size:11px;font-weight:var(--fw-bold)}.ai-sources a{max-width:190px;overflow:hidden;padding:5px 8px;border-radius:var(--radius-pill);color:var(--accent-dark);background:#b8935a1a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ai-freshness{margin:0;color:var(--text-tertiary);font-size:var(--fs-xs);line-height:1.45}.ai-loading{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:var(--fs-xs)}.ai-loading span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:ai-loading-dot .9s ease-in-out infinite}.ai-loading span:nth-child(2){animation-delay:.12s}.ai-loading span:nth-child(3){animation-delay:.24s}.ai-loading p{margin:0 0 0 4px}@keyframes ai-loading-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.ai-error{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-error);background:#dc262612;border:1px solid rgba(220,38,38,.14);font-size:var(--fs-sm);line-height:1.5}.ai-search-panel,.tool-live-section{padding:var(--space-5);border-radius:18px;background:linear-gradient(145deg,#fffffff0,#fff6e8d1 44%,#ebfaf6bd),radial-gradient(circle at 8% 0%,rgba(228,164,93,.16),transparent 38%),radial-gradient(circle at 100% 100%,rgba(216,111,131,.11),transparent 44%);border:1px solid rgba(191,122,68,.12);box-shadow:inset 0 1px #ffffffad,0 16px 44px #1410080f}.ai-search-panel{margin-bottom:var(--space-8)}.ai-search-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.ai-search-panel-head h2{margin:2px 0 6px;color:var(--text-primary);font-size:var(--fs-xl);letter-spacing:0}.ai-search-panel-head p{margin:0;color:var(--text-tertiary);font-size:var(--fs-sm);line-height:1.55}.ai-search-run{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;min-height:38px}.ai-search-run:disabled,.tool-live-run:disabled{opacity:.55;cursor:not-allowed}.ai-search-output{min-height:64px}.ai-search-output .ai-response{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:start;gap:var(--space-4)}.ai-search-output .ai-response-answer{position:relative;min-height:100%;padding:var(--space-4);border-radius:18px 18px 18px 7px;background:linear-gradient(180deg,#fffffff7,#faf8f3e0);border:1px solid rgba(20,16,8,.08);box-shadow:0 14px 34px #14100812}.ai-search-output .ai-response-answer:after{content:"";position:absolute;left:-5px;bottom:16px;width:12px;height:12px;background:#faf8f3e6;border-left:1px solid rgba(20,16,8,.06);border-bottom:1px solid rgba(20,16,8,.06);transform:rotate(45deg)}.ai-search-output .ai-recommendations,.tool-live-output .ai-recommendations{align-self:stretch}.ai-search-output .ai-highlights,.ai-search-output .ai-sources,.ai-search-output .ai-freshness{grid-column:1 / -1}.ai-search-idle,.tool-live-idle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffffb3;border:1px dashed rgba(184,147,90,.28);font-size:var(--fs-sm);line-height:1.55}.ai-search-idle p,.tool-live-idle p{margin:0}.tool-live-idle strong{display:block;margin-bottom:4px;color:var(--text-primary)}.tool-live-idle-icon,.ai-search-idle span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);color:var(--accent-dark);background:var(--accent-soft)}.tool-live-run{display:inline-flex;align-items:center;gap:7px;min-height:38px}.tool-live-output .ai-response{padding:var(--space-4);border-radius:18px 18px 18px 7px;background:linear-gradient(180deg,#fffffff5,#faf8f3db);border:1px solid rgba(20,16,8,.07);box-shadow:0 14px 34px #14100812}@media (max-width: 768px){.ai-search-panel,.tool-live-section{padding:var(--space-4)}.ai-search-panel-head,.detail-section-heading-row:has(.tool-live-run){display:grid}.ai-search-output .ai-response{grid-template-columns:1fr}}@media (max-width: 1120px){.ai-assistant-launcher,.review-bubble{width:48px;min-width:48px;justify-content:center;padding:0}.ai-assistant-launcher>span:not(.ai-assistant-launcher-icon),.review-bubble span:not(.review-bubble-icon){display:none}.review-bubble strong{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border:2px solid var(--bg-base)}}@media (max-width: 640px){.ai-assistant-widget{right:12px;top:auto;bottom:22px}.ai-assistant-launcher{height:44px;padding:0 13px}.ai-assistant-panel{top:auto;right:0;bottom:56px;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 92px);transform:translateY(14px) scale(.98)}.ai-assistant-widget.is-open .ai-assistant-panel{transform:translateY(0) scale(1)}}.review-widget{position:fixed;right:24px;top:calc(50% - 54px);z-index:86;pointer-events:none}.review-feed{pointer-events:auto;position:absolute;right:0;bottom:calc(100% + 12px);width:min(300px,calc(100vw - 48px));display:flex;flex-direction:column;gap:8px;align-items:flex-end;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.review-widget.is-open .review-feed{opacity:0;transform:translateY(14px);visibility:hidden;pointer-events:none}.review-feed-card{position:relative;width:100%;display:grid;gap:4px;padding:12px 13px;text-align:left;border-radius:16px 16px 5px;color:var(--text-primary);background:linear-gradient(180deg,#ffffffeb,#faf8f3d1),radial-gradient(circle at 0% 0%,rgba(184,147,90,.12),transparent 50%);border:1px solid rgba(20,16,8,.08);box-shadow:0 14px 44px #1410081c;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.review-feed-card:after{content:"";position:absolute;right:24px;bottom:-6px;width:12px;height:12px;background:#faf8f3e6;border-right:1px solid rgba(20,16,8,.08);border-bottom:1px solid rgba(20,16,8,.08);transform:rotate(45deg)}.review-feed-card:hover{transform:translateY(-2px);border-color:#b8935a47;box-shadow:0 18px 54px #14100826}.review-feed-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;color:var(--accent-dark);font-size:10px;font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase}.review-feed-meta time{color:var(--text-tertiary);font-weight:var(--fw-semibold);letter-spacing:0;text-transform:none}.review-feed-card strong{color:var(--text-primary);font-size:var(--fs-xs)}.review-feed-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.review-feed-empty{pointer-events:auto}.review-bubble{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 10px 0 14px;min-width:120px;border-radius:999px 999px 9px;color:var(--text-on-dark);background:var(--text-primary);border:1px solid rgba(20,16,8,.2);box-shadow:inset 0 1px #ffffff1a,0 18px 44px #14100833;font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.review-bubble:hover{transform:translateY(-2px);box-shadow:0 24px 60px #14100838}.review-bubble-icon{display:inline-flex;align-items:center;justify-content:center}.review-bubble strong{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-primary);background:var(--accent);font-size:11px}.review-panel{pointer-events:auto;position:absolute;top:50%;right:calc(100% + 14px);width:min(360px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 170px));display:flex;flex-direction:column;padding:var(--space-4);border-radius:22px 22px 6px;background:linear-gradient(180deg,#fffffff5,#faf8f3eb),radial-gradient(circle at 10% 0%,rgba(190,148,86,.14),transparent 42%);border:1px solid rgba(20,16,8,.1);box-shadow:0 28px 86px #1410082e;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);opacity:0;transform:translate(16px,-50%) scale(.98);visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.review-panel:after{content:"";position:absolute;right:-9px;top:50%;width:18px;height:18px;background:#faf8f3f0;border-top:1px solid rgba(20,16,8,.1);border-right:1px solid rgba(20,16,8,.1);transform:translateY(-50%) rotate(45deg)}.review-widget.is-open .review-panel{opacity:1;transform:translateY(-50%) scale(1);visibility:visible}.review-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.review-panel-head span{display:block;margin-bottom:3px;color:var(--accent-dark);font-size:10px;font-weight:var(--fw-bold);letter-spacing:.12em}.review-panel-head strong{display:block;color:var(--text-primary);font-size:var(--fs-lg);letter-spacing:0}.review-panel-head p{max-width:260px;margin:5px 0 0;color:var(--text-tertiary);font-size:var(--fs-xs);line-height:1.45}.review-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-tertiary);background:#1410080a;transition:background var(--transition-fast),color var(--transition-fast)}.review-close:hover{color:var(--text-primary);background:#14100814}.review-form{padding:var(--space-3);border-radius:16px;background:#ffffffd1;border:1px solid rgba(20,16,8,.08)}.review-form textarea{width:100%;resize:none;border:0;outline:0;color:var(--text-primary);background:transparent;font:inherit;line-height:1.55}.review-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}.review-form-bottom small{color:var(--text-tertiary);font-size:var(--fs-xs)}.review-form-bottom button{height:34px;padding:0 14px;border-radius:var(--radius-pill);color:var(--text-on-dark);background:var(--text-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.review-form-bottom button:disabled{opacity:.55;cursor:not-allowed}.review-status{min-height:18px;margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--fs-xs);line-height:1.45}.review-status[data-type=success]{color:var(--color-success)}.review-status[data-type=warn]{color:var(--color-warning)}.review-status[data-type=error]{color:var(--color-error)}.review-panel-actions{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.review-view-all{min-height:32px;padding:0 12px;border-radius:var(--radius-pill);color:var(--accent-dark);background:#b8935a1a;border:1px solid rgba(184,147,90,.18);font-size:var(--fs-xs);font-weight:var(--fw-semibold);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.review-view-all:hover{color:var(--text-primary);background:#b8935a29;transform:translateY(-1px)}.review-view-all[hidden]{display:none}.review-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);overflow:auto;padding-right:2px}.review-empty,.review-item{border-radius:16px 16px 16px 5px;background:#faf8f3c7;border:1px solid rgba(20,16,8,.07);padding:var(--space-3)}.review-empty{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary);font-size:var(--fs-sm)}.review-empty strong{color:var(--text-primary)}.review-item-meta{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:6px}.review-item-meta strong{color:var(--text-primary);font-size:var(--fs-xs)}.review-item-time{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:3px 6px;color:var(--text-tertiary);font-size:11px;text-align:right}.review-item-time time{color:var(--text-muted)}.review-item p{margin:0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}@media (min-width: 641px) and (max-width: 1120px){.review-bubble{width:48px;min-width:48px;justify-content:center;padding:0}.review-bubble span:not(.review-bubble-icon){display:none}}@media (max-width: 640px){.review-widget{right:12px;top:auto;bottom:86px}.review-feed{display:none}.review-bubble{height:42px;padding-left:12px}.review-bubble span:not(.review-bubble-icon){display:none}.review-panel{top:auto;right:0;bottom:54px;max-height:calc(100vh - 150px);transform:translateY(14px) scale(.98)}.review-widget.is-open .review-panel{transform:translateY(0) scale(1)}.review-panel:after{right:18px;top:auto;bottom:-9px;border-top:0;border-left:0;border-right:1px solid rgba(20,16,8,.1);border-bottom:1px solid rgba(20,16,8,.1);transform:rotate(45deg)}}.page{min-height:calc(100vh - var(--header-height) - 200px);padding:0;position:relative}.home-page-content{position:relative;z-index:1}.page-motion-content{position:relative;z-index:1;min-height:calc(100vh - var(--header-height))}.hero{position:relative;min-height:calc(88svh - var(--header-height));display:flex;align-items:center;padding:var(--space-24) 0 var(--space-20);text-align:center;overflow:hidden;border-bottom:0;isolation:isolate;background:transparent}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.home-fixed-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;contain:layout paint style}.home-fixed-bg .hero-logo-bands{opacity:.18;filter:saturate(.96) contrast(.96)}.home-fixed-bg .hero-line-icons{opacity:.3}.catalog-motion-bg{opacity:.72}.catalog-motion-bg .hero-logo-bands{opacity:.14}.catalog-motion-bg .hero-line-icons{opacity:.18}.hero-bg:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle 500px at 20% 30%,rgba(212,165,116,.22),transparent 60%),radial-gradient(circle 520px at 48% 44%,rgba(255,255,255,.74),transparent 64%),radial-gradient(circle 400px at 80% 60%,rgba(184,147,90,.18),transparent 65%),radial-gradient(circle 350px at 50% 80%,rgba(139,111,71,.12),transparent 60%);animation:drift 20s ease-in-out infinite;z-index:0}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(250,248,243,.98) 0%,transparent 18%,transparent 82%,rgba(250,248,243,.98) 100%),radial-gradient(ellipse 50% 42% at 50% 48%,rgba(250,248,243,.34),transparent 68%);z-index:4}.tool-motion-bg{opacity:.88}.tool-motion-bg:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:radial-gradient(circle 560px at 14% 24%,rgba(212,165,116,.2),transparent 62%),radial-gradient(circle 620px at 82% 18%,rgba(255,255,255,.62),transparent 68%),radial-gradient(circle 460px at 78% 78%,rgba(184,147,90,.14),transparent 66%),radial-gradient(circle 360px at 28% 78%,rgba(49,151,149,.08),transparent 62%);animation:drift 24s ease-in-out infinite;z-index:0}.tool-motion-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 58% 44% at 50% 28%,rgba(250,248,243,.58),transparent 72%),linear-gradient(90deg,#faf8f3fa,#faf8f394 20%,#faf8f394 78%,#faf8f3fa),linear-gradient(180deg,#faf8f3cc,#faf8f342 42%,#faf8f3e0);z-index:5}.tool-motion-accent{position:absolute;left:50%;top:16%;width:min(58vw,760px);aspect-ratio:1;border-radius:50%;background:var(--tool-bg, var(--gradient-accent));filter:blur(42px) saturate(1.03);opacity:.14;transform:translate3d(-50%,0,0);mix-blend-mode:multiply;animation:toolAccentFloat 34s ease-in-out infinite;z-index:1}.tool-motion-logo-cloud,.tool-motion-icon-cloud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden}.tool-motion-logo-cloud{filter:saturate(.94);mask-image:radial-gradient(ellipse at center,black 0%,black 62%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,black 62%,transparent 90%)}.tool-motion-logo{position:absolute;left:0;top:0;width:var(--s);height:var(--s);display:inline-flex;align-items:center;justify-content:center;opacity:.14;filter:none;will-change:auto;animation:toolLogoFloat calc(var(--d) + 72s) ease-in-out infinite;animation-delay:var(--delay)}.tool-motion-logo:nth-child(1),.tool-motion-logo:nth-child(2){opacity:.18}.tool-motion-logo-mark.logo-wrap,.tool-motion-logo-mark.logo-fallback{width:100%;height:100%;border-radius:28%;background:transparent;border:0;box-shadow:none}.tool-motion-logo-mark.logo-wrap img{object-fit:contain}.tool-motion-icon-cloud{z-index:3;opacity:.7;mask-image:radial-gradient(ellipse at center,black 0%,black 58%,transparent 88%),linear-gradient(135deg,transparent 0%,black 12%,black 84%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,black 58%,transparent 88%),linear-gradient(135deg,transparent 0%,black 12%,black 84%,transparent 100%)}.tool-motion-icon-path{position:absolute;left:0;top:0;width:var(--s);height:var(--s);display:inline-flex;align-items:center;justify-content:center;color:#8b6f4794;will-change:auto;animation:toolIconDrift calc(var(--d) + 120s) linear infinite;animation-delay:var(--delay)}.tool-motion-icon-path:nth-child(2n){animation-direction:reverse;color:#14100852}.tool-motion-icon{width:100%;height:100%;opacity:.28;transform:rotate(var(--r))}.tool-motion-icon .ai-icon{width:100%;height:100%}.hero-ambient{position:absolute;width:min(44vw,620px);aspect-ratio:1;border-radius:50%;filter:blur(28px);opacity:.28;mix-blend-mode:multiply;z-index:2;transform:translateZ(0);will-change:auto}.hero-ambient-a{left:5%;top:20%;background:radial-gradient(circle at 35% 35%,rgba(232,178,110,.55),transparent 58%),radial-gradient(circle at 70% 70%,rgba(245,178,196,.32),transparent 62%);animation:heroAmbientA 18s ease-in-out infinite}.hero-ambient-b{right:2%;top:34%;width:min(38vw,520px);background:radial-gradient(circle at 42% 40%,rgba(196,184,232,.42),transparent 60%),radial-gradient(circle at 70% 72%,rgba(212,165,116,.48),transparent 64%);animation:heroAmbientB 22s ease-in-out infinite}.hero-line-icons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;opacity:.46;filter:none;mask-image:radial-gradient(ellipse at center,black 0%,black 54%,transparent 84%),linear-gradient(135deg,transparent 0%,black 12%,black 84%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,black 54%,transparent 84%),linear-gradient(135deg,transparent 0%,black 12%,black 84%,transparent 100%)}.hero-line-icon-path{position:absolute;left:0;top:0;width:var(--line-size);height:var(--line-size);display:inline-flex;align-items:center;justify-content:center;color:#8b6f479e;will-change:auto;animation:heroLineIconDrift calc(var(--line-duration) + 90s) linear infinite;animation-delay:var(--line-delay)}.hero-line-icon{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;color:currentColor;background:transparent;border:0;opacity:.34;transform:rotate(-8deg)}.hero-line-icon .ai-icon{width:100%;height:100%;filter:none}.hero-logo-bands{position:absolute;left:50%;top:43%;width:min(1900px,150vw);height:820px;transform:translate(-50%,-50%) rotate(-8deg);z-index:3;opacity:.36;filter:saturate(.92);mask-image:radial-gradient(ellipse 82% 78% at center,black 0%,black 54%,rgba(0,0,0,.56) 72%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse 82% 78% at center,black 0%,black 54%,rgba(0,0,0,.56) 72%,transparent 92%)}.hero-logo-row{position:absolute;left:-7%;width:114%;height:238px;overflow:hidden}.hero-logo-row-1{top:18px}.hero-logo-row-2{top:298px}.hero-logo-row-3{top:578px}.hero-bg.offscreen *,.hero-bg.offscreen:before,html.motion-paused .hero-bg *,html.motion-paused .hero-bg:before{animation-play-state:paused!important}html.motion-settled .home-fixed-bg:before,html.motion-settled .hero-ambient,html.motion-settled .hero-line-icon-path,html.motion-settled .tool-motion-accent,html.motion-settled .tool-motion-icon-path{animation-play-state:paused!important}.hero-logo-track{display:flex;width:max-content;gap:26px;will-change:auto;animation:heroLogoDrift 184s linear infinite}.hero-logo-row-2 .hero-logo-track{animation-duration:214s;animation-direction:reverse;transform:translate(-240px)}.hero-logo-row-3 .hero-logo-track{animation-duration:202s;transform:translate(-480px)}html.motion-settled .hero-logo-track{animation-duration:260s!important}html.motion-settled .hero-logo-row-2 .hero-logo-track{animation-duration:320s!important}html.motion-settled .hero-logo-row-3 .hero-logo-track{animation-duration:292s!important}html.motion-settled .tool-motion-logo{animation-duration:240s!important}.hero-logo-chip{width:226px;height:226px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:24px;background:transparent;border:0;box-shadow:none;transform:translateY(0)}.hero-logo-mark.logo-wrap,.hero-logo-mark.logo-fallback{width:198px;height:198px;border-radius:40px;box-shadow:none;filter:none}.hero-dots,.hero-sheen,.hero-orb{display:none}.hero-content{position:relative;z-index:5;max-width:900px;margin:0 auto;text-align:center}.hero-copy{max-width:900px;margin:0 auto;position:relative;isolation:isolate}.hero-copy:before{content:"";position:absolute;left:50%;top:45%;width:min(880px,106vw);height:560px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,253,248,.9) 0%,rgba(250,248,243,.66) 34%,rgba(255,245,235,.2) 66%,transparent 84%),radial-gradient(ellipse 48% 34% at 62% 48%,rgba(48,152,137,.06),transparent 72%);filter:blur(10px)}.hero-visual{display:none}.hero-title{font-size:clamp(3.5rem,9vw,8.5rem);font-weight:var(--fw-bold);letter-spacing:0;line-height:.92;margin-bottom:var(--space-6);color:var(--text-primary);position:relative;text-shadow:0 1px 0 rgba(255,255,255,.72),0 20px 70px rgba(250,248,243,.8)}.hero-title .line-1,.hero-title .line-2{display:block}.hero-title .line-1{color:var(--text-primary)}.hero-title .line-2{color:#a5743a;font-style:italic;font-weight:var(--fw-semibold);text-shadow:0 1px 0 rgba(255,255,255,.72),0 16px 34px rgba(95,67,38,.18)}.hero-subtitle{font-size:var(--fs-lg);color:var(--text-secondary);margin:0 auto var(--space-10);line-height:1.55;max-width:540px;font-weight:var(--fw-regular)}.hero-search{display:flex;align-items:center;gap:var(--space-2);max-width:600px;margin:0 auto var(--space-5);padding:5px;background:linear-gradient(180deg,#ffffffeb,#faf8f3d6);border:1px solid rgba(20,16,8,.065);border-radius:var(--radius-pill);transition:all var(--transition-base);box-shadow:0 18px 70px #ffffff9e,0 14px 38px #1410080e,inset 0 1px #ffffffb8}.hero-search,.quick-tag{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.hero-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-md);transform:translateY(-2px)}.hero-search svg{margin-left:14px;color:var(--text-tertiary)}.hero-search-input{flex:1;padding:var(--space-3) var(--space-3);font-size:var(--fs-sm);color:var(--text-primary);background:transparent;min-width:0}.hero-search-input::placeholder{color:var(--text-tertiary)}.hero-search-btn{padding:10px 22px;white-space:nowrap;border-radius:var(--radius-pill);background:var(--text-primary);color:var(--text-on-dark);font-weight:var(--fw-semibold)}.hero-quick-tags{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-10)}.quick-tag{padding:6px 14px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffffe0,#fff7ebc2);border:1px solid rgba(191,122,68,.12);font-size:var(--fs-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.quick-tag:hover{border-color:#bf7a4457;color:var(--accent-dark);background:linear-gradient(135deg,#e4a45d2e,#3098891f);transform:translateY(-1px)}.hero-stats{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-5);padding:0;color:#70634ec2}.hero-stat{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.hero-stat-value{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:#a5743a;letter-spacing:0}.hero-stat>div:last-child{font-size:var(--fs-xs);color:currentColor;letter-spacing:0;text-transform:none}.hero-stat-divider{width:3px;height:3px;border-radius:50%;background:#a5743a6b}.home-all-tools-section{position:relative;z-index:2;padding-top:var(--space-12)}.home-tools-grid{align-items:start;margin-bottom:var(--space-8)}.showcase-section{position:relative;z-index:2;padding:var(--space-12) 0 var(--space-16);overflow:hidden}.showcase-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.showcase-title{margin-top:var(--space-3);font-size:clamp(1.9rem,3.2vw,3.75rem);line-height:1;letter-spacing:0;font-weight:var(--fw-bold);max-width:520px}.showcase-controls{display:flex;gap:var(--space-2);align-items:center}.showcase-control{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-primary);background:#ffffffb8;border:1px solid rgba(20,16,8,.1);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.showcase-control:hover{transform:translateY(-1px);background:var(--text-primary);color:var(--text-on-dark);border-color:var(--text-primary)}.showcase-viewport{width:100%}.showcase-rail{display:flex;gap:var(--space-6);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:max(calc((100vw - var(--container-max)) / 2 + var(--space-6)),var(--space-6));padding:var(--space-2) max(calc((100vw - var(--container-max)) / 2 + var(--space-6)),var(--space-6)) var(--space-6);cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch}.showcase-rail::-webkit-scrollbar{display:none}.showcase-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.showcase-card{flex:0 0 min(760px,66vw);min-height:390px;display:grid;grid-template-columns:minmax(190px,.62fr) minmax(320px,1.38fr);gap:var(--space-7);align-items:stretch;padding:clamp(24px,3.2vw,42px);border-radius:18px;background:linear-gradient(135deg,#ffffffe0,#faf8f3bd),radial-gradient(circle at 22% 20%,rgba(255,255,255,.7),transparent 42%);border:1px solid rgba(20,16,8,.1);box-shadow:0 24px 80px #14100814;scroll-snap-align:center;overflow:hidden;position:relative;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.showcase-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 28%,rgba(255,255,255,.82),transparent 28%),var(--showcase-bg);opacity:.12;pointer-events:none}.showcase-card:hover{transform:translateY(-3px);border-color:#1410082e;box-shadow:0 32px 96px #1410081f}.showcase-card>*{position:relative;z-index:1}.showcase-visual{position:relative;min-height:270px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:transparent;border:0;overflow:hidden}.showcase-logo.logo-wrap,.showcase-logo.logo-fallback{width:clamp(104px,11vw,142px);height:clamp(104px,11vw,142px);border-radius:24px;box-shadow:none;background:transparent}.showcase-logo.logo-wrap img{object-fit:contain;padding:0}.showcase-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.showcase-kicker{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--text-tertiary);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase}.showcase-kicker span:first-child{color:var(--accent-dark)}.showcase-copy h3{font-size:clamp(2.2rem,3.7vw,4.25rem);line-height:.96;letter-spacing:0;margin-bottom:var(--space-4)}.showcase-copy p{max-width:520px;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.55;color:var(--text-secondary);margin-bottom:var(--space-5)}.showcase-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.showcase-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.showcase-tags span{padding:7px 12px;border-radius:var(--radius-pill);background:#faf8f3c2;border:1px solid rgba(20,16,8,.08);color:var(--text-secondary);font-size:var(--fs-xs)}.showcase-link{display:inline-flex;width:fit-content;align-items:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}@media (max-width: 480px){.hero{min-height:calc(88svh - var(--header-height));padding:var(--space-16) var(--space-4) var(--space-12)}.hero-stats{gap:var(--space-3);padding:0;flex-wrap:wrap}.hero-line-icons{top:0;right:-30%;bottom:0;left:-30%;opacity:.5}.hero-line-icon-path{width:calc(var(--line-size) * .68);height:calc(var(--line-size) * .68)}.hero-logo-bands{top:38%;width:300vw;height:560px;opacity:.21;filter:saturate(.94)}.hero-logo-row{height:150px}.hero-logo-row-1{top:18px}.hero-logo-row-2{top:200px}.hero-logo-row-3{top:382px}.hero-logo-track{gap:12px;animation-duration:160s}.hero-logo-row-2 .hero-logo-track{animation-duration:184s}.hero-logo-row-3 .hero-logo-track{animation-duration:176s}.hero-logo-chip{width:132px;height:132px;border-radius:30px}.hero-logo-mark.logo-wrap,.hero-logo-mark.logo-fallback{width:116px;height:116px;border-radius:24px}.showcase-section{padding:var(--space-9) 0 var(--space-12)}.showcase-header{align-items:flex-start;flex-direction:column;padding:0 var(--space-4)}.showcase-title{font-size:clamp(2rem,9vw,3rem)}.showcase-rail{gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-5);scroll-padding-left:var(--space-4)}.showcase-card{flex-basis:min(86vw,420px);min-height:auto;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5);border-radius:16px}.showcase-visual{min-height:150px}.showcase-logo.logo-wrap,.showcase-logo.logo-fallback{width:96px;height:96px;border-radius:22px}.showcase-copy h3{font-size:clamp(2rem,10vw,3rem)}}.section{padding:var(--space-16) 0}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.section-title{display:flex;flex-direction:column;gap:6px}.section-eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark)}.section-link{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);transition:all var(--transition-fast)}.section-link:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--space-4)}@media (min-width: 1120px){.tools-grid.home-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.home-tools-grid .tool-card{min-height:376px}.home-tools-grid .tool-card:nth-child(4n+1),.home-tools-grid .tool-card:nth-child(4n+3){min-height:430px}.home-tools-grid .tool-card:nth-child(4n+2){margin-top:72px}.home-tools-grid .tool-card:nth-child(4n+4){margin-top:42px}}@media (max-width: 640px){.tools-grid{grid-template-columns:1fr}}.personas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.persona-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:center;color:var(--text-primary);position:relative;overflow:hidden}.persona-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,rgba(212,165,116,.15),transparent 60%),radial-gradient(circle at 100% 100%,rgba(245,196,178,.1),transparent 65%);opacity:0;transition:opacity var(--transition-base)}.persona-card:hover{border-color:#b8935a59;transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.persona-card:hover:before{opacity:1}.persona-card>*{position:relative;z-index:1}.persona-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:var(--radius-md);color:var(--accent-dark)}.persona-icon .ai-icon{width:22px;height:22px}.persona-card:hover .persona-icon{background:var(--gradient-accent);color:#1a1102}.persona-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:0;color:var(--text-primary)}.persona-tagline{color:var(--text-tertiary);font-size:var(--fs-sm);line-height:1.4;margin-top:2px}.persona-arrow{color:var(--text-tertiary);font-size:var(--fs-lg);transition:all var(--transition-fast)}.persona-card:hover .persona-arrow{color:var(--accent-dark);transform:translate(4px)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);color:var(--text-primary)}.category-card{position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(212,165,116,.16),transparent 60%),radial-gradient(circle at 100% 100%,rgba(245,196,178,.1),transparent 65%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;visibility:hidden}.category-card>*{position:relative;z-index:1}.category-card:hover{border-color:#b8935a59;transform:translateY(-3px);box-shadow:var(--shadow-card)}.category-card:hover:before{opacity:1;visibility:visible}.category-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:var(--radius-md);color:var(--accent-dark);transition:all var(--transition-fast)}.category-icon .ai-icon{width:22px;height:22px}.category-card:hover .category-icon{background:var(--gradient-accent);color:#1a1102;transform:scale(1.05)}.category-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.category-count{font-size:var(--fs-xs);color:var(--text-tertiary)}.catalog-shell{padding-top:var(--space-12);padding-bottom:var(--space-16)}.tools-hero-card,.category-hero-card{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);padding:clamp(28px,4vw,48px);margin-bottom:var(--space-5);border-radius:18px;background:linear-gradient(135deg,#ffffffe6,#fff2e1c7 44%,#e8f9f5c2),radial-gradient(circle at 12% 0%,rgba(228,164,93,.22),transparent 38%),radial-gradient(circle at 92% 100%,rgba(216,111,131,.12),transparent 44%);border:1px solid rgba(191,122,68,.1);box-shadow:0 26px 90px #14100814,0 0 0 1px #30988909;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.tools-hero-card .heading-1,.category-hero-card .heading-1{margin-top:var(--space-2)}.tools-hero-stats{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.tools-hero-stats span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 12px;border-radius:var(--radius-pill);color:var(--text-secondary);background:#ffffffb8;border:1px solid rgba(20,16,8,.08);font-size:var(--fs-sm)}.tools-hero-stats strong{color:var(--accent-dark);font-size:var(--fs-lg)}.tools-filter-panel{margin-bottom:var(--space-6);padding:clamp(18px,2.5vw,26px);border-radius:18px;background:linear-gradient(145deg,#ffffffd1,#fff8ecbf 48%,#effbf8b8),radial-gradient(circle at 0% 0%,rgba(228,164,93,.1),transparent 36%);border:1px solid rgba(191,122,68,.1);box-shadow:0 18px 60px #1410080f;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.filter-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.filter-panel-heading h2{margin-top:6px;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:0}.filter-panel-heading p{max-width:360px;margin:0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}.tools-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6);padding-top:var(--space-12)}.filter-bar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap}.search-input-wrap{flex:1;min-width:240px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:48px;background:linear-gradient(180deg,#ffffffeb,#fff8eed1);border:1px solid rgba(191,122,68,.1);border-radius:14px;transition:all var(--transition-fast)}.search-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input-wrap input{flex:1;font-size:var(--fs-sm);padding:0;background:transparent;color:var(--text-primary)}.search-input-wrap input::placeholder{color:var(--text-tertiary)}.filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:0}.filter-group{position:relative;display:grid;grid-template-columns:72px 1fr;gap:var(--space-3);align-items:start;padding-top:var(--space-3);margin-top:var(--space-3);border-top:0}.filter-group:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,164,93,.3),rgba(48,152,137,.2),transparent)}.filter-group-title{min-height:34px;display:inline-flex;align-items:center;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase}.filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 13px;border-radius:var(--radius-pill);background:#ffffffb8;border:1px solid rgba(20,16,8,.08);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-chip:hover{color:var(--text-primary);border-color:#b8935a57;transform:translateY(-1px)}.filter-chip.active{background:var(--text-primary);color:var(--text-on-dark);border-color:var(--text-primary);box-shadow:0 10px 28px #1410081f}.filter-chip.active .ai-icon{color:var(--text-on-dark)}.tools-results{position:relative;z-index:1}.category-shell{padding-top:var(--space-12);padding-bottom:var(--space-16)}.category-hero-card{display:block}.category-section{margin-top:var(--space-8)}.category-grid-large{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:var(--space-4)}.category-grid-large .category-card{min-height:156px;justify-content:center;background:#ffffffc7;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.role-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.role-card{background:#ffffffc7;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}@media (max-width: 768px){.catalog-shell,.category-shell{padding-top:var(--space-8);padding-bottom:var(--space-12)}.tools-hero-card,.category-hero-card{display:block;padding:var(--space-6);border-radius:16px}.tools-hero-stats{justify-content:flex-start;margin-top:var(--space-4)}.filter-panel-heading{display:block}.filter-panel-heading p{margin-top:var(--space-2)}.filter-group{grid-template-columns:1fr;gap:var(--space-2)}.filter-group-title{min-height:0}.category-grid-large,.role-grid{grid-template-columns:1fr}}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4)}.back-link{display:inline-block;color:var(--text-tertiary);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--space-6);transition:color var(--transition-fast);padding-top:var(--space-8)}.back-link:hover{color:var(--text-primary)}.tool-detail{max-width:1040px;margin:0 auto}.tool-cta-strip{display:flex;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap}.tool-cta-main{font-size:var(--fs-sm);padding:var(--space-4) var(--space-6);flex:1;min-width:200px;background:var(--gradient-accent);color:#1a1102}.share-btn{flex:0 0 94px;width:94px;min-width:94px;padding:var(--space-4) var(--space-4)}.share-btn .share-label{display:inline-block;width:2.25em;text-align:left}.share-btn.is-copied{color:var(--accent-dark);border-color:#b8935a57;background:var(--accent-soft)}.tool-screenshot-wrap{position:relative;margin-bottom:var(--space-8);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);aspect-ratio:16 / 9}.tool-screenshot{width:100%;height:100%;object-fit:cover;display:block}.tool-screenshot-fade{display:none}.tool-preview-panel{position:relative;margin-bottom:var(--space-5);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#fff6ec2e,#d4a5741f 24%,#1e180ff5 56%,#0f0d08),var(--tool-bg, #14110a);border:1px solid rgba(250,248,243,.1);box-shadow:0 26px 78px #1410082e;isolation:isolate}.tool-preview-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.34),transparent 30%),radial-gradient(circle at 88% 26%,rgba(255,255,255,.1),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.16),transparent 34%,rgba(0,0,0,.1) 78%);mix-blend-mode:screen;opacity:.88;pointer-events:none}.tool-preview-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#faf8f3b8,#faf8f314 31%,#14100852 60%,#141008ad),linear-gradient(90deg,#14100814,#1410089e);pointer-events:none;z-index:0}.tool-preview-hero{margin:var(--space-3) 0 var(--space-6)}.tool-preview-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:0 var(--space-5);border-bottom:1px solid rgba(250,248,243,.08);background:#ffffff09}.tool-preview-dots{display:flex;gap:7px}.tool-preview-top span{width:7px;height:7px;border-radius:50%;background:#faf8f347}.tool-preview-top strong{color:#faf8f38f;font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.16em}.tool-preview-body{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(250px,.48fr);gap:clamp(18px,3vw,34px);align-items:center;min-height:332px;padding:clamp(34px,5vw,64px);background:transparent}.tool-preview-logo-stage{width:clamp(124px,15vw,164px);height:clamp(124px,15vw,164px);display:flex;align-items:center;justify-content:center;border-radius:28px;padding:8px;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border:1px solid rgba(250,248,243,.12);box-shadow:inset 0 1px #ffffff24,0 22px 48px #00000047}.tool-preview-logo.logo-wrap,.tool-preview-logo.logo-fallback{width:100%;height:100%;border-radius:24px}.tool-preview-copy .section-eyebrow{color:#d4a574db}.tool-preview-heading-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.tool-preview-heading-row .tool-badge{position:static}.tool-preview-copy h1,.tool-preview-copy h2{margin:var(--space-2) 0 var(--space-2);color:var(--text-on-dark);font-size:clamp(1.8rem,4.4vw,3.75rem);letter-spacing:0;line-height:1.02;overflow-wrap:anywhere;word-break:keep-all}.tool-preview-copy p{max-width:540px;margin:0 0 var(--space-4);color:#faf8f3b8;font-size:var(--fs-base);line-height:1.65}.tool-preview-tags{display:flex;flex-wrap:wrap;gap:8px}.tool-preview-tags .chip{color:#faf8f3c7;background:#faf8f30b;border-color:#faf8f324;box-shadow:inset 0 1px #faf8f314}.tool-preview-tags a.chip:hover{color:var(--text-on-dark);background:#faf8f317;border-color:#faf8f33d}.tool-preview-facts{align-self:stretch;display:grid;gap:var(--space-3)}.tool-preview-fact,.tool-preview-mini{display:flex;flex-direction:column;justify-content:center;padding:var(--space-5);border-radius:16px;background:#faf8f31a;border:1px solid rgba(250,248,243,.14);box-shadow:inset 0 1px #faf8f314}.tool-preview-fact span,.tool-preview-mini span{color:#d4a574db;font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.12em}.tool-preview-fact strong,.tool-preview-mini strong{display:block;margin-top:var(--space-2);color:var(--text-on-dark);font-size:clamp(1rem,1.5vw,var(--fs-xl));line-height:1.18;overflow-wrap:anywhere;word-break:keep-all}.tool-preview-fact p,.tool-preview-mini p{margin:var(--space-3) 0 0;color:#faf8f3a8;font-size:var(--fs-sm);line-height:1.58}.detail-section{margin-bottom:var(--space-10)}.tool-description-section{margin-top:var(--space-2)}.tool-description-section .detail-section-title{margin-bottom:var(--space-3)}@supports (content-visibility: auto){.detail-section{content-visibility:auto;contain-intrinsic-size:420px}}.detail-section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-4)}.detail-section-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-bottom:var(--space-4);letter-spacing:0;color:var(--text-primary)}.detail-section-subtitle{margin:calc(var(--space-3) * -1) 0 var(--space-4);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}.tool-insight-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:var(--space-4);padding:var(--space-6);background:linear-gradient(180deg,#ffffffeb,#ffffffb8),radial-gradient(circle at 8% 0%,rgba(184,147,90,.12),transparent 38%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.tool-insight-hero p{margin:0;color:var(--text-primary);font-size:var(--fs-base);line-height:1.75}.tool-insight-mini{padding:var(--space-4);border-radius:var(--radius-md);background:#faf8f3c7;border:1px solid rgba(184,147,90,.18)}.tool-insight-mini-label,.tool-fit-label{margin-bottom:var(--space-3);color:var(--accent-dark);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.08em}.tool-workflow-list{display:grid;gap:var(--space-2);margin:0;padding-left:1.15rem;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}.insight-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.insight-card{min-height:132px;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.insight-card:hover{transform:translateY(-3px);border-color:#b8935a47;box-shadow:var(--shadow-card)}.insight-card-num{display:block;margin-bottom:var(--space-4);color:var(--accent-dark);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.12em}.insight-card p{margin:0;color:var(--text-primary);font-size:var(--fs-sm);line-height:1.6}.tool-use-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-4)}.tool-use-tags span{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);box-shadow:0 3px 10px #14100808}.tool-fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.tool-fit-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle)}.tool-fit-card-muted{background:var(--bg-elevated)}.tool-fit-card p{margin:0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.tool-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.tool-fact-card{min-height:132px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle)}.tool-fact-card-wide{grid-column:span 2;min-height:0}.tool-fact-label{margin-bottom:var(--space-3);color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.08em}.tool-fact-card strong{display:block;color:var(--text-primary);font-size:var(--fs-lg);line-height:1.35;letter-spacing:0}.tool-fact-card span,.tool-fact-card p{display:block;margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.tool-description{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);line-height:1.7;color:var(--text-secondary);font-size:var(--fs-base);white-space:pre-wrap}.tool-description-board{position:relative;min-height:540px;padding:clamp(22px,4vw,44px);overflow:hidden;border-radius:26px;background:linear-gradient(180deg,#120f0a29,#120f0a99),var(--tool-bg, var(--gradient-accent));border:1px solid rgba(250,248,243,.28);box-shadow:inset 0 1px #ffffff38,0 28px 78px #14100829;isolation:isolate}.tool-description-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#faf8f36b,#faf8f314 42%,#1410086b),linear-gradient(120deg,#1410082e,#faf8f32e 46%,#14100838),var(--tool-bg, var(--gradient-accent));filter:saturate(.92) contrast(1.04)}.tool-description-art:before,.tool-description-art:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-8%;height:58%;background:linear-gradient(180deg,#faf8f31f,#1410086b),linear-gradient(165deg,rgba(255,255,255,.1),transparent 46%,rgba(20,16,8,.18));clip-path:polygon(0 52%,9% 44%,18% 49%,28% 34%,40% 45%,52% 26%,64% 42%,74% 32%,86% 44%,100% 30%,100% 100%,0 100%);opacity:.72}.tool-description-art:after{bottom:-16%;height:46%;background:linear-gradient(180deg,#faf8f32e,#14100894),linear-gradient(12deg,rgba(255,255,255,.08),transparent 44%,rgba(20,16,8,.22));clip-path:polygon(0 38%,12% 28%,24% 42%,35% 30%,48% 46%,62% 26%,78% 39%,88% 31%,100% 48%,100% 100%,0 100%);opacity:.86}.tool-description-layout{min-height:452px;display:grid;grid-template-columns:minmax(180px,.72fr) minmax(280px,1.08fr) minmax(240px,.9fr);gap:clamp(16px,2.8vw,28px);align-items:stretch}.tool-description-left,.tool-description-right{display:grid;align-content:start;gap:var(--space-4)}.tool-description-right{align-content:center}.tool-description-brand-card,.tool-description-mini-card,.tool-description-main-card,.tool-description-info-card{background:#faf8f3c2;border:1px solid rgba(250,248,243,.46);box-shadow:inset 0 1px #ffffff94,0 18px 44px #14100829;backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%)}.tool-description-brand-card{display:grid;grid-template-columns:minmax(58px,72px) minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:18px;min-width:0}.tool-description-logo.logo-wrap,.tool-description-logo.logo-fallback{width:72px;height:72px;border-radius:18px}.tool-description-brand-card strong{display:block;color:var(--text-primary);font-size:clamp(1.02rem,1.35vw,1.32rem);font-weight:var(--fw-bold);line-height:1.12;overflow-wrap:anywhere;word-break:keep-all}.tool-description-brand-card span{display:block;margin-top:8px;color:var(--text-secondary);font-size:var(--fs-sm);overflow-wrap:anywhere;word-break:keep-all}.tool-description-mini-card{padding:var(--space-4);border-radius:18px}.tool-description-mini-card>span,.tool-description-info-card>span{display:block;margin-bottom:var(--space-3);color:var(--text-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em}.tool-description-icon-grid{display:grid;grid-template-columns:repeat(3,44px);gap:10px}.tool-description-icon-grid i{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;color:var(--text-primary);background:#ffffff5c;border:1px solid rgba(20,16,8,.05);font-style:normal}.tool-description-main-card{align-self:end;min-height:286px;padding:clamp(22px,3vw,34px);border-radius:22px}.tool-description-main-card .section-eyebrow{color:var(--accent-dark)}.tool-description-main-card h3{max-width:620px;margin:var(--space-3) 0 var(--space-4);color:var(--text-primary);font-size:clamp(1.75rem,2.78vw,3rem);font-weight:var(--fw-bold);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere;word-break:keep-all}.tool-description-main-card p{max-width:720px;margin:0;color:var(--text-secondary);font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.78}.tool-description-info-card{padding:var(--space-4);border-radius:18px}.tool-description-info-card strong{display:block;color:var(--text-primary);font-size:clamp(.98rem,1.35vw,var(--fs-lg));line-height:1.32;overflow-wrap:anywhere;word-break:keep-all}.tool-description-info-card p{margin:7px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.58;overflow-wrap:anywhere;word-break:keep-all}.tool-description-info-card.is-wide{min-height:118px}.features-list{display:grid;gap:var(--space-3)}.feature-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;transition:all var(--transition-fast)}.feature-item:hover{border-color:#b8935a4d}.feature-bullet{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#1a1102}.feature-text{font-size:var(--fs-sm);line-height:1.55;color:var(--text-primary)}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.use-case{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.use-case:hover{border-color:#b8935a47;transform:translateY(-2px);box-shadow:var(--shadow-soft)}.use-case-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);border-radius:var(--radius-md);color:var(--accent-dark);background:var(--bg-elevated)}.use-case-icon .ai-icon{width:22px;height:22px}.use-case-text{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.pricing-official-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--text-primary);border:1px solid var(--text-primary);color:var(--text-on-dark);font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;box-shadow:0 12px 30px #1410081f;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.pricing-official-link:hover{transform:translateY(-1px);background:#2a2418;box-shadow:0 16px 36px #14100829}.pricing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.pricing-plan-grid-only{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:0}.pricing-source-note{margin:8px 0 0;color:var(--text-tertiary);font-size:var(--fs-sm);line-height:1.5}.pricing-graph{display:grid;grid-template-columns:74px minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-5);padding:clamp(18px,2.4vw,28px);border-radius:20px;background:linear-gradient(180deg,#fffffff5,#faf8f3db),radial-gradient(circle at 0% 0%,rgba(184,147,90,.12),transparent 44%);border:1px solid rgba(20,16,8,.08);box-shadow:inset 0 1px #ffffffe6,0 20px 56px #14100812}.pricing-graph-rail{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:6px 0;color:var(--text-tertiary);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.12em}.pricing-graph-rail:before{content:"";position:absolute;left:50%;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,#14100814,#b8935a57,#14100814);transform:translate(-50%)}.pricing-graph-list{display:grid;gap:12px}.pricing-graph-row{--bar: 20%;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--space-3);align-items:stretch;min-height:106px}.pricing-graph-node{display:flex;justify-content:center;padding-top:2px}.pricing-graph-node span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#1a1102;background:var(--gradient-accent);border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 22px #b8935a38;font-size:11px;font-weight:var(--fw-bold)}.pricing-graph-row:before{content:"";position:absolute;left:17px;top:36px;bottom:-14px;width:1px;background:#b8935a38}.pricing-graph-row:last-child:before{display:none}.pricing-graph-body{padding:var(--space-4);border-radius:16px;background:#ffffffb8;border:1px solid rgba(20,16,8,.07);box-shadow:inset 0 1px #ffffffd1}.pricing-graph-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.pricing-graph-head strong{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.pricing-graph-head span{color:var(--accent-dark);font-size:clamp(1.2rem,2.4vw,2rem);font-weight:var(--fw-bold);letter-spacing:0;white-space:nowrap}.pricing-graph-track{position:relative;height:12px;margin-bottom:var(--space-3);overflow:hidden;border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(20,16,8,.06) 38px 39px),#1410080e}.pricing-graph-track span{display:block;width:var(--bar);min-width:22px;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a1710,#9b7544 58%,#d8ad69);box-shadow:0 0 18px #b8935a3d}.pricing-graph-row.is-unknown .pricing-graph-track span{background:repeating-linear-gradient(90deg,#1a1710db 0,#1a1710db 12px,#b8935ab8 12px,#b8935ab8 22px)}.pricing-graph-body p{max-width:780px;margin:0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6}.pricing-plan-card{position:relative;min-height:198px;padding:clamp(20px,2.4vw,28px);border-radius:16px;background:linear-gradient(180deg,#fffffffa,#faf8f3d1),radial-gradient(circle at 10% 0%,rgba(212,165,116,.13),transparent 38%);border:1px solid rgba(20,16,8,.08);overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 16px 42px #1410080f}.pricing-plan-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gradient-accent);opacity:.86}.pricing-plan-kicker{color:var(--accent-dark);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.13em}.pricing-plan-name{margin-top:var(--space-4);color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.pricing-plan-price{margin-top:var(--space-2);color:var(--text-primary);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:var(--fw-bold);line-height:1.05;letter-spacing:0}.pricing-plan-rule{width:100%;height:1px;margin:var(--space-4) 0;background:linear-gradient(90deg,rgba(20,16,8,.12),transparent)}.pricing-plan-card p{margin:0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.affiliate-disclosure{padding:var(--space-4);background:var(--bg-elevated);border:1px dashed var(--border-default);border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-8)}@media (max-width: 640px){.tool-preview-body{grid-template-columns:1fr;padding:var(--space-6);min-height:0}.tool-preview-logo-stage{width:112px;height:112px}.tool-preview-mini{min-height:0}.detail-section-heading-row{display:grid;gap:var(--space-3)}.tool-insight-hero,.tool-fit-grid,.tool-facts-grid,.pricing-plan-grid-only{grid-template-columns:1fr}.tool-description-board{min-height:0;padding:var(--space-4);border-radius:20px}.tool-description-layout{min-height:0;grid-template-columns:1fr}.tool-description-main-card{min-height:0;align-self:stretch}.tool-description-main-card h3{font-size:clamp(1.55rem,8.6vw,2.45rem)}.tool-description-right{align-content:start}.tool-description-icon-grid{grid-template-columns:repeat(5,40px)}.tool-description-icon-grid i{width:40px;height:40px}.pricing-graph{grid-template-columns:1fr;gap:var(--space-3)}.pricing-graph-rail{display:none}.pricing-graph-row{grid-template-columns:34px minmax(0,1fr)}.pricing-graph-node span{width:30px;height:30px}.pricing-graph-row:before{left:15px}.pricing-graph-head{align-items:flex-start;flex-direction:column;gap:4px}.tool-fact-card-wide{grid-column:span 1}}.compare-teaser-section{margin:var(--space-16) 0}.compare-page{padding:var(--space-12) 0}.compare-header{text-align:center;margin-bottom:var(--space-10);max-width:720px;margin-left:auto;margin-right:auto}.compare-header h1{font-size:clamp(2rem,4vw,var(--fs-5xl));font-weight:var(--fw-bold);letter-spacing:0;margin-bottom:var(--space-3)}.compare-empty{text-align:center;padding:var(--space-16);background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--radius-xl);color:var(--text-tertiary)}.compare-table-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-10)}.compare-tools-row{display:grid;grid-template-columns:160px repeat(var(--cols, 3),1fr);border-bottom:1px solid var(--border-default);background:var(--bg-elevated)}.compare-tools-row>div{padding:var(--space-6) var(--space-4);border-right:1px solid var(--border-subtle)}.compare-tools-row>div:last-child{border-right:none}.compare-tools-row .compare-cell-label{display:flex;align-items:center;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-medium)}.compare-tool-head{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.compare-tool-head .tool-name{font-size:var(--fs-lg)}.compare-tool-remove{background:none;color:var(--text-muted);font-size:var(--fs-xs);padding:4px 8px;border-radius:var(--radius-sm);margin-top:var(--space-2);border:1px solid var(--border-default)}.compare-tool-remove:hover{color:var(--color-error);border-color:#dc26264d}.compare-row{display:grid;grid-template-columns:160px repeat(var(--cols, 3),1fr);border-bottom:1px solid var(--border-subtle)}.compare-row:last-child{border-bottom:none}.compare-row>div{padding:var(--space-4);border-right:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-secondary)}.compare-row>div:last-child{border-right:none}.compare-row .compare-cell-label{display:flex;align-items:center;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-elevated);font-weight:var(--fw-medium)}.compare-bar{display:flex;flex-direction:column;gap:6px}.compare-bar-value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary)}.compare-bar-track{height:6px;background:var(--bg-elevated);border-radius:var(--radius-pill);overflow:hidden}.compare-bar-fill{height:100%;background:var(--gradient-accent);border-radius:inherit;transition:width 1s var(--ease-out-expo);width:0}.compare-bar-fill.animate{width:var(--w, 50%)}.compare-check{color:var(--color-success);font-weight:var(--fw-semibold)}.compare-cross{color:var(--text-muted)}.compare-price{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--accent-dark)}.compare-actions{display:flex;gap:var(--space-3);justify-content:center}@media (max-width: 768px){.compare-tools-row,.compare-row{grid-template-columns:100px repeat(var(--cols, 3),minmax(0,1fr))}.compare-tools-row>div,.compare-row>div{padding:var(--space-3)}}.submit-wrap{max-width:880px;margin:0 auto;text-align:center;padding-top:var(--space-12)}.submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-10) 0;text-align:left}@media (max-width: 640px){.submit-grid{grid-template-columns:1fr}}.submit-plan{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.submit-plan:hover{border-color:var(--border-default);box-shadow:var(--shadow-card-hover)}.submit-plan-premium{background:linear-gradient(180deg,#d4a57414,#d4a57405);border-color:#b8935a4d}.submit-plan-badge{display:inline-block;padding:3px 10px;font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-tertiary);margin-bottom:var(--space-3)}.submit-plan-badge.premium{background:var(--gradient-accent);color:#1a1102}.submit-plan-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:0;margin-bottom:var(--space-2);color:var(--text-primary)}.submit-plan-price{font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:0;margin-bottom:var(--space-5);color:var(--text-primary)}.submit-plan-premium .submit-plan-price{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.submit-plan-price span{font-size:var(--fs-base);color:var(--text-tertiary);font-weight:var(--fw-regular);-webkit-text-fill-color:var(--text-tertiary)}.submit-plan-features{margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.submit-plan-features li{font-size:var(--fs-sm);color:var(--text-secondary)}.submit-plan-btn{width:100%}.submit-form-card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:left;margin-bottom:var(--space-8)}.submit-form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.submit-field{display:flex;flex-direction:column;gap:6px}.submit-field span{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.submit-field input,.submit-field textarea{padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-primary);font-family:inherit;resize:vertical}.submit-field input:focus,.submit-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.submit-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.submit-status{padding:var(--space-3);font-size:var(--fs-sm);min-height:24px;text-align:center}.submit-status.success{color:var(--color-success)}.submit-faq{margin:var(--space-12) 0;text-align:left}.submit-faq h3{text-align:center;margin-bottom:var(--space-6)}.submit-faq details{margin-bottom:var(--space-2);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.submit-faq summary{font-weight:var(--fw-semibold);color:var(--text-primary);list-style:none;position:relative;padding-right:24px;font-size:var(--fs-sm);cursor:pointer}.submit-faq summary::-webkit-details-marker{display:none}.submit-faq summary:after{content:"+";position:absolute;right:0;top:0;font-size:var(--fs-xl);color:var(--text-tertiary)}.submit-faq details[open] summary:after{content:"−"}.submit-faq p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6}.auto-fill-card{margin:var(--space-5) 0;padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.auto-fill-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.auto-fill-hint{font-size:var(--fs-xs);color:var(--text-tertiary)}.auto-fill-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.auto-fill-row input{flex:1;min-width:220px;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-primary)}.auto-fill-row input:focus{border-color:var(--accent)}.auto-fill-row button{white-space:nowrap}.auto-fill-row button:disabled{opacity:.5;cursor:not-allowed}.auto-fill-status{margin-top:var(--space-3);font-size:var(--fs-xs);min-height:16px}.auto-fill-status.success{color:var(--color-success)}.auto-fill-status.error{color:var(--color-error)}.auto-fill-status.info{color:var(--accent-dark)}.auto-fill-preview{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.auto-fill-preview-card{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-3)}.auto-fill-logo{width:40px;height:40px;object-fit:contain;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px;flex-shrink:0}.auto-fill-meta{flex:1;min-width:0}.auto-fill-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:2px}.auto-fill-url{font-size:var(--fs-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.auto-fill-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.auto-fill-image{width:100%;max-height:200px;object-fit:cover;border:1px solid var(--border-default);border-radius:var(--radius-md);display:block}.hero-title,.hero-title .line-2,.showcase-copy h3,.tools-hero-card .heading-1,.category-hero-card .heading-1,.tool-preview-copy h1,.tool-preview-copy h2,.tool-description-main-card h3,.compare-title,.submit-hero-title{font-family:var(--font-display);letter-spacing:0}.hero-title{font-size:clamp(3.25rem,8.2vw,7.75rem);font-weight:var(--fw-extrabold);line-height:.96}.hero-title .line-2{font-style:normal;font-weight:720}.legal-page{position:relative;padding:var(--space-16) 0 var(--space-20)}.legal-hero{display:grid;gap:var(--space-4);padding-top:var(--space-10);padding-bottom:var(--space-10)}.legal-hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,5.5rem);line-height:.98;font-weight:var(--fw-extrabold);letter-spacing:0;color:var(--text-primary)}.legal-hero p{max-width:720px;color:#4a4538c7;font-size:var(--fs-lg);font-weight:var(--fw-light)}.legal-updated{display:inline-flex;align-items:center;width:fit-content;height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid rgba(20,16,8,.08);background:#fff9;color:#4a4538b3;font-size:var(--fs-sm);font-weight:var(--fw-light)}.legal-content{display:grid;gap:var(--space-5)}.legal-notice,.legal-section-card,.contact-primary-card,.contact-mini-card,.ad-policy-hero,.ad-product-card{border-radius:var(--radius-lg);border:1px solid rgba(20,16,8,.08);background:#ffffffc2;box-shadow:var(--shadow-card)}.legal-notice{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-5)}.legal-notice strong{color:var(--accent-dark);font-weight:var(--fw-medium)}.legal-notice p,.legal-section-card p{color:#4a4538c7;font-weight:var(--fw-light);line-height:1.78}.legal-section-card{padding:clamp(24px,3vw,40px)}.legal-section-card h2{margin-bottom:var(--space-4);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.18;font-weight:var(--fw-semibold)}.legal-table-wrap{overflow-x:auto;border:1px solid rgba(20,16,8,.08);border-radius:var(--radius-md)}.legal-table{width:100%;min-width:760px;border-collapse:collapse;background:#ffffff9e}.legal-table th,.legal-table td{padding:var(--space-4);border-bottom:1px solid rgba(20,16,8,.07);text-align:left;vertical-align:top;font-size:var(--fs-sm)}.legal-table th{color:#141008c2;font-weight:var(--fw-medium);background:#f4f0e6ad}.legal-table td{color:#4a4538d1;font-weight:var(--fw-light)}.legal-table tr:last-child td{border-bottom:0}.legal-callout-grid,.contact-grid,.ad-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}.legal-callout-grid>div{padding:var(--space-5);border-radius:var(--radius-md);background:#f4f0e6a3}.legal-callout-grid strong,.contact-mini-card strong,.ad-product-card strong{display:block;margin-bottom:var(--space-2);font-weight:var(--fw-semibold)}.legal-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.legal-list li{position:relative;padding-left:18px;color:#4a4538cc;font-weight:var(--fw-light);line-height:1.72}.legal-list li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.legal-mail-link{display:inline-flex;margin-top:var(--space-4);color:var(--accent-dark);font-weight:var(--fw-medium);word-break:break-all}.contact-panel{display:grid;gap:var(--space-4)}.contact-primary-card{display:grid;gap:var(--space-2);padding:clamp(28px,5vw,56px);background:linear-gradient(135deg,#141008f0,#3a2d1aeb),radial-gradient(circle at 80% 20%,rgba(212,165,116,.28),transparent 34%);color:var(--text-on-dark)}.contact-primary-card span,.contact-primary-card small{color:#faf8f3ad;font-weight:var(--fw-light)}.contact-primary-card strong{color:var(--text-on-dark);font-size:clamp(1.55rem,3vw,3rem);line-height:1.08;word-break:break-all}.contact-mini-card,.ad-product-card{padding:var(--space-6)}.contact-mini-card p,.ad-product-card p{color:#4a4538bd;font-weight:var(--fw-light)}.ad-policy-hero{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center;padding:clamp(28px,5vw,56px);background:radial-gradient(circle at 86% 14%,rgba(184,147,90,.18),transparent 30%),linear-gradient(135deg,#ffffffe0,#f4f0e6b3)}.ad-policy-hero span{color:var(--accent-dark);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.ad-policy-hero h2{margin:var(--space-2) 0;font-size:clamp(2rem,4vw,4rem);line-height:1;font-weight:var(--fw-extrabold)}.ad-policy-hero p{max-width:620px;color:#4a4538c2;font-weight:var(--fw-light)}.ad-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 800px){.legal-callout-grid,.contact-grid,.ad-product-grid,.ad-policy-hero{grid-template-columns:1fr}}@media (max-width: 640px){.legal-page{padding-top:var(--space-8)}.legal-notice{grid-template-columns:1fr}.legal-section-card{padding:var(--space-5)}}
