:root{--navy:#071b2f;--ink:#102238;--muted:#627287;--blue:#2d6df6;--blue-dark:#1f54c8;--sky:#e9f1ff;--line:#dce5ee;--wash:#f5f8fb;--green:#0ea874;--orange:#ff8b4d;--white:#fff;--shadow:0 26px 80px rgba(14,39,67,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;border-radius:8px;background:#fff;color:var(--navy);font-weight:800;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header{position:relative;z-index:20;width:min(1240px,calc(100% - 48px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);white-space:nowrap}.brand strong{font-size:1.07rem;letter-spacing:-.025em}.brand em{color:var(--blue);font-style:normal}
.brand-mark{position:relative;width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:var(--navy);overflow:hidden;box-shadow:0 8px 20px rgba(7,27,47,.2)}
.brand-mark i{position:absolute;width:5px;border-radius:8px;background:#fff;transform:rotate(-18deg)}.brand-mark i:nth-child(1){height:13px;left:12px;bottom:10px}.brand-mark i:nth-child(2){height:21px;left:20px;bottom:9px;background:#75a4ff}.brand-mark i:nth-child(3){height:28px;left:28px;bottom:7px;background:#ff9a63}
.desktop-nav,.account-nav{display:flex;align-items:center;gap:28px}.desktop-nav a,.account-nav a{font-size:.86rem;font-weight:760;text-decoration:none;color:#43566d}.desktop-nav a:hover,.sign-in:hover{color:var(--blue)}
.account-nav{gap:18px}.account-nav .nav-primary{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:11px;background:var(--navy);color:#fff;box-shadow:0 9px 24px rgba(7,27,47,.14)}
main{overflow:hidden}.hero,.section,.signal-strip,.safety-section,.workflow-section,.final-cta,footer{width:min(1240px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.hero{position:relative;min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.84fr);align-items:center;gap:74px;padding:70px 0 92px}
.hero:before{content:"";position:absolute;z-index:-2;inset:-88px -50vw 0 54%;background:radial-gradient(circle at 33% 38%,rgba(89,141,255,.2),transparent 34%),radial-gradient(circle at 70% 70%,rgba(255,153,99,.16),transparent 27%),linear-gradient(145deg,#f7faff,#eef4fb);border-bottom-left-radius:90px}
.eyebrow{margin:0 0 18px;color:#3466c5;font-size:.7rem;font-weight:900;letter-spacing:.16em}.eyebrow>span{display:inline-block;width:28px;height:2px;margin:0 9px 3px 0;background:var(--orange)}
.hero h1{max-width:770px;margin:0;color:var(--navy);font-size:clamp(3.4rem,6.2vw,5.9rem);line-height:.94;letter-spacing:-.072em}.hero h1 span{color:var(--blue)}
.lead{max-width:650px;margin:26px 0 0;color:var(--muted);font-size:1.17rem;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 19px;border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:850}.primary{background:var(--blue);color:#fff;box-shadow:0 14px 32px rgba(45,109,246,.24)}.primary:hover{background:var(--blue-dark)}.secondary{border:1px solid #ccd8e5;background:#fff;color:#263d58}.play{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:var(--sky);color:var(--blue);font-size:.58rem;padding-left:2px}
.hero-proof{display:flex;flex-wrap:wrap;gap:19px;margin-top:25px;color:#64758a;font-size:.76rem;font-weight:760}.hero-proof span:before{content:"✓";margin-right:7px;color:var(--green);font-weight:950}
.product-window{position:relative;padding:22px;border:1px solid rgba(203,216,230,.92);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 35px 100px rgba(10,38,68,.18);backdrop-filter:blur(16px)}
.product-window:after{content:"";position:absolute;z-index:-1;width:130px;height:130px;right:-42px;bottom:-45px;border-radius:33px;background:linear-gradient(145deg,#ffb088,#ff8450);transform:rotate(17deg);opacity:.76}
.window-top{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 19px}.window-title{display:flex;align-items:center;gap:12px}.window-title div{display:grid}.window-title strong{font-size:.91rem}.window-title small{margin-top:2px;color:#758397;font-size:.69rem}.live-ring{width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(14,168,116,.13)}.call-time{padding:5px 9px;border-radius:8px;background:#e8f8f2;color:#087a55;font-size:.7rem;font-weight:900}
.conversation{padding:19px;border-radius:18px;background:#f4f7fb}.message{max-width:91%;margin-bottom:13px}.message:last-child{margin:0 0 0 auto}.message small{display:block;margin:0 0 4px 6px;color:#758397;font-size:.62rem;font-weight:850}.message p{margin:0;padding:11px 13px;border:1px solid #dfe7f0;border-radius:6px 15px 15px 15px;background:#fff;color:#334b65;font-size:.76rem;line-height:1.5}.message.assistant p{border-color:#c9dbff;border-radius:15px 6px 15px 15px;background:#eaf1ff;color:#1f4d99}
.order-card{margin-top:14px;padding:17px 18px;border:1px solid #dce5ef;border-radius:18px;background:#fff}.order-card-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e7edf3}.order-card-head div{display:grid}.order-card-head small{color:#56728e;font-size:.58rem;font-weight:900;letter-spacing:.1em}.order-card-head strong{font-size:.78rem}.order-card-head>span{padding:5px 9px;border-radius:99px;background:#e7f8f1;color:#0d7c58;font-size:.63rem;font-weight:900}.order-card ul{margin:8px 0;padding:0;list-style:none}.order-card li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;color:#30465d;font-size:.75rem}.order-card li b{display:inline-block;width:27px;color:var(--blue)}.order-card .modifier{margin:-5px 0 0 27px;padding:0 0 5px;color:#77879a;font-size:.62rem}.order-card .modifier span:last-child{color:#14805e}.order-total{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #e7edf3;font-size:.76rem}.order-total strong{color:var(--navy);font-size:.92rem}
.window-status{display:flex;justify-content:space-between;gap:20px;padding:15px 3px 1px;color:#718196;font-size:.61rem}.window-status span{display:flex;align-items:center;gap:6px}.window-status i{width:7px;height:7px;border-radius:50%;background:var(--green)}.window-status strong{color:#47627c}
.signal-strip{padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-strip p{margin:0 0 14px;color:#8a97a7;font-size:.58rem;font-weight:900;letter-spacing:.18em}.signal-strip div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.signal-strip span{color:#304960;font-size:.82rem;font-weight:800}.signal-strip span:before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 1px 0;border-radius:50%;background:var(--blue)}
.section{padding-top:112px;padding-bottom:112px}.section-heading{max-width:760px}.section-heading.centered{margin:auto;text-align:center}.section-heading h2,.operations-copy h2,.integration-copy h2{margin:0;color:var(--navy);font-size:clamp(2.3rem,4.4vw,4.1rem);line-height:1.03;letter-spacing:-.055em}.section-heading>p:last-child{max-width:680px;margin:22px auto 0;color:var(--muted);font-size:1rem;line-height:1.75}.problem-section .section-heading>p:last-child{margin-left:0}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.problem-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.problem-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(14,39,67,.1)}.metric{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:var(--sky);color:var(--blue);font-size:.68rem;font-weight:900}.problem-grid h3{margin:34px 0 11px;font-size:1.16rem;letter-spacing:-.025em}.problem-grid p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.7}
.workflow-section{padding-top:110px;padding-bottom:120px}.workflow-list{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:60px 0 0;padding:0;list-style:none}.workflow-list:before{content:"";position:absolute;top:21px;left:16%;right:16%;height:1px;border-top:1px dashed #b9c7d6}.workflow-list li{position:relative}.step-number{position:relative;z-index:1;display:grid;width:43px;height:43px;margin:0 auto 24px;place-items:center;border:6px solid #fff;border-radius:50%;background:var(--navy);color:#fff;font-size:.65rem;font-weight:900;box-shadow:0 0 0 1px #ccd7e3}.step-visual{height:175px;padding:24px;border:1px solid #dce5ee;border-radius:21px;background:linear-gradient(145deg,#f9fbfd,#eff4f9);box-shadow:0 17px 40px rgba(19,46,75,.08)}.step-visual>span{display:block;color:#7a8b9e;font-size:.61rem;font-weight:900;letter-spacing:.1em}.step-visual>strong{display:block;margin-top:18px;color:#24415f;font-size:.9rem}.phone-visual i{display:block;width:70%;height:31px;margin:23px auto 0;border-radius:99px;background:repeating-linear-gradient(90deg,#8fb3ff 0 4px,transparent 4px 8px);mask:linear-gradient(180deg,transparent 0,#000 45%,#000 58%,transparent 100%)}.validation-visual div{display:flex;gap:9px;margin-top:25px}.validation-visual i{flex:1;height:38px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #dae4ed}.validation-visual i:after{content:"✓";display:grid;height:100%;place-items:center;color:var(--green);font-style:normal;font-weight:900}.delivery-visual{position:relative}.delivery-visual i{position:absolute;right:24px;bottom:22px;display:grid;width:50px;height:50px;place-items:center;border-radius:50%;background:#dff6ed;color:var(--green);font-style:normal;font-size:1.4rem;font-weight:900}.workflow-list h3{margin:25px 0 9px;font-size:1.14rem;text-align:center}.workflow-list p{max-width:340px;margin:0 auto;color:var(--muted);font-size:.84rem;line-height:1.7;text-align:center}
.operations-section{position:relative;width:100%;max-width:none;padding:115px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:78px;background:var(--navy);color:#fff}.operations-copy .light{color:#83aaff}.operations-copy h2{color:#fff}.operations-copy>p:not(.eyebrow){margin:25px 0;color:#9eb0c3;line-height:1.78}.check-list{display:grid;gap:13px;margin:28px 0 30px;padding:0;list-style:none;color:#dbe6f0;font-size:.86rem}.check-list span{display:inline-grid;width:23px;height:23px;margin-right:10px;place-items:center;border-radius:50%;background:rgba(48,209,151,.14);color:#4ce0ab;font-size:.68rem}.text-link{display:inline-flex;gap:12px;color:#8bb0ff;text-decoration:none;font-size:.86rem;font-weight:850}
.control-preview{padding:24px;border:1px solid rgba(154,183,212,.22);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:0 35px 90px rgba(0,0,0,.24)}.control-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(218,232,245,.14)}.control-top>div{display:flex;align-items:center;gap:10px}.logo-mini{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#fff;color:var(--navy);font-size:.63rem;font-weight:950}.control-top small{display:flex;align-items:center;gap:7px;color:#b9c7d5;font-size:.63rem}.control-top small i{width:7px;height:7px;border-radius:50%;background:#25ce94}.control-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:17px 0}.control-stats div{display:grid;padding:16px;border-radius:15px;background:rgba(255,255,255,.07)}.control-stats small{color:#9daec0;font-size:.61rem}.control-stats strong{margin:6px 0 2px;font-size:1.55rem}.control-stats span{color:#7fa5e4;font-size:.57rem}.control-alert{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(59,211,155,.2);border-radius:14px;background:rgba(26,166,116,.09)}.control-alert>span{display:grid;min-width:30px;height:30px;place-items:center;border-radius:50%;background:#1d8f68;font-size:.75rem}.control-alert div{display:grid}.control-alert strong{font-size:.72rem}.control-alert small{margin-top:3px;color:#9fb3c7;font-size:.6rem}.fleet-row{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid rgba(218,232,245,.11)}.fleet-row:last-child{border:0}.fleet-row>div{display:flex;align-items:center;gap:12px}.fleet-row i{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#24496d;color:#a9c5e1;font-size:.61rem;font-style:normal;font-weight:900}.fleet-row span{display:grid}.fleet-row strong{font-size:.71rem}.fleet-row small{margin-top:3px;color:#8da2b7;font-size:.57rem}.fleet-row>b{padding:5px 8px;border-radius:99px;background:rgba(43,203,146,.12);color:#58dbad;font-size:.57rem}
.integration-section{background:#fff}.integration-panel{padding:56px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#f8fbff,#eff5fc);box-shadow:var(--shadow)}.integration-copy{display:grid;grid-template-columns:minmax(0,.75fr) minmax(340px,1.25fr);gap:70px;align-items:start}.integration-copy .eyebrow{grid-column:1/-1;margin-bottom:-48px}.integration-copy h2{font-size:clamp(2.2rem,4vw,3.6rem)}.integration-copy>div>p{margin:0;color:var(--muted);line-height:1.75}.integration-copy .integration-note{margin-top:18px;padding:15px;border-left:3px solid var(--blue);background:rgba(255,255,255,.65);font-size:.81rem}.integration-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:48px}.integration-flow div{display:grid;padding:18px;border:1px solid #d7e2ed;border-radius:15px;background:#fff}.integration-flow div>span{color:var(--blue);font-size:.57rem;font-weight:900}.integration-flow strong{margin:10px 0 2px;font-size:.78rem}.integration-flow small{color:#7b8b9c;font-size:.62rem}.integration-flow>i{color:#8ba0b5;font-style:normal}
.safety-section{padding-top:30px;padding-bottom:110px}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.safety-grid article{padding:25px;border-top:3px solid var(--blue);background:var(--wash)}.safety-grid article>span{color:#7890a8;font-size:.58rem;font-weight:900}.safety-grid h3{margin:27px 0 9px;font-size:1rem}.safety-grid p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}
.pricing-section{padding-top:115px;border-top:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;margin-top:55px}.pricing-grid article{position:relative;padding:30px;border:1px solid var(--line);border-radius:23px;background:#fff}.pricing-grid article.featured{border-color:#8eb3ff;box-shadow:0 24px 65px rgba(45,109,246,.14)}.popular{position:absolute;top:-14px;right:22px;margin:0;padding:7px 10px;border-radius:99px;background:var(--blue);color:#fff;font-size:.54rem;font-weight:900;letter-spacing:.08em}.pricing-grid article>div{display:grid}.pricing-grid article>div>span{color:#3b5f83;font-size:.66rem;font-weight:950;letter-spacing:.11em}.pricing-grid article>div>small{margin-top:7px;color:#7a8a9d;font-size:.72rem}.price{margin:27px 0;color:var(--navy);font-size:3.25rem;font-weight:900;letter-spacing:-.06em}.price sup{font-size:1rem;vertical-align:top;position:relative;top:10px}.price small{margin-left:6px;color:#7e8e9f;font-size:.66rem;font-weight:700;letter-spacing:0}.pricing-grid ul{display:grid;gap:11px;margin:0 0 28px;padding:22px 0 0;border-top:1px solid #e4eaf0;list-style:none;color:#51647a;font-size:.78rem}.pricing-grid li:before{content:"✓";margin-right:9px;color:var(--green);font-weight:950}.plan-link{display:flex;justify-content:center;padding:12px;border:1px solid #ccd9e6;border-radius:10px;text-decoration:none;color:#24486c;font-size:.77rem;font-weight:900}.featured .plan-link{border-color:var(--blue);background:var(--blue);color:#fff}.pricing-note{margin:20px auto 0;color:#7f8e9d;font-size:.66rem;text-align:center}
.faq-section{display:grid;grid-template-columns:minmax(280px,.6fr) minmax(440px,1.4fr);gap:80px}.faq-section .section-heading h2{font-size:clamp(2.3rem,4vw,3.5rem)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:23px 45px 23px 0;cursor:pointer;color:#203950;font-size:.92rem;font-weight:850;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;color:var(--blue);font-size:1.35rem;font-weight:500}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:-8px 40px 24px 0;color:var(--muted);font-size:.82rem;line-height:1.7}
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:65px;margin-bottom:90px;padding:58px;border-radius:30px;background:linear-gradient(135deg,#0a2139,#123d65);color:#fff;box-shadow:0 35px 80px rgba(7,27,47,.2)}.final-cta>div:first-child{max-width:760px}.final-cta h2{margin:0;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.03;letter-spacing:-.055em}.final-cta p:not(.eyebrow){margin:20px 0 0;color:#afc0d0;font-size:.88rem;line-height:1.7}.final-actions{display:grid;gap:13px;min-width:225px}.final-actions>a:last-child{color:#adc3d9;font-size:.74rem;font-weight:800;text-align:center}.light-button{background:#fff;color:var(--navy);box-shadow:none}.light-button:hover{background:#e8f0f8}
footer{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:45px 0 35px;border-top:1px solid var(--line)}.footer-brand p{margin:18px 0;color:#7b8b9c;font-size:.77rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:grid;align-content:start;gap:9px}.footer-links strong{margin-bottom:6px;color:#314a62;font-size:.68rem}.footer-links a{color:#758598;text-decoration:none;font-size:.72rem}.footer-links a:hover{color:var(--blue)}.copyright{grid-column:1/-1;margin:30px 0 0;padding-top:22px;border-top:1px solid #e7edf2;color:#98a4b1;font-size:.62rem}
@media(max-width:1050px){.desktop-nav{display:none}.hero{grid-template-columns:1fr 430px;gap:40px}.operations-section{grid-template-columns:1fr;gap:55px}.control-preview{width:min(720px,100%)}.safety-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{width:min(100% - 30px,1240px);height:76px}.account-nav .sign-in{display:none}.hero,.section,.signal-strip,.safety-section,.workflow-section,.final-cta,footer{width:min(100% - 30px,1240px)}.hero{min-height:auto;grid-template-columns:1fr;gap:50px;padding:62px 0 78px}.hero:before{inset:38% -30px -20px 14%;border-radius:60px 0 0 0}.hero h1{font-size:clamp(3.1rem,12vw,5.4rem)}.product-window{width:min(560px,100%);margin:auto}.signal-strip div{grid-template-columns:1fr 1fr}.problem-grid,.workflow-list,.pricing-grid{grid-template-columns:1fr}.workflow-list{gap:50px}.workflow-list:before{display:none}.workflow-list li{width:min(520px,100%);margin:auto}.step-visual{height:165px}.integration-panel{padding:35px}.integration-copy{grid-template-columns:1fr;gap:24px}.integration-copy .eyebrow{grid-column:auto;margin-bottom:0}.integration-flow{grid-template-columns:1fr}.integration-flow>i{transform:rotate(90deg);text-align:center}.faq-section{grid-template-columns:1fr;gap:40px}.final-cta{align-items:flex-start;flex-direction:column;padding:40px}.final-actions{width:100%}footer{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.site-header{gap:12px}.brand strong{font-size:.94rem}.brand-mark{width:37px;height:37px}.account-nav .nav-primary{padding:10px 12px;font-size:.78rem}.hero h1{font-size:clamp(2.9rem,15vw,4.2rem)}.lead{font-size:1rem}.hero-actions{display:grid}.hero-proof{gap:10px 16px}.product-window{padding:14px;border-radius:21px}.conversation{padding:13px}.order-card{padding:14px}.window-status{display:grid}.signal-strip div{grid-template-columns:1fr}.section,.workflow-section{padding-top:85px;padding-bottom:85px}.section-heading h2,.operations-copy h2,.integration-copy h2{font-size:clamp(2.15rem,11vw,3.25rem)}.problem-grid{margin-top:38px}.operations-section{padding:90px 15px}.control-preview{padding:15px}.control-stats{grid-template-columns:1fr}.control-stats div{grid-template-columns:1fr auto;align-items:center}.control-stats div strong{grid-row:1/3;grid-column:2}.control-alert{align-items:flex-start}.fleet-row small{max-width:150px}.integration-panel{padding:25px 19px;border-radius:21px}.safety-grid{grid-template-columns:1fr}.pricing-grid article{padding:25px}.faq-list summary{font-size:.84rem}.final-cta{width:100%;margin-bottom:60px;padding:40px 22px;border-radius:0}.footer-links{grid-template-columns:1fr 1fr}.copyright{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.problem-grid article{transition:none}}