:root{--bg:#0B0F19;--panel:rgba(255,255,255,.06);--panel2:rgba(255,255,255,.08);--stroke:rgba(255,255,255,.10);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.70);--subtle:rgba(255,255,255,.56);--accent:#7C5CFF;--accent2:#2DE0C4;--warn:#FFB020;--good:#2DE07A;--bad:#FF5C7A;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--radius:18px;--radius2:26px;--shadow:0 10px 40px rgba(0,0,0,.35);--shadow2:0 18px 60px rgba(0,0,0,.50);--max:1120px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(11,15,25,.8),rgba(11,15,25,.55));border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{display:flex;justify-content:space-between;padding:16px 0}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:720;letter-spacing:.2px}.logo{width:34px;height:34px;border-radius:11px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),transparent 45%),linear-gradient(135deg,rgba(124,92,255,.95),rgba(45,224,196,.85));box-shadow:0 10px 30px rgba(124,92,255,.2);border:1px solid rgba(255,255,255,.18);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}.nav-links a{padding:8px 10px;border-radius:10px;transition:background .15s ease,color .15s ease}.btn,.nav-links a:hover{background:rgba(255,255,255,.06);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);cursor:pointer;gap:10px;transition:transform .15s ease,background .15s ease,border-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:650;font-size:inherit;font-family:inherit;letter-spacing:.1px}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}.btn:active{transform:translateY(0)}.btn-primary,.btn.primary{border-color:rgba(124,92,255,.35);background:linear-gradient(135deg,rgba(124,92,255,.95),rgba(124,92,255,.55));box-shadow:0 12px 36px rgba(124,92,255,.25);color:white;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;cursor:pointer;gap:10px;font-weight:650;font-size:inherit;font-family:inherit;letter-spacing:.1px;transition:transform .15s ease,background .15s ease}.btn-primary:hover,.btn.primary:hover{background:linear-gradient(135deg,rgba(124,92,255,1),rgba(124,92,255,.62));transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary,.btn.secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;cursor:pointer;font-weight:650;font-size:inherit;font-family:inherit;transition:transform .15s ease,background .15s ease}.btn-secondary:hover,.btn.secondary:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--muted);font-size:13px}.dot{width:9px;height:9px;border-radius:999px;background:var(--accent2);box-shadow:0 0 0 4px rgba(45,224,196,.16);flex-shrink:0}.hero{padding:70px 0 30px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 800px at 20% -10%,rgba(124,92,255,.22),transparent 60%),radial-gradient(900px 600px at 95% 10%,rgba(45,224,196,.16),transparent 60%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;grid-gap:28px;gap:28px;align-items:start;position:relative;z-index:1}.h1{font-size:clamp(38px,4.4vw,58px);line-height:1.03;margin:14px 0;letter-spacing:-.9px}.lead{font-size:18px;color:var(--muted);line-height:1.55;margin:0 0 18px;max-width:54ch}.cta-row{gap:12px;margin-top:16px}.cta-row,.trust{display:flex;flex-wrap:wrap}.trust{margin-top:18px;color:var(--subtle);font-size:13px;gap:10px;align-items:center}.trust strong{color:rgba(255,255,255,.78);font-weight:650}.panel{border-radius:var(--radius2);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);overflow:hidden;position:relative}.panel:before{content:"";position:absolute;inset:-2px;background:radial-gradient(600px 220px at 30% 0,rgba(124,92,255,.24),transparent 55%),radial-gradient(500px 200px at 80% 20%,rgba(45,224,196,.18),transparent 60%);pointer-events:none;opacity:.85}.panel-inner{position:relative;padding:18px}.panel-actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.tabs{display:flex;gap:8px;align-items:center;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);padding:8px;border-radius:16px;width:-moz-fit-content;width:fit-content;margin-bottom:14px}.tab{font-size:13px;padding:8px 10px;border-radius:12px;color:var(--muted);cursor:pointer;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,color .15s ease}.tab.active{color:var(--text);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}.mono-box{border-radius:16px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);overflow:hidden}.mono-head{justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--subtle);font-size:12px}.chips,.mono-head{display:flex;align-items:center}.chips{gap:8px}.chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.78);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease}.chip.active{border-color:rgba(124,92,255,.42);background:rgba(124,92,255,.16)}pre{margin:0;padding:14px 14px 16px;font-family:var(--mono);font-size:12.6px;line-height:1.45;color:rgba(255,255,255,.9);white-space:pre-wrap}.diff .add{background:rgba(45,224,122,.13);border:1px solid rgba(45,224,122,.18);padding:1px 4px;border-radius:7px}.diff .hint{color:rgba(255,255,255,.62)}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(124,92,255,.22)}70%{box-shadow:0 0 0 14px rgba(124,92,255,0)}to{box-shadow:0 0 0 0 rgba(124,92,255,0)}}.score-wrap{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;padding:14px 14px 16px}.score-top{display:flex;justify-content:space-between;align-items:baseline;color:rgba(255,255,255,.86);padding:0 2px}.score-top .label{font-size:12px;color:var(--subtle)}.score-top .value{font-weight:780;font-size:20px;letter-spacing:-.4px}.meter{height:12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.meter>span{display:block;height:100%;width:0;background:linear-gradient(90deg,rgba(255,92,122,.95),rgba(255,176,32,.95),rgba(45,224,122,.95));border-radius:999px;transition:width .8s ease}.score-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:6px}.mini{border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.85);font-size:13px}.mini span{color:rgba(255,255,255,.62);font-size:12px}.score-note{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.5}.score-note b{color:rgba(255,255,255,.88)}section{padding:80px 0;position:relative}#compare,#features,#final,#solution{background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:20px}.compare-col{display:flex;flex-direction:column;gap:8px}.compare-label{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.5px;color:var(--subtle);padding-left:2px}.compare-label--good{color:var(--accent2)}.compare-footnote{margin-top:20px;font-size:15px;color:var(--muted);text-align:center;font-style:italic}.price-anchor{font-size:16px;font-weight:650;color:var(--accent2);margin:4px 0 12px}.section-title{font-size:26px;letter-spacing:-.4px;margin:0 0 10px}.section-lead{margin:0 0 28px;color:var(--muted);line-height:1.55;max-width:70ch}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.grid-1{grid-template-columns:1fr;gap:10px}.card{border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);min-height:140px}.card h3{margin:0 0 8px;font-size:15px;letter-spacing:-.2px}.card p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.card--highlighted{border-color:rgba(124,92,255,.28);background:linear-gradient(180deg,rgba(124,92,255,.12),rgba(124,92,255,.05))}.card-cta{margin-top:14px}#different,#final{padding:60px 0}#pricing .grid-3{align-items:stretch}#pricing .card{display:flex;flex-direction:column}#pricing .card p{flex:1 1}.split{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:28px;gap:28px;align-items:start}.steps{display:grid;grid-gap:12px;gap:12px}.step{gap:14px;align-items:flex-start;padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.num,.step{display:flex}.num{width:28px;height:28px;border-radius:10px;align-items:center;justify-content:center;font-weight:780;background:rgba(124,92,255,.18);border:1px solid rgba(124,92,255,.28);color:rgba(255,255,255,.88);flex:0 0 auto}.step b{display:block;margin-bottom:4px}.step span{color:var(--muted);font-size:14px;line-height:1.45}.callout{border-radius:var(--radius2);background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(45,224,196,.12));border:1px solid rgba(255,255,255,.12);padding:32px;box-shadow:var(--shadow2)}.callout h2{margin:0 0 10px;font-size:28px;letter-spacing:-.5px}.callout p{margin:0 0 18px;color:rgba(255,255,255,.84);line-height:1.55;max-width:66ch}.footer{padding:26px 0 40px;color:var(--subtle);border-top:1px solid rgba(255,255,255,.08)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.small{font-size:13px}.kbd{font-family:var(--mono);font-size:12px;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.8)}.reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.reveal.on{opacity:1;transform:translateY(0)}.app-container textarea{width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;color:var(--text);font-size:14px;resize:vertical;outline:none;font-family:inherit}.app-container textarea:focus{border-color:rgba(124,92,255,.4)}.result-panel{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius2);padding:24px}.result-prompt{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;font-size:14px;line-height:1.7;white-space:pre-wrap}.score-badge{display:inline-flex;align-items:baseline;gap:4px}.mode-btn{padding:8px 16px;font-size:13px;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--muted);font-family:inherit;font-weight:600;transition:background .15s ease,border-color .15s ease}.mode-btn.active{border-color:rgba(124,92,255,.42);background:rgba(124,92,255,.16);color:var(--text)}.error-box{padding:12px 16px;background:rgba(255,92,122,.1);border:1px solid rgba(255,92,122,.3);border-radius:14px;color:var(--bad);font-size:14px;margin-bottom:16px}.plan-badge{font-size:12px;padding:4px 10px;border-radius:999px;text-transform:uppercase;font-weight:650;letter-spacing:.3px}.plan-badge.pro{background:rgba(124,92,255,.16);color:var(--accent);border:1px solid rgba(124,92,255,.3)}.plan-badge.free{background:rgba(255,255,255,.05);color:var(--subtle)}.plan-badge.free,.run-item{border:1px solid rgba(255,255,255,.1)}.run-item{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:14px 18px;cursor:pointer;transition:border-color .15s ease}.run-item:hover{border-color:rgba(255,255,255,.18)}@media (max-width:980px){.compare-grid,.grid-3,.hero-grid,.score-grid,.split{grid-template-columns:1fr}.nav-links{display:none}.hero{padding-top:46px}section{padding:56px 0}}