/* AutoFlow shared styles - clean light theme */
:root{
  --bg:#ffffff; --panel:#f5f8fb; --panel2:#eef3f8; --steel:#d8e0ea;
  --line:#e4ebf2; --orange:#FF6B1A; --orange-d:#e85d10; --amber:#F59E0B;
  --blue:#2563EB; --green:#16a34a;
  --text:#13202e; --muted:#5b6b7b; --white:#fff; --ink:#13202e;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','Segoe UI',system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}
h1,h2,h3{line-height:1.1;letter-spacing:-.5px;}
.wrap{width:min(92%,1140px);margin:0 auto;}
a{color:inherit;text-decoration:none;}
.accent{color:var(--orange);}

/* built icons (inline svg) */
svg.svi{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;}
.logo .mk{color:#fff;border-radius:24%;box-shadow:0 5px 14px rgba(255,107,26,.38);}
.logo .mk svg.svi{width:60%;height:60%;stroke-width:2.2;}
.feat .ic{color:var(--orange);}
.feat .ic svg.svi{width:26px;height:26px;}
.why .ico{color:var(--orange);height:34px;display:flex;align-items:center;justify-content:center;}
.why .ico svg.svi{width:32px;height:32px;}
.badge .bi{color:var(--orange);height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;}
.badge .bi svg.svi{width:30px;height:30px;}
.split-card h3 svg.svi{width:22px;height:22px;color:var(--orange);}
.eyebrow svg.svi{width:15px;height:15px;}
.btn svg.svi{width:18px;height:18px;}
.demo .num svg.svi{width:clamp(26px,5vw,44px);height:clamp(26px,5vw,44px);}
.trustline svg.svi{width:16px;height:16px;display:inline-block;vertical-align:-3px;color:var(--green);}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:17px;
  padding:16px 30px;border-radius:10px;cursor:pointer;border:none;transition:transform .12s ease,background .2s;}
.btn-primary{background:var(--orange);color:#1a1205;box-shadow:0 8px 24px rgba(255,107,26,.30);}
.btn-primary:hover{background:var(--amber);transform:translateY(-2px);}
.btn-ghost{background:transparent;color:var(--text);border:2px solid var(--steel);}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
.btn-sm{padding:11px 20px;font-size:15px;}

/* nav */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px;}
.logo{font-size:24px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:0;color:var(--ink);}
.logo .mk{width:34px;height:34px;border-radius:24%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-size:19px;margin-right:9px;}
.navlinks{display:flex;align-items:center;gap:26px;}
.navlinks a{font-weight:700;color:var(--text);font-size:15px;}
.navlinks a:hover{color:var(--orange);}
.navright{display:flex;align-items:center;gap:18px;}
@media(max-width:760px){.navlinks{display:none;}}

/* generic section */
section{padding:68px 0;}
.sec-label{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;margin-bottom:12px;}
.sec-title{font-size:clamp(26px,4vw,40px);font-weight:900;margin-bottom:14px;}
.sec-sub{color:var(--muted);font-size:18px;max-width:620px;}
.center{text-align:center;}
.center .sec-sub{margin:0 auto;}

/* page hero (inner pages) */
.page-hero{padding:60px 0 40px;background:radial-gradient(900px 400px at 80% -20%,rgba(255,107,26,.10),transparent 60%);border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(32px,5vw,52px);font-weight:900;margin-bottom:14px;}
.page-hero p{color:var(--muted);font-size:19px;max-width:640px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff3eb;border:1px solid #ffd9bf;
  color:var(--orange-d);font-weight:700;font-size:13px;padding:7px 14px;border-radius:30px;letter-spacing:.3px;text-transform:uppercase;margin-bottom:16px;}
.hero-eyebrow{text-align:center;margin-bottom:28px;}
.hero .eyebrow{font-size:14px;font-weight:700;padding:9px 20px;margin-bottom:0;}

/* home hero */
.hero{padding:64px 0 56px;position:relative;overflow:hidden;
  background:radial-gradient(1100px 500px at 80% -10%,rgba(255,107,26,.10),transparent 60%);}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:32px;}}
.hero-right{display:flex;flex-direction:column;gap:22px;}
.hero-right .topform{max-width:none;margin:0;}
.hero h1{font-size:clamp(34px,5.4vw,58px);font-weight:900;margin:18px 0 16px;transition:opacity .45s ease;min-height:2.4em;}
.hero h1 .u{color:var(--orange);}
.hero p.lead{font-size:clamp(17px,2.2vw,21px);color:var(--muted);max-width:540px;margin-bottom:28px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.trustline{margin-top:22px;color:var(--muted);font-size:14px;}
.trustline b{color:var(--text);}
.videoframe{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  box-shadow:0 30px 70px rgba(19,32,46,.18);background:#fff;aspect-ratio:16/9;}
.videoframe iframe{width:100%;height:100%;border:0;display:block;}
.videoTag{position:absolute;top:12px;left:12px;background:rgba(19,32,46,.7);color:#fff;font-size:12px;font-weight:700;
  padding:5px 11px;border-radius:20px;z-index:2;display:flex;align-items:center;gap:6px;}
.gdot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;}

/* problem */
.alt{background:linear-gradient(180deg,#fff7f1,#fff1e7);border-top:1px solid #f6e7da;border-bottom:1px solid #f6e7da;}
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
@media(max-width:760px){.prob-grid{grid-template-columns:1fr;}}
.prob-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:26px;text-align:left;}
.prob-card .big{font-size:40px;font-weight:900;color:var(--orange);margin-bottom:6px;}
.prob-card p{color:var(--muted);}

/* features */
/* bordered feature grid with corner icons */
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:40px;}
.feat-grid.cols3{grid-template-columns:repeat(3,1fr);}
@media(max-width:760px){.feat-grid,.feat-grid.cols3{grid-template-columns:1fr;}}
.feat{position:relative;display:block;background:var(--bg);border:0;border-radius:0;padding:32px 34px;}
.feat .ic{position:absolute;top:26px;right:26px;width:auto;height:auto;background:none;border-radius:0;color:#a7b1bd;}
.feat .ic svg.svi{width:26px;height:26px;}
.feat h3{font-size:20px;font-weight:800;margin-bottom:8px;padding-right:42px;}
.feat p{color:var(--muted);font-size:15px;}
.feat-cta{background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:32px;}
.feat-cta span{color:var(--muted);font-weight:600;}
.feat-cta a{color:var(--orange);font-weight:800;font-size:17px;}

/* steps */
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px;}
@media(max-width:760px){.step-grid{grid-template-columns:1fr;}}
.step{text-align:center;}
.step .num{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--orange);color:#1a1205;
  font-weight:900;font-size:24px;display:flex;align-items:center;justify-content:center;}
.step h3{font-size:20px;font-weight:800;margin-bottom:6px;}
.step p{color:var(--muted);}

/* demo band */
.demo{background:linear-gradient(120deg,var(--orange),var(--orange-d));color:#1a1205;text-align:center;}
.demo h2{font-size:clamp(26px,4vw,40px);font-weight:900;margin-bottom:10px;color:#1a1205;}
.demo p{font-size:19px;margin-bottom:26px;color:#4a3410;font-weight:600;}
.demo .num{font-size:clamp(30px,6vw,52px);font-weight:900;letter-spacing:-1px;display:inline-flex;align-items:center;gap:12px;}

/* pricing */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;align-items:stretch;}
@media(max-width:880px){.price-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto;}}
.plan{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column;position:relative;box-shadow:0 6px 18px rgba(19,32,46,.05);}
.plan.pop{border-color:var(--orange);box-shadow:0 20px 50px rgba(255,107,26,.18);}
.plan .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--orange);color:#1a1205;
  font-weight:800;font-size:11px;padding:6px 15px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;}
.plan h3{font-size:22px;font-weight:900;margin-bottom:4px;}
.plan .price{font-size:46px;font-weight:900;margin:8px 0 2px;}
.plan .price small{font-size:17px;color:var(--muted);font-weight:600;margin-left:4px;}
.plan .setup{color:var(--muted);font-size:14px;margin-bottom:20px;}
.plan ul{list-style:none;margin:0 0 26px;display:flex;flex-direction:column;gap:11px;flex:1;}
.plan li{display:flex;gap:10px;align-items:flex-start;font-size:15px;text-align:left;}
.plan li .ck{color:var(--green);font-weight:900;flex-shrink:0;}
.plan li > span:not(.ck){flex:1;}
.plan li.off{color:#aab4bf;}
.plan li.off .ck{color:#aab4bf;}
.plan .btn{width:100%;justify-content:center;}

/* trust strip */
.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;}
.trust-strip .ts{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);
  border-radius:24px;padding:9px 18px;font-weight:600;font-size:14px;color:var(--text);}
.trust-strip .ts svg.svi{width:16px;height:16px;color:var(--green);}

/* billing toggle */
.billing{display:flex;justify-content:center;margin:36px 0 6px;}
.billing-toggle{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:30px;padding:5px;}
.billing-toggle button{border:0;background:none;cursor:pointer;font-weight:700;font-size:15px;padding:10px 22px;border-radius:24px;color:var(--muted);transition:.2s;}
.billing-toggle button.active{background:var(--orange);color:#1a1205;}
.billing-toggle .save{font-size:11px;font-weight:800;color:var(--green);}
.billing-toggle button.active .save{color:#0b3d22;}

/* 4-column pricing */
.price-grid.cols4{grid-template-columns:repeat(4,1fr);}
@media(max-width:980px){.price-grid.cols4{grid-template-columns:repeat(2,1fr);max-width:none;}}
@media(max-width:560px){.price-grid.cols4{grid-template-columns:1fr;max-width:440px;}}
.plan .plan-for{color:var(--muted);font-size:14px;margin-bottom:8px;}
.plan .plan-vol{color:var(--text);font-weight:600;font-size:14px;margin:2px 0;}
.plan .annual-note{font-size:12px;color:var(--green);font-weight:700;min-height:15px;margin-bottom:8px;}

/* add-ons */
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
@media(max-width:760px){.addons{grid-template-columns:1fr;}}
.addon{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:24px;text-align:left;}
.addon h3{font-size:18px;font-weight:800;margin-bottom:6px;}
.addon p{color:var(--muted);font-size:14px;margin-bottom:12px;}
.addon .ap{font-size:28px;font-weight:900;color:var(--orange);display:flex;align-items:baseline;gap:6px;}
.addon .ap .per{font-size:14px;color:var(--muted);font-weight:600;}

/* contact band */
.contact-band{background:var(--ink);color:#fff;border-radius:18px;padding:44px;text-align:center;}
.contact-band h2{color:#fff;font-size:30px;font-weight:900;margin-bottom:8px;}
.contact-band p{color:#c4ccd6;margin-bottom:24px;font-size:18px;}

/* faq */
.faq-item{border-bottom:1px solid var(--line);padding:22px 0;max-width:780px;margin:0 auto;}
.faq-item h3{font-size:19px;font-weight:800;margin-bottom:8px;display:flex;gap:10px;align-items:center;}
.faq-item h3 .q{color:var(--orange);}
.faq-item p{color:var(--muted);}

/* final cta */
.final{text-align:center;background:radial-gradient(800px 360px at 50% 0%,rgba(255,107,26,.10),transparent 60%);}
.final h2{font-size:clamp(28px,4.5vw,46px);font-weight:900;margin-bottom:14px;}
.final p{color:var(--muted);font-size:19px;margin-bottom:30px;}
.book-box{max-width:560px;margin:0 auto;background:var(--panel);border:1px dashed var(--steel);border-radius:14px;padding:40px 24px;}
.book-box p{color:var(--muted);margin-bottom:20px;}

/* garage door booking */
.garage{position:relative;max-width:560px;margin:0 auto;border-radius:16px;overflow:hidden;
  border:1px solid var(--steel);box-shadow:0 18px 50px rgba(19,32,46,.18);background:var(--panel);}
.garage-inside{padding:38px 26px;}
.garage-frame{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:16px;
  box-shadow:inset 0 0 0 6px #c2cad4, inset 0 0 0 8px #aeb8c4;}
/* the door */
.garage-door{position:absolute;inset:0;z-index:3;cursor:pointer;border:0;width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink);
  background:
    repeating-linear-gradient(180deg, rgba(0,0,0,.06) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(180deg, #eef1f5 0 56px, #e1e6ec 56px 58px),
    linear-gradient(180deg,#f3f5f8,#dfe4ea);
  transition:transform 1s cubic-bezier(.72,0,.24,1), box-shadow .4s;
  transform-origin:top center;box-shadow:0 6px 16px rgba(19,32,46,.12) inset;}
.garage-door:hover{filter:brightness(1.02);}
.garage-door .pull{width:64px;height:7px;border-radius:5px;background:var(--orange);box-shadow:0 2px 6px rgba(255,107,26,.4);margin-bottom:6px;}
.garage-door .door-ic{width:42px;height:42px;color:var(--orange);}
.garage-door .door-ic svg.svi{width:42px;height:42px;stroke-width:2.2;}
.garage-door .door-title{font-size:22px;font-weight:900;letter-spacing:-.3px;}
.garage-door .door-sub{font-size:14px;color:var(--muted);font-weight:600;}
.garage-door .chev{margin-top:4px;color:var(--muted);animation:nudge 1.4s ease-in-out infinite;}
.garage-door .chev svg.svi{width:22px;height:22px;}
@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* opened: roll the door up out of view */
.garage.open .garage-door{transform:translateY(-100%);pointer-events:none;box-shadow:none;}

/* missed-call calculator */
.calc{max-width:740px;margin:36px auto 0;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:30px;text-align:left;box-shadow:0 10px 30px rgba(19,32,46,.06);}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:640px){.calc-grid{grid-template-columns:1fr;}}
.calc label{font-weight:700;font-size:14px;display:block;margin-bottom:6px;}
.calc input{width:100%;padding:12px 14px;border:1px solid var(--steel);border-radius:10px;font-size:15px;font-family:inherit;color:var(--text);}
.calc-result{margin-top:24px;background:#fff7f1;border:1px solid #ffd9bf;border-radius:14px;padding:26px;text-align:center;}
.calc-result .big{font-size:clamp(32px,5.5vw,48px);font-weight:900;color:var(--orange);line-height:1;letter-spacing:-1px;}
.calc-result p{color:var(--muted);margin-top:8px;font-size:15px;}

/* owner lead-record card */
.receipt{max-width:440px;margin:34px auto 0;background:var(--bg);border:1px solid var(--steel);border-radius:16px;box-shadow:0 14px 34px rgba(19,32,46,.13);overflow:hidden;text-align:left;}
.receipt .rhead{background:var(--ink);color:#fff;padding:14px 20px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;}
.receipt .rhead svg.svi{width:18px;height:18px;}
.receipt .rbody{padding:6px 20px;}
.receipt .row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;}
.receipt .row:last-child{border-bottom:0;}
.receipt .row span{color:var(--muted);}
.receipt .row b{color:var(--ink);text-align:right;}
.receipt .ralert{background:#ecfdf3;color:#15803d;font-weight:700;font-size:14px;padding:13px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid #d1fadf;}
.receipt .ralert svg.svi{width:16px;height:16px;}

/* sticky mobile CTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);
  padding:10px 16px;box-shadow:0 -6px 20px rgba(19,32,46,.12);display:none;text-align:center;}
.sticky-cta .btn{width:100%;justify-content:center;}
.sticky-cta .st-sub{font-size:12px;color:var(--muted);margin-top:4px;}
@media(max-width:760px){.sticky-cta{display:block;} body{padding-bottom:84px;}}

/* missed-call type chips */
.missed-list{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:800px;margin:36px auto 0;}
.mq{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:13px 20px;font-size:16px;font-weight:600;color:var(--ink);box-shadow:0 4px 12px rgba(19,32,46,.05);}

/* what we need from you */
.need-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px;margin:34px auto 0;text-align:left;}
@media(max-width:600px){.need-list{grid-template-columns:1fr;}}
.need-item{display:flex;gap:12px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-weight:600;color:var(--ink);}
.need-item svg.svi{width:22px;height:22px;color:var(--orange);flex-shrink:0;}

/* services workflow stages */
.flow3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;text-align:left;}
@media(max-width:860px){.flow3{grid-template-columns:1fr;}}
.stage{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 6px 18px rgba(19,32,46,.05);}
.stage .step-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:#fff;font-weight:900;margin-bottom:14px;}
.stage h3{font-size:19px;font-weight:800;margin-bottom:14px;}
.stage ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.stage li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text);}
.stage li svg.svi{width:18px;height:18px;color:var(--green);flex-shrink:0;margin-top:2px;}

/* founder card (about page) */
.founder-card{display:flex;gap:26px;align-items:flex-start;max-width:760px;margin:0 auto;background:var(--bg);
  border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 10px 28px rgba(19,32,46,.07);}
.founder-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-d));
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:34px;flex-shrink:0;
  box-shadow:0 10px 24px rgba(255,107,26,.35);}
@media(max-width:560px){.founder-card{flex-direction:column;align-items:center;text-align:center;}}

/* compact top-of-page audit form */
.topform{max-width:620px;margin:0 auto;background:var(--bg);border:1px solid var(--steel);
  border-radius:18px;padding:30px;box-shadow:0 16px 40px rgba(19,32,46,.12);text-align:left;}
.topform h2{font-size:clamp(22px,3vw,28px);font-weight:900;text-align:center;margin-bottom:6px;}
.topform .sub{color:var(--muted);text-align:center;margin-bottom:22px;font-size:15px;}
.topform .cfields{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:560px){.topform .cfields{grid-template-columns:1fr;}}
.topform .lead-form{gap:14px;}

/* founder block */
.founder{max-width:620px;margin:30px auto 0;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 8px 24px rgba(19,32,46,.06);}
.founder p{color:var(--muted);font-size:17px;line-height:1.6;}

/* prose (legal + about) */
.prose{max-width:780px;margin:0 auto;}
.prose h2{font-size:24px;font-weight:800;margin:34px 0 12px;}
.prose h3{font-size:19px;font-weight:800;margin:22px 0 8px;}
.prose p,.prose li{color:var(--muted);font-size:16px;margin-bottom:12px;}
.prose ul{padding-left:22px;margin-bottom:12px;}
.prose strong{color:var(--text);}
.updated{color:var(--muted);font-size:14px;font-style:italic;}

/* connected horizontal flow (numbered/icon process) */
.flow{display:flex;justify-content:center;align-items:flex-start;margin-top:46px;flex-wrap:wrap;}
.flow-step{flex:1 1 0;min-width:170px;max-width:280px;text-align:center;position:relative;padding:0 8px;}
.flow-step:not(:last-child)::after{content:"";position:absolute;top:34px;left:50%;width:100%;height:2px;background:var(--line);z-index:0;}
.flow-ic{position:relative;z-index:1;width:68px;height:68px;border-radius:50%;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 6px 16px rgba(19,32,46,.18);}
.flow-ic svg.svi{width:30px;height:30px;}
.flow-step h3{font-size:30px;font-weight:900;color:var(--orange);margin-bottom:4px;letter-spacing:-.5px;}
.flow-step p{color:var(--muted);font-size:15px;}
@media(max-width:760px){.flow{flex-direction:column;align-items:center;gap:28px;}.flow-step{max-width:320px;}.flow-step:not(:last-child)::after{display:none;}}

/* metric band */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px;}
@media(max-width:760px){.metrics{grid-template-columns:repeat(2,1fr);}}
.metric{text-align:center;padding:24px 14px;background:var(--bg);border:1px solid var(--line);border-radius:14px;}
.metric .n{font-size:clamp(30px,4vw,42px);font-weight:900;color:var(--orange);line-height:1;}
.metric span{color:var(--muted);font-size:14px;display:block;margin-top:6px;}

/* why grid */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
@media(max-width:760px){.why-grid{grid-template-columns:1fr 1fr;}}
.why{text-align:center;padding:26px 18px;background:var(--bg);border:1px solid var(--line);border-radius:14px;}
.why .ico{font-size:34px;margin-bottom:10px;}
.why h3{font-size:18px;font-weight:800;margin-bottom:6px;}
.why p{color:var(--muted);font-size:14px;}

/* split (escalation) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;text-align:left;}
@media(max-width:760px){.split{grid-template-columns:1fr;}}
.split-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:28px;}
.split-card.hl{border-color:var(--orange);background:#fff7f1;}
.split-card h3{font-size:19px;font-weight:900;margin-bottom:16px;display:flex;align-items:center;gap:9px;}
.split-card ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.split-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text);}
.split-card li .m{color:var(--green);font-weight:900;flex-shrink:0;}

/* lead form */
.lead-form{max-width:480px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:14px;}
.lead-form .field{display:flex;flex-direction:column;gap:6px;}
.lead-form label{font-weight:700;font-size:14px;}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:13px 15px;border:1px solid var(--steel);
  border-radius:10px;font-size:15px;font-family:inherit;background:#fff;color:var(--text);}
.lead-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:46px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 16px center;}
.lead-form textarea{resize:vertical;min-height:80px;}
.lead-form .btn{width:100%;justify-content:center;margin-top:4px;}
.form-note{font-size:13px;color:var(--muted);text-align:center;margin-top:10px;}

