:root{--bg: #FAFAFB;--surface: #FFFFFF;--surface-2: #F4F4F7;--surface-3: #ECEDF2;--ink: #0A0B14;--ink-2: #2A2C3A;--ink-3: #5B5D6F;--ink-4: #8B8D9F;--line: #E5E6EC;--line-2: #D5D7E0;--accent: #4F46E5;--accent-2: #4338CA;--accent-soft: #EEF0FE;--accent-glow: #818CF8;--success: #059669;--warn: #D97706;--danger: #DC2626;--display: "Inter Tight", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--shadow-sm: 0 1px 2px rgba(10, 11, 20, .04), 0 1px 3px rgba(10, 11, 20, .06);--shadow-md: 0 4px 12px rgba(10, 11, 20, .06), 0 2px 4px rgba(10, 11, 20, .04);--shadow-lg: 0 16px 40px -8px rgba(10, 11, 20, .12), 0 4px 12px rgba(10, 11, 20, .06);--shadow-xl: 0 32px 80px -16px rgba(79, 70, 229, .18), 0 12px 32px -8px rgba(10, 11, 20, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:0;color:inherit}input,textarea,select{font-family:inherit;color:inherit}.container{max-width:1240px;margin:0 auto;padding:0 32px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}nav.top{position:sticky;top:0;z-index:50;background:#fafafbcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:1240px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em;font-family:var(--display)}.brand-dot{display:inline-flex}.brand-dot svg{width:22px;height:22px}.brand-vertical{display:inline-flex;align-items:center;padding:4px 10px;background:var(--accent-soft);color:var(--accent);border-radius:4px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;margin-left:6px}.nav-center{display:flex;gap:6px}.nav-center a{padding:8px 14px;border-radius:6px;font-size:14px;font-weight:500;color:var(--ink-2);transition:background .12s ease,color .12s ease}.nav-center a:hover,.nav-center a.active{background:var(--surface-2);color:var(--ink)}.nav-right{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:7px;font-size:14px;font-weight:500;font-family:var(--body);border:none;transition:all .15s ease;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent)}.btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-2)}.btn-ghost:hover:not(:disabled){background:var(--surface);border-color:var(--ink-3);color:var(--ink)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 1px #ffffff1a inset,0 1px 2px #4f46e540}.btn-accent:hover:not(:disabled){background:var(--accent-2)}.btn-lg{padding:13px 22px;font-size:15px}.btn .ico{width:14px;height:14px}.btn:hover .arrow{transform:translate(2px)}.arrow{transition:transform .2s ease}.hero{padding:80px 0 70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(79,70,229,.1) 0%,transparent 60%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;position:relative}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-2);margin-bottom:28px;box-shadow:var(--shadow-sm)}.hero-pill-tag{background:var(--accent-soft);color:var(--accent);padding:4px 10px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;font-weight:500}h1.h-display{font-family:var(--display);font-size:clamp(44px,5.5vw,68px);font-weight:600;letter-spacing:-.035em;line-height:1.02;color:var(--ink);margin-bottom:22px}h1.h-display span.accent{background:linear-gradient(120deg,var(--accent) 0%,var(--accent-glow) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lede{font-size:19px;color:var(--ink-2);line-height:1.55;max-width:540px;margin-bottom:36px}.lede strong{color:var(--ink);font-weight:600}.hero-ctas{display:flex;gap:10px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.hero-mini{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3)}.hero-mini .check{color:var(--success)}.hero-logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.hero-logos-label{font-family:var(--mono);font-size:11px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.12em}.logo-row{display:flex;gap:28px;align-items:center;opacity:.65;flex-wrap:wrap}.logo-item{font-family:var(--display);font-weight:600;color:var(--ink-3);font-size:14px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:6px}.product-mock{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.mock-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line)}.mock-dot{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.mock-dot:nth-child(1){background:#ff5f57}.mock-dot:nth-child(2){background:#febc2e}.mock-dot:nth-child(3){background:#28c840}.mock-url{flex:1;text-align:center;margin-left:-52px;font-family:var(--mono);font-size:12px;color:var(--ink-3)}.mock-body{padding:22px}.mock-step-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#dcfce7;color:#166534;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;font-weight:500;margin-bottom:16px}.mock-step-pill .live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e;animation:livepulse 2s infinite}@keyframes livepulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.mock-title{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.015em;margin-bottom:4px}.mock-sub{font-size:13px;color:var(--ink-3);margin-bottom:18px}.mock-conflict{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:14px;background:var(--surface-2);border-radius:8px;margin-bottom:16px}.mock-conflict-side{font-size:13px}.mock-conflict-side .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-bottom:4px;display:inline-flex;align-items:center;gap:6px}.mock-conflict-side.improve .lbl{color:var(--accent)}.mock-conflict-side.worsen .lbl{color:var(--ink-3)}.mock-conflict-side .val{font-weight:500;color:var(--ink)}.mock-conflict-vs{width:32px;height:32px;background:var(--ink);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:14px}.mock-cards{display:flex;flex-direction:column;gap:8px}.mock-card{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;align-items:start;gap:12px;background:var(--surface)}.mock-card-rank{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-soft);width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mock-card-content{flex:1;min-width:0}.mock-card-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px}.mock-card-pr{font-family:var(--mono);font-size:9px;color:var(--ink-3);letter-spacing:.06em;padding:2px 6px;background:var(--surface-2);border-radius:3px}.mock-card-src{font-family:var(--mono);font-size:9px;color:var(--ink-4);letter-spacing:.06em}.mock-card-title{font-weight:600;font-size:13px;color:var(--ink);line-height:1.3;letter-spacing:-.005em}.mock-card-score{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--success);flex-shrink:0}.trust{padding:36px 0;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.trust-cell{display:flex;align-items:center;gap:14px}.trust-icon{width:38px;height:38px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.trust-icon svg{width:18px;height:18px}.trust-n{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1;color:var(--ink)}.trust-l{font-size:12px;color:var(--ink-3);margin-top:3px}section.scope{padding:100px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 60px}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:20px}h2.section-title{font-family:var(--display);font-size:clamp(34px,4vw,48px);font-weight:600;letter-spacing:-.025em;line-height:1.05;color:var(--ink);margin-bottom:18px}h2.section-title span.accent{color:var(--accent)}.section-sub{font-size:18px;color:var(--ink-2);line-height:1.55;max-width:600px;margin:0 auto}.section-left{text-align:left;margin-left:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;position:relative}.compare-card.bad{background:var(--surface-2)}.compare-card.good{border-color:var(--accent);box-shadow:0 12px 32px -12px #4f46e540}.compare-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:5px 10px;border-radius:4px;margin-bottom:16px}.compare-card.bad .compare-tag{color:var(--ink-3);background:var(--surface-3)}.compare-card.good .compare-tag{color:var(--accent);background:var(--accent-soft)}.compare-h{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.015em;margin-bottom:22px;color:var(--ink)}.compare-card.bad .compare-h{color:var(--ink-3)}.compare-list{list-style:none}.compare-list li{display:flex;align-items:start;gap:12px;padding:10px 0;font-size:15px;color:var(--ink-2);line-height:1.5}.compare-list li .li-ico{width:18px;height:18px;flex-shrink:0;margin-top:2px}.compare-card.bad .li-ico{color:var(--ink-4)}.compare-card.good .li-ico{color:var(--accent)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;position:relative;transition:all .2s ease}.step-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-2)}.step-num{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;font-weight:500;margin-bottom:16px}.step-icon{width:44px;height:44px;background:var(--accent-soft);color:var(--accent);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.step-icon svg{width:22px;height:22px}.step-title{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:10px;color:var(--ink)}.step-body{font-size:15px;color:var(--ink-2);line-height:1.5}.demo{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl)}.demo-head{padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface-2);display:flex;justify-content:space-between;align-items:center}.demo-head-left{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;color:var(--ink-3)}.demo-head-right{font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:.08em}.demo-body{padding:32px}.demo-problem{background:var(--accent-soft);border-left:3px solid var(--accent);padding:18px 22px;border-radius:8px;margin-bottom:28px;font-size:17px;color:var(--ink-2);line-height:1.5}.demo-problem strong{color:var(--ink);font-weight:600}.demo-conflict{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;margin-bottom:28px}.conflict-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px}.conflict-box.improve{border-left:3px solid var(--accent)}.conflict-box.worsen{border-left:3px solid var(--ink-3)}.conflict-box .b-lbl{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.conflict-box.improve .b-lbl{color:var(--accent)}.conflict-box.worsen .b-lbl{color:var(--ink-3)}.conflict-box .b-val{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}.conflict-x{width:44px;height:44px;background:var(--ink);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;align-self:center;font-family:var(--display);font-weight:600}.demo-principles{margin-bottom:28px}.demo-section-label{display:flex;align-items:center;gap:10px;margin-bottom:14px}.demo-section-label .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}.demo-section-label .line{flex:1;height:1px;background:var(--line)}.principle-chips{display:flex;flex-wrap:wrap;gap:8px}.principle-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-2)}.principle-chip .num{font-family:var(--mono);font-size:10px;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:3px;font-weight:500}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.idea{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;transition:all .2s ease}.idea:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.idea-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.idea-pr{font-family:var(--mono);font-size:10px;color:var(--accent);background:var(--accent-soft);padding:4px 8px;border-radius:4px;font-weight:500;letter-spacing:.04em}.idea-src{font-family:var(--mono);font-size:10px;color:var(--ink-4);letter-spacing:.06em}.idea-h{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.25;margin-bottom:10px;color:var(--ink)}.idea-p{font-size:14px;color:var(--ink-2);line-height:1.5;flex:1;margin-bottom:14px}.idea-exp{font-size:13px;color:var(--ink-3);line-height:1.5;padding-top:14px;border-top:1px solid var(--line);margin-bottom:12px}.idea-exp .exp-l{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.08em;margin-bottom:4px;display:block}.idea-score{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}.score-bar{flex:1;height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden}.score-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-glow))}.uses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.use-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;display:flex;align-items:start;gap:22px;transition:all .2s ease}.use-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.use-icon{width:48px;height:48px;background:var(--accent-soft);color:var(--accent);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.use-icon svg{width:24px;height:24px}.use-content{flex:1}.use-h{font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.015em;margin-bottom:8px}.use-p{font-size:15px;color:var(--ink-2);line-height:1.55;margin-bottom:14px}.use-q{font-size:13px;color:var(--ink-3);background:var(--surface-2);padding:10px 14px;border-radius:8px;border-left:2px solid var(--accent);font-style:italic}.testimonial{background:linear-gradient(135deg,var(--ink) 0%,#1F1F35 100%);color:#fff;border-radius:18px;padding:56px 48px;position:relative;overflow:hidden}.testimonial:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(129,140,248,.18) 0%,transparent 60%);pointer-events:none}.testimonial-quote{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin-bottom:28px;max-width:820px;position:relative}.testimonial-quote:before{content:'"';position:absolute;top:-36px;left:-16px;font-family:var(--display);font-size:80px;color:var(--accent-glow);opacity:.3;line-height:1}.testimonial-author{display:flex;align-items:center;gap:14px;position:relative}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-glow));display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-family:var(--display)}.author-info .name{font-weight:600;font-size:15px}.author-info .role{font-size:13px;color:#fff9}.faq-list{max-width:760px;margin:0 auto}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.015em;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{width:24px;height:24px;background:var(--surface-2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.faq-icon svg{width:12px;height:12px;color:var(--ink-3);transition:transform .2s ease}.faq-item[open] .faq-icon{background:var(--accent)}.faq-item[open] .faq-icon svg{color:#fff;transform:rotate(45deg)}.faq-body{padding:0 24px 22px;font-size:15px;color:var(--ink-2);line-height:1.6}.faq-body p{margin-bottom:12px}.faq-body p:last-child{margin-bottom:0}.cta-band{text-align:center;padding:100px 32px;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(79,70,229,.1),transparent),var(--surface);border-top:1px solid var(--line);position:relative}.cta-band h2{font-family:var(--display);font-size:clamp(36px,4.5vw,54px);font-weight:600;letter-spacing:-.025em;line-height:1.05;margin-bottom:18px}.cta-band h2 span.accent{color:var(--accent)}.cta-band p{font-size:18px;color:var(--ink-2);margin-bottom:32px;max-width:540px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}footer.main{background:var(--ink);color:#ffffffb3;padding:64px 0 28px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.foot-brand-info{max-width:320px}.foot-brand-info .brand{color:#fff;font-size:18px;margin-bottom:12px}.foot-tag{font-size:14px;color:#fff9;line-height:1.55}.foot-col-h{color:#fff;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.foot-link{display:block;padding:5px 0;font-size:14px;color:#fff9;transition:color .15s ease}.foot-link:hover{color:#fff}.foot-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.foot-vertical-pills{display:flex;gap:8px}.foot-vp{padding:5px 10px;background:#ffffff14;border-radius:4px;color:#ffffffb3;font-size:10px;transition:all .15s ease}.foot-vp:hover,.foot-vp.active{background:var(--accent);color:#fff}.billing-toggle{display:inline-flex;align-items:center;gap:0;margin:40px auto 0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm)}.billing-toggle button{padding:9px 20px;background:transparent;border:none;font-family:var(--body);font-size:13px;font-weight:500;color:var(--ink-3);border-radius:7px;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.billing-toggle button.active{background:var(--ink);color:#fff;box-shadow:0 1px #ffffff1a inset,0 1px 2px #0a0b142e}.save-badge{font-size:10px;background:var(--accent);color:#fff;padding:2px 7px;border-radius:4px;font-weight:600;letter-spacing:.04em}.billing-toggle button.active .save-badge{background:#ffffff38}.pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:56px}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:36px 30px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.price-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.price-card.featured{background:linear-gradient(180deg,#14152a,#0a0b14);color:#fff;border-color:var(--ink);transform:translateY(-10px);box-shadow:var(--shadow-xl)}.price-card.featured:hover{transform:translateY(-12px)}.price-card.featured .price-name{color:#fff}.price-card.featured .price-tagline{color:#ffffffa6}.price-card.featured .price-period{color:#ffffff80}.price-card.featured .feat-li{color:#ffffffe0}.price-card.featured .feat-li strong{color:#fff}.price-card.featured .feat-li .muted{color:#ffffff80}.price-card.featured .price-divider{background:#ffffff1f}.price-card.featured .price-section-h{color:#ffffff8c}.price-card.featured .feat-i{color:var(--accent-glow)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:5px;font-weight:600;box-shadow:0 4px 12px #4f46e559}.price-name{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin-bottom:6px}.price-tagline{font-size:13px;color:var(--ink-3);margin-bottom:28px;line-height:1.5;min-height:42px}.price-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.price-amount .currency{font-family:var(--display);font-size:24px;color:var(--ink-3);font-weight:500}.price-card.featured .price-amount .currency{color:#fff9}.price-amount .num{font-family:var(--display);font-size:52px;font-weight:700;line-height:1;letter-spacing:-.035em}.price-amount .per-seat{font-size:14px;color:var(--ink-4);margin-left:4px;font-weight:500}.price-card.featured .price-amount .per-seat{color:#ffffff8c}.price-period{font-size:13px;color:var(--ink-4);margin-bottom:24px}.price-cta{width:100%;justify-content:center;margin-bottom:28px}.price-card.featured .btn-ghost{background:#ffffff0f;color:#fff;border-color:#ffffff2e}.price-card.featured .btn-ghost:hover{background:#ffffff1f;border-color:#ffffff52}.price-card.featured .btn-accent{background:var(--accent-glow);color:var(--ink);box-shadow:0 1px #ffffff4d inset,0 4px 14px #818cf866}.price-card.featured .btn-accent:hover{background:#a5b4fc}.price-divider{height:1px;background:var(--line);margin-bottom:20px}.price-section-h{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:14px}.price-feat-list{list-style:none;margin:0 0 8px;padding:0}.feat-li{display:flex;gap:10px;padding:7px 0;font-size:14px;color:var(--ink-2);line-height:1.5;align-items:flex-start}.feat-i{flex-shrink:0;width:16px;height:16px;color:var(--accent);margin-top:3px}.feat-li strong{font-weight:600;color:var(--ink)}.feat-li .muted{color:var(--ink-4);font-size:12px;display:block;margin-top:2px}.compare-table-wrap{margin-top:48px;overflow-x:auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.compare-table{width:100%;border-collapse:collapse;background:var(--surface)}.compare-table thead{background:var(--surface)}.compare-table th{text-align:left;padding:22px 24px;font-family:var(--display);font-size:16px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}.compare-table th.tier-h{text-align:center;width:16%}.compare-table th.tier-h.featured{background:var(--ink);color:#fff;position:relative}.compare-table tbody tr{border-bottom:1px solid var(--line)}.compare-table tbody tr:last-child{border-bottom:none}.compare-table tbody tr.section-row td{background:var(--surface-2);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:12px 24px;font-weight:600}.compare-table td{padding:16px 24px;font-size:14px;color:var(--ink-2);vertical-align:top}.compare-table td.feat-name{font-weight:500;color:var(--ink);width:52%}.compare-table td.feat-name .sub{display:block;font-weight:400;color:var(--ink-3);font-size:12px;margin-top:3px;line-height:1.4}.compare-table td.cell{text-align:center}.compare-table td.cell.featured{background:#4f46e506}.compare-table td.cell .sub-cell{display:block;font-size:11px;color:var(--ink-4);margin-top:2px}.check-i{display:inline-block;width:18px;height:18px;color:var(--accent)}.dash-i{display:inline-block;color:var(--ink-4);font-size:20px;line-height:1}.lib-statbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:linear-gradient(180deg,var(--surface) 0%,var(--accent-soft) 200%);border:1px solid var(--line);border-radius:14px;margin-bottom:28px;flex-wrap:wrap}.lib-stat-left{display:flex;align-items:center;gap:14px}.lib-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-glow) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:18px;font-weight:600}.lib-stat-name{font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.lib-stat-meta{font-size:13px;color:var(--ink-3);margin-top:2px}.lib-stat-meta strong{color:var(--ink);font-weight:600}.lib-stat-right{display:flex;align-items:center;gap:16px}.lib-usage{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em;text-align:right}.lib-usage strong{color:var(--ink);font-size:12px}.lib-usage-bar{width:120px;height:4px;background:var(--surface-2);border-radius:2px;margin-top:6px;overflow:hidden}.lib-usage-bar i{display:block;height:100%;background:var(--accent);border-radius:2px}.lib-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.lib-search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:border-color .15s ease}.lib-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.lib-search svg{color:var(--ink-4);flex-shrink:0}.lib-search input{flex:1;border:none;outline:none;background:transparent;font-family:var(--body);font-size:14px;color:var(--ink)}.lib-search input::placeholder{color:var(--ink-4)}.lib-sort{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--ink-2);cursor:pointer;transition:border-color .15s ease}.lib-sort:hover{border-color:var(--ink-3)}.lib-sort svg{width:14px;height:14px;color:var(--ink-3)}.lib-filters{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.lib-filter{padding:6px 12px;background:transparent;border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:500;color:var(--ink-3);cursor:pointer;transition:all .12s ease}.lib-filter:hover{border-color:var(--ink-3);color:var(--ink)}.lib-filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.lib-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.lib-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);transition:background .12s ease;position:relative;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.lib-row:last-child{border-bottom:none}.lib-row:hover{background:var(--surface-2)}.lib-row:hover .lib-actions{opacity:1;pointer-events:auto}.lib-vdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lib-vdot.pm{background:var(--accent)}.lib-vdot.rd{background:#c2570f}.lib-vdot.patent{background:#6d28d9}.lib-vdot.cons{background:#047857}.lib-main{min-width:0}.lib-title{font-family:var(--display);font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}.lib-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-3);flex-wrap:wrap}.lib-meta .vtag{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;padding:2px 6px;border-radius:3px;font-weight:600}.lib-meta .vtag.pm{background:var(--accent-soft);color:var(--accent)}.lib-meta .vtag.rd{background:#fef3e2;color:#c2570f}.lib-meta .vtag.patent{background:#f3e8ff;color:#6d28d9}.lib-meta .vtag.cons{background:#e0f2ec;color:#047857}.lib-meta .dot{width:3px;height:3px;background:var(--ink-4);border-radius:50%}.lib-chips{display:flex;gap:4px}.lib-chip{display:inline-block;padding:3px 7px;background:var(--surface-2);color:var(--ink-3);border-radius:4px;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.06em}.lib-stats{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--ink-3);min-width:90px}.lib-stats strong{color:var(--ink);font-size:13px;font-weight:600}.lib-stats .saved{color:var(--accent);font-weight:600}.lib-actions{display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity .15s ease}.lib-action{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink-3);cursor:pointer;transition:all .12s ease}.lib-action:hover{color:var(--ink);border-color:var(--ink-3);background:#fff}.lib-action.danger:hover{color:var(--danger);border-color:var(--danger)}.lib-action:disabled{opacity:.4;cursor:not-allowed}.lib-action svg{width:14px;height:14px}.lib-empty{padding:64px 32px;text-align:center;background:var(--surface);border:1px dashed var(--line-2);border-radius:14px;color:var(--ink-3)}.lib-empty h3{font-family:var(--display);font-size:20px;color:var(--ink);margin-bottom:8px;font-weight:600}.lib-empty p{margin-bottom:22px}.principles-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:56px 0 32px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:280px;padding:12px 18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);transition:border-color .15s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}.search-box svg{color:var(--ink-4);flex-shrink:0}.search-box input{flex:1;border:none;outline:none;background:transparent;font-family:var(--body);font-size:14px;color:var(--ink)}.search-box input::placeholder{color:var(--ink-4)}.view-toggle{display:inline-flex;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.view-toggle button{padding:7px 14px;font-size:13px;font-weight:500;color:var(--ink-3);border-radius:6px;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.view-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.view-toggle svg{width:14px;height:14px}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;transition:all .15s ease;position:relative;display:flex;flex-direction:column}.pcard:hover{border-color:var(--accent);box-shadow:0 8px 24px -8px #4f46e52e;transform:translateY(-2px)}.pcard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pcard-num{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--accent);background:var(--accent-soft);padding:4px 8px;border-radius:4px;font-weight:600}.pcard-title{font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:10px;line-height:1.25}.pcard-desc{font-size:13px;color:var(--ink-3);line-height:1.5;margin-bottom:14px;flex:1}.pcard-eg{padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--ink-3);line-height:1.45}.pcard-eg strong{color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.1em;display:block;margin-bottom:4px}.matrix-wrap{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:var(--shadow-sm);margin-top:48px}.matrix-legend{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}.matrix-legend-item{display:inline-flex;align-items:center;gap:7px}.matrix-legend-swatch{width:14px;height:14px;border-radius:3px}.matrix-grid{display:grid;grid-template-columns:160px repeat(12,1fr);gap:2px;font-family:var(--mono);font-size:10px;margin-bottom:12px}.matrix-col-h,.matrix-row-h{color:var(--ink-3);padding:6px 4px;text-align:center}.matrix-row-h{text-align:left;padding-left:0;color:var(--ink-2);font-weight:500;align-self:center}.matrix-cell{aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:600;transition:transform .12s ease;cursor:pointer}.matrix-cell:hover{transform:scale(1.18);z-index:2;box-shadow:0 4px 12px #0000002e}.m-empty{background:var(--surface-2);color:var(--ink-4);cursor:default}.m-empty:hover{transform:none;box-shadow:none}.m-l1{background:#c7d2fe;color:var(--ink)}.m-l2{background:#818cf8;color:#fff}.m-l3{background:#4f46e5;color:#fff}.m-l4{background:#312e81;color:#fff}.matrix-footnote{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);line-height:1.55}.filter-pills{display:flex;gap:8px;margin:40px 0 28px;flex-wrap:wrap;align-items:center}.filter-pills-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-4);text-transform:uppercase;margin-right:8px}.fpill{padding:8px 14px;background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.fpill:hover{border-color:var(--ink-3);color:var(--ink)}.fpill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.fpill-count{font-family:var(--mono);font-size:10px;background:var(--surface-2);color:var(--ink-3);padding:2px 6px;border-radius:3px;font-weight:600}.fpill.active .fpill-count{background:#ffffff2e;color:#ffffffd9}.samples-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;flex-direction:column;position:relative}.scard:hover{border-color:var(--accent);box-shadow:0 12px 32px -10px #4f46e52e;transform:translateY(-2px)}.scard-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:.04em}.scard-vert{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-soft);color:var(--accent);border-radius:5px;font-weight:600;letter-spacing:.12em;font-size:10px}.scard-vert.pm{background:var(--accent-soft);color:var(--accent)}.scard-vert.rd{background:#fef3e2;color:#c2570f}.scard-vert.patent{background:#f3e8ff;color:#6d28d9}.scard-vert.cons{background:#e0f2ec;color:#047857}.scard-prob{font-size:15px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}.scard-prob strong{color:var(--ink);font-weight:600}.scard-conflict{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px;background:var(--surface-2);border-radius:10px;margin-bottom:18px}.scard-conflict-side{display:flex;flex-direction:column;gap:3px}.scard-conflict .lbl{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--ink-4);text-transform:uppercase}.scard-conflict .val{font-size:13px;font-weight:600;color:var(--ink);line-height:1.25}.scard-conflict.improve .val{color:var(--accent)}.scard-conflict .vs{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.scard-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.scard-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:var(--accent-soft);color:var(--accent);border-radius:5px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em}.scard-ideas{border-top:1px solid var(--line);padding-top:16px;margin-bottom:18px;flex:1}.scard-ideas-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink-4);margin-bottom:10px;text-transform:uppercase}.sidea{display:flex;gap:10px;padding:9px 0;font-size:13px;color:var(--ink-2);line-height:1.4}.sidea+.sidea{border-top:1px dashed var(--line)}.sidea-rank{flex-shrink:0;width:20px;font-family:var(--mono);font-size:10px;color:var(--ink-4);padding-top:2px;font-weight:600}.sidea-pr{display:inline-block;font-family:var(--mono);font-size:9px;color:var(--accent);background:var(--accent-soft);padding:2px 5px;border-radius:3px;margin-right:6px;font-weight:600;letter-spacing:.04em;vertical-align:1px}.scard-open{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:500;align-self:flex-start}.scard-open:hover{gap:9px}.scard-open svg{width:14px;height:14px}.empty-state{grid-column:1 / -1;padding:64px 32px;text-align:center;background:var(--surface);border:1px dashed var(--line-2);border-radius:14px;color:var(--ink-3)}.empty-state h3{font-family:var(--display);font-size:20px;color:var(--ink);margin-bottom:8px;font-weight:600}.prose{max-width:760px}.prose p{font-size:16px;color:var(--ink-2);line-height:1.7;margin-bottom:16px}.prose h3{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:32px 0 12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow-sm)}.banner{border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.5;margin-bottom:16px}.banner-error{background:#fef2f2;color:var(--danger);border:1px solid #FECACA}.banner-warn{background:#fffbeb;color:var(--warn);border:1px solid #FDE68A}.banner-info{background:var(--accent-soft);color:var(--accent-2);border:1px solid #C7D2FE}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:48px}.compare-grid,.demo-cards,.uses-grid,.steps-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr;gap:24px}.foot-grid{grid-template-columns:1fr 1fr;gap:32px}.nav-center{display:none}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.price-card.featured:hover{transform:translateY(-2px)}.compare-table th,.compare-table td{padding:12px 14px;font-size:12px}.principles-grid{grid-template-columns:1fr 1fr}.matrix-grid{grid-template-columns:110px repeat(12,1fr);font-size:8px}.matrix-wrap{padding:20px}.samples-grid{grid-template-columns:1fr}.lib-row{grid-template-columns:auto 1fr;gap:14px;padding:16px}.lib-row .lib-chips,.lib-row .lib-stats,.lib-row .lib-actions{display:none}}@media(max-width:640px){.container,.nav-row{padding-left:20px;padding-right:20px}section.scope{padding:64px 0}.trust-grid{grid-template-columns:1fr}.demo-body,.compare-card{padding:24px}.demo-conflict{grid-template-columns:1fr}.conflict-x{justify-self:center}.testimonial{padding:36px 24px}.testimonial-quote{font-size:22px}.testimonial-quote:before{font-size:60px;top:-20px;left:-8px}.foot-grid,.principles-grid{grid-template-columns:1fr}}.solve-wrap{max-width:1040px;margin:0 auto;padding:40px 32px 96px}.solve-topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:28px}.badge-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.meta-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-3)}.meta-badge.accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.meta-badge.live{background:#dcfce7;color:#166534;border-color:transparent}.stepper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:36px}.step-pill{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.step-pill .step-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--surface);font-family:var(--mono);font-size:11px;color:var(--ink-3);flex-shrink:0}.step-pill .step-name{font-size:13px;color:var(--ink-3);font-weight:500}.step-pill[data-active=true] .step-mark{background:var(--accent);border-color:var(--accent);color:#fff}.step-pill[data-active=true] .step-name{color:var(--ink)}.step-pill[data-done=true] .step-mark{background:var(--ink);border-color:var(--ink);color:#fff}.step-pill[data-done=true] .step-name{color:var(--ink)}.step-rail{flex:1;height:1px;background:var(--line)}.step-rail[data-on=true]{background:var(--ink)}.status-head{margin-bottom:18px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.eyebrow{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.h-page{font-family:var(--display);font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.06;color:var(--ink)}.h-sub{font-family:var(--display);font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.input-wrap{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:20px 22px 16px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #4f46e51f}.input-main{width:100%;min-height:80px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.45}.input-main::placeholder{color:var(--ink-4)}.input-struct{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.struct-field{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.struct-field-h{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:4px}.struct-field input{width:100%;border:0;outline:0;background:transparent;font-size:14.5px;color:var(--ink)}.input-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);flex-wrap:wrap}.input-meta{font-family:var(--mono);font-size:11px;color:var(--ink-4);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.text-action{color:var(--ink-3);font-size:13.5px;font-weight:500;padding:2px 0;border-bottom:1px solid transparent;transition:color .12s,border-color .12s}.text-action:hover{color:var(--ink);border-color:var(--line-2)}.text-action:disabled{opacity:.45;cursor:not-allowed}.secondary-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.split-card{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.split-pane{padding:22px 24px}.split-pane+.split-pane{border-left:1px solid var(--line)}.split-pane .pane-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.split-pane.improve .pane-lbl{color:var(--accent)}.split-pane.worsen .pane-lbl{color:var(--ink-3)}.split-edit{width:100%;border:0;outline:0;resize:none;background:transparent;color:var(--ink);font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;min-height:52px}.summary-strip{grid-column:1 / -1;padding:14px 24px;border-top:1px solid var(--line);background:var(--surface-2);font-size:13.5px;color:var(--ink-3)}.principle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.principle-mini{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.principle-mini .pm-num{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:4px;font-weight:600;margin-bottom:12px}.principle-mini .pm-title{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-bottom:6px}.principle-mini .pm-ref{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px}.principle-mini .pm-reason{font-size:13px;color:var(--accent);margin-bottom:8px}.principle-mini .pm-desc{font-size:13.5px;color:var(--ink-3);line-height:1.5}.provider-statuses{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.provider-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-family:var(--mono);font-size:11px;color:var(--ink-3)}.provider-status[data-state=generating]{border-color:var(--accent);color:var(--accent)}.provider-status[data-state=done]{border-color:#0596694d;color:var(--success)}.provider-status[data-state=failed]{border-color:#dc26264d;color:var(--danger)}.status-log{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.status-log>div{padding:6px 10px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink-3)}.idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.idea-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.idea-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md)}.idea-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.note-block{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--ink-3);padding-top:10px;border-top:1px dashed var(--line)}.note-block strong{color:var(--ink-4);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.note-block span{color:var(--ink-2)}.idea-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.disclosure{border-top:1px dashed var(--line);padding-top:12px}.disclosure summary{cursor:pointer;list-style:none;color:var(--ink-3);font-size:13px;font-weight:500;font-family:var(--mono);letter-spacing:.04em}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:" +";color:var(--accent)}.disclosure[open] summary:after{content:" −"}.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.modal-backdrop{position:fixed;inset:0;background:#0a0b1466;display:grid;place-items:center;padding:24px;z-index:60}.modal{width:min(900px,100%);max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-xl);padding:28px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.markdown-panel{margin:0;padding:18px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);font-family:var(--mono);font-size:12px;line-height:1.55;overflow:auto;white-space:pre-wrap}.toast{position:fixed;right:20px;bottom:20px;z-index:70;padding:10px 16px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;box-shadow:var(--shadow-lg)}.debug-panel{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-family:var(--mono);font-size:12px;color:var(--ink-3);display:grid;gap:6px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade{animation:fade-in .35s ease-out both}@media(max-width:880px){.solve-wrap{padding:28px 20px 72px}.input-struct,.split-card{grid-template-columns:1fr}.split-pane+.split-pane{border-left:0;border-top:1px solid var(--line)}.idea-grid{grid-template-columns:1fr}.stepper .step-rail{display:none}.toast{left:16px;right:16px;bottom:16px;text-align:center}}