.landing-page{--base: #030305;--surface: #0a0a0f;--surface-raised: #12121a;--border: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .15);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #4b5563;--cyan: #00e5ff;--cyan-dim: rgba(0, 229, 255, .15);--amber: #ffaa00;--amber-dim: rgba(255, 170, 0, .15);--red: #ff3366;--red-dim: rgba(255, 51, 102, .15);--green: #00ff88;--green-dim: rgba(0, 255, 136, .15);background-color:var(--base);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;position:relative;z-index:0;line-height:1.6}.landing-page-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.landing-page-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;background-position:center center;opacity:.3;mask-image:radial-gradient(ellipse at 50% 0%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 20%,transparent 80%)}.landing-page-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.04) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,51,102,.02) 0%,transparent 50%)}.landing-page .font-serif{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:400}.landing-page .font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.landing-page-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.landing-page .lp-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.landing-page .lp-reveal.visible{opacity:1;transform:translateY(0)}.landing-page .section-header{margin-bottom:64px;max-width:600px}.landing-page .section-header.center{margin:0 auto 64px;text-align:center}.landing-page .section-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px;display:inline-block;border:1px solid var(--cyan-dim);padding:4px 12px;border-radius:100px;background:#00e5ff08}.landing-page .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.landing-page .section-desc{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.landing-page .btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--text-main);color:var(--base);font-weight:600;font-size:.875rem;padding:12px 24px;border-radius:8px;text-decoration:none;transition:all .2s ease}.landing-page .btn-primary:hover{background:var(--cyan);box-shadow:0 0 20px var(--cyan-dim)}.landing-page .btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-main);font-weight:500;font-size:.875rem;padding:12px 24px;border:1px solid var(--border);border-radius:8px;text-decoration:none;transition:all .2s ease}.landing-page .btn-secondary:hover{border-color:var(--border-active);background:var(--surface)}.landing-page .lp-nav{position:fixed;top:24px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:900px;z-index:100;background:transparent;border-radius:100px;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.landing-page .lp-nav.scrolled{background:#0a0a0fb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--border);box-shadow:0 8px 32px #0006}.landing-page .lp-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.landing-page .nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main)}.landing-page .nav-brand .bracket{color:var(--cyan);font-size:1.1rem}.landing-page .nav-brand .name{font-weight:600;letter-spacing:-.02em}.landing-page .nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}@media(max-width:768px){.landing-page .nav-links{display:none}}.landing-page .nav-links a{color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.landing-page .nav-links a:hover{color:var(--text-main)}.landing-page .nav-cta{font-size:.875rem;font-weight:500;background:#ffffff1a;color:var(--text-main);padding:8px 16px;border-radius:100px;text-decoration:none;transition:background .2s}.landing-page .nav-cta:hover{background:#fff3}.landing-page .lp-hero{padding:220px 0 120px;text-align:center;position:relative}.landing-page .hero-headline{font-size:clamp(3rem,7vw,5.5rem);font-weight:500;line-height:1.05;letter-spacing:-.03em;margin-bottom:32px;color:var(--text-main)}.landing-page .hero-headline .serif-emp{color:var(--text-muted)}.landing-page .hero-sub{font-size:clamp(1.125rem,2vw,1.35rem);color:var(--text-muted);max-width:680px;margin:0 auto 48px;line-height:1.6}.landing-page .hero-actions{display:flex;align-items:center;justify-content:center;gap:16px}.landing-page .lp-verdict{padding:60px 0 120px}.landing-page .verdict-visual{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:64px 48px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0006}.landing-page .verdict-grid{display:grid;grid-template-columns:240px 1fr auto 1fr 240px;gap:16px;align-items:stretch}@media(max-width:900px){.landing-page .verdict-grid{grid-template-columns:1fr;text-align:center;gap:24px}}.landing-page .verdict-sources,.landing-page .verdict-outcomes{display:flex;flex-direction:column;gap:16px;justify-content:center}.landing-page .verdict-flow{width:100%;min-height:100%;display:flex;align-items:stretch;position:relative;z-index:0}.landing-page .flow-svg{width:100%;height:100%;overflow:visible}.landing-page .flow-animated path{animation:flow-ants 1.2s linear infinite}@keyframes flow-ants{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.landing-page .verdict-flow-mobile{display:none}@media(max-width:900px){.landing-page .verdict-flow{display:none}.landing-page .verdict-flow-mobile{display:flex;justify-content:center;align-items:center;color:var(--cyan-dim);padding:8px 0}.landing-page .verdict-sources,.landing-page .verdict-outcomes{max-width:320px;margin:0 auto;width:100%}}.landing-page .verdict-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;position:relative}.landing-page .verdict-card .v-icon{width:32px;height:32px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center}.landing-page .verdict-card .v-text{font-size:.875rem;font-weight:500;text-align:left}.landing-page .verdict-card .v-sub{font-size:.75rem;color:var(--text-muted)}.landing-page .verdict-engine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-page .engine-core{width:160px;height:160px;border-radius:50%;border:1px solid var(--cyan-dim);display:flex;align-items:center;justify-content:center;position:relative}.landing-page .engine-core:before{content:"";position:absolute;inset:-20px;border:1px dashed var(--border);border-radius:50%;animation:rotate 20s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.landing-page .engine-label{font-size:.75rem;font-weight:600;color:var(--cyan);text-align:center}.landing-page .verdict-outcomes .safe{border-color:var(--green-dim)}.landing-page .verdict-outcomes .safe .v-icon{color:var(--green);background:var(--green-dim)}.landing-page .verdict-outcomes .blocked{border-color:var(--red-dim)}.landing-page .verdict-outcomes .blocked .v-icon{color:var(--red);background:var(--red-dim)}.landing-page .threat-badges{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px}.landing-page .t-badge{font-size:.65rem;padding:4px 10px;border-radius:100px;background:var(--red-dim);color:var(--red);border:1px solid rgba(255,51,102,.3)}.landing-page .lp-benchmarks{padding:120px 0;border-top:1px solid var(--border);background:radial-gradient(ellipse at center,var(--surface) 0%,var(--base) 100%)}.landing-page .benchmarks-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}@media(max-width:900px){.landing-page .benchmarks-panel{grid-template-columns:1fr}}.landing-page .metric-module{background:var(--surface);padding:48px 32px;display:flex;flex-direction:column}.landing-page .metric-value{font-size:3.5rem;font-weight:300;line-height:1;margin-bottom:16px;letter-spacing:-.04em}.landing-page .metric-title{font-size:1.125rem;font-weight:500;margin-bottom:8px;color:var(--text-main)}.landing-page .metric-desc{font-size:.875rem;color:var(--text-muted);flex-grow:1}.landing-page .metric-source{margin-top:24px;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.landing-page .lp-protocol{padding:120px 0}.landing-page .protocol-steps{display:flex;flex-direction:column;gap:32px;position:relative}.landing-page .protocol-steps:before{content:"";position:absolute;left:24px;top:24px;bottom:24px;width:1px;background:linear-gradient(to bottom,transparent,var(--border),var(--border),transparent)}.landing-page .protocol-steps:after{content:"";position:absolute;left:24px;top:0;width:1px;height:100px;background:linear-gradient(to bottom,transparent,var(--cyan),transparent);animation:scan-line 4s ease-in-out infinite;z-index:1}@keyframes scan-line{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:calc(100% - 100px);opacity:0}}.landing-page .protocol-step{display:flex;gap:40px;align-items:flex-start;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1)}.landing-page .protocol-step:hover{transform:translate(8px)}.landing-page .protocol-step:hover .step-indicator{background:var(--cyan-dim);border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-dim)}.landing-page .step-indicator{width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--border-active);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--cyan);z-index:2;flex-shrink:0;transition:all .4s ease}.landing-page .step-content{background:var(--surface-raised);border:1px solid var(--border);padding:32px;border-radius:16px;flex-grow:1;position:relative;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.landing-page .protocol-step:hover .step-content{border-color:var(--border-active);box-shadow:0 12px 32px #0006}.landing-page .step-content-bg{position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,var(--cyan-dim) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.landing-page .protocol-step:hover .step-content-bg{opacity:1}.landing-page .step-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.landing-page .step-title{font-size:1.25rem;font-weight:600}.landing-page .step-timing{font-size:.75rem;color:var(--cyan);background:var(--cyan-dim);padding:4px 8px;border-radius:4px}.landing-page .lp-capabilities{padding:120px 0;border-top:1px solid var(--border)}.landing-page .capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.landing-page .capabilities-grid{grid-template-columns:1fr}}.landing-page .cap-card{background:var(--surface);border:1px solid var(--border);padding:40px;border-radius:16px;transition:border-color .3s}.landing-page .cap-card:hover{border-color:var(--border-active)}.landing-page .cap-icon{margin-bottom:24px;color:var(--text-main)}.landing-page .cap-icon svg{width:32px;height:32px}.landing-page .cap-title{font-size:1.25rem;font-weight:600;margin-bottom:12px}.landing-page .cap-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6}.landing-page .lp-integration{padding:120px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-page .integration-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:900px){.landing-page .integration-layout{grid-template-columns:1fr}}.landing-page .code-panel{background:#000;border:1px solid var(--border);border-radius:16px;overflow:hidden}.landing-page .code-tabs{display:flex;border-bottom:1px solid var(--border);background:#0a0a0f}.landing-page .code-tab{padding:12px 24px;font-size:.8rem;color:var(--text-muted);background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent}.landing-page .code-tab.active{color:var(--cyan);border-bottom-color:var(--cyan);background:#00e5ff0d}.landing-page .code-block{padding:24px;overflow-x:auto}.landing-page .code-block pre{margin:0;color:#e5e7eb;font-size:.875rem;line-height:1.6}.landing-page .int-features{display:flex;flex-direction:column;gap:24px;margin-top:40px}.landing-page .int-feature{display:flex;gap:16px}.landing-page .int-f-icon{color:var(--cyan)}.landing-page .int-feature h4{font-size:1rem;font-weight:600;margin-bottom:8px}.landing-page .int-feature p{font-size:.875rem;color:var(--text-muted)}.landing-page .lp-platform{padding:120px 0}.landing-page .platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.landing-page .platform-grid{grid-template-columns:1fr}}.landing-page .plat-card{padding:40px 32px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.landing-page .plat-card h3{font-size:1.125rem;font-weight:600;margin-bottom:12px}.landing-page .plat-card p{font-size:.875rem;color:var(--text-muted)}.landing-page .lp-cta{padding:120px 0;text-align:center}.landing-page .cta-box{max-width:800px;margin:0 auto;padding:80px 40px;background:radial-gradient(ellipse at center,var(--surface-raised) 0%,var(--surface) 100%);border:1px solid var(--border);border-radius:24px}.landing-page .cta-box h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:600;margin-bottom:24px}.landing-page .cta-box p{font-size:1.125rem;color:var(--text-muted);margin-bottom:40px}.landing-page .lp-footer{border-top:1px solid var(--border);padding:48px 0;background:var(--base)}.landing-page .footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.landing-page .footer-brand{display:flex;align-items:center;gap:8px;font-weight:600}.landing-page .footer-copy{font-size:.875rem;color:var(--text-dim)}.landing-page .footer-tagline{font-size:.75rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em}
