:root{--bg: #ffffff;--surface: #f4f4f4;--surface2: #ebebeb;--border: rgba(0,0,0,.08);--accent: #e8202a;--accent2: #cc0000;--accent3: #0088bb;--text: #0f1114;--muted: #7a7a7a;--glow: rgba(232,32,42,.1);--nav-bg: rgba(255,255,255,.9);--hero-grid-line: rgba(0,0,0,.05);--chat-body-bg: rgba(250,250,250,.9);--noise-opacity: .15}[data-theme=dark]{--bg: #080a0c;--surface: #0e1115;--surface2: #141820;--border: rgba(255,255,255,.07);--accent: #ff3333;--accent2: #ff4747;--accent3: #47d4ff;--text: #f0f2f5;--muted: #6b7280;--glow: rgba(255,51,51,.15);--nav-bg: rgba(8,10,12,.85);--hero-grid-line: rgba(255,255,255,.03);--chat-body-bg: rgba(8,10,12,.6);--noise-opacity: .4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{transition:background-color .38s ease,border-color .38s ease,color .25s ease}html,body,nav,.feature-card,.big-feature-visual,.hero-stats,.stat,.email-mock,.email-header,.email-body,.dialer-mock,.leads-mock .lead-card-mock,.chat-body,.chat-header,.chat-bubble,.cta-section,footer{transition:background-color .4s ease,border-color .4s ease,color .3s ease,box-shadow .4s ease}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.4}nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 60px;position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--nav-bg);border-bottom:1px solid var(--border)}nav>*:last-child{display:flex;justify-content:flex-end;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:0}.logo-claw{color:var(--accent);position:relative}.logo-badge{font-family:IBM Plex Mono,monospace;font-size:10px;background:var(--accent);color:#fff;padding:2px 6px;border-radius:3px;font-weight:500;letter-spacing:.5px}.nav-links{display:flex;gap:36px;list-style:none;font-size:14px;font-weight:600;letter-spacing:.3px}.nav-links a{color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--accent);color:#fff!important;padding:10px 22px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;letter-spacing:.3px;transition:all .2s;border:none}.nav-cta:hover{background:#c8101a;transform:translateY(-1px);box-shadow:0 8px 24px #e8202a40}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 60px 80px;position:relative;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--hero-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid-line) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent)}.hero-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(232,32,42,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-eyebrow{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:10px;position:relative}.hero-eyebrow:before{content:"";width:32px;height:1px;background:var(--accent)}.hero-headline{font-size:clamp(36px,5vw,68px);font-weight:800;line-height:1.08;letter-spacing:-.5px;text-align:center;position:relative;max-width:900px}.hero-headline .line-em{font-family:Playfair Display,serif;font-style:italic;font-weight:700;color:var(--accent)}.hero-sub{margin-top:20px;font-size:15px;color:var(--muted);text-align:center;max-width:520px;line-height:1.6;font-weight:400;position:relative}.hero-actions{margin-top:32px;display:flex;gap:16px;align-items:center;position:relative}.btn-primary{background:var(--accent);color:#fff!important;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .25s;border:none}.btn-primary:hover{background:#c8101a;transform:translateY(-2px);box-shadow:0 16px 40px #e8202a4d}.btn-primary svg{transition:transform .2s}.btn-primary:hover svg{transform:translate(4px)}.btn-ghost{color:var(--text);padding:12px 22px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--border);transition:all .2s;background:transparent;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{border-color:#fff3;background:#ffffff0a}.hero-stats{position:relative;margin-top:52px;display:flex;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.stat{padding:16px 28px;border-right:1px solid var(--border);text-align:center}.stat:last-child{border-right:none}.stat-num{font-size:26px;font-weight:800;color:var(--accent);letter-spacing:-.5px}.stat-label{font-size:11px;color:var(--muted);margin-top:3px;font-weight:500;font-family:IBM Plex Mono,monospace}.ticker-wrap{width:100%;overflow:hidden;background:var(--accent);padding:12px 0;position:relative}.ticker{display:flex;gap:48px;animation:ticker 20s linear infinite;white-space:nowrap}.ticker-item{font-size:13px;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase;font-family:IBM Plex Mono,monospace;display:flex;align-items:center;gap:16px;flex-shrink:0}.ticker-item:after{content:"◆";font-size:8px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:72px 200px}.section-label{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}.section-title{font-size:clamp(24px,2.8vw,38px);font-weight:800;letter-spacing:-.5px;line-height:1.1;max-width:640px}.section-title .em{font-family:Playfair Display,serif;font-style:italic;font-weight:700;color:var(--accent)}.features-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:48px}.features-intro-right{max-width:400px;color:var(--muted);font-size:14px;line-height:1.6;font-weight:400;flex-shrink:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}.feature-card{background:var(--surface);padding:32px 28px;position:relative;transition:background .3s;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{background:var(--surface2)}.feature-number{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);margin-bottom:24px;letter-spacing:2px}.feature-icon{font-size:24px;margin-bottom:14px;display:block}.feature-title{font-size:16px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}.feature-desc{font-size:13px;color:var(--muted);line-height:1.6;font-weight:400}.big-features{padding:0 200px 72px}.big-feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--border)}.big-feature.reverse{direction:rtl}.big-feature.reverse>*{direction:ltr}.big-feature-tag{display:inline-flex;align-items:center;gap:8px;background:#e8202a14;border:1px solid rgba(232,32,42,.2);color:var(--accent);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.big-feature-title{font-size:clamp(22px,2.2vw,32px);font-weight:800;letter-spacing:-.3px;line-height:1.15;margin-bottom:20px}.big-feature-desc{color:var(--muted);font-size:14px;line-height:1.65;font-weight:400;margin-bottom:22px}.feature-bullets{list-style:none;display:flex;flex-direction:column;gap:10px}.feature-bullets li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}.feature-bullets li:before{content:"→";color:var(--accent);flex-shrink:0;font-size:14px}.big-feature-visual{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;aspect-ratio:1.1;display:flex;align-items:center;justify-content:center}.chat-mock{width:90%;height:85%;display:flex;flex-direction:column;gap:0}.chat-header{background:var(--surface2);border-bottom:1px solid var(--border);padding:14px 18px;display:flex;align-items:center;gap:10px;border-radius:12px 12px 0 0}.chat-dot{width:8px;height:8px;border-radius:50%}.chat-body{flex:1;padding:20px;display:flex;flex-direction:column;gap:14px;background:var(--chat-body-bg);border-radius:0 0 12px 12px;border:1px solid var(--border);border-top:none;overflow:hidden}.chat-msg{display:flex;gap:10px;align-items:flex-start;animation:fadeUp .5s ease both}.chat-msg.user{flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.avatar-ai{background:var(--accent);color:#000}.avatar-user{background:#ffffff1a;color:var(--text)}.chat-bubble{padding:10px 14px;border-radius:10px;font-size:12px;line-height:1.5;max-width:220px;font-family:IBM Plex Mono,monospace}.bubble-ai{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.bubble-user{background:var(--accent);color:#000;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg:nth-child(1){animation-delay:.1s}.chat-msg:nth-child(2){animation-delay:.3s}.chat-msg:nth-child(3){animation-delay:.5s}.chat-msg:nth-child(4){animation-delay:.7s}.leads-mock{width:90%;display:flex;flex-direction:column;gap:10px}.lead-card-mock{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:14px;animation:fadeUp .4s ease both}.lead-card-mock:nth-child(1){animation-delay:.1s}.lead-card-mock:nth-child(2){animation-delay:.2s}.lead-card-mock:nth-child(3){animation-delay:.3s}.lead-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff6b6b);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#000}.lead-info{flex:1}.lead-name{font-size:13px;font-weight:700;margin-bottom:3px}.lead-role{font-size:11px;color:var(--muted);font-family:IBM Plex Mono,monospace}.lead-score{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;padding:4px 10px;border-radius:100px}.score-high{background:#e8202a26;color:var(--accent)!important}.score-med{background:#47d4ff1a;color:var(--accent3)}.email-mock{width:90%;background:#0a0c0f;border:1px solid var(--border);border-radius:12px;overflow:hidden}.email-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface2)}.email-from{font-size:11px;color:var(--muted);font-family:IBM Plex Mono,monospace;margin-bottom:4px}.email-subject{font-size:14px;font-weight:700}.email-body{padding:20px;font-size:12px;line-height:1.7;color:#f0f2f5cc;font-family:IBM Plex Mono,monospace}.email-highlight{color:var(--accent);font-weight:500}.email-tags{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px}.etag{font-size:10px;padding:3px 8px;border-radius:4px;font-family:IBM Plex Mono,monospace}.etag-1{background:#e8202a14;color:var(--accent)}.etag-2{background:#ff47471a;color:var(--accent2)}.etag-3{background:#47d4ff1a;color:var(--accent3)}.dialer-mock{width:210px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;overflow:hidden;padding:24px;display:flex;flex-direction:column;align-items:center;gap:0}.dialer-status{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:6px}.pulse-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.dialer-contact{text-align:center;margin-bottom:24px}.dialer-name{font-size:15px;font-weight:800;margin-bottom:4px}.dialer-company{font-size:12px;color:var(--muted);font-family:IBM Plex Mono,monospace}.dialer-timer{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:500;color:var(--accent);margin-bottom:18px;letter-spacing:1px}.dialer-controls{display:flex;gap:14px}.dial-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--border);background:var(--surface)}.dial-btn.end{background:var(--accent2);border-color:var(--accent2);font-size:20px}.dialer-ai-note{margin-top:20px;background:#e8202a12;border:1px solid rgba(232,32,42,.15);border-radius:8px;padding:10px 12px;width:100%}.ai-note-label{font-size:9px;color:var(--accent);font-family:IBM Plex Mono,monospace;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.ai-note-text{font-size:11px;color:var(--muted);line-height:1.5;font-family:IBM Plex Mono,monospace}.cta-section{margin:0 60px 80px;border-radius:20px;background:var(--accent);padding:56px 64px;display:flex;justify-content:space-between;align-items:center;gap:48px;position:relative;overflow:hidden}.cta-section:before{content:"CLAW";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:220px;font-weight:800;color:#ffffff0f;letter-spacing:-8px;pointer-events:none;line-height:1}.cta-title{font-size:clamp(24px,2.8vw,38px);font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.1}.cta-title .em{font-family:Playfair Display,serif;font-style:italic;font-weight:700}.cta-sub{color:#ffffffbf;font-size:16px;margin-top:12px;font-weight:400;max-width:360px}.cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start;flex-shrink:0}.btn-dark{background:#ffffff26;color:#fff;padding:16px 36px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;border:none;white-space:nowrap}.btn-dark:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.cta-fine{font-size:12px;color:#fff9;font-family:IBM Plex Mono,monospace}footer{border-top:1px solid var(--border);padding:48px 60px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-logo{font-size:18px;font-weight:800;letter-spacing:-.5px}.footer-logo span{color:var(--accent)}.footer-copy{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.5px}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes floatGlow{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,calc(-50% - 24px)) scale(1.06)}}@keyframes labelReveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:1}}@keyframes badgePop{0%{opacity:0;transform:scale(.8) translateY(8px)}70%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-load{animation:heroFadeUp .75s cubic-bezier(.22,1,.36,1) both}.hero-load-badge{animation:badgePop .6s cubic-bezier(.34,1.56,.64,1) both}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-48px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(48px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.fade-in-right.visible{opacity:1;transform:translate(0)}.fade-in-scale{opacity:0;transform:scale(.92);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.fade-in-scale.visible{opacity:1;transform:scale(1)}.section-label{animation:none}.section-label.label-reveal{animation:labelReveal .6s cubic-bezier(.22,1,.36,1) both}.hero-glow{animation:floatGlow 7s ease-in-out infinite}.url-input-wrap{margin-top:40px;display:flex;gap:0;max-width:520px;width:100%;position:relative;border:1px solid rgba(232,32,42,.25);border-radius:10px;overflow:hidden;background:var(--surface);transition:border-color .2s}.url-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #e8202a14}.url-prefix{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--muted);padding:16px 16px 16px 20px;background:transparent;border-right:1px solid var(--border);white-space:nowrap;display:flex;align-items:center}.url-input{flex:1;background:transparent;border:none;outline:none;padding:16px;font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--text)}.url-input::placeholder{color:var(--muted)}.url-submit{background:var(--accent);border:none;padding:0 20px;color:#000;font-weight:700;font-size:13px;transition:background .2s;white-space:nowrap;cursor:pointer}.url-submit:hover{background:#c8101a}@media(max-width:900px){nav{padding:20px 24px}.nav-links{display:none}.hero{padding:100px 24px 60px}section{padding:60px 24px}.big-features{padding:0 24px 60px}.features-intro{flex-direction:column;align-items:flex-start}.features-grid{grid-template-columns:1fr}.big-feature{grid-template-columns:1fr;gap:40px}.big-feature.reverse{direction:ltr}.cta-section{margin:0 24px 60px;padding:48px 36px;flex-direction:column}.cta-section:before{display:none}footer{flex-direction:column;text-align:center;padding:36px 24px}.hero-stats{flex-direction:column;width:100%}.stat{border-right:none;border-bottom:1px solid var(--border)}.stat:last-child{border-bottom:none}}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:6px 14px 6px 8px;font-size:13px;font-weight:600;color:var(--muted);transition:all .2s;cursor:pointer}.theme-toggle:hover{border-color:var(--accent);color:var(--text)}.toggle-track{width:32px;height:18px;background:var(--accent);border-radius:100px;border:1px solid var(--border);position:relative;transition:background .3s}[data-theme=dark] .toggle-track{background:var(--surface2)}.toggle-thumb{width:12px;height:12px;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease,background .3s}.toggle-thumb.light{transform:translate(14px);background:#fff}.toggle-thumb.dark{transform:translate(0);background:var(--muted)}.toggle-icon{font-size:14px}.yc-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:100px;padding:7px 16px 7px 10px;font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:24px;box-shadow:0 2px 8px #00000012;position:relative}[data-theme=dark] .yc-badge{background:#ffffff14;border-color:#ffffff1f;color:var(--text);box-shadow:none}[data-theme=dark] .hero-glow{background:radial-gradient(circle,rgba(255,51,51,.07) 0%,transparent 70%)}[data-theme=dark] .big-feature-tag{background:#ff33331a;border-color:#f333;color:var(--accent)}[data-theme=dark] .bubble-user{background:var(--accent);color:#fff}[data-theme=dark] .lead-score.score-high{background:#ff33331f;color:var(--accent)}[data-theme=dark] .url-input-wrap{border-color:#ff33334d}[data-theme=dark] .url-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ff33331f}[data-theme=dark] .url-submit:hover{background:#c8101a}[data-theme=dark] .dialer-ai-note{background:#ff333312;border-color:#ff333326}[data-theme=dark] .etag-1{background:#ff33331a;color:var(--accent)}[data-theme=dark] .btn-primary:hover{background:#cc1a22;box-shadow:0 16px 40px #ff33334d}[data-theme=dark] .nav-cta:hover{background:#cc1a22}