@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{color-scheme:dark;--bg:#03060e;--panel:#0b1224;--line:#273451;--text:#f5f7ff;--muted:#a7b4d1;--blue:#4785ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}body:before{content:'';position:absolute;top:0;left:0;right:0;height:820px;pointer-events:none;background:linear-gradient(90deg,transparent 98%,#ffffff0a 99%),linear-gradient(transparent 98%,#ffffff0a 99%);background-size:56px 56px;mask-image:linear-gradient(#000,transparent);z-index:-1}a{color:inherit}a:hover{color:#a7c6ff}.container{width:min(1120px,calc(100% - 40px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Space Grotesk';font-size:20px;font-weight:700;letter-spacing:.03em}.brand img{width:45px;height:45px;object-fit:cover;border-radius:10px}.navlinks{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:14px;color:#d5ddf0}.button{display:inline-block;border:1px solid #618eff;border-radius:12px;background:linear-gradient(120deg,#2549c5,#6b36dd);padding:12px 22px;color:white!important;text-decoration:none;font-weight:700;box-shadow:0 10px 30px #2358ff44}.button.secondary{background:#0b1427;box-shadow:none;border-color:#5a6788}.hero{position:relative;text-align:center;padding:125px 0 135px;overflow:hidden}.hero:before{content:'';position:absolute;width:850px;height:350px;border-radius:50%;background:#2256ff80;filter:blur(100px);left:50%;top:270px;transform:translateX(-50%);z-index:-1}.eyebrow{display:inline-block;padding:6px 15px;border:1px solid #52648d;border-radius:99px;background:#111a30;color:#d6e4ff;font-size:13px}.hero h1{font-family:'Space Grotesk';font-size:clamp(43px,7vw,88px);line-height:1.05;letter-spacing:-.055em;margin:28px auto;max-width:950px}.gradient{background:linear-gradient(95deg,#fff,#a3c2ff,#5484ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;max-width:690px;margin:0 auto 30px;color:#c4d0e7}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section{padding:75px 0}.section h2,.page h1{font-family:'Space Grotesk';letter-spacing:-.035em;font-size:clamp(32px,4vw,49px);line-height:1.15;margin:12px 0 20px}.muted{color:var(--muted)}.kicker{color:#81aaff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.16em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:linear-gradient(145deg,#101b35,#090e1b);border:1px solid #273a60;border-radius:19px;padding:27px}.card h3{font-family:'Space Grotesk';font-size:21px;margin:4px 0 8px}.card p{color:var(--muted);margin:0}.price{font-family:'Space Grotesk';font-size:64px;letter-spacing:-.05em;font-weight:700;margin:5px 0}.price small{font-family:'DM Sans';font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.checklist{padding-left:20px;color:#d7e2f8}.checklist li{padding:6px 0}.band{background:linear-gradient(90deg,#0b1740,#111027);border:1px solid #36509b;border-radius:23px;padding:35px}.page{padding:65px 0 95px;max-width:850px}.page p,.page li{color:#c0cce3}.page h2{font-family:'Space Grotesk';margin-top:36px}.page a{color:#a9c6ff}.faq{border-bottom:1px solid #26334c;padding:18px 0}.faq summary{cursor:pointer;font-weight:700;font-size:18px}.faq p{margin-bottom:0}.footer{border-top:1px solid #26334c;padding:35px 0;color:#a9b8d5}.footerline{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{margin-right:15px;color:#c4d0ea;text-decoration:none}.contactbox{border:1px solid #35508c;background:#0d1830;border-radius:20px;padding:30px}.fine{font-size:13px;color:#9aaccb}.tag{display:inline-block;color:#b8d2ff;border:1px solid #425987;padding:4px 12px;border-radius:50px;font-size:13px;margin-bottom:10px}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.navlinks{gap:14px}.navlinks a{font-size:13px}.hero{padding:85px 0 100px}.grid,.feature{grid-template-columns:1fr}.section{padding:48px 0}.card{padding:23px}.band{padding:25px}.price{font-size:53px}}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plan{display:flex;flex-direction:column}.plan.featured{border-color:#6a91ff;box-shadow:0 0 35px #2456ff25}.planprice{font:700 42px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:8px 0}.plan .checklist{flex:1;padding-left:18px}.plan .button{text-align:center;margin-top:18px}.leadform{display:grid;gap:18px;margin-top:25px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.leadform label{display:flex;flex-direction:column;gap:7px;color:#e2e9fa;font-weight:600;font-size:14px}.leadform input:not([type=checkbox]),.leadform textarea,.leadform select{width:100%;border:1px solid #465a87;background:#071024;color:#fff;border-radius:10px;padding:13px;font:inherit}.leadform input:focus,.leadform textarea:focus,.leadform select:focus{outline:2px solid #6e9aff;outline-offset:1px}.leadform .consent{display:flex;flex-direction:row;align-items:flex-start;font-weight:400}.consent input{margin-top:6px}.leadform button{cursor:pointer;width:max-content;font:inherit}.leadform a{color:#a9c6ff}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}}


/* Mobile navigation and touch-friendly layout */
.menu-toggle{display:none}
@media(max-width:760px){
 html{scroll-padding-top:20px}
 body{overflow-x:hidden}
 .container{width:calc(100% - 32px)}
 .nav{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;min-height:72px}
 .brand{font-size:clamp(12px,3.7vw,17px);letter-spacing:0;gap:7px;min-width:0;white-space:nowrap}
 .brand img{width:39px;height:39px;flex-shrink:0}
 .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 46px;width:46px;height:46px;border:1px solid #415782;border-radius:12px;background:#101a30;color:#fff;cursor:pointer}
 .menu-toggle span{width:21px;height:2px;border-radius:3px;background:#edf3ff;transition:transform .2s,opacity .2s}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .navlinks{display:none;position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;background:#0b1327;border:1px solid #33476e;border-radius:16px;box-shadow:0 16px 35px #000b;padding:12px;flex-direction:column;align-items:stretch;gap:3px}
 .navlinks.is-open{display:flex}
 .navlinks a{display:flex;align-items:center;min-height:46px;padding:10px 13px;font-size:16px;border-radius:9px}
 .navlinks a:hover,.navlinks a:focus-visible{background:#18284b}
 .navlinks .button{justify-content:center;margin-top:5px}
 .hero{padding:62px 0 76px}
 .hero:before{width:100%;height:300px;top:180px;filter:blur(75px)}
 .hero h1{font-size:clamp(40px,10.8vw,64px);line-height:1.07;letter-spacing:-.045em;margin:20px auto}
 .eyebrow{font-size:11px;max-width:100%;line-height:1.5}
 .lead{font-size:16px;line-height:1.65}
 .actions{flex-direction:column;align-items:stretch}
 .actions .button{display:block;text-align:center;width:100%}
 .button{min-height:46px;text-align:center}
 .section{padding:43px 0}
 .section h2,.page h1{font-size:clamp(29px,8vw,40px)}
 .card{padding:21px}
 .pricing-grid,.grid,.feature,.formgrid{grid-template-columns:minmax(0,1fr)}
 .planprice{font-size:40px}
 .plan .button{display:block;width:100%}
 .band{padding:22px 16px;border-radius:18px}
 .page{padding:40px 0 65px}
 .contactbox{padding:20px 16px}
 .leadform{gap:16px}
 .leadform input:not([type=checkbox]),.leadform textarea,.leadform select{min-height:48px;font-size:16px}
 .leadform button{width:100%;min-height:50px}
 .footer{padding:28px 0}
 .footerline{flex-direction:column;gap:18px}
 .footerline>div:last-child{display:flex;flex-wrap:wrap;gap:10px 16px}
 .footer a{margin-right:0;display:inline-flex;min-height:36px;align-items:center}
 .faq summary{padding:4px 20px 4px 0;min-height:44px;line-height:1.5}
}
@media(max-width:360px){.brand{font-size:12px}.brand img{width:33px;height:33px}.container{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-toggle span{transition:none}}