:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#e7ecf5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:radial-gradient(circle at top left,rgba(42,60,103,.35),transparent 28%),radial-gradient(circle at top right,rgba(23,130,109,.25),transparent 28%),#0b1020;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}button,select,textarea,input{font:inherit}a{color:inherit;text-decoration:none}.page{flex:1;overflow:auto;padding:32px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.hero-home{margin-bottom:0}.hero-main{max-width:860px}.eyebrow{letter-spacing:.12em;font-size:12px;color:#8eb0ff;margin:0 0 8px}.hero h1{margin:0;font-size:44px;line-height:1.05;max-width:900px}.hero-text{max-width:780px;color:#b8c3d9;font-size:17px;line-height:1.7;margin-top:16px}.hero-badge{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:999px;padding:10px 16px;color:#cbd5e1}.layout{display:grid;grid-template-columns:420px 1fr;gap:24px}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.panel{background:#0c1225c7;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:24px;box-shadow:0 10px 35px #00000040}.panel h2{margin:0 0 8px;font-size:24px;line-height:1.2}.panel p{margin:0;color:#b3bdd1}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.paste-box{width:100%;min-height:300px;resize:vertical;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0a1328;color:#e5e7eb;padding:16px}.select{width:100%;margin-top:16px;border-radius:12px;padding:14px;border:1px solid rgba(255,255,255,.12);background:#0a1328;color:#e5e7eb}.primary-button,.ghost-button{border:0;border-radius:14px;padding:12px 18px;cursor:pointer;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.primary-button{background:linear-gradient(135deg,#4f7cff,#2dd4bf);color:#fff;margin-top:16px;box-shadow:0 10px 30px #4f7cff38}.primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 36px #4f7cff47}.ghost-button{background:#ffffff14;color:#e5e7eb}.ghost-button:hover{background:#ffffff1f;transform:translateY(-1px)}.info-box,.error-box{margin-top:16px;padding:14px;border-radius:14px}.info-box{background:#4f7cff14;border:1px solid rgba(79,124,255,.18)}.error-box{background:#ef44441f;border:1px solid rgba(239,68,68,.22);color:#fecaca}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:120px}.summary-card span{color:#a8b2c7;font-size:14px}.summary-card strong{font-size:20px;line-height:1.35}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}th{color:#9fb0cd;font-size:13px}.compare-head{margin-top:16px;color:#dbe4f3}.compare-grid{display:grid;grid-template-columns:1fr 220px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.compare-grid span:nth-child(1){text-align:left}.compare-grid span:nth-child(2){text-align:center;color:#a8b2c7}.compare-grid span:nth-child(3){text-align:right}.winner-left span:first-child,.winner-right span:last-child{color:#5eead4;font-weight:700}.neutral span:first-child,.neutral span:last-child{color:#e7ecf5}.empty-state{min-height:320px;display:flex;align-items:center;justify-content:center}.home-page{display:flex;flex-direction:column;gap:24px}.home-hero-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:start}.home-top-rail{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.top-badge{display:inline-block;border:1px solid rgba(45,212,191,.4);background:#2dd4bf1a;border-radius:999px;padding:7px 14px;color:#5eead4;font-size:12px;font-weight:600}.top-badge-button{cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.top-badge-button:hover{background:#2dd4bf2e;border-color:#2dd4bf8c;color:#d7fff8;transform:translateY(-1px)}.home-anchor-nav{display:flex;flex-direction:column;align-items:stretch;gap:10px}.home-anchor-nav button{width:100%;min-width:0;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#d8e1f2;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.home-anchor-nav button:hover{background:#4f7cff1f;border-color:#4f7cff38;color:#fff}.content-section{display:flex;flex-direction:column;gap:14px}.section-title{font-size:12px;letter-spacing:.12em;color:#8eb0ff;text-transform:uppercase;margin:0 0 4px}.content-stack{display:flex;flex-direction:column;gap:12px}.content-stack p,.benefit-item p,.audience-card p,.faq-item p,.mockup-copy p{color:#b8c3d9;line-height:1.7}.benefit-list{display:grid;gap:16px}.benefit-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.benefit-item h3,.audience-card h3,.faq-item h3,.mockup-compare-card strong{margin:0 0 8px;font-size:18px;color:#f2f6ff;line-height:1.35}.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.audience-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.faq-section{gap:18px}.faq-list{display:grid;gap:14px}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:0;overflow:hidden}.faq-item h3{font-size:16px}.faq-item p{font-size:14px;line-height:1.6}.faq-trigger{width:100%;background:transparent;border:none;color:#f2f6ff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;text-align:left}.faq-trigger span:first-child{font-size:15px;font-weight:600}.faq-icon{font-size:20px;line-height:1;color:#8eb0ff;flex-shrink:0}.faq-answer{padding:0 18px 16px;border-top:1px solid rgba(255,255,255,.06)}.faq-answer p{font-size:13px;line-height:1.6;color:#aeb8cc;margin-top:12px}.faq-item.open{border-color:#4f7cff2e}.mockup-section{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center}.mockup-copy h2{margin:0 0 10px}.mockup-shell{background:linear-gradient(180deg,#070c19f2,#0a1328f2);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000059}.mockup-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:10px;height:10px;border-radius:999px;background:#ffffff2e}.mockup-dots span:nth-child(1){background:#ff5f56e6}.mockup-dots span:nth-child(2){background:#ffbd2ee6}.mockup-dots span:nth-child(3){background:#27c93fe6}.mockup-title{font-size:13px;color:#d7deef;letter-spacing:.04em}.mockup-body{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px}.mockup-sidebar{display:flex;flex-direction:column;gap:12px}.mockup-sidebar-card,.mockup-summary-card,.mockup-compare-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.mockup-sidebar-card span,.mockup-summary-card span,.mockup-compare-card span{display:block;font-size:12px;color:#9fb0cd;margin-bottom:6px}.mockup-sidebar-card strong,.mockup-summary-card strong{font-size:16px;color:#f2f6ff}.mockup-sidebar-card.active{background:linear-gradient(135deg,#4f7cff2e,#2dd4bf1f);border-color:#4f7cff3d}.mockup-content{display:flex;flex-direction:column;gap:16px}.mockup-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mockup-table{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden}.mockup-table-head,.mockup-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:14px 16px;font-size:14px}.mockup-table-head{color:#9fb0cd;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.mockup-table-row{color:#e7ecf5;border-bottom:1px solid rgba(255,255,255,.05)}.mockup-table-row:last-child{border-bottom:none}.mockup-table-row.highlight{background:linear-gradient(90deg,#4f7cff1f,#2dd4bf14)}.mockup-compare-card p{margin:0;color:#b8c3d9;line-height:1.6}.cta-panel{margin-bottom:4px}.site-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:8px 2px 2px;border-top:1px solid rgba(255,255,255,.08)}.site-footer-left{display:flex;flex-direction:column;gap:6px}.site-footer-left strong{font-size:15px;color:#f2f6ff}.site-footer-left span{color:#94a3b8;font-size:14px;line-height:1.5;max-width:520px}.site-footer-left small{color:#718096;font-size:12px;line-height:1.5}.site-footer-links{display:flex;flex-wrap:wrap;gap:8px 14px}.site-footer-links button{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:0;font-size:13px}.site-footer-links button:hover{color:#fff}.navbar-shell{padding:16px 20px}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.navbar-brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.navbar-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.navbar-links a{color:#e7ecf5b8;font-size:14px;transition:color .18s ease,opacity .18s ease}.navbar-links a:hover,.navbar-links a.active{color:#fff}@media(max-width:1100px){.layout{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.mockup-section,.mockup-body,.audience-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.navbar-inner{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.home-hero-row{grid-template-columns:1fr}.home-top-rail{align-items:stretch;order:2}.home-anchor-nav{align-items:stretch}.home-anchor-nav button{width:100%;min-width:0;text-align:center}}@media(max-width:760px){.page{padding:20px}.hero h1{font-size:32px}.hero-text{font-size:15px}.summary-grid,.mockup-summary-grid{grid-template-columns:1fr}.mockup-table-head,.mockup-table-row{grid-template-columns:1.6fr 1fr 1fr 1fr;font-size:13px}.navbar-links{gap:12px}.home-top-rail{align-items:stretch}.home-anchor-nav{width:100%;align-items:stretch}.home-anchor-nav button{width:100%;min-width:0;text-align:center}.panel{padding:20px}}