:root{
  --orange:#ff5a1f;
  --orange-dark:#e94912;
  --black:#171717;
  --white:#fff;
  --paper:#f7f6f2;
  --gray:#686868;
  --line:#deddd8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--black);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px);
  background-size:100% 5px;
  z-index:20;
}
a{color:inherit;text-decoration:none}
.nav{
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 5vw;
  border-bottom:1px solid var(--line);
  background:rgba(247,246,242,.9);
  backdrop-filter:blur(12px);
  position:sticky;
  top:0;
  z-index:30;
}
.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.05em}
.logo img{width:31px;height:31px;object-fit:contain}
.logo b{color:var(--orange)}
.waitlist-link{font-size:14px;font-weight:700}
.waitlist-link:hover{color:var(--orange)}
.hero{
  min-height:650px;
  padding:110px 8vw 100px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.hero-copy{max-width:850px}
.eyebrow{
  color:var(--orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:20px;
}
h1,h2,p{margin-top:0}
h1{
  font-size:clamp(64px,9vw,125px);
  line-height:.86;
  letter-spacing:-.075em;
  margin-bottom:34px;
}
h1 span{color:var(--orange)}
.hero p{
  max-width:670px;
  font-size:20px;
  line-height:1.55;
  color:#595959;
}
.actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 20px;
  border-radius:5px;
  font-weight:800;
  font-size:14px;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.btn:hover{transform:translateY(-3px)}
.btn.orange{background:var(--orange);color:#fff}
.btn.orange:hover{background:var(--orange-dark);box-shadow:0 14px 35px rgba(255,90,31,.2)}
.btn.white{border:1px solid #bbb;background:#fff}
.btn.white:hover{box-shadow:0 12px 30px rgba(0,0,0,.08)}
.demo-section{
  padding:115px 6vw 130px;
  border-bottom:1px solid var(--line);
}
.demo-intro{
  max-width:1120px;
  margin:0 auto 55px;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:20px;
}
.demo-intro>span{
  color:#aaa;
  font-size:12px;
  font-weight:800;
  padding-top:8px;
}
.demo-intro h2{
  font-size:clamp(48px,7vw,86px);
  line-height:.9;
  letter-spacing:-.07em;
  margin-bottom:22px;
}
.demo-intro p{
  color:#686868;
  line-height:1.6;
  max-width:610px;
  font-size:17px;
}
.demo-stage{
  max-width:1120px;
  height:590px;
  margin:auto;
  background:#111;
  border-radius:9px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 30px 80px rgba(0,0,0,.14);
}
.demo-stage:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.15;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:50px 50px;
}
.stage-glow{
  position:absolute;
  width:550px;height:550px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,31,.18),transparent 65%);
  animation:glow 4s ease-in-out infinite;
}
.voice-card,.agent-card{
  position:absolute;
  width:360px;
  border:1px solid #393939;
  border-radius:8px;
  background:#1b1b1b;
  color:#fff;
  box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.voice-card{
  left:7%;
  top:25%;
  padding:22px;
  animation:floatLeft 5s ease-in-out infinite;
}
.card-top{display:flex;justify-content:space-between;color:#888;font-size:10px;font-weight:800;letter-spacing:.08em}
.live{color:#ff8b65}
.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:6px;animation:pulse 1.3s infinite}
.quote{font-size:20px;line-height:1.35;font-weight:600;margin:30px 0}
.voice-wave,.phone-wave{
  height:35px;
  display:flex;
  align-items:center;
  gap:3px;
}
.voice-wave:before,.phone-wave:before{
  content:"";
  width:100%;
  height:100%;
  background:repeating-linear-gradient(90deg,transparent 0 5px,#ff5a1f 5px 7px,transparent 7px 13px);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  animation:waveMove 1.5s linear infinite;
}
.conversion{
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  z-index:3;
}
.voice-orb{
  width:105px;height:105px;
  border-radius:50%;
  background:var(--orange);
  display:grid;place-items:center;
  color:#fff;
  font-size:27px;
  box-shadow:0 0 0 15px rgba(255,90,31,.08),0 0 80px rgba(255,90,31,.28);
  animation:orb 2.2s ease-in-out infinite;
}
.conversion-line{
  height:90px;
  width:1px;
  background:linear-gradient(var(--orange),transparent);
  position:absolute;
  top:115px;
}
.conversion-label{
  position:absolute;
  top:210px;
  white-space:nowrap;
  color:#777;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.agent-card{
  right:7%;
  top:22%;
  padding:22px;
  animation:floatRight 5.5s .5s ease-in-out infinite;
}
.agent-head{display:flex;align-items:center;gap:11px}
.agent-icon{
  width:39px;height:39px;
  display:grid;place-items:center;
  border-radius:6px;
  background:var(--orange);
  color:#fff;
  font-weight:900;
}
.agent-head strong{display:block;font-size:15px}
.agent-head small{display:block;color:#777;font-size:10px;margin-top:3px}
.spark{margin-left:auto;color:var(--orange);font-size:20px}
.agent-flow{margin:27px 0}
.node{
  display:flex;align-items:center;gap:10px;
  border:1px solid #343434;
  padding:12px;
  border-radius:5px;
}
.node b{color:var(--orange);font-size:9px}
.node span{font-size:12px}
.flow-line{width:1px;height:15px;background:#444;margin-left:18px}
.agent-footer{
  border-top:1px solid #333;
  padding-top:13px;
  color:#777;font-size:10px;
  display:flex;justify-content:space-between;
}
.green-dot{width:6px;height:6px;border-radius:50%;background:#75d99b;box-shadow:0 0 12px #75d99b}
.tool-chip{
  position:absolute;
  padding:9px 12px;
  border:1px solid #383838;
  border-radius:999px;
  background:#181818;
  color:#999;
  font-size:10px;
  animation:floatChip 4s ease-in-out infinite;
}
.chip-n8n{left:25%;bottom:15%}
.chip-zapier{right:25%;bottom:12%;animation-delay:-1.5s}
.run-stage{background:#f0efea}
.run-stage:before{background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px)}
.orange-glow{background:radial-gradient(circle,rgba(255,90,31,.13),transparent 65%)}
.phone{
  width:275px;
  height:520px;
  border:7px solid #181818;
  border-radius:34px;
  background:#fff;
  position:relative;
  padding:22px 18px;
  box-shadow:0 35px 80px rgba(0,0,0,.2);
  animation:phoneFloat 4s ease-in-out infinite;
  z-index:2;
}
.phone-speaker{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:70px;height:15px;border-radius:0 0 10px 10px;background:#181818}
.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:800;margin-top:3px}
.phone-status span{color:#50a868}
.phone-agent{margin-top:35px}
.phone-agent small{display:block;color:#999;font-size:8px;font-weight:800;letter-spacing:.12em}
.phone-agent strong{display:block;font-size:19px;margin-top:4px}
.phone-voice{
  height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.big-mic{
  width:94px;height:94px;
  border-radius:50%;
  background:var(--orange);
  color:#fff;
  display:grid;place-items:center;
  box-shadow:0 0 0 15px rgba(255,90,31,.07),0 0 45px rgba(255,90,31,.18);
  animation:orb 2s ease-in-out infinite;
}
.live-text{font-size:11px;font-weight:800;margin-top:18px}
.phone-wave{width:130px;margin-top:5px}
.phone-message{
  border:1px solid #e2e2e2;
  padding:12px;
  border-radius:8px;
  font-size:11px;
  line-height:1.5;
  color:#555;
}
.phone-result{
  display:flex;
  gap:9px;
  align-items:center;
  margin-top:10px;
  padding:11px;
  background:#f5f5f3;
  border-radius:8px;
}
.phone-result>span{color:#4c9d63;font-weight:900}
.phone-result b{display:block;font-size:10px}
.phone-result small{display:block;color:#999;font-size:8px;margin-top:3px}
.phone-nav{
  position:absolute;
  left:15px;right:15px;bottom:13px;
  display:flex;justify-content:space-around;
  color:#999;font-size:8px;font-weight:800;
}
.phone-nav .active{color:var(--orange)}
.action-stream{
  width:420px;
  position:absolute;
  right:8%;
  top:18%;
}
.stream-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:#999;margin-bottom:10px}
.stream-item{
  display:grid;
  grid-template-columns:35px 1fr auto;
  align-items:center;
  gap:11px;
  padding:14px;
  margin-bottom:8px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:7px;
  opacity:.65;
  transform:translateX(20px);
  animation:streamIn .8s both;
}
.stream-item:nth-child(2){animation-delay:.5s}
.stream-item:nth-child(3){animation-delay:1s}
.stream-item.active{opacity:1;border-color:#ffc4ae;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.stream-icon{
  width:32px;height:32px;display:grid;place-items:center;
  border-radius:5px;background:#fff0ea;color:var(--orange);font-weight:900
}
.stream-item b{display:block;font-size:11px}
.stream-item small{display:block;color:#999;font-size:9px;margin-top:4px}
.stream-item em{font-size:8px;color:#55a269;font-style:normal;font-weight:800}
.minimal-section{
  padding:145px 8vw;
  text-align:center;
  border-bottom:1px solid var(--line);
}
.minimal-section h2{
  font-size:clamp(48px,7vw,90px);
  line-height:.92;
  letter-spacing:-.07em;
  margin-bottom:35px;
}
.minimal-section h2 span{color:var(--orange)}
.waitlist{
  padding:100px 8vw;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  background:var(--orange);
  color:#fff;
}
.waitlist .eyebrow{color:#fff}
.waitlist h2{font-size:clamp(48px,6vw,75px);line-height:.9;letter-spacing:-.07em;margin:0}
.waitlist .large{background:#fff;color:var(--orange);white-space:nowrap}
.waitlist .large:hover{background:#fff3ed}
footer{
  padding:28px 5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  color:#777;
  font-size:11px;
}
footer .logo{color:#171717;font-size:15px}
footer .logo img{width:25px;height:25px}
@keyframes floatLeft{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes floatRight{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(12px) rotate(-1deg)}}
@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes orb{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes glow{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.15);opacity:1}}
@keyframes waveMove{from{transform:translateX(-15px)}to{transform:translateX(15px)}}
@keyframes streamIn{to{opacity:1;transform:none}}
@media(max-width:850px){
  .hero{padding:80px 6vw}
  .demo-section{padding:85px 5vw}
  .demo-stage{height:760px}
  .voice-card{left:5%;top:9%;width:90%}
  .agent-card{right:5%;top:auto;bottom:9%;width:90%}
  .conversion{top:45%}
  .chip-n8n{left:8%;bottom:3%}.chip-zapier{right:8%;bottom:3%}
  .phone{width:245px;height:485px}
  .action-stream{width:310px;right:4%;top:7%}
  .run-stage{height:720px;align-items:flex-end;padding-bottom:22px}
  .waitlist{flex-direction:column;align-items:flex-start}
}
@media(max-width:550px){
  .nav{padding:0 18px}
  .waitlist-link{font-size:12px}
  h1{font-size:62px}
  .hero p{font-size:17px}
  .demo-intro{grid-template-columns:35px 1fr}
  .demo-intro h2{font-size:52px}
  .demo-intro p{font-size:15px}
  .demo-stage{height:700px}
  .voice-card,.agent-card{width:92%;left:4%;right:auto}
  .voice-card{top:7%}.agent-card{bottom:7%}
  .voice-orb{width:78px;height:78px}
  .conversion-label{top:180px}
  .tool-chip{display:none}
  .action-stream{display:none}
  .phone{width:250px}
  .run-stage{height:590px}
  .minimal-section{padding:100px 6vw}
  .waitlist{padding:75px 6vw}
  footer{padding:25px 18px;flex-direction:column;align-items:flex-start;gap:15px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}
}

.founder{
  padding:88px 8vw;
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.founder-inner{
  max-width:1050px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:42px;
}
.founder-photo-wrap{
  flex:0 0 150px;
  width:150px;
  height:150px;
  padding:5px;
  border:1px solid #f0b09a;
  border-radius:50%;
  background:#fff;
  box-shadow:0 12px 35px rgba(255,90,31,.10);
}
.founder-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:50%;
  filter:saturate(.95);
}
.founder-copy{max-width:680px}
.founder-copy h2{
  margin:0 0 12px;
  font-size:clamp(42px,5vw,68px);
  line-height:.94;
  letter-spacing:-.065em;
}
.founder-copy h2 span{color:var(--orange)}
.founder-role{font-weight:800;margin-bottom:12px}
.founder-copy>p:not(.founder-role){
  max-width:620px;
  color:#686868;
  line-height:1.6;
  font-size:15px;
  margin-bottom:0;
}
.founder-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.founder-links a{
  color:var(--black);
  background:#fff;
  border:1px solid #d8d6d0;
  border-radius:5px;
  padding:10px 13px;
  font-size:12px;
  font-weight:800;
  transition:transform .2s,border-color .2s,color .2s;
}
.founder-links a:hover{
  transform:translateY(-2px);
  border-color:var(--orange);
  color:var(--orange);
}
@media(max-width:650px){
  .founder{padding:70px 6vw}
  .founder-inner{flex-direction:column;align-items:flex-start;gap:25px}
  .founder-photo-wrap{flex-basis:125px;width:125px;height:125px}
  .founder-copy h2{font-size:48px}
}