:root{--blue:#0759e8;--bright:#129cff;--deep:#06256f;--navy:#101a32;--cyan:#19c8f3;--text:#111b35;--muted:#66728d;--line:#e7ebf4;--pale:#f4f8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto;position:relative;z-index:2}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}.blob-1{width:400px;height:400px;background:#43aaff;right:-180px;top:120px}.blob-2{width:320px;height:320px;background:#6aa5ff;left:-180px;top:700px}
.site-header{height:80px;border-bottom:1px solid #eef1f7;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);position:relative;z-index:10}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand img{width:137px;height:auto;display:block}.nav-links{display:flex;gap:30px;margin-left:auto}.nav-links a{font-size:12px;font-weight:700;color:#68738a;transition:.2s}.nav-links a:hover{color:var(--blue)}.nav-cta{padding:11px 16px;border:1px solid #dce3ef;border-radius:11px;font-size:12px;font-weight:800;box-shadow:0 6px 16px rgba(15,45,100,.05)}.nav-cta span{color:var(--blue)}
.hero{padding:72px 0 88px;background:radial-gradient(circle at 82% 48%,#eaf4ff 0,#fff 38%)}.hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:570px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.8px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #e4f9ff}.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(49px,5.2vw,73px);line-height:1.02;letter-spacing:-3.7px;margin:18px 0 24px}.hero h1 strong{color:var(--blue)}.hero-text{max-width:570px;color:var(--muted);font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:12px;padding:14px 18px;font-size:12px;font-weight:800;transition:.2s}.button b{font-size:17px}.button-primary{color:white;background:linear-gradient(135deg,#0759e8,#0b85f4);box-shadow:0 12px 28px rgba(7,89,232,.27)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 17px 35px rgba(7,89,232,.33)}.button-secondary{background:white;border:1px solid #dfe5ef}.button-secondary:hover{transform:translateY(-2px);border-color:#aebcda}.trust-row{display:flex;gap:18px;align-items:center;margin-top:39px}.trust-row div{display:flex;flex-direction:column;gap:3px}.trust-row strong{font-family:Manrope;font-size:14px}.trust-row small{font-size:9px;color:#8993a7;font-weight:600}.trust-row i{width:1px;height:27px;background:#dce2ec}
.hero-art{min-height:510px;position:relative;display:flex;align-items:center;justify-content:center}.blue-ring{position:absolute;border:1px solid #c8e4ff;border-radius:50%;z-index:0}.ring-1{width:510px;height:510px}.ring-2{width:430px;height:430px;border-color:#e0efff}.builder{width:min(575px,100%);background:#fff;border:1px solid #dce5f1;border-radius:19px;box-shadow:0 30px 80px rgba(24,64,125,.17);overflow:hidden;transform:perspective(1200px) rotateY(-4deg);position:relative;z-index:2}.builder-top{height:42px;background:#f8faff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;padding:0 14px;gap:13px}.dots{display:flex;gap:5px}.dots span{width:7px;height:7px;border-radius:50%;background:#cbd3e1}.address{flex:1;text-align:center;font-size:8px;color:#8b94a8}.live{font-size:7px;font-weight:800;color:#637087;display:flex;align-items:center;gap:5px}.live span{width:6px;height:6px;background:#20c995;border-radius:50%}.builder-main{height:330px;display:flex}.builder-main aside{width:75px;background:#f5f8fd;border-right:1px solid #e5ebf3;padding:12px 8px}.builder-main aside img{width:51px;height:25px;object-fit:contain;margin:2px auto 14px;display:block}.builder-main aside a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;color:#8b95a9;font-size:14px;border-radius:8px;margin-bottom:3px}.builder-main aside a small{font-size:7px;font-weight:700}.builder-main aside a.active{color:var(--blue);background:#e8f2ff}.canvas{flex:1;padding:15px;background:linear-gradient(135deg,#f3f8ff,#fff)}.mock-nav{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#5d6981}.mock-nav div{color:#a1a9b9;font-size:6px}.mock-hero{height:210px;border-radius:11px;padding:26px;background:linear-gradient(135deg,#eaf4ff,#e7fbff);position:relative;overflow:hidden}.mock-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-70px;background:rgba(7,89,232,.1)}.mock-hero small{font-size:6px;font-weight:800;letter-spacing:1.4px;color:#7183a6}.mock-hero h3{font-family:Manrope;font-size:27px;line-height:1.03;letter-spacing:-1px;margin:10px 0 7px}.mock-hero em{font-style:normal;color:var(--blue)}.mock-hero p{font-size:7px;color:#7c879d}.mock-hero button{border:0;background:var(--blue);color:white;border-radius:5px;padding:8px 10px;font-size:7px;font-weight:800}.mock-cards{display:flex;gap:8px;margin-top:10px}.mock-cards div{height:40px;flex:1;background:white;border:1px solid #e3e8f0;border-radius:7px}.builder-bottom{height:49px;border-top:1px solid #e7edf5;display:flex;align-items:center;gap:13px;padding:0 14px;color:#7e899d;font-size:7px;font-weight:800}.builder-bottom button{margin-left:auto;border:0;border-radius:7px;padding:8px 11px;background:#0b1b3e;color:white;font-size:7px;font-weight:800}.float-card{position:absolute;z-index:4;background:rgba(255,255,255,.95);border:1px solid #e1e8f3;border-radius:12px;box-shadow:0 17px 35px rgba(20,55,110,.16);padding:10px 12px;display:flex;align-items:center;gap:9px}.float-card>b{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e8f3ff;color:var(--blue);font-size:9px}.float-card strong{display:block;font-size:8px}.float-card small{display:block;font-size:7px;color:#8993a5;margin-top:2px}.responsive{left:-5px;bottom:70px}.zip{right:-5px;top:74px}.zip>b{background:#e4faff;color:#0797c3}
.brand-strip{border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;padding:19px 0}.brand-strip .container{display:flex;justify-content:center;align-items:center;gap:20px;color:#8c97a9;font-size:8px;font-weight:800;letter-spacing:2px}.brand-strip i{width:35px;height:1px;background:#dce3ee}
.section{padding:105px 0}.heading{max-width:660px;margin-bottom:45px}.center{text-align:center;margin-left:auto;margin-right:auto}.heading h2,.feature-grid h2,.contact-card h2{font-family:Manrope;font-size:42px;line-height:1.12;letter-spacing:-2px;margin:13px 0}.heading h2 span,.feature-grid h2 span,.contact-card h2 span{color:var(--blue)}.heading p,.feature-grid>div>p,.contact-card p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.steps article{position:relative;min-height:258px;padding:27px;border:1px solid var(--line);border-radius:18px;transition:.25s}.steps article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(25,75,140,.08)}.steps article.highlight{background:linear-gradient(145deg,#f3f8ff,#f0fcff);border-color:#cfe3fb}.steps label{position:absolute;right:21px;top:21px;font-size:9px;font-weight:800;color:#a4acbb}.step-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#e9f3ff;color:var(--blue);font-size:18px;margin-bottom:27px}.steps h3{font-family:Manrope;font-size:18px;margin:0 0 9px}.steps p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}
.features{background:#f6f9fe}.feature-grid{display:grid;grid-template-columns:42% 58%;align-items:center}.feature-grid>div:first-child{padding-right:35px}.feature-grid ul{list-style:none;padding:0;margin:26px 0 21px;display:grid;gap:12px}.feature-grid li{font-size:11px;font-weight:800;display:flex;align-items:center;gap:9px}.feature-grid li b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e0f8f2;color:#14a27b;font-size:9px}.text-link{font-size:11px;color:var(--blue);font-weight:800}.devices{height:390px;position:relative}.laptop{position:absolute;width:405px;left:50%;top:45px;transform:translateX(-50%);z-index:2}.laptop-screen{height:247px;border:7px solid #17233d;background:#17233d;border-radius:13px 13px 6px 6px;padding:10px;box-shadow:0 25px 55px rgba(19,39,76,.2)}.fake-content{height:200px;border-radius:5px;background:linear-gradient(135deg,#eaf4ff,#eefcff);padding:17px;display:flex;flex-direction:column}.fake-content small{font-size:6px;color:#7384a3;font-weight:800}.fake-content strong{font-family:Manrope;font-size:25px;margin-top:18px;color:#17233d}.fake-content span{width:85px;height:9px;background:var(--blue);border-radius:4px;margin-top:12px}.fake-content div{height:43px;background:white;border:1px solid #e0e7f0;border-radius:5px;margin-top:20px}.laptop-base{width:465px;height:12px;margin-left:-30px;background:#c4cad6;border-radius:0 0 13px 13px}.phone{position:absolute;right:15px;bottom:34px;width:99px;height:193px;border:7px solid #18243e;border-radius:20px;background:#eaf4ff;z-index:4;padding:9px;box-shadow:0 20px 35px rgba(20,42,80,.2)}.phone div{height:165px;border-radius:11px;background:white;border:1px solid #e0e7f0}.tablet{position:absolute;left:8px;bottom:39px;width:180px;height:220px;border:8px solid #1b2740;border-radius:15px;background:#eaf4ff;z-index:1;padding:10px;transform:rotate(-3deg);box-shadow:0 20px 35px rgba(20,42,80,.12)}.tablet div{height:184px;border-radius:5px;background:white}
.pricing{padding:82px 0;background:linear-gradient(115deg,#061d57,#0759e8);color:#fff;position:relative;overflow:hidden}.pricing:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-200px;top:-250px;background:rgba(25,200,243,.17)}.pricing-grid{display:grid;grid-template-columns:1fr 370px;align-items:center;gap:80px}.light{color:#76dcff}.pricing h2{font-family:Manrope;font-size:42px;line-height:1.1;letter-spacing:-2px;margin:13px 0}.pricing p{color:#c2d4f5;font-size:13px;line-height:1.75}.price-card{padding:28px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(10px);position:relative;z-index:2}.price-card>small{font-size:9px;letter-spacing:1.5px;color:#b8cef4;font-weight:800}.price{font-family:Manrope;font-size:55px;letter-spacing:-3px;margin:3px 0}.price sup{font-size:21px;vertical-align:top;position:relative;top:10px}.price em{font-family:Inter;font-style:normal;font-size:9px;letter-spacing:1px;color:#b8cef4}.price-card p{margin:0 0 19px}.button-white{width:100%;background:#fff;color:#102452}.price-card>span{display:block;text-align:center;font-size:8px;color:#9fb6df;margin-top:12px}
.contact{padding-bottom:100px}.contact-card{background:linear-gradient(135deg,#f4f8ff,#effcff);border:1px solid #dce8f6;border-radius:24px;padding:53px 57px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.contact-info{display:grid;gap:16px}.contact-row{display:flex;align-items:center;gap:12px}.contact-row>b{width:41px;height:41px;border-radius:11px;background:white;display:grid;place-items:center;color:var(--blue);box-shadow:0 8px 18px rgba(20,65,120,.07)}.contact-row small{display:block;font-size:7px;letter-spacing:1.3px;color:#9099aa;font-weight:800;margin-bottom:4px}.contact-row a{font-size:12px;font-weight:800}.contact-info .button{margin-top:4px}
footer{border-top:1px solid #edf1f6;padding:25px 0;background:white}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-wrap .brand img{width:120px}.footer-wrap p,.footer-wrap>span{font-size:9px;color:#8e97a8}
.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,130px);background:#0b1b3e;color:#fff;border-radius:10px;padding:13px 18px;font-size:10px;font-weight:700;box-shadow:0 15px 35px rgba(0,0,0,.2);transition:.3s}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.feature-grid,.pricing-grid,.contact-card{grid-template-columns:1fr}.hero{padding-top:50px}.hero-art{margin-top:30px}.feature-grid>div:first-child{padding-right:0}.devices{margin-top:25px}.pricing-grid{gap:35px}.contact-card{gap:35px}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.site-header{height:68px}.nav-cta{display:none}.brand img{width:122px}.hero{padding:42px 0 65px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-text{font-size:13px}.hero-actions .button{width:100%}.trust-row{justify-content:space-between;gap:8px}.trust-row i{display:none}.builder{transform:none}.builder-main{height:285px}.builder-main aside{width:59px}.builder-main aside a{font-size:12px}.mock-hero{height:176px;padding:20px}.mock-hero h3{font-size:20px}.mock-cards{display:none}.builder-bottom{gap:7px}.builder-bottom span{font-size:6px}.float-card{padding:8px}.responsive{left:-3px;bottom:45px}.zip{right:-3px;top:45px}.section{padding:75px 0}.heading h2,.feature-grid h2{font-size:33px}.steps{grid-template-columns:1fr}.steps article{min-height:215px}.devices{transform:scale(.77);transform-origin:center;height:315px}.pricing h2{font-size:33px}.contact-card{padding:32px 24px}.contact-card h2{font-size:31px}.footer-wrap{flex-direction:column;align-items:flex-start}.footer-wrap p{margin:0}}