:root{--blue:#2f7df4;--blue-dark:#1764dc;--navy:#0d1932;--text:#475569;--muted:#64748b;--line:#e2e8f0;--soft:#f7f9fc;--white:#fff;--shadow:0 18px 45px rgba(15,23,42,.08);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.65}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px}.brand img{display:block;width:144px;height:43px;object-fit:cover}.primary-nav{display:flex;align-items:center;gap:12px}.btn{border:1.5px solid transparent;border-radius:7px;padding:13px 25px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.22s ease;background:none}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(47,125,244,.18)}.btn-small{padding:10px 23px;font-size:14px}.btn-primary{background:linear-gradient(135deg,#3990ff,#226ce6);border-color:var(--blue);color:#fff}.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}.menu-toggle{display:none;border:0;background:none;padding:7px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{min-height:630px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 75% 25%,rgba(47,125,244,.06),transparent 27%),#fff}.hero-inner{padding:90px 0 110px}.hero h1{font-size:clamp(43px,5.1vw,68px);line-height:1.12;letter-spacing:-3px;margin:0;font-weight:800}.hero h1 span{color:var(--navy)}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:760px;margin:28px auto;color:var(--muted);font-size:18px}.button-row{display:flex;justify-content:center;gap:14px}.stats-section{background:#f8fafc;padding:78px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;text-align:center}.stat strong{display:block;color:var(--blue);font-size:42px;line-height:1.1;margin-bottom:10px}.stat span{color:var(--muted);font-size:14px}.pricing-calculator,.features,.testimonials,.faq-section{padding:105px 0}.section-heading{text-align:center;margin:0 auto 58px;max-width:790px}.section-heading h2,.content-copy h2,.cta h2{font-size:clamp(30px,3.4vw,45px);line-height:1.2;letter-spacing:-1.4px;margin:0 0 14px}.section-heading p,.content-copy>p{color:var(--muted);font-size:17px;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 25px rgba(15,23,42,.04)}.calculator-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:stretch}.calculator-controls{padding:38px}.control-group+.control-group{margin-top:52px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.control-label label{font-weight:700}.control-label input{width:78px;padding:8px;border:1px solid var(--line);border-radius:7px;text-align:center;color:var(--blue);font-weight:700}input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#94a3b8;font-size:12px;margin-top:8px}.estimate{padding:35px;background:linear-gradient(145deg,#fff,#f7fbff)}.estimate-icon,.feature-icon{width:48px;height:48px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center;margin-bottom:22px}.estimate-icon svg,.feature-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.eyebrow{display:block;color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.estimate>strong{font-size:39px;color:var(--blue);display:block;margin:5px 0}.estimate>strong span{font-size:15px;color:var(--muted)}.estimate>p{color:var(--muted);font-size:13px}.terms{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.terms h3{font-size:15px;margin:0}.terms ul{list-style:none;padding:0;margin:10px 0 0;color:var(--muted);font-size:12px}.pricing-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:26px}.fact{padding:24px 18px;text-align:center}.fact strong{display:block;color:var(--blue);font-size:28px;line-height:1.15}.fact span{color:var(--muted);font-size:12px;line-height:1.35;display:block;margin-top:8px}.features{background:var(--soft)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:34px;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card h3{font-size:20px;margin:0 0 10px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.testimonials{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial{padding:32px;position:relative}.quote-mark{font:700 65px/1 Georgia,serif;color:#dbeafe;height:40px}.testimonial>p{color:var(--text);font-size:14px;min-height:115px}.person{display:flex;align-items:center;gap:13px;margin-top:24px}.person>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font-weight:700}.person strong,.person small{display:block}.person small{color:var(--muted);font-size:12px}.content-section{padding:100px 0;background:#f8fafc}.content-section.alt{background:#fff}.content-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.content-section.alt .content-copy{order:2}.content-section.alt .product-visual{order:1}.content-copy ul{list-style:none;padding:0;margin:28px 0 0}.content-copy li{display:flex;align-items:center;gap:12px;color:var(--text);margin:12px 0}.content-copy li span{width:25px;height:25px;border-radius:50%;background:#dbeafe;color:var(--blue);display:grid;place-items:center;font-weight:800}.product-visual{height:370px;border-radius:20px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.browser-chrome{height:42px;background:#eef2f7;display:flex;align-items:center;gap:7px;padding:0 16px}.browser-chrome i{width:9px;height:9px;background:#cbd5e1;border-radius:50%}.visual-body{height:calc(100% - 42px);padding:35px;display:flex;gap:25px;background:linear-gradient(145deg,#fff,#eef6ff)}.visual-sidebar{width:28%;border-radius:7px;background:#dbeafe}.unit-panel{flex:1;padding:25px;background:#fff;border-radius:11px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.unit-panel b{display:block;margin-bottom:20px}.unit-panel span{height:27px;border-radius:5px;background:#edf2f7;display:block;margin:10px 0}.unit-panel button{border:0;border-radius:5px;background:var(--blue);color:#fff;padding:9px 15px;margin-top:10px}.dashboard-body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:90px 1fr}.mini-card{background:white;border:1px solid var(--line);border-radius:8px;padding:15px}.mini-card small{display:block;color:var(--muted)}.mini-card b{font-size:24px;color:var(--blue)}.chart-bars{grid-column:1/-1;display:flex;align-items:end;gap:14px;padding:15px 20px;background:white;border-radius:8px}.chart-bars i{flex:1;background:linear-gradient(#60a5fa,#2563eb);border-radius:4px 4px 0 0}.chart-bars i:nth-child(1){height:45%}.chart-bars i:nth-child(2){height:70%}.chart-bars i:nth-child(3){height:55%}.chart-bars i:nth-child(4){height:86%}.chart-bars i:nth-child(5){height:65%}.chart-bars i:nth-child(6){height:95%}.automation{display:grid;place-items:center;background:radial-gradient(circle,#dbeafe 1px,transparent 1px);background-size:18px 18px}.automation-nodes{display:flex;align-items:center;position:relative;z-index:1}.automation-nodes div{width:78px;height:78px;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.13);display:grid;place-items:center;color:var(--blue);font-weight:800}.automation-nodes span{width:44px;height:3px;background:var(--blue)}.faq-section{background:var(--soft)}.faq-container{max-width:900px}.faq-list{display:grid;gap:14px}.faq-item{overflow:hidden}.faq-item button{width:100%;border:0;background:#fff;color:var(--navy);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:24px 28px;font-weight:700;cursor:pointer}.faq-item button i{font-style:normal;color:var(--blue);font-size:24px;transition:.2s}.faq-item.open button i{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.faq-answer>*{overflow:hidden;margin-inline:28px}.faq-item.open .faq-answer{grid-template-rows:1fr;padding-bottom:22px}.faq-answer p,.faq-answer ul{color:var(--muted);font-size:14px}.cta{padding:112px 0;text-align:center;color:#fff;background:linear-gradient(130deg,#1f70e9,#4197ff)}.cta p{max-width:650px;margin:0 auto 30px;color:#eaf3ff}.btn-white{background:#fff;color:var(--blue)}.btn-ghost{border-color:#fff;color:#fff}.site-footer{background:#071226;color:#cbd5e1;padding-top:72px}.footer-grid{display:grid;grid-template-columns:1.65fr .7fr 1fr 1fr;gap:55px}.brand-footer img{width:175px;height:auto}.footer-about p{color:#94a3b8;font-size:14px;max-width:360px}.site-footer h4{color:white;margin:0 0 17px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.site-footer a,.site-footer button{color:#94a3b8;font-size:13px;border:0;background:none;padding:0;cursor:pointer}.site-footer a:hover,.site-footer button:hover{color:white}.footer-contact a{display:block;margin:10px 0}.copyright{border-top:1px solid #17233a;margin-top:55px;padding:24px 0;font-size:12px;color:#64748b}.modal{display:none;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(4,12,27,.72);backdrop-filter:blur(4px)}.modal-dialog{width:min(470px,100%);position:relative;background:white;border-radius:18px;padding:38px;box-shadow:0 30px 80px rgba(0,0,0,.25);animation:modalIn .22s ease}.modal-dialog h2{font-size:28px;margin:0}.modal-dialog>p{color:var(--muted);font-size:14px}.modal-close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:29px;color:#64748b;cursor:pointer}.lead-form{display:grid;gap:15px;margin-top:24px}.lead-form label{font-size:13px;font-weight:600}.lead-form input{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;margin-top:6px}.lead-form .btn{margin-top:5px}.toast{position:fixed;right:24px;bottom:24px;background:#0f172a;color:#fff;padding:14px 20px;border-radius:9px;z-index:400;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:900px){.pricing-facts{grid-template-columns:repeat(3,1fr)}.features-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.content-grid{gap:35px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:2/4}.primary-nav{position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 14px 25px rgba(15,23,42,.08);display:none;flex-wrap:wrap;justify-content:center}.primary-nav.open{display:flex}.menu-toggle{display:block}}@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.site-header{height:70px}.brand img{width:115px;height:34px}.brand span{font-size:16px}.primary-nav{top:70px}.hero{min-height:560px}.hero-inner{padding:70px 0}.hero h1{font-size:39px;letter-spacing:-2px}.hero p{font-size:15px}.stats-grid,.calculator-grid,.features-grid,.testimonial-grid,.content-grid{grid-template-columns:1fr}.stats-grid{gap:38px}.pricing-calculator,.features,.testimonials,.faq-section{padding:75px 0}.calculator-controls{padding:25px 20px}.range-labels-units span:nth-child(even){display:none}.estimate{padding:27px}.pricing-facts{grid-template-columns:repeat(2,1fr)}.pricing-facts .fact:last-child{grid-column:1/-1}.content-section{padding:72px 0}.content-section.alt .content-copy,.content-section.alt .product-visual{order:initial}.product-visual{height:310px}.section-heading{margin-bottom:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-contact{grid-column:auto}.modal-dialog{padding:30px 24px}}@media(max-width:460px){.hero h1{font-size:33px}.button-row{flex-direction:column}.button-row .btn{width:100%}.control-label{align-items:flex-start;flex-direction:column}.pricing-facts{grid-template-columns:1fr}.pricing-facts .fact:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-contact{grid-column:auto}.product-visual{height:260px}.primary-nav .btn{width:calc(50% - 8px)}}
