@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#071b39;--navy:#06152f;--blue:#087cf5;--cyan:#3ac3ff;--muted:#50617a;--surface:#f5f8fe;--line:#e2eaf4;--white:#fff;--shadow:0 24px 72px rgba(7,28,64,.10);--radius:22px;font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:-9999px;z-index:100}.skip:focus{left:12px;top:12px;background:white;padding:12px}.announcement{background:#081f45;color:#d7eaff;font-size:12px;padding:8px;text-align:center}.announcement strong{color:#fff}.header{height:84px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e8eff8}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:9px;align-items:center;flex-shrink:0}.brand-icon{width:55px;height:43px;object-fit:contain}.brand-word{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-1.3px;font-weight:800;line-height:1}.brand-word span{color:var(--blue)}.brand-sub{display:block;font-size:9px;letter-spacing:2.2px;color:#50617a;font-weight:800;margin-top:4px}.nav-links{display:flex;gap:25px;align-items:center}.nav-links>a{font-size:14px;color:#253955;font-weight:700;transition:color .2s}.nav-links>a:hover,.nav-links>a[aria-current='page']{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:13px;padding:14px 21px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.blue{background:linear-gradient(125deg,#098dfb,#0060e9);color:white;box-shadow:0 8px 22px rgba(0,109,245,.19)}.button.white{background:white;color:#0c3565}.button.outline{border-color:#cad9ee;color:#102a52;background:white}.button.ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.05)}.button.dark{background:#0b1d3d;color:white}.header-cta{padding:12px 15px;font-size:13px}.mobile-toggle{display:none;border:0;background:#eef5ff;border-radius:12px;padding:11px;color:var(--navy)}.top-hero{background:radial-gradient(600px 500px at 96% 17%,#0879ec66,transparent 80%),radial-gradient(300px 300px at 0 100%,#0762cd55,transparent 80%),linear-gradient(125deg,#07152f 10%,#062b61 100%);color:white;overflow:hidden;position:relative}.top-hero:before{content:'';position:absolute;border:1px solid #52adff26;width:850px;height:850px;border-radius:50%;right:-350px;top:-420px}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:28px;align-items:center;min-height:580px;padding-block:65px 76px}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:800;color:#8cdaff}.eyebrow::before{content:'';width:17px;height:3px;background:#36befe;border-radius:5px}.eyebrow.dark{color:#066ae1}.hero-grid h1{font-family:Manrope,sans-serif;letter-spacing:-2.9px;font-weight:800;font-size:clamp(39px,4.5vw,64px);line-height:1.095;margin:22px 0}.gradient-text{color:#51bdff}.hero-grid p{color:#cfddf2;font-size:17px;line-height:1.7;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#d8e8fc;font-size:12px;font-weight:700}.hero-trust span{display:flex;align-items:center;gap:7px}.tick{color:#55e3b7;font-weight:900}.hero-display{position:relative;min-height:405px;display:flex;align-items:center;justify-content:center}.browser{width:95%;border-radius:18px;background:#fff;box-shadow:0 32px 80px #0007;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg);border:7px solid #193659;overflow:hidden}.browser-bar{height:31px;background:#e8eef7;display:flex;align-items:center;padding:0 12px;gap:5px}.browser-bar span{height:7px;width:7px;border-radius:50%;background:#acbbcd}.browser-address{height:14px;border-radius:10px;background:#fff;width:50%;margin-left:12px}.demo-hero{background:linear-gradient(110deg,#e8f3fe,#fff 60%);color:#092044;display:grid;grid-template-columns:1.12fr .88fr;min-height:256px;align-items:center}.demo-info{padding:28px 12px 27px 30px}.demo-info small{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#0d7de8;font-weight:900}.demo-info strong{display:block;font-family:Manrope,sans-serif;font-size:29px;line-height:1.12;letter-spacing:-1.3px;margin:10px 0}.demo-info p{font-size:10px;color:#49617d;margin:0 0 20px;line-height:1.6}.demo-pill{background:#097bef;color:#fff;border-radius:5px;padding:9px 14px;font-size:10px;display:inline-block}.demo-art{height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#4abaff99,transparent 60%)}.demo-art:before{content:'';width:168px;height:168px;border-radius:28px;background:linear-gradient(135deg,#147eff,#052d6e);transform:rotate(-20deg);box-shadow:20px 20px 60px #0457a644}.demo-art:after{content:'';position:absolute;width:95px;height:95px;border-radius:20px;background:#c5eaff99;transform:translate(70px,48px) rotate(21deg)}.demo-bottom{display:flex;gap:6px;background:white;padding:20px}.demo-bottom i{height:7px;background:#dce9fa;flex:1;border-radius:9px}.phone{position:absolute;width:132px;height:265px;right:0;bottom:-10px;background:#091a30;border:7px solid #203752;border-radius:27px;box-shadow:0 20px 38px #0008;padding:8px;transform:rotate(5deg)}.phone-screen{height:100%;border-radius:17px;background:linear-gradient(145deg,#eff7ff,#fff);overflow:hidden;padding:22px 9px}.phone-screen b{color:#104b91;font-size:12px}.phone-screen .shape{width:100%;height:95px;border-radius:10px;margin:13px 0;background:linear-gradient(145deg,#098cf3,#cbeaff)}.phone-screen .lines i{display:block;background:#d3e6f7;height:6px;margin:7px 0;border-radius:6px}.phone-screen .tiny-cta{background:#087cf5;height:22px;border-radius:6px;margin-top:14px}.section{padding:88px 0}.section.soft{background:var(--surface)}.section.deep{background:#071b3b;color:white}.section-head{max-width:730px;margin-bottom:34px}.section-head.center{margin:0 auto 38px;text-align:center}.section-head h2,.page-intro h1{font-family:Manrope,sans-serif;font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.8px;line-height:1.16;margin:14px 0}.section-head p,.page-intro p{line-height:1.7;color:var(--muted);font-size:16px}.section.deep .section-head p{color:#c4d8f3}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:white;padding:28px;border-radius:var(--radius);box-shadow:0 10px 30px #001d4210}.card h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px;margin:18px 0 10px}.card p{font-size:14px;line-height:1.75;color:var(--muted)}.card-link{color:#006deb;font-weight:800;font-size:13px;display:inline-flex;gap:8px;align-items:center;margin-top:12px}.card-link:hover{text-decoration:underline}.iconbox{width:48px;height:48px;display:grid;place-items:center;color:#077bf5;background:#e6f2ff;border-radius:13px;font-size:22px;font-weight:900}.pill{font-size:11px;letter-spacing:.5px;display:inline-flex;background:#e9f3ff;color:#076fdf;border-radius:25px;padding:8px 13px;font-weight:800}.process-number{width:48px;height:48px;background:#067cf7;color:white;font:800 22px Manrope;display:grid;place-items:center;border-radius:15px}.price-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.price-feature h2{font-size:clamp(32px,4vw,47px);font-family:Manrope;letter-spacing:-2px;line-height:1.15}.price-feature p{color:#5b6c86;line-height:1.7}.price-panel{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-radius:26px;border:1px solid #dbe7f5;box-shadow:var(--shadow);padding:33px}.price-panel>div{padding:15px}.price-panel>div+div{border-left:1px solid #d5e3f6;padding-left:28px}.price-panel span{color:#52627e;font-weight:700;font-size:12px}.price-panel strong{font:800 51px Manrope;color:#09254e;letter-spacing:-2px;display:block;margin:10px 0}.price-panel small{color:#6f7b93;display:block;font-size:12px}.price-panel .caption{color:#0075ec;font-size:12px}.price-notice{font-size:12px;color:#6b7e99;line-height:1.6;margin-top:14px}.portfolio-banner{display:grid;grid-template-columns:1.05fr .95fr;min-height:330px;background:linear-gradient(110deg,#061c3c,#0e55a8);color:white;border-radius:28px;overflow:hidden}.portfolio-copy{padding:45px}.portfolio-copy h3{font:800 31px Manrope;letter-spacing:-1px;margin:10px 0}.portfolio-copy p{color:#d5e7ff;line-height:1.7}.portfolio-visual{display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#1475d6,transparent 66%)}.portfolio-frame{width:83%;background:#fff;border-radius:15px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 22px 55px #0005}.portfolio-toolbar{height:23px;background:#e8f0f6;padding:8px}.portfolio-toolbar:before{content:'●  ●  ●';display:block;color:#a5bdcb;font-size:9px;line-height:8px}.portfolio-screen{padding:23px 25px 34px;background:linear-gradient(125deg,#f2fffc,#fff);color:#126c78;min-height:174px}.portfolio-screen small{font-size:10px;font-weight:800}.portfolio-screen h4{font-size:24px;font-family:Manrope;line-height:1.2;letter-spacing:-.8px;margin:14px 0}.portfolio-screen p{font-size:10px;color:#58858c}.portfolio-screen em{font-style:normal;display:inline-block;background:#0f9b9b;color:white;padding:8px 12px;border-radius:6px;font-size:10px}.faq{border:1px solid #dce8f5;border-radius:16px;background:white;margin-bottom:10px;overflow:hidden}.faq summary{cursor:pointer;padding:19px 22px;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:25px;color:#087bf6}.faq[open] summary:after{content:'−'}.faq p{padding:0 22px 20px;margin:0;color:#576782;line-height:1.7}.cta-band{background:linear-gradient(115deg,#06409b,#0083f9);color:white;border-radius:26px;padding:44px 48px;display:flex;gap:30px;justify-content:space-between;align-items:center}.cta-band h2{font:800 29px Manrope;letter-spacing:-1px;margin:0 0 10px}.cta-band p{color:#dcefff;line-height:1.55;margin:0}.footer{background:#06152c;color:#bed2e9;padding:66px 0 26px}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer .brand-word{color:white}.footer .brand-sub{color:#8ca9d0}.footer p{font-size:13px;line-height:1.8}.footer h4{font-size:13px;color:white;margin:3px 0 18px}.footer a:not(.brand){display:block;color:#b6cce5;font-size:13px;margin-bottom:12px}.footer a:hover{color:white}.copyright{border-top:1px solid #ffffff22;margin-top:42px;padding-top:24px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.page-intro{background:radial-gradient(700px 500px at 90% 20%,#0f61b52c,transparent 70%),linear-gradient(135deg,#f4f9ff,#fff);padding:76px 0 70px;border-bottom:1px solid #e4edf7}.page-intro .wrap{max-width:1050px}.page-intro p{max-width:770px}.breadcrumb{font-size:12px;color:#5b7190;margin-bottom:25px}.breadcrumb a{color:#0879ee}.breadcrumbs-sep{margin:0 6px}.content{max-width:900px}.content h2{font:800 29px Manrope;letter-spacing:-1px;margin:32px 0 12px}.content h3{font:800 19px Manrope;margin:25px 0 10px}.content p,.content li{font-size:15px;line-height:1.85;color:#4e617b}.content ul{padding-left:20px}.stripe-price{display:inline-flex;gap:18px;align-items:center;margin:22px 0 0;flex-wrap:wrap}.stripe-price strong{font:800 30px Manrope}.table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.table th,.table td{padding:16px;border-bottom:1px solid #e5edf7;vertical-align:top}.table th{color:#0b346d}.notice{padding:18px 22px;background:#f0f7ff;border-left:4px solid #087bf5;border-radius:6px;color:#34516f;font-size:13px;line-height:1.7}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-card{border:1px solid #dbe8f5;border-radius:22px;padding:28px;background:white}.contact-card h3{font:800 22px Manrope;margin-top:0}.contact-card p{color:#526581;line-height:1.7}.contact-card .button{white-space:normal}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:13px;font-weight:800}.field input,.field select,.field textarea{border:1px solid #cbd9ec;border-radius:10px;padding:13px 14px;background:white;outline:0;color:#122a4c;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#087bf5;box-shadow:0 0 0 3px #087bf520}.field textarea{min-height:140px;resize:vertical}.form-help{font-size:12px;color:#64748b;margin:10px 0}.footnote{font-size:12px;color:#6b7f96;line-height:1.7}.float-wa{position:fixed;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;background:#12a76d;color:white;font-weight:800;border-radius:60px;box-shadow:0 10px 28px #074c3f44;padding:13px 18px;z-index:45;font-size:13px}.float-wa:hover{background:#0b955f}.desktop-only{}.small-cards .card{padding:21px}.legal{max-width:800px}.legal h2{font-size:23px}.legal p{font-size:14px}.flag{display:inline-block;font-size:12px;color:#72839d;border:1px solid #dce8f3;border-radius:30px;padding:5px 10px}.site-card-logo{font-family:Manrope;font-weight:800;font-size:22px}.site-card-logo span{color:#1480f3}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.quote{font-family:Manrope;font-size:28px;letter-spacing:-1px;line-height:1.4}.muted{color:var(--muted)}.centered{text-align:center}.list-clean{list-style:none;padding:0!important}.list-clean li{display:flex;gap:10px;margin:14px 0}.list-clean li:before{content:'✓';color:#0476ed;font-weight:900}.mini-list{display:flex;gap:12px;flex-wrap:wrap}.mini-list span{padding:8px 12px;border-radius:99px;border:1px solid #e0ecfa;font-size:12px;color:#3e5979;font-weight:800}.anchor{scroll-margin-top:104px}
@media(max-width:1050px){.nav-links{gap:14px}.nav-links>a{font-size:13px}.hero-grid{gap:12px}.hero-grid h1{font-size:48px}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.header{height:72px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 24px 26px;box-shadow:0 20px 30px #04142c23;flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-links>a{font-size:15px}.header-cta{display:none}.mobile-toggle{display:flex}.hero-grid{grid-template-columns:1fr;padding:65px 0 54px}.hero-grid h1{font-size:clamp(39px,8vw,58px)}.hero-display{min-height:360px;margin-right:16px}.grid.three{grid-template-columns:1fr 1fr}.price-feature,.split-section,.contact-grid,.portfolio-banner{grid-template-columns:1fr}.portfolio-visual{min-height:300px}.footer-columns{grid-template-columns:1fr 1fr}.cta-band{align-items:flex-start;flex-direction:column}.hero-trust{gap:10px 18px}}
@media(max-width:560px){.wrap{width:min(100% - 32px,1180px)}.brand-icon{width:43px;height:34px}.brand-word{font-size:21px}.brand-sub{font-size:8px;letter-spacing:1.5px}.hero-grid{padding:48px 0}.hero-grid h1{font-size:40px;letter-spacing:-1.9px}.hero-grid p{font-size:15px}.hero-display{min-height:270px}.browser{width:100%;transform:none}.demo-hero{min-height:200px}.demo-info{padding:20px}.demo-info strong{font-size:18px}.demo-info p{font-size:8px}.phone{width:85px;height:180px;right:-9px;bottom:-10px;border-width:5px}.phone-screen{padding:14px 5px}.phone-screen .shape{height:60px}.section{padding:62px 0}.grid.three,.grid.two,.grid.four{grid-template-columns:1fr}.section-head h2,.page-intro h1{font-size:33px}.price-panel{padding:16px}.price-panel>div{padding:8px}.price-panel>div+div{padding-left:15px}.price-panel strong{font-size:34px}.price-panel span{font-size:11px}.price-feature{gap:10px}.portfolio-copy{padding:30px}.portfolio-visual{min-height:230px}.cta-band{padding:27px}.footer-columns{grid-template-columns:1fr 1fr;gap:24px}.footer-columns>div:first-child{grid-column:1/-1}.copyright{flex-direction:column}.page-intro{padding:46px 0}.form-grid{grid-template-columns:1fr}.float-wa{padding:14px;right:14px;bottom:14px}.float-wa .label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