/* cost comparison */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;}
@media(max-width:760px){.compare{grid-template-columns:1fr;}}
.comp-card{border-radius:16px;padding:30px 26px;border:1px solid var(--line);}
.comp-card.bad{background:var(--panel);}
.comp-card.good{background:#fff7f1;border-color:var(--orange);box-shadow:0 16px 40px rgba(255,107,26,.14);}
.comp-card h3{font-size:20px;font-weight:900;margin-bottom:4px;}
.comp-card .cost{font-size:34px;font-weight:900;margin:6px 0 18px;}
.comp-card.bad .cost{color:var(--muted);}
.comp-card.good .cost{color:var(--orange);}
.comp-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.comp-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text);}
.comp-card.bad li .m{color:#d14;font-weight:900;}
.comp-card.good li .m{color:var(--green);font-weight:900;}

/* integrations strip */
.logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}
.logos .chip{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);
  color:var(--ink);font-weight:700;font-size:15px;padding:13px 22px;border-radius:30px;box-shadow:0 4px 14px rgba(19,32,46,.07);}
.logos .chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);flex-shrink:0;}

/* trust badges */
.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px;}
@media(max-width:760px){.badges{grid-template-columns:repeat(2,1fr);}}
.badge{text-align:center;padding:24px 16px;background:var(--bg);border:1px solid var(--line);border-radius:14px;}
.badge .bi{font-size:30px;margin-bottom:8px;}
.badge b{display:block;font-size:16px;margin-bottom:3px;}
.badge span{color:var(--muted);font-size:13px;}

