
:root{--bg:#f7f9fc;--panel:#fff;--panel2:#f1f4f9;--border:#e1e7ef;--text:#1c2433;--muted:#64748b;--soft:#94a3b8;--teal:#0d9488;--teal-dark:#087f75;--teal-dim:rgba(13,148,136,.08);--amber:#d97706;--amber-dim:rgba(217,119,6,.1);--green:#22c55e;--red:#ef4444;--shadow:0 18px 50px -24px rgba(28,36,51,.25);--shadow-sm:0 1px 3px rgba(28,36,51,.06),0 1px 2px rgba(28,36,51,.04);--r:12px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}.top{position:sticky;top:0;z-index:100;background:rgba(247,249,252,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:10px;font:700 20px/1 'Space Grotesk',sans-serif;letter-spacing:-.03em}.logo-mark{position:relative;width:28px;height:28px;display:inline-block}.logo-mark span{position:absolute;border-radius:50%}.lm1{inset:0;background:var(--teal);opacity:.14}.lm2{width:11px;height:11px;left:8.5px;top:8.5px;background:var(--teal);box-shadow:0 0 9px rgba(13,148,136,.45)}.nav-leads{display:flex;align-items:center;gap:28px}.nav-leads a{font-size:14px;color:var(--muted);font-weight:500}.nav-leads a:hover,.nav-leads a.active{color:var(--text)}.nav-login{font-weight:600!important}.nav-cta{background:var(--teal);color:#fff!important;padding:11px 18px;border-radius:9px;font-weight:600!important}.nav-cta:hover{background:var(--teal-dark)}.nav-toggle{display:none;border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 10px;font-size:18px;color:var(--text)}
.hero{position:relative;overflow:hidden;padding:92px 0 96px}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:52px 52px;opacity:.5;mask-image:radial-gradient(ellipse 80% 70% at 25% 30%,#000 20%,transparent 80%)}.hero-glow{position:absolute;top:-120px;left:-120px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(13,148,136,.14),transparent 70%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-dim);border:1px solid rgba(13,148,136,.2);padding:8px 13px;border-radius:999px;margin-bottom:22px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif}h1.hero-h{font-size:clamp(42px,5.4vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px}.hero-h em{font-style:normal;color:var(--teal)}.hero-sub{max-width:610px;color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 32px}.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;font-weight:700;padding:13px 22px;border-radius:9px;font-size:14px;border:1px solid var(--teal);transition:.18s}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-1px);box-shadow:0 10px 24px -14px rgba(13,148,136,.8)}.btn-ghost{display:inline-flex;align-items:center;padding:13px 10px;color:var(--muted);font-weight:600;font-size:14px}.btn-ghost:hover{color:var(--text)}.hero-trust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.trust-badge{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.dot-g{width:6px;height:6px;border-radius:50%;background:var(--green)}.trust-sep{color:var(--border)}
.email-preview{background:var(--panel);border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 30px 60px -26px rgba(28,36,51,.28)}.ep-bar{display:flex;align-items:center;gap:7px;padding:12px 15px;border-bottom:1px solid var(--border);background:var(--panel2)}.ep-dot{width:9px;height:9px;border-radius:50%}.ep-title{margin-left:5px;font:500 11px/1 'JetBrains Mono',monospace;color:var(--muted)}.ep-live{margin-left:auto;color:var(--teal);font:500 10px/1 'JetBrains Mono',monospace;background:var(--teal-dim);padding:5px 9px;border-radius:999px;border:1px solid rgba(13,148,136,.2)}.ep-body{padding:18px}.ep-thread{display:flex;flex-direction:column;gap:10px}.ep-msg{padding:13px 14px;border-radius:9px;font-size:13px;line-height:1.6}.ep-msg.inbound{background:var(--panel2);border:1px solid var(--border)}.ep-msg.outbound{background:var(--teal-dim);border:1px solid rgba(13,148,136,.18)}.ep-msg-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font:500 10px/1.3 'JetBrains Mono',monospace;color:var(--soft)}.tag{padding:3px 7px;border-radius:5px;font-size:9px}.tag-in{color:var(--amber);background:var(--amber-dim);border:1px solid rgba(217,119,6,.15)}.tag-ai{color:var(--teal);background:var(--teal-dim);border:1px solid rgba(13,148,136,.15)}.ep-status{padding:12px 15px;border-top:1px solid var(--border);background:rgba(13,148,136,.03);color:var(--teal);font:500 10.5px/1.5 'JetBrains Mono',monospace}
.ticker-section{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker-item{display:flex;align-items:center;gap:16px;padding:17px 32px;border-right:1px solid var(--border);white-space:nowrap}.ticker-val{font:700 18px/1 'Space Grotesk',sans-serif;color:var(--teal)}.ticker-label{font-size:12px;color:var(--muted)}@keyframes ticker{to{transform:translateX(-50%)}}
section{padding:88px 0;border-top:1px solid var(--border)}.sec-head{max-width:680px;margin-bottom:46px}.sec-eye{margin:0 0 10px;color:var(--teal);font:500 11px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.sec-h{font-size:clamp(29px,4vw,43px);line-height:1.08;letter-spacing:-.035em;margin:0 0 14px}.sec-sub{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.section-center{text-align:center;margin-left:auto;margin-right:auto}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-sm)}.stat-number{font:700 30px/1 'Space Grotesk',sans-serif;color:var(--teal);margin-bottom:8px}.stat-label{color:var(--muted);font-size:13px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card,.wf-card,.feature-card,.channel-card,.use-card,.faq-item,.plan-card,.quote-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm)}.info-card{padding:28px}.card-icon{font-size:25px;margin-bottom:15px}.card-title{font:600 18px/1.25 'Space Grotesk',sans-serif;margin:0 0 9px}.card-text{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
.phases{display:flex;flex-direction:column}.phase{display:grid;grid-template-columns:180px 1fr;gap:44px;padding:35px 0;border-bottom:1px solid var(--border)}.phase:last-child{border-bottom:0}.phase-num{margin:0;color:var(--soft);font:500 12px/1.4 'JetBrains Mono',monospace}.phase-title{font-size:22px;margin:0 0 10px}.phase-desc{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.75}.phase-tags{display:flex;gap:8px;flex-wrap:wrap}.phase-tag{font:500 10px/1 'JetBrains Mono',monospace;color:var(--muted);background:#fff;border:1px solid var(--border);padding:7px 10px;border-radius:6px}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wf-card{padding:25px;position:relative}.wf-num{margin:0 0 16px;color:var(--soft);font:500 11px/1 'JetBrains Mono',monospace}.wf-icon{font-size:24px;margin-bottom:12px}.wf-title{font-size:18px;margin:0 0 8px}.wf-desc{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}.decision-wrap{margin-top:24px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px;box-shadow:var(--shadow-sm)}.dt-title{font:600 16px/1.3 'Space Grotesk',sans-serif;margin:0 0 22px;padding-bottom:15px;border-bottom:1px solid var(--border)}.dt-node{display:grid;grid-template-columns:34px 1fr;gap:15px;position:relative;padding-bottom:22px}.dt-node:last-child{padding-bottom:0}.dt-node:not(:last-child):before{content:'';position:absolute;left:15px;top:31px;bottom:0;width:2px;background:var(--border)}.dt-dot{position:relative;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--panel2);border:1px solid var(--border);font-size:14px}.dt-label{font:600 15px/1.3 'Space Grotesk',sans-serif;margin:1px 0 5px}.dt-detail{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}.dt-branches{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.dt-branch{font-size:11px;padding:6px 9px;border-radius:6px}.dt-branch.yes{color:var(--teal);background:var(--teal-dim)}.dt-branch.no{color:var(--amber);background:var(--amber-dim)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:24px;position:relative}.feature-icon{font-size:23px;margin-bottom:14px}.feature-title{font-size:17px;margin:0 0 8px}.feature-desc{font-size:13.5px;color:var(--muted);line-height:1.65;margin:0}.feat-soon{position:absolute;top:17px;right:17px;font:500 9px/1 'JetBrains Mono',monospace;color:var(--amber);background:var(--amber-dim);padding:5px 7px;border-radius:5px}
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.channel-card{padding:30px;text-align:center}.channel-icon{font-size:30px;margin-bottom:12px}.channel-name{font:600 18px/1.2 'Space Grotesk',sans-serif;margin:0 0 9px}.channel-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:5px 9px;border-radius:999px}.live-tag{color:var(--teal);background:var(--teal-dim)}.soon-tag{color:var(--amber);background:var(--amber-dim)}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.use-card{padding:22px}.use-card h3{font-size:16px;margin:0 0 7px}.use-card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-card{padding:26px}.quote-card p{margin:0;color:var(--text);font-size:14px;line-height:1.7}.quote-card strong{display:block;margin-top:16px;font:600 13px 'Space Grotesk',sans-serif}.quote-card span{display:block;color:var(--soft);font-size:11px;margin-top:2px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{padding:28px;display:flex;flex-direction:column;min-height:440px;position:relative}.plan-card.highlight{border-color:rgba(13,148,136,.45);box-shadow:0 18px 50px -30px rgba(13,148,136,.5)}.plan-badge{position:absolute;top:0;left:24px;transform:translateY(-50%);background:var(--teal);color:#fff;padding:5px 12px;border-radius:999px;font-size:10px;font-weight:700}.plan-name{font:600 18px 'Space Grotesk',sans-serif;margin:0 0 12px}.plan-price{font:700 39px/1 'Space Grotesk',sans-serif;margin:0}.plan-note{color:var(--muted);font-size:12px;margin:5px 0 20px}.plan-features{list-style:none;padding:17px 0 0;margin:0 0 24px;border-top:1px solid var(--border);flex:1}.plan-features li{font-size:13px;color:#3b4759;padding:7px 0;border-bottom:1px solid var(--border)}.plan-features li:last-child{border-bottom:0}.plan-features li:before{content:'✓';color:var(--teal);font-weight:800;margin-right:8px}.plan-btn{display:block;text-align:center;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:700}.plan-card.highlight .plan-btn{background:var(--teal);border-color:var(--teal);color:#fff}.plan-btn:hover{border-color:var(--teal);color:var(--teal)}.plan-card.highlight .plan-btn:hover{color:#fff;background:var(--teal-dark)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{padding:23px}.faq-item summary{cursor:pointer;list-style:none;font:600 15px/1.4 'Space Grotesk',sans-serif}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';float:right;color:var(--teal);font-size:20px}.faq-item[open] summary:after{content:'−'}.faq-a{color:var(--muted);font-size:13.5px;line-height:1.7;margin:12px 0 0}
.final-section{position:relative;overflow:hidden;padding:100px 0;text-align:center;background:#fff}.final-glow{position:absolute;width:700px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(13,148,136,.1),transparent 70%)}.final-inner{position:relative;z-index:1}.final-h{max-width:780px;margin:0 auto 15px;font-size:clamp(31px,4vw,48px);line-height:1.06;letter-spacing:-.035em}.final-sub{max-width:640px;margin:0 auto 30px;color:var(--muted);font-size:16px}.final-note{color:var(--soft);font-size:12px;margin-top:11px}.cta-band{background:var(--text);color:#fff;padding:48px 0}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin:0 0 6px;font-size:28px}.cta-band p{margin:0;color:#b8c1cf;font-size:14px}.cta-band .btn-primary{background:var(--teal);border-color:var(--teal)}
.page-hero{padding:78px 0 70px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(13,148,136,.05),transparent)}.page-hero-inner{max-width:820px}.page-hero h1{font-size:clamp(40px,5vw,60px);line-height:1.04;letter-spacing:-.04em;margin:0 0 18px}.page-hero p{max-width:700px;color:var(--muted);font-size:17px;line-height:1.75;margin:0}.kicker{color:var(--teal);font:500 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px}.list-check{list-style:none;padding:0;margin:20px 0}.list-check li{position:relative;padding:7px 0 7px 24px;color:var(--muted);font-size:14px}.list-check li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.content-panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px;box-shadow:var(--shadow-sm)}.content-panel h3{margin:0 0 10px;font-size:20px}.content-panel p{color:var(--muted);font-size:14px;line-height:1.75}.mini-label{font:500 10px 'JetBrains Mono',monospace;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}
footer{border-top:1px solid var(--border);padding:36px 0;background:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer-brand p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.7}.footer-col h4{font-size:12px;margin:3px 0 12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}.footer-col a{display:block;color:var(--muted);font-size:13px;margin:8px 0}.footer-col a:hover{color:var(--teal)}.footer-bottom{border-top:1px solid var(--border);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--soft);font-size:12px}.cta-lead{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-weight:700;font-size:13px;margin-top:20px}.cta-lead:hover{opacity:.8}.mobile-menu{display:none}
@media(max-width:960px){.nav-leads{display:none}.nav-toggle{display:block}.hero-inner,.two-col{grid-template-columns:1fr}.stats-grid,.use-grid{grid-template-columns:repeat(2,1fr)}.cards-3,.workflow-grid,.features-grid,.channel-grid,.quote-grid,.pricing-grid{grid-template-columns:1fr 1fr}.hero{padding-top:68px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-menu.open{display:flex;position:absolute;left:0;right:0;top:78px;background:rgba(247,249,252,.98);border-bottom:1px solid var(--border);padding:16px 24px;flex-direction:column;gap:13px}.mobile-menu a{font-size:14px;color:var(--muted);padding:6px 0}}
@media(max-width:680px){.wrap{padding:0 18px}.nav-row{min-height:70px}.hero{padding:54px 0 62px}.hero-sub{font-size:15px}.email-preview{margin-top:8px}.stats-grid,.cards-3,.workflow-grid,.features-grid,.channel-grid,.quote-grid,.pricing-grid,.faq-grid,.use-grid{grid-template-columns:1fr}.phase{grid-template-columns:1fr;gap:10px}.decision-wrap{padding:20px}.footer-grid{grid-template-columns:1fr 1fr}.cta-band-inner{flex-direction:column;align-items:flex-start}.page-hero{padding:58px 0}.page-hero h1{font-size:40px}section{padding:68px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track,.pulse{animation:none!important}}
.logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 0;
}

.logo-image {
    display: block;
    width: auto;
    height: 32px;
    max-width: 150px;
    object-fit: contain;
}
