@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#121215; --paper:#f1eee8; --muted:#77756f; --line:rgba(18,18,21,.14); --accent:#ff6b4a; --soft:#dedbd2; --white:#fffdf8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
body:has(.menu-toggle[aria-expanded='true']) { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.04; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.section-shell { width:min(1200px, calc(100% - 96px)); margin:0 auto; }
.section-pad { padding:150px 0; }
.site-header { height:76px; padding:0 48px; display:flex; align-items:center; justify-content:space-between; position:absolute; z-index:10; width:100%; color:var(--white); }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:-.04em; font-size:18px; }
.brand-mark { display:inline-flex; align-items:end; gap:2px; width:24px; height:24px; padding:4px; border-radius:8px; background:var(--accent); }
.brand-mark span { display:block; width:4px; border-radius:3px; background:var(--ink); }.brand-mark span:nth-child(1){height:7px}.brand-mark span:nth-child(2){height:12px}.brand-mark span:nth-child(3){height:16px}
.desktop-nav { display:flex; gap:32px; margin-left:100px; font-size:12px; color:rgba(255,253,248,.68); }.desktop-nav a{transition:color .25s}.desktop-nav a:hover{color:var(--white)}
.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:15px 21px; border-radius:999px; font-size:12px; font-weight:700; transition:transform .25s, background .25s, color .25s; }.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--ink)}.button-primary:hover{background:#ff876b}.button-outline{border:1px solid rgba(255,255,255,.3); color:var(--white)}.button-outline:hover{background:var(--white);color:var(--ink)}.button-small{padding:11px 15px;font-size:11px}.button-large{padding:17px 25px;font-size:13px}
.menu-toggle { display:none; border:0; background:none; width:42px; height:42px; padding:11px 8px; }.menu-toggle span{height:1px;background:var(--white);width:100%;display:block;margin:6px 0}
.hero { min-height:760px; padding-top:155px; padding-bottom:85px; display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:35px; position:relative; }.hero:before{content:'';position:absolute;top:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);height:760px;background:var(--ink);z-index:-2;}.hero:after{content:'';position:absolute;top:0;left:50%;width:50vw;height:760px;background:radial-gradient(circle at 52% 51%,rgba(255,107,74,.26),transparent 28%),linear-gradient(120deg,rgba(255,107,74,.08),transparent 72%);z-index:-1;opacity:.85}
.hero-copy{color:var(--white);max-width:490px;padding-bottom:38px}.eyebrow{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:10px;line-height:1.4;margin:0 0 23px;color:var(--accent)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 0 4px rgba(255,107,74,.14)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.1vw,88px);line-height:.98;letter-spacing:-.075em;margin:0 0 28px;font-weight:700}h1 em,h2 em,h3 em{font-style:normal;color:var(--accent)}.hero-lede{max-width:425px;color:rgba(255,253,248,.64);font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:35px}.text-link{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:10px;transition:gap .25s;color:var(--ink)}.text-link:hover{gap:15px}.hero-copy .text-link{color:var(--white)}.microcopy{font-family:'DM Mono',monospace;color:rgba(255,253,248,.37);font-size:10px;margin-top:27px}
.hero-visual{height:500px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:445px;height:445px}.orbit-two{width:620px;height:620px;opacity:.5}.agent-orb{width:120px;height:120px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 36% 30%,#ffd2bb 0%,#ff6b4a 30%,#bd2e25 65%,#311519 100%);box-shadow:0 0 80px rgba(255,107,74,.45), inset -15px -20px 25px rgba(18,18,21,.38);animation:orbPulse 4s ease-in-out infinite}.agent-orb:before,.agent-orb:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,220,205,.6)}.agent-orb:before{inset:20px 33px 30px 27px}.agent-orb:after{inset:36px 20px 26px 42px;opacity:.65}.agent-orb span{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff4eb;left:57px;top:53px;box-shadow:0 0 18px #fff}
.visual-label{position:absolute;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:rgba(255,253,248,.55)}.visual-label-top{left:8px;top:72px}.pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6be19e;margin-right:7px;box-shadow:0 0 0 4px rgba(107,225,158,.14)}
.conversation-card{position:absolute;width:285px;right:2%;top:88px;background:rgba(255,253,248,.96);padding:18px;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.28);transform:rotate(3.3deg);animation:floatCard 5s ease-in-out infinite}.conversation-head{display:flex;align-items:center;gap:9px;padding-bottom:16px;border-bottom:1px solid var(--line)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:9px;font-weight:800}.conversation-head strong,.conversation-head small{display:block}.conversation-head strong{font-size:11px}.conversation-head small{font-size:9px;color:var(--muted);margin-top:2px}.more{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:2px}.message{font-size:10px;line-height:1.55;padding:11px 12px;margin-top:14px;max-width:86%;border-radius:11px}.message-user{margin-left:auto;background:#e8e5df}.message-agent{display:flex;gap:8px;align-items:flex-start;background:#fff7f3}.mini-orb{flex:0 0 11px;width:11px;height:11px;border-radius:50%;background:var(--accent);margin-top:2px}.conversation-foot{display:flex;justify-content:space-between;gap:12px;font-family:'DM Mono',monospace;font-size:7px;color:#9c9991;margin-top:19px}.secure{color:#5f8e74}.floating-note{position:absolute;background:rgba(38,37,39,.83);color:var(--white);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(8px);animation:floatNote 5s ease-in-out infinite}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:14px;letter-spacing:-.04em}.floating-note small{font-family:'DM Mono',monospace;text-transform:uppercase;font-size:7px;color:rgba(255,253,248,.5);margin-top:2px}.note-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:rgba(255,107,74,.18);color:var(--accent);font-size:14px}.note-one{left:3%;bottom:65px}.note-two{right:1%;bottom:26px;animation-delay:1.4s}.note-spark{color:#ffc66e;background:rgba(255,198,110,.14)}
.logo-band{border-bottom:1px solid var(--line);background:var(--paper)}.logo-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-intro{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;line-height:1.5;font-size:9px;color:var(--muted);max-width:160px}.logo-list{display:flex;align-items:center;justify-content:space-between;gap:56px;flex:1;color:#77746c}.logo-list span:nth-child(1){font-size:21px;letter-spacing:-.08em;font-weight:800}.logo-list span:nth-child(2){font-weight:800;font-size:16px;letter-spacing:-.05em}.logo-list span:nth-child(3){font-size:20px;font-weight:600}.logo-list span:nth-child(4){font-size:15px;font-weight:800;letter-spacing:.12em}.logo-list span:nth-child(5){font-size:15px;font-weight:800;letter-spacing:.18em}
.section-heading{display:grid;grid-template-columns:1fr 1.15fr;column-gap:100px;align-items:end}.section-heading h2{font-size:clamp(38px,5.2vw,72px);line-height:1.02;letter-spacing:-.07em;margin:0;max-width:640px}.section-heading p:last-child{grid-column:2;max-width:420px;font-size:14px;line-height:1.7;color:var(--muted);margin:24px 0 0}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1px;background:var(--line);margin-top:78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{min-height:380px;background:var(--paper);padding:28px 27px;position:relative;overflow:hidden}.feature-large{background:var(--ink);color:var(--white)}.feature-number{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted)}.feature-large .feature-number{color:var(--accent)}.feature-line{height:1px;background:currentColor;opacity:.12;width:100%;margin:22px 0 27px}.feature h3{font-size:24px;line-height:1.08;letter-spacing:-.06em;margin-bottom:13px}.feature p{font-size:13px;line-height:1.6;color:var(--muted);max-width:270px}.feature-large p{color:rgba(255,253,248,.53)}.feature-visual{position:absolute;right:20px;bottom:26px}.support-visual{width:220px;height:120px}.support-ring{position:absolute;width:105px;height:105px;border:1px solid rgba(255,107,74,.55);border-radius:50%;right:26px;top:7px}.support-ring:before,.support-ring:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,107,74,.25)}.support-ring:before{inset:13px}.support-ring:after{inset:29px;background:var(--accent);border:0;box-shadow:0 0 35px rgba(255,107,74,.45)}.support-chat{position:absolute;right:68px;top:39px;z-index:1;color:var(--ink);font-weight:800;font-size:16px}.support-line{position:absolute;height:1px;background:rgba(255,255,255,.27);right:0}.line-a{width:55px;top:33px}.line-b{width:32px;top:47px;right:10px}.line-c{width:45px;top:61px;right:2px}.feature-metric{position:absolute;bottom:28px;left:27px;border-top:1px solid var(--line);padding-top:15px;width:calc(100% - 54px)}.feature-metric strong{font-size:32px;letter-spacing:-.08em;display:block}.feature-metric span{font-family:'DM Mono',monospace;text-transform:uppercase;color:var(--muted);font-size:8px;line-height:1.4;display:block;max-width:140px;margin-top:4px}.voice-bars{position:absolute;bottom:31px;left:27px;right:27px;height:86px;display:flex;align-items:end;gap:6px}.voice-bars span{height:50%;width:9px;background:var(--soft);border-radius:8px 8px 0 0}.voice-bars span:nth-child(1){height:35%}.voice-bars span:nth-child(2){height:62%}.voice-bars span:nth-child(3){height:44%}.voice-bars span:nth-child(4){height:82%;background:var(--accent)}.voice-bars span:nth-child(5){height:65%}.voice-bars span:nth-child(6){height:93%;background:#c6c2b8}.voice-bars span:nth-child(7){height:73%}
.how{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;border-top:1px solid var(--line)}.how-intro h2,.channel-copy h2{font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.07em;margin-bottom:24px}.how-intro>p:not(.eyebrow),.channel-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:365px;margin-bottom:31px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:45px 1fr 20px;gap:10px;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .25s}.step>span{font-family:'DM Mono',monospace;color:var(--muted);font-size:10px;padding-top:5px}.step h3{font-size:20px;letter-spacing:-.05em;margin:0 0 7px}.step p{max-width:450px;color:var(--muted);font-size:12px;line-height:1.6;margin:0}.step>b{font-size:18px;font-weight:400;color:var(--muted);padding-top:1px}.step.active{padding:27px 0}.step.active h3{color:var(--accent)}.step.active>span{color:var(--accent)}
.channels{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;background:var(--ink);color:var(--white);width:100%;max-width:none;padding-left:max(48px,calc((100% - 1104px)/2));padding-right:max(48px,calc((100% - 1104px)/2));position:relative;overflow:hidden}.channels:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(255,107,74,.1);filter:blur(80px);right:12%;top:-120px}.channel-copy{align-self:center;position:relative;z-index:1}.channel-copy .eyebrow{color:var(--accent)}.channel-copy h2{max-width:520px}.channel-copy>p:not(.eyebrow){color:rgba(255,253,248,.55)}.channel-stage{height:390px;position:relative;max-width:550px;align-self:center;margin-left:auto;width:100%}.channel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-content:center;text-align:center;box-shadow:0 0 70px rgba(255,107,74,.34);z-index:2}.channel-center strong{font-size:28px;letter-spacing:-.09em;line-height:1}.channel-center small{font-family:'DM Mono',monospace;text-transform:uppercase;font-size:7px;margin-top:7px}.center-pulse{position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(255,107,74,.5);animation:orbitPulse 3s ease-in-out infinite}.channel-node{position:absolute;padding:14px 16px;background:#222125;border:1px solid rgba(255,255,255,.12);border-radius:13px;min-width:132px;z-index:2}.channel-node span{color:var(--accent);font-size:15px;display:block;margin-bottom:10px}.channel-node b{display:block;font-size:12px}.channel-node small{color:rgba(255,253,248,.4);font-family:'DM Mono',monospace;font-size:7px;display:block;margin-top:4px}.node-chat{top:14px;left:9%}.node-email{right:5%;top:38%}.node-voice{bottom:6%;left:21%}.connector{height:1px;background:linear-gradient(90deg,rgba(255,107,74,0),rgba(255,107,74,.7),rgba(255,107,74,0));position:absolute;transform-origin:left center}.connector-a{width:155px;left:31%;top:37%;transform:rotate(34deg)}.connector-b{width:145px;left:58%;top:48%;transform:rotate(-7deg)}.connector-c{width:156px;left:39%;top:67%;transform:rotate(-32deg)}
.proof{display:grid;grid-template-columns:1.1fr .9fr;gap:120px;border-bottom:1px solid var(--line)}.proof-quote{padding-top:5px}.quote-mark{display:block;color:var(--accent);font-family:Georgia,serif;font-size:100px;line-height:.55;height:70px;margin-left:-8px}.proof blockquote{font-size:clamp(24px,3vw,40px);line-height:1.15;letter-spacing:-.06em;max-width:670px;margin:0 0 35px}.quote-person{display:flex;align-items:center;gap:11px}.person-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--accent);font-size:9px;font-weight:700}.quote-person b,.quote-person small{display:block}.quote-person b{font-size:11px}.quote-person small{font-size:10px;color:var(--muted);margin-top:4px}.proof-aside{padding-top:12px}.proof-aside h3{font-size:27px;line-height:1.08;letter-spacing:-.06em;margin-bottom:17px}.proof-aside>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.65;max-width:300px}.mini-chart{margin-top:45px;border-top:1px solid var(--line);padding-top:15px}.chart-label{display:flex;justify-content:space-between;gap:20px;font-family:'DM Mono',monospace;text-transform:uppercase;font-size:8px;color:var(--muted)}.chart-label b{color:#4a9d6f}.chart-bars{height:80px;display:flex;gap:7px;align-items:end;margin-top:20px}.chart-bars i{display:block;width:100%;background:#d5d1c8;border-radius:4px 4px 0 0}.chart-bars i:nth-child(4),.chart-bars i:nth-child(6),.chart-bars i:nth-child(7){background:var(--accent)}
.final-cta{min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.final-cta:before{content:'';position:absolute;inset:60px 0;background:var(--ink);z-index:-2}.cta-glow{position:absolute;width:440px;height:260px;border-radius:50%;background:rgba(255,107,74,.25);filter:blur(75px);z-index:-1}.final-cta .eyebrow{margin-bottom:22px}.final-cta h2{color:var(--white);font-size:clamp(44px,6vw,78px);line-height:.97;letter-spacing:-.08em;max-width:780px;margin-bottom:22px}.final-cta>p:not(.eyebrow){color:rgba(255,253,248,.54);font-size:14px;margin-bottom:30px}.final-cta small{font-family:'DM Mono',monospace;color:rgba(255,253,248,.33);font-size:8px;text-transform:uppercase;margin-top:18px;letter-spacing:.08em}
.site-footer{padding:36px 0 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:34px}.footer-top p{font-size:11px;color:var(--muted);margin:0}.footer-top .text-link{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:18px;color:var(--muted);font-family:'DM Mono',monospace;text-transform:uppercase;font-size:8px;letter-spacing:.05em}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.16s}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}
@keyframes orbPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}@keyframes floatCard{0%,100%{transform:rotate(3.3deg) translateY(0)}50%{transform:rotate(3.3deg) translateY(-9px)}}@keyframes floatNote{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}
@media (max-width: 900px){.section-shell{width:min(calc(100% - 48px),680px)}.site-header{padding:0 24px}.desktop-nav{display:none}.desktop-nav.mobile-open{display:flex;position:fixed;inset:76px 0 auto;background:var(--ink);padding:28px 24px;flex-direction:column;gap:24px;border-top:1px solid rgba(255,255,255,.1);z-index:15}.menu-toggle{display:block}.site-header>.button{display:none}.hero{display:block;min-height:900px;padding-top:155px}.hero:before,.hero:after{height:900px}.hero-copy{padding:0;max-width:650px}.hero-visual{margin-top:35px;height:445px}.logo-inner{display:block;padding:25px 0}.logo-intro{display:block;max-width:none;margin-bottom:22px}.logo-list{gap:20px;justify-content:space-between}.logo-list span{font-size:12px!important}.section-pad{padding:100px 0}.section-heading,.how,.proof{grid-template-columns:1fr;gap:45px}.section-heading p:last-child{grid-column:auto;margin:0}.feature-grid{grid-template-columns:1fr}.feature{min-height:320px}.channels{padding-left:24px;padding-right:24px;display:block}.channel-copy{max-width:560px}.channel-stage{margin:40px auto 0}.final-cta{min-height:500px}.final-cta:before{inset:35px -24px}.footer-top{flex-wrap:wrap}.footer-top p{order:3;width:100%}}
@media (max-width: 560px){.section-shell{width:calc(100% - 36px)}.site-header{padding:0 18px}.brand{font-size:16px}.hero{padding-top:132px;min-height:780px}.hero:before,.hero:after{height:780px}.hero h1{font-size:52px}.hero-lede{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-visual{height:385px;margin-top:25px;transform:scale(.87);transform-origin:top left;width:115%}.conversation-card{right:-1%;top:56px}.visual-label-top{top:40px;left:0}.note-one{left:0;bottom:30px}.note-two{right:0;bottom:4px}.orbit-one{width:330px;height:330px}.orbit-two{width:465px;height:465px}.logo-list{flex-wrap:wrap;row-gap:18px}.logo-list span{min-width:28%;}.section-pad{padding:82px 0}.section-heading h2,.how-intro h2,.channel-copy h2{font-size:43px}.feature-grid{margin-top:52px}.feature{padding:23px;min-height:330px}.feature h3{font-size:22px}.support-visual{right:12px;bottom:20px}.channels{width:100%;padding-left:18px;padding-right:18px}.channel-stage{height:360px}.channel-node{transform:scale(.88)}.node-chat{left:0}.node-email{right:0}.node-voice{left:7%}.connector-a{width:125px;left:27%}.connector-b{width:120px;left:53%}.connector-c{width:130px;left:32%}.proof blockquote{font-size:29px}.final-cta{width:calc(100% - 36px);min-height:500px}.final-cta:before{inset:25px -18px}.final-cta h2{font-size:48px}.footer-top{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:5px}}