/* sample call dialogue */
.dialogue{max-width:560px;margin:36px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;text-align:left;}
.dialogue .line{display:flex;margin-bottom:12px;}
.dialogue .line.them{justify-content:flex-start;}
.dialogue .line.ai{justify-content:flex-end;}
.dialogue .line > div{display:flex;flex-direction:column;max-width:78%;}
.dialogue .line.them > div{align-items:flex-start;}
.dialogue .line.ai > div{align-items:flex-end;}
.dialogue .b{max-width:100%;min-width:110px;padding:13px 17px;border-radius:16px;font-size:15px;line-height:1.45;}
.dialogue .line.ai .who{text-align:right;}
.dialogue .them .b{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;color:var(--text);}
.dialogue .ai .b{background:var(--orange);color:#1a1205;border-bottom-right-radius:5px;font-weight:600;}
.dialogue .who{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:4px;display:block;}

/* testimonial */
.quote{max-width:760px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:36px;text-align:center;}
.quote .stars{color:var(--amber);font-size:22px;letter-spacing:2px;margin-bottom:14px;}
.quote p{font-size:21px;font-weight:600;line-height:1.5;margin-bottom:18px;}
.quote .who{color:var(--muted);font-size:15px;}
.quote .who b{color:var(--text);}

/* mobile / tablet polish */
@media(max-width:600px){
  section{padding:48px 0;}
  .hero{padding:40px 0 44px;}
  .topform{padding:24px 22px;}
  .calc{padding:22px;}
  .contact-band{padding:30px 22px;}
  .founder-card{padding:24px;}
  .hero-cta{flex-direction:column;align-items:stretch;}
  .hero-cta .btn{width:100%;justify-content:center;}
}

/* footer */
footer{background:#f0f4f8;border-top:1px solid var(--line);padding:42px 0;color:var(--muted);font-size:14px;}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.foot a:hover{color:var(--orange);}
.foot-col h4{color:var(--text);font-size:15px;margin-bottom:10px;font-weight:800;}
.foot-col a{display:block;margin-bottom:7px;}
.foot-brand{max-width:280px;}
.foot-brand .logo{font-size:20px;margin-bottom:10px;}