.marketing{--marketing-mono:"SF Mono", "IBM Plex Mono", Menlo, Consolas, monospace;background-color:var(--background);background-image:radial-gradient(circle, var(--pattern) 1px, transparent 1px);color:var(--foreground);font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;background-size:22px 22px}.marketing *{box-sizing:border-box}.marketing .page{max-width:1180px;margin:0 auto;padding:60px 40px 0}.marketing .full-bleed{background:var(--section-bg)}.marketing .full-bleed .inner{max-width:1180px;margin:0 auto;padding:64px 40px}.marketing .hero-copy{max-width:640px;margin:0 auto}.marketing .nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:48px;padding:16px 0;display:flex}.marketing .brand{color:var(--foreground);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.marketing .mark-wrap{flex:none;width:40px;height:40px}.marketing .mark{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.marketing .navmid{gap:28px;font-size:14px;display:flex}.marketing .navmid span,.marketing .navmid a{color:var(--muted);cursor:pointer;padding-bottom:3px;text-decoration:none;transition:color .18s;position:relative}.marketing .navmid span:after,.marketing .navmid a:after{content:"";background:var(--accent);height:1.5px;transition:right .18s;position:absolute;bottom:0;left:0;right:100%}.marketing .navmid span:hover,.marketing .navmid a:hover{color:var(--foreground)}.marketing .navmid span:hover:after,.marketing .navmid a:hover:after{right:0}.marketing .navright{align-items:center;gap:18px;display:flex}.marketing .signin{color:var(--muted);cursor:pointer;font-size:14px}.marketing .signin:hover{color:var(--foreground)}.marketing .btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.marketing .btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 16px -6px #33415573}.marketing .btn-primary.small{padding:8px 14px;font-size:13px}.marketing .btn-link{color:var(--foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 4px;font-size:15px;font-weight:600;text-decoration:none;transition:gap .15s,color .15s;display:inline-flex}.marketing .btn-link:hover{color:var(--accent);gap:9px}.marketing .hero{text-align:center;margin-bottom:36px}.marketing .eyebrow-pill{background:var(--accent-tint);color:var(--accent);border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.marketing .eyebrow-pill .pip{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite marketing-blink}@keyframes marketing-blink{0%,to{opacity:1}50%{opacity:.25}}.marketing .hero h1{letter-spacing:-.02em;color:var(--foreground);margin:0 0 18px;font-size:40px;font-weight:700;line-height:1.14}.marketing .hero p{color:var(--muted);max-width:560px;margin:0 auto 28px;font-size:16px;line-height:1.6}.marketing .ctas{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.marketing .trust{color:var(--muted);text-align:center;margin-bottom:28px;font-size:13px}.marketing .toggle{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.marketing .toggle button{color:var(--muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.marketing .toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.marketing .toggle button:not(.active):hover{border-color:var(--accent);color:var(--foreground)}.marketing .browser-frame{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 20px 40px -20px #783c1e38}.marketing .browser-bar{background:var(--background);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;display:flex}.marketing .browser-bar .dot{background:var(--border);border-radius:50%;width:8px;height:8px}.marketing .browser-bar .url{font-size:11px;font-family:var(--marketing-mono);color:var(--muted);margin-left:8px}.marketing .dash{padding:24px;display:none}.marketing .dash.active{display:block}.marketing .stats{gap:14px;margin-bottom:20px;display:flex}.marketing .stat{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:1;padding:14px 16px;position:relative;overflow:hidden}.marketing .stat-label{color:var(--muted);margin-bottom:6px;font-size:12px}.marketing .stat-value{font-family:var(--marketing-mono);color:var(--foreground);font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.marketing .stat.hot .stat-value{color:var(--accent)}.marketing .stat.hot:after{content:"";pointer-events:none;border-radius:10px;animation:2.6s ease-out infinite marketing-ring;position:absolute;inset:0}@keyframes marketing-ring{0%{box-shadow:0 0 #0891b24d}70%{box-shadow:0 0 0 10px #0891b200}to{box-shadow:0 0 #0891b200}}.marketing .ring-stat{align-items:center;gap:10px;display:flex}.marketing .ring-stat .stat-value{white-space:nowrap;font-size:15px}.marketing .ring-wrap{flex:none;width:30px;height:30px;position:relative}.marketing .ring-wrap svg{transform:rotate(-90deg)}.marketing .ring-bg{fill:none;stroke:var(--border);stroke-width:4px}.marketing .ring-fg{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:75;stroke-dashoffset:75px;animation:6s linear infinite marketing-fillring}@keyframes marketing-fillring{0%{stroke-dashoffset:75px}to{stroke-dashoffset:0}}.marketing .log-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.marketing .log-head-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.marketing .live{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.marketing .live-mark{transform-origin:50%;flex:none;justify-content:center;align-items:center;animation:2.2s ease-in-out infinite marketing-logopulse;display:flex}@keyframes marketing-logopulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.18)}}.marketing .log{flex-direction:column;gap:10px;height:190px;display:flex;position:relative;overflow:hidden}.marketing .log-row{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;min-height:54px;padding:10px 12px;transition:opacity .38s,transform .38s,box-shadow .3s,border-color .3s;display:flex}.marketing .log-row:hover{border-color:var(--accent);transform:translate(2px);box-shadow:0 6px 16px -8px #783c1e59}.marketing .log-row.entering{opacity:0;transform:translateY(10px)}.marketing .log-row.leaving{opacity:0;transform:translateY(-8px)}.marketing .log-row.arrived{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.marketing .log-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.marketing .log-main{flex:1;min-width:0}.marketing .log-co-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.marketing .log-co{color:var(--foreground);font-size:13px;font-weight:700}.marketing .badge{white-space:nowrap;border-radius:6px;flex:none;padding:3px 8px;font-size:10.5px;font-weight:600;position:relative}.marketing .badge-a{background:var(--pricing-bg);color:var(--pricing-ink)}.marketing .badge-b{background:var(--feature-bg);color:var(--feature-ink)}.marketing .badge-c{background:var(--hiring-bg);color:var(--hiring-ink)}.marketing .log-row.arrived .badge:after{content:"NEW";letter-spacing:.03em;background:var(--accent);color:#fff;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:700;animation:.4s marketing-pop;position:absolute;top:-9px;right:-8px}@keyframes marketing-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.marketing .log-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.4;display:block;overflow:hidden}.marketing .caret{background:var(--accent);vertical-align:-2px;width:2px;height:12px;margin-left:1px;animation:.9s step-end infinite marketing-blink-caret;display:inline-block}@keyframes marketing-blink-caret{50%{opacity:0}}.marketing .mail{background:#fff;padding:22px 24px 26px;display:none}.marketing .mail.active{display:block}.marketing .mail-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.marketing .avatar{flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.marketing .from-name{color:var(--foreground);font-size:13px;font-weight:700}.marketing .from-addr{color:var(--muted);font-size:11px;font-family:var(--marketing-mono)}.marketing .subject{color:var(--foreground);letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:700}.marketing .greeting{color:var(--foreground);margin:0 0 6px;font-size:14px}.marketing .summary{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.5}.marketing .entry{border-top:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.marketing .entry:first-of-type{border-top:none}.marketing .entry .badge{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:96px;display:inline-flex}.marketing .entry-body .co{color:var(--foreground);font-size:13px;font-weight:600}.marketing .entry-body .desc{color:var(--muted);margin-top:1px;font-size:12.5px;line-height:1.4}.marketing .mail-cta{text-align:center;margin-top:16px}.marketing .tagline{text-align:center;color:var(--foreground);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:1.4}.marketing .tagline .dim{color:var(--muted);font-weight:500}.marketing .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-align:center;margin:0 0 10px;font-size:12px;font-weight:700}.marketing h2{letter-spacing:-.01em;color:var(--foreground);text-align:center;margin:0 0 12px;font-size:26px;font-weight:700}.marketing .section-sub{color:var(--muted);text-align:center;max-width:460px;margin:0 auto 36px;font-size:14px;line-height:1.55}.marketing .features{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.marketing .feature{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.marketing .feature .icon{background:var(--accent-tint);width:34px;height:34px;color:var(--accent);border-radius:9px;justify-content:center;align-items:center;margin-bottom:12px;font-size:18px;line-height:1;display:flex}.marketing .feature h4{color:var(--foreground);margin:0 0 6px;font-size:14px;font-weight:700}.marketing .feature p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.marketing .steps{gap:20px;display:flex}.marketing .step{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:1;padding:22px 20px}.marketing .step-num{font-family:var(--marketing-mono);color:var(--accent);margin-bottom:14px;font-size:12px;font-weight:700}.marketing .step h3{color:var(--foreground);margin:0 0 8px;font-size:15px;font-weight:700}.marketing .step p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.marketing .pricing{align-items:flex-start;gap:18px;display:flex}.marketing .plan{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:1;padding:24px 22px}.marketing .plan.featured{border-color:var(--accent);position:relative;box-shadow:0 14px 30px -18px #33415559}.marketing .plan.featured:before{content:"Most popular";background:var(--accent);color:#fff;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.marketing .plan-name{color:var(--foreground);margin-bottom:6px;font-size:15px;font-weight:700}.marketing .plan-desc{color:var(--muted);min-height:32px;margin-bottom:16px;font-size:12.5px;line-height:1.5}.marketing .plan-price{font-family:var(--marketing-mono);color:var(--foreground);margin-bottom:16px;font-size:28px;font-weight:700}.marketing .plan-price span{color:var(--muted);font-family:-apple-system,sans-serif;font-size:13px;font-weight:500}.marketing .plan-cta{text-align:center;cursor:pointer;border-radius:8px;margin-bottom:18px;padding:9px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:block}.marketing .plan.featured .plan-cta{background:var(--accent);color:#fff}.marketing .plan.featured .plan-cta:hover{background:var(--accent-hover)}.marketing .plan:not(.featured) .plan-cta{border:1px solid var(--border);color:var(--foreground);background:0 0}.marketing .plan:not(.featured) .plan-cta:hover{border-color:var(--accent);background:var(--accent-tint)}.marketing .plan-feats{flex-direction:column;gap:8px;display:flex}.marketing .plan-feats div{color:var(--foreground);align-items:center;gap:7px;font-size:12.5px;display:flex}.marketing .plan-feats div:before{content:"✓";color:var(--accent);font-weight:700}.marketing .enterprise{text-align:center;color:var(--muted);margin-top:24px;font-size:13px}.marketing .enterprise a{color:var(--accent);font-weight:600;text-decoration:none}.marketing .why-cards{gap:18px;display:flex}.marketing .why-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:1;padding:22px 20px}.marketing .why-card h4{color:var(--accent);margin:0 0 10px;font-size:15px;font-weight:700}.marketing .why-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.marketing .closing{text-align:center;padding:64px 32px 60px}.marketing .closing h2{margin-bottom:14px}.marketing .closing p{color:var(--muted);max-width:420px;margin:0 auto 26px;font-size:14px;line-height:1.6}.marketing .footer{border-top:1px solid var(--border);padding:32px 40px}.marketing .footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:0 auto;display:flex}.marketing .footer-brand{color:var(--foreground);align-items:center;gap:9px;font-size:18px;font-weight:700;display:flex}.marketing .footer-links{color:var(--muted);gap:20px;font-size:12.5px;display:flex}.marketing .footer-links a{color:inherit;text-decoration:none}.marketing .footer-links a:hover{color:var(--foreground)}.marketing .footer-copy{color:var(--muted);text-align:center;width:100%;margin-top:18px;font-size:12px}@media (max-width:860px){.marketing .navmid{display:none}.marketing .features{grid-template-columns:repeat(2,1fr)}.marketing .steps,.marketing .pricing,.marketing .why-cards{flex-direction:column}}