.lp-container{width:100%;max-width:var(--max);z-index:1;margin:0 auto;padding:0 24px;position:relative}@media (min-width:768px){.lp-container{padding:0 32px}}.btn-lp{height:44px;font-family:var(--font-sans);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .15s,background .15s,color .15s,border-color .15s,box-shadow .25s;display:inline-flex;position:relative}.btn-lp:active{transform:translateY(1px)}.btn-lp svg{width:16px;height:16px}.btn-lp-lg{border-radius:12px;height:56px;padding:0 28px;font-size:16px}.btn-lp-primary{background:var(--glitch-fill);color:var(--primary-fg);border-color:var(--glitch-mid);box-shadow:0 8px 24px -10px var(--glitch-glow-mid)}.btn-lp-primary:not(:disabled):hover{box-shadow:-3px 0 0 0 var(--glitch-glow-r), 3px 0 0 0 var(--glitch-glow-c), 0 14px 36px -10px var(--glitch-glow-mid)}.btn-lp-primary:not(:disabled):hover .label{text-shadow:-1px 0 0 var(--glitch-r), 1px 0 0 var(--glitch-c)}.btn-lp-primary .label{display:inline-block;position:relative}.btn-lp-outline{color:var(--foreground);border-color:var(--border-h);background:0 0}.btn-lp-outline:hover{border-color:var(--glitch-mid);color:var(--glitch-mid);box-shadow:inset 0 2px 0 -1px var(--glitch-r), inset 0 -2px 0 -1px var(--glitch-c)}.mcp-hero{padding:56px 0 64px;position:relative;overflow:hidden}@media (min-width:1024px){.mcp-hero{padding:88px 0 80px}}.mcp-hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 60% at 30% 20%, var(--glitch-glow-mid), transparent 60%);opacity:.55;position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1fr;align-items:center;gap:48px;display:grid;position:relative}@media (min-width:1024px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}}.pill-cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in oklab, var(--glitch-c) 50%, transparent);background:color-mix(in oklab, var(--glitch-c) 12%, transparent);color:var(--glitch-c);border-radius:999px;align-items:center;gap:6px;margin-bottom:22px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.pill-cat svg{width:13px;height:13px}.pill-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.pill-row .pill-cat{margin-bottom:0}.pill-soon{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#d97706;background:#f59e0b1f;background:lab(72.7914% 26.933 75.434/.12);border:1px solid #f59e0b73;border:1px solid lab(72.7914% 26.933 75.434/.45);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.pill-soon svg{width:13px;height:13px}.mcp-notice{background:color-mix(in oklab, #f59e0b 8%, var(--bg-card));color:var(--foreground);border:1px solid #f59e0b66;border:1px solid lab(72.7914% 26.933 75.434/.4);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex}.mcp-notice svg{color:#d97706;flex-shrink:0;width:18px;height:18px;margin-top:2px}.mcp-notice strong{margin-bottom:4px;font-size:14.5px;font-weight:600;display:block}.mcp-notice p{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.6}.hero-h1{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(40px,5.4vw,64px);font-weight:800;line-height:1.04}.hero-h1 .line{display:block}.hero-sub{color:var(--text-2);max-width:540px;margin:0;font-size:17.5px;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.code-mac{background:var(--code-bg,#0c0c12);border:1px solid var(--border-h);font-family:var(--font-mono);box-shadow:0 30px 80px -30px #0009, 0 0 0 1px color-mix(in oklab, var(--glitch-mid) 18%, transparent) inset, -4px 0 60px -30px var(--glitch-r), 4px 0 60px -30px var(--glitch-c);border-radius:14px;overflow:hidden}.code-mac .bar{background:#15151c;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.code-mac .bar .dot{border-radius:999px;width:11px;height:11px}.code-mac .bar .dot.r{background:#ff5f57}.code-mac .bar .dot.y{background:#ffbd2e}.code-mac .bar .dot.g{background:#28c840}.code-mac .bar .t{color:#6f6f80;margin-left:auto;font-size:11px}.code-mac .copy{color:#6f6f80;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:5px;place-items:center;width:24px;height:24px;margin-left:8px;transition:color .15s,border-color .15s;display:grid}.code-mac .copy:hover{color:var(--glitch-mid);border-color:var(--glitch-mid)}.code-mac .copy svg{width:12px;height:12px}.code-mac pre{color:#d4d4dc;white-space:pre-wrap;word-break:break-word;margin:0;padding:18px 20px;font-size:12.5px;line-height:1.7;overflow-x:auto}.code-mac .k{color:#c084fc}.code-mac .s{color:#67e8f9}.code-mac .ok{color:#4ade80}.code-mac .c{color:#6f6f80}.code-mac .a{color:var(--glitch-mid)}.code-mac .n{color:#fbbf24}.code-mac .b{color:#9ca3af}.mcp-section{z-index:1;padding:80px 0;position:relative}@media (min-width:1024px){.mcp-section{padding:96px 0}}.mcp-section.tight{padding-top:0}.section-head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:680px;margin:0 auto 36px;display:flex}.section-head .kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--glitch-mid);font-size:12px}.section-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.1}.section-head .lede{color:var(--text-2);font-size:16px;line-height:1.6}.what-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:1024px){.what-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.what-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.what-card:hover{border-color:var(--glitch-mid);box-shadow:-3px 0 0 0 var(--glitch-glow-r), 3px 0 0 0 var(--glitch-glow-c), 0 18px 40px -20px var(--glitch-glow-mid);transform:translateY(-2px)}.what-card .h-md{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.what-card .body-md{color:var(--text-2);margin:0;font-size:15px;line-height:1.6}.what-ic{background:color-mix(in oklab, var(--glitch-mid) 14%, transparent);width:38px;height:38px;color:var(--glitch-mid);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.what-ic.c{background:color-mix(in oklab, var(--glitch-c) 16%, transparent);color:var(--glitch-c)}.what-ic svg{width:18px;height:18px}.setup-wrap{max-width:860px;margin:0 auto}.setup-steps{counter-reset:sstep;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.setup-step{counter-increment:sstep;grid-template-columns:36px 1fr;align-items:flex-start;gap:14px;display:grid}.setup-step:before{content:counter(sstep, decimal-leading-zero);width:32px;height:32px;font-family:var(--font-mono);color:var(--glitch-mid);background:color-mix(in oklab, var(--glitch-mid) 14%, transparent);border:1px solid color-mix(in oklab, var(--glitch-mid) 32%, transparent);letter-spacing:.04em;border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.setup-step .body{min-width:0}.setup-step .body h4{color:var(--foreground);margin:0 0 6px;font-size:15px;font-weight:600}.setup-step .body p{color:var(--text-2);margin:0 0 6px;font-size:14px;line-height:1.6}.setup-step .body code{font-family:var(--font-mono);background:var(--bg-alt);color:var(--glitch-mid);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12.5px}.setup-step .platform-row{flex-direction:column;gap:6px;font-size:13.5px;display:flex}.setup-step .platform-row .row-item{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setup-step .platform-row .plat{font-family:var(--font-mono);color:var(--text-3);background:var(--bg-alt);text-transform:uppercase;letter-spacing:.06em;text-align:center;border-radius:4px;min-width:64px;padding:2px 6px;font-size:11px}.setup-step .platform-row code{word-break:break-all;font-size:11.5px}.copy-line{background:var(--bg-alt);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.copy-line .plat{font-family:var(--font-mono);color:var(--text-3);background:var(--bg-card);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px}.copy-line code{min-width:0;font-family:var(--font-mono);color:var(--glitch-mid);word-break:break-all;background:0 0;border:none;flex:1;padding:0;font-size:12.5px}.copy-line button{border:1px solid var(--border);background:var(--bg-card);width:26px;height:26px;color:var(--text-3);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;transition:color .15s,border-color .15s;display:grid}.copy-line button:hover{color:var(--glitch-mid);border-color:var(--glitch-mid)}.copy-line button svg{width:13px;height:13px}.tools-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:768px){.tools-grid{grid-template-columns:1fr 1fr;gap:10px}}.tool-row{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,transform .2s,box-shadow .25s;display:flex}.tool-row:hover{border-color:var(--glitch-mid);box-shadow:-2px 0 0 0 var(--glitch-glow-r), 2px 0 0 0 var(--glitch-glow-c);transform:translateY(-1px)}.tool-ic{background:color-mix(in oklab, var(--glitch-mid) 14%, transparent);width:30px;height:30px;color:var(--glitch-mid);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.tool-ic.c{background:color-mix(in oklab, var(--glitch-c) 16%, transparent);color:var(--glitch-c)}.tool-ic svg{width:15px;height:15px}.tool-info{min-width:0}.tool-name{font-family:var(--font-mono);color:var(--foreground);letter-spacing:.01em;font-size:13px;font-weight:600}.tool-desc{color:var(--text-3);margin-top:2px;font-size:12.5px}.prompts{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:1024px){.prompts{grid-template-columns:repeat(3,1fr);gap:20px}}.prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.prompt-tag{font-family:var(--font-mono);color:var(--glitch-mid);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.chat-bubble{align-items:flex-start;gap:10px;display:flex}.chat-bubble .av{width:28px;height:28px;font-family:var(--font-mono);letter-spacing:.04em;border-radius:8px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.chat-bubble.user .av{background:var(--bg-elev);color:var(--text-2);border:1px solid var(--border)}.chat-bubble.ai .av{background:var(--glitch-fill);color:#fff;box-shadow:-1px 0 0 0 var(--glitch-glow-r), 1px 0 0 0 var(--glitch-glow-c)}.chat-bubble .msg{color:var(--text-2);border-radius:10px;flex:1;padding:10px 13px;font-size:13.5px;line-height:1.55}.chat-bubble.user .msg{background:var(--bg-alt);border:1px solid var(--border)}.chat-bubble.ai .msg{background:color-mix(in oklab, var(--glitch-mid) 8%, var(--bg-alt));border:1px solid color-mix(in oklab, var(--glitch-mid) 32%, transparent);color:var(--foreground)}.chat-bubble.ai .msg .dots{vertical-align:middle;gap:3px;margin-left:6px;display:inline-flex}.chat-bubble.ai .msg .dots span{background:var(--glitch-fill);opacity:.5;border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite dot-pulse}.chat-bubble.ai .msg .dots span:nth-child(2){animation-delay:.2s}.chat-bubble.ai .msg .dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.chat-bubble.ai .msg .tool{font-family:var(--font-mono);color:var(--glitch-c);background:color-mix(in oklab, var(--glitch-c) 12%, transparent);border:1px solid color-mix(in oklab, var(--glitch-c) 30%, transparent);border-radius:4px;margin-top:4px;padding:2px 6px;font-size:11px;display:inline-block}.faq-list{flex-direction:column;gap:10px;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;transition:border-color .2s,box-shadow .25s;overflow:hidden}.faq-item.open{border-color:var(--glitch-mid);box-shadow:-2px 0 0 0 var(--glitch-glow-r), 2px 0 0 0 var(--glitch-glow-c), 0 12px 30px -16px var(--glitch-glow-mid)}.faq-q{text-align:left;width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:16px 20px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;display:flex}.faq-q .ic{background:var(--bg-alt);border:1px solid var(--border);width:26px;height:26px;color:var(--text-2);transition:transform .25s var(--ease), background .2s, color .2s, border-color .2s;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.faq-q .ic svg{width:13px;height:13px}.faq-item.open .faq-q .ic{background:var(--glitch-fill);color:#fff;border-color:var(--glitch-mid);transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .35s var(--ease);overflow:hidden}.faq-item.open .faq-a{max-height:320px}.faq-a-inner{color:var(--text-2);border-left:2px solid #0000;padding:0 20px 18px;font-size:14.5px;line-height:1.7}.faq-item.open .faq-a-inner{border-left-color:var(--glitch-mid)}.cta-final{text-align:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:24px;padding:96px 24px;position:relative;overflow:hidden}.cta-final .hex-bg{opacity:.24}.cta-final h2{letter-spacing:-.03em;z-index:1;margin:0 0 16px;font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.08;position:relative}.cta-final p{color:var(--text-2);z-index:1;margin:0 0 28px;font-size:17px;position:relative}.cta-final .actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex;position:relative}.cta-final .cta-primary{box-shadow:-4px 0 0 0 var(--glitch-glow-r), 4px 0 0 0 var(--glitch-glow-c), 0 18px 50px -10px var(--glitch-glow-mid)}.mcp-toast{background:var(--bg-card);border:1px solid var(--glitch-mid);color:var(--foreground);opacity:0;pointer-events:none;z-index:300;box-shadow:0 14px 40px -10px #0006, -2px 0 0 0 var(--glitch-glow-r), 2px 0 0 0 var(--glitch-glow-c);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:opacity .25s,transform .25s;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.mcp-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.mcp-toast svg{width:14px;height:14px;color:var(--glitch-mid)}
