@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg: #0c0c0e;--surface: #141418;--surface-2: #1c1c22;--border: #2a2a33;--text: #e8e6e3;--text-dim: #8a8a96;--accent: #c9f06b;--accent-dim: #a3c455;--paid: #f0a86b;--paid-dim: #c4893e;--free: #6bcbf0;--free-dim: #4a9cbd;--danger: #f06b6b;--font-body: "DM Sans", -apple-system, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}.container{max-width:1120px;margin:0 auto;padding:0 24px}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0c0c0ed9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--text);text-decoration:none;letter-spacing:-.02em}.logo-mark{color:var(--accent)}.nav-links{display:flex;gap:32px}.nav-links a{font-size:13px;color:var(--text-dim);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.hero{position:relative;padding:160px 0 100px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,#1a1a25 0%,var(--bg) 70%)}.hero-grain{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px}.hero-inner{position:relative;text-align:center}.hero-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--accent);padding:6px 16px;border:1px solid rgba(201,240,107,.25);border-radius:100px;margin-bottom:32px}.hero-title{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.hero-accent{font-style:italic;background:linear-gradient(135deg,var(--accent) 0%,var(--free) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:18px;color:var(--text-dim);max-width:560px;margin:0 auto 40px;line-height:1.7}.hero-cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:64px}.hero-stats{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;padding-top:48px;border-top:1px solid var(--border)}.stat{text-align:center}.stat-number{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--accent)}.stat-label{font-size:13px;color:var(--text-dim);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .2s;font-family:var(--font-body);letter-spacing:-.01em}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-lg{padding:16px 36px;font-size:16px}.btn-primary{background:var(--accent);color:#0c0c0e}.btn-primary:hover{background:#d8ff7a;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--text-dim);background:var(--surface)}.btn-accent{background:var(--accent);color:#0c0c0e}.btn-accent:hover{background:#d8ff7a}.btn-paid{background:var(--paid);color:#0c0c0e}.btn-paid:hover{background:#ffc080;transform:translateY(-1px)}.btn-block{width:100%;text-align:center}.btn-comp{width:100%;text-align:center;padding:14px;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-comp:hover{border-color:var(--accent);color:var(--accent)}.social-proof{padding:48px 0;border-bottom:1px solid var(--border)}.social-proof-text{text-align:center;font-size:15px;color:var(--text-dim);font-style:italic;letter-spacing:.01em}.skill-section{padding:100px 0}.free-section{background:radial-gradient(ellipse 90% 50% at 50% 100%,rgba(107,203,240,.06) 0%,transparent 70%)}.paid-section{background:radial-gradient(ellipse 90% 50% at 50% 100%,rgba(240,168,107,.06) 0%,transparent 70%)}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;margin-bottom:40px}.free-label{color:var(--free)}.paid-label{color:var(--paid)}.skill-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.skill-layout.reverse{direction:rtl}.skill-layout.reverse>*{direction:ltr}.skill-title{font-family:var(--font-display);font-size:clamp(32px,4vw,44px);font-weight:400;line-height:1.15;margin-bottom:20px}.skill-desc{color:var(--text-dim);font-size:16px;line-height:1.7;margin-bottom:28px}.feature-list{list-style:none;margin-bottom:32px}.feature-item{padding:8px 0;font-size:15px;color:var(--text-dim);display:flex;align-items:baseline;gap:10px}.feature-check{color:var(--accent);font-size:10px;flex-shrink:0}.price-tag{display:flex;align-items:baseline;gap:12px}.price-amount{font-family:var(--font-display);font-size:48px;font-weight:400}.free-price .price-amount{color:var(--free)}.paid-price .price-amount{color:var(--paid)}.price-note{font-size:14px;color:var(--text-dim)}.skill-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.free-card{border-color:#6bcbf033}.paid-card{border-color:#f0a86b33}.card-header{padding:32px 32px 24px;border-bottom:1px solid var(--border)}.card-icon{font-size:32px;margin-bottom:12px}.card-header h3{font-size:20px;font-weight:600;margin-bottom:6px}.card-header p{font-size:14px;color:var(--text-dim)}.card-body{padding:32px}.card-footer{padding:16px 32px;font-size:12px;color:var(--text-dim);background:var(--surface-2);text-align:center}.email-form{padding:24px 32px;display:flex;flex-direction:column;gap:12px}.email-input{width:100%;padding:14px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px;font-family:var(--font-body);outline:none;transition:border-color .2s}.email-input:focus{border-color:var(--accent)}.email-input::-moz-placeholder{color:var(--text-dim)}.email-input::placeholder{color:var(--text-dim)}.form-error{color:var(--danger);font-size:13px;margin-top:4px}.agent-flow{display:flex;flex-direction:column;gap:4px}.agent-step{display:flex;gap:14px;padding:14px 16px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.step-num{font-family:var(--font-mono);font-size:12px;color:var(--paid);background:#f0a86b1a;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-title{font-size:14px;font-weight:600;margin-bottom:2px}.step-desc{font-size:13px;color:var(--text-dim)}.flow-arrow{text-align:center;color:var(--border);font-size:14px;line-height:1;padding:2px 0}.comparison-section{padding:100px 0;border-top:1px solid var(--border)}.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,44px);text-align:center;margin-bottom:56px;font-weight:400}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-col{border:1px solid var(--border);border-radius:16px;padding:40px 32px;background:var(--surface)}.best-value{border-color:var(--paid);position:relative}.best-value:before{content:"BEST VALUE";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;background:var(--paid);color:#0c0c0e;padding:4px 14px;border-radius:100px}.comp-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px}.comp-title{font-size:24px;font-weight:600;margin-bottom:8px}.comp-price{font-family:var(--font-display);font-size:40px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.comp-features{list-style:none;margin-bottom:32px}.comp-features li{padding:6px 0;font-size:14px;color:var(--text-dim)}.comp-check{color:var(--accent)}.faq-section{padding:100px 0;border-top:1px solid var(--border)}.faq-list{max-width:720px;margin:0 auto}.faq-item{padding:28px 0;border-bottom:1px solid var(--border)}.faq-question{font-size:18px;font-weight:600;margin-bottom:10px}.faq-answer{color:var(--text-dim);font-size:15px;line-height:1.7}.thank-you-section{padding:160px 0 80px}.thank-you-card{text-align:center;max-width:560px;margin:0 auto;padding:56px 40px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.check-icon{width:56px;height:56px;border-radius:50%;background:#c9f06b26;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 24px}.thank-you-card h1{font-family:var(--font-display);font-size:40px;margin-bottom:16px}.thank-you-lead{font-size:16px;color:var(--text-dim);line-height:1.7;margin-bottom:12px}.thank-you-sub{font-size:14px;color:var(--text-dim);margin-bottom:28px}.site-footer{padding:48px 0;border-top:1px solid var(--border)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-family:var(--font-mono);font-size:14px}.footer-note{font-size:13px;color:var(--text-dim)}.admin-section{padding:160px 0 80px}.admin-card{max-width:400px;margin:0 auto;text-align:center;padding:48px 36px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.admin-card-icon{font-size:32px;margin-bottom:16px}.admin-card-title{font-family:var(--font-display);font-size:32px;margin-bottom:8px}.admin-card-sub{font-size:14px;color:var(--text-dim);margin-bottom:24px}.admin-form{display:flex;flex-direction:column;gap:12px}.admin-error{color:var(--danger);font-size:13px;margin-top:12px}.admin-panel{max-width:640px;margin:0 auto}.admin-panel-title{font-family:var(--font-display);font-size:36px;margin-bottom:4px}.admin-panel-count{font-size:14px;color:var(--text-dim);margin-bottom:32px}.admin-empty{color:var(--text-dim);font-size:15px}.admin-table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 20px;font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;background:var(--surface-2);border-bottom:1px solid var(--border)}.admin-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--border)}.admin-table tr:last-child td{border-bottom:none}.admin-td-num{color:var(--text-dim);font-family:var(--font-mono);font-size:12px;width:48px}@media(max-width:768px){.skill-layout,.skill-layout.reverse{grid-template-columns:1fr;gap:32px;direction:ltr}.comparison-grid{grid-template-columns:1fr}.hero-stats{gap:32px}.nav-links{display:none}.hero{padding:120px 0 64px}.skill-section,.comparison-section,.faq-section{padding:64px 0}}