:root,[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2a2d3a;--accent: #0d9488;--accent-hover: #0b7a70;--accent-dim: #0d948820;--accent-text: #5eead4;--danger: #e05252;--warning: #f0c040;--success: #34d399;--text: #e8eaf0;--muted: #7a7f9a;--radius: 12px;--font: "Segoe UI", system-ui, sans-serif;--shadow: 0 4px 24px rgba(0,0,0,.4);--hero-grad: linear-gradient(135deg, #0d2a27 0%, #0f1117 100%);--cta-grad: linear-gradient(135deg, #0d2a27 0%, #0f1117 100%);--cta-border: #1a4a44;--eyebrow-bg: #0d2a27;--eyebrow-border: #1a4a44;--eyebrow-text: #5eead4}[data-theme=light]{--bg: #f5f7fa;--surface: #ffffff;--surface2: #eef1f6;--border: #dde1ea;--accent: #0d9488;--accent-hover: #0b7a70;--accent-dim: #0d948815;--accent-text: #0b7a70;--danger: #dc2626;--warning: #d97706;--success: #059669;--text: #111827;--muted: #6b7280;--radius: 12px;--font: "Segoe UI", system-ui, sans-serif;--shadow: 0 4px 24px rgba(0,0,0,.08);--hero-grad: linear-gradient(135deg, #e6faf8 0%, #f5f7fa 100%);--cta-grad: linear-gradient(135deg, #e6faf8 0%, #f0fdf9 100%);--cta-border: #99f6e4;--eyebrow-bg: #e6faf8;--eyebrow-border: #99f6e4;--eyebrow-text: #0b7a70}*{box-sizing:border-box;margin:0;padding:0}html{transition:background .2s,color .2s}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;display:flex;flex-direction:column;align-items:center}#app{width:100%;max-width:680px;padding:2rem 1rem;flex:1}#app.wide{max-width:1040px}#navbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100;gap:1rem}.nav-logo{font-size:1.15rem;font-weight:700;text-decoration:none;color:var(--text);white-space:nowrap}.nav-logo span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:1.5rem;flex:1;justify-content:flex-end}.nav-links a{color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--text)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;padding:.35rem .6rem;font-size:1rem;line-height:1;transition:border-color .2s,color .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-burger{display:none;background:none;border:none;color:var(--text);font-size:1.3rem;cursor:pointer;flex-shrink:0}@media (max-width: 640px){.nav-links .nav-hide-mobile{display:none}.nav-links{gap:.75rem}}@media (max-width: 480px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:57px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem;gap:1rem;align-items:flex-start}.nav-burger{display:block}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;font-weight:700;letter-spacing:.01em}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-dim)}.btn-primary:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;box-shadow:none}.nav-links .btn-primary{color:#fff;background:var(--accent)}.nav-links .btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}textarea,input[type=text],select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font);font-size:1rem;outline:none;transition:border-color .2s}textarea{width:100%;min-height:180px;padding:1rem;resize:vertical}textarea:focus,input[type=text]:focus{border-color:var(--accent)}.form-row{display:flex;gap:1rem;margin-top:1rem;align-items:center;flex-wrap:wrap}select{padding:.6rem 1rem;cursor:pointer}.link-box{display:flex;gap:.5rem;margin-top:1.5rem;align-items:center}.link-box input{flex:1;padding:.7rem 1rem;font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;padding:.3rem .7rem;border-radius:20px;font-weight:600}.badge-warning{background:#3a2e00;color:var(--warning)}.badge-danger{background:#3a0000;color:var(--danger)}.badge-ok{background:#003a1a;color:var(--success)}[data-theme=light] .badge-warning{background:#fef3c7;color:#92400e}[data-theme=light] .badge-danger{background:#fee2e2;color:#991b1b}[data-theme=light] .badge-ok{background:#d1fae5;color:#065f46}.notice{margin-top:1rem;padding:.8rem 1rem;border-radius:8px;font-size:.88rem;border-left:3px solid}.notice-warn{background:#1e1a00;border-color:var(--warning);color:var(--warning)}.notice-info{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-text)}[data-theme=light] .notice-warn{background:#fffbeb;color:#92400e}[data-theme=light] .notice-info{background:#f0fdfa;color:#0b7a70}.ad-placeholder{background:var(--bg);border:2px dashed var(--border);border-radius:8px;height:120px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;margin:1.5rem 0}.countdown{font-size:2rem;font-weight:700;color:var(--accent);text-align:center;margin:1rem 0}.message-content{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;font-size:1rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;min-height:100px}.destroyed-notice{text-align:center;padding:2rem}.destroyed-notice .icon{font-size:3rem}.destroyed-notice p{color:var(--muted);margin-top:.5rem}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.logo{text-align:center;margin-bottom:2.5rem}.logo h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.logo h1 span{color:var(--accent)}.logo p{color:var(--muted);font-size:.9rem;margin-top:.4rem}footer{text-align:center;color:var(--muted);font-size:.8rem;padding:1.5rem;width:100%;border-top:1px solid var(--border);margin-top:2rem}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--accent)}.page-section{padding:4rem 1rem}.page-section+.page-section{border-top:1px solid var(--border)}.section-label{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.section-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.section-sub{color:var(--muted);font-size:1rem;max-width:560px;line-height:1.7}.hero{text-align:center;padding:5rem 1rem 3rem;background:var(--hero-grad);border-radius:var(--radius);margin-bottom:1rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;background:var(--eyebrow-bg);border:1px solid var(--eyebrow-border);border-radius:20px;padding:.3rem .9rem;font-size:.8rem;color:var(--eyebrow-text);margin-bottom:1.5rem}.hero h1{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:1.2rem}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);font-size:1.1rem;max-width:520px;margin:0 auto 2rem;line-height:1.7}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-cta .btn{padding:.85rem 2rem;font-size:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.feature-card .icon{font-size:1.8rem;margin-bottom:.75rem}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem}.feature-card p{color:var(--muted);font-size:.88rem;line-height:1.6}.usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.usecase-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;display:flex;align-items:flex-start;gap:.75rem}.usecase-item .uc-icon{font-size:1.4rem;flex-shrink:0}.usecase-item h4{font-size:.9rem;font-weight:700;margin-bottom:.2rem}.usecase-item p{color:var(--muted);font-size:.82rem;line-height:1.5}.trust-strip{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;padding:2rem 1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-item{text-align:center}.trust-item .trust-num{font-size:1.8rem;font-weight:800;color:var(--accent)}.trust-item .trust-label{font-size:.8rem;color:var(--muted);margin-top:.2rem}.steps{display:flex;flex-direction:column;margin-top:2.5rem}.step{display:flex;gap:1.5rem;align-items:flex-start;padding-bottom:2.5rem;position:relative}.step:last-child{padding-bottom:0}.step-line{position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--border)}.step:last-child .step-line{display:none}.step-num{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.step-body h3{font-size:1rem;font-weight:700;margin-bottom:.3rem}.step-body p{color:var(--muted);font-size:.9rem;line-height:1.6}.step-body code{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-size:.82rem;color:var(--accent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 680px){.two-col{grid-template-columns:1fr}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2.5rem;align-items:start}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;position:relative}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;padding:.2rem .8rem;border-radius:20px;white-space:nowrap}.plan-name{font-size:1rem;font-weight:700;color:var(--muted);margin-bottom:.5rem}.plan-price{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.3rem}.plan-price sup{font-size:1.2rem;vertical-align:super}.plan-price sub{font-size:.9rem;color:var(--muted);font-weight:400}.plan-desc{color:var(--muted);font-size:.85rem;margin-bottom:1.5rem;line-height:1.5}.plan-features{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.8rem}.plan-features li{font-size:.88rem;display:flex;align-items:flex-start;gap:.5rem}.plan-features li .check{color:var(--success);flex-shrink:0}.plan-features li .cross{color:var(--muted);flex-shrink:0}.plan-features li.muted-item{color:var(--muted)}.pricing-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:1.5rem}.faq-list{display:flex;flex-direction:column;margin-top:2rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-q{width:100%;background:none;border:none;color:var(--text);font-family:var(--font);font-size:.95rem;font-weight:600;text-align:left;padding:1.2rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .15s}.faq-q:hover{background:var(--surface2)}.faq-q .arrow{color:var(--muted);font-size:.8rem;transition:transform .2s;flex-shrink:0}.faq-q.open .arrow{transform:rotate(180deg)}.faq-a{display:none;padding:0 1.5rem 1.2rem;color:var(--muted);font-size:.9rem;line-height:1.7}.faq-a.open{display:block}.faq-a a{color:var(--accent)}.cta-banner{background:var(--cta-grad);border:1px solid var(--cta-border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;margin:2rem 0}.cta-banner h2{font-size:1.8rem;font-weight:800;margin-bottom:.75rem}.cta-banner p{color:var(--muted);margin-bottom:1.5rem}@media (max-width: 480px){.form-row{flex-direction:column;align-items:stretch}.btn{justify-content:center}.card{padding:1.25rem}.section-title{font-size:1.5rem}}.revoke-box{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.revoke-box.done{opacity:.85}.btn-danger{background:#b91c1c;color:#fff;border-color:#b91c1c}.btn-danger:hover{background:#991b1b;border-color:#991b1b}.revoke-status{font-size:.92rem}.revoke-status.ok{color:var(--accent)}.revoke-status.warn{color:var(--muted)}