@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#03070c;--ink:#f5f9ff;--muted:#9badbd;--blue:#149dff;--cyan:#00d5ff;--line:rgba(190,220,245,.14);--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 80px));margin:auto}
header{height:86px;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(2,7,13,.94);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:12px;font:800 23px Manrope;letter-spacing:-.05em;white-space:nowrap}.brand-mark{width:46px;height:46px;display:block;flex:0 0 46px}.blue{color:#20adff}.links{display:flex;align-items:center;gap:28px;color:#aebdca;font-size:14px}.links a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3em;border-radius:999px;padding:14px 22px;font-weight:800;font-size:13px;border:1px solid var(--line);transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(100deg,#087cff,#0cc8ef);border-color:#20b8ff;box-shadow:0 0 28px rgba(0,157,255,.3)}.ghost{background:rgba(255,255,255,.045)}
.hero{min-height:860px;padding-top:86px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(2,6,11,.97) 0%,rgba(2,6,11,.90) 30%,rgba(2,6,11,.40) 62%,rgba(2,6,11,.10) 100%),linear-gradient(0deg,rgba(3,7,12,.98),transparent 28%),url("hero.png");background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-inner{min-height:774px;display:flex;align-items:center}.hero-copy{width:min(790px,100%);padding:65px 0 90px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.28em;color:#9eb4c6;text-transform:uppercase}.eyebrow b{color:#16b8ff}.hero h1{font:800 clamp(52px,6.2vw,86px)/.95 Manrope;letter-spacing:-.075em;margin:18px 0 22px;max-width:790px}.grad{background:linear-gradient(90deg,#fff 0 28%,#80d5ff 62%,#00c9ff 100%);background-clip:text;color:transparent}.hero p{max-width:640px;color:#b0bfcd;font-size:18px;line-height:1.7;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.checks{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#91a6b8;font-size:12px}.checks span:before{content:"✓";color:#16b8ff;margin-right:7px;font-weight:900}
.metrics{border-block:1px solid var(--line);background:#050c14}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:25px 20px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{font:700 17px Manrope}.metric small{display:block;color:#72889c;margin-top:5px;font-size:11px}
section{padding:110px 0}.alt{background:linear-gradient(180deg,#07111b,#03070c);border-block:1px solid rgba(190,220,245,.08)}.head{max-width:800px;margin-bottom:48px}.head h2{font:800 clamp(40px,5vw,64px)/1 Manrope;letter-spacing:-.065em;margin:13px 0 18px}.head p,.lead{color:var(--muted);font-size:17px;line-height:1.75}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:270px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0a1723,#040a10);position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-70px;bottom:-100px;width:200px;height:200px;border-radius:50%;background:#00a9ff;filter:blur(65px);opacity:.12}.card.featured{border-color:rgba(24,182,255,.38);box-shadow:0 0 55px rgba(0,145,255,.08)}.num{color:#18b6ff;font-size:10px;font-weight:800;letter-spacing:.18em}.card h3{font:700 23px Manrope;margin:34px 0 10px}.card p{color:#8095a8;line-height:1.7;font-size:14px}.arrow{position:absolute;left:30px;bottom:24px;color:#b9eaff;font-size:12px;font-weight:800}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.visual{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#02060b;box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 55px rgba(0,140,255,.12)}.visual img{width:100%;display:block}.list{display:grid;gap:18px;margin:30px 0}.list-item{display:flex;gap:13px}.icon{width:36px;height:36px;border:1px solid rgba(24,182,255,.45);border-radius:50%;display:grid;place-items:center;color:#18b6ff;flex:0 0 auto}.list b{font:700 15px Manrope}.list p{margin:4px 0 0;color:#7f94a7;font-size:13px;line-height:1.6}
.industries{display:grid;grid-template-columns:1fr 2fr;gap:18px}.industry-intro{display:flex;flex-direction:column;align-items:flex-start}.industry-intro .btn{margin-top:auto}.speed-badge{margin:28px 0 20px;padding:13px 15px;border:1px solid rgba(24,182,255,.2);border-radius:14px;background:rgba(0,145,255,.055);display:grid;gap:4px}.speed-badge span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#18b6ff}.speed-badge b{font:700 13px Manrope;color:#dcefff}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.industry{height:205px;border-radius:20px;border:1px solid var(--line);padding:17px;display:flex;align-items:flex-end;background-color:#071019;background-size:cover!important;background-position:center!important;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.industry:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.38)}.industry:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(1,4,7,.92) 100%);pointer-events:none}.industry small{position:absolute;top:15px;left:15px;z-index:2;color:#d0e5f2;font-size:11px}.industry>div:not(.image-options){position:relative;z-index:2;display:grid;gap:5px;padding-right:18px}.industry b{font:700 16px Manrope}.industry em{font-style:normal;color:#b0c4d2;font-size:10px;line-height:1.35}.industry-arrow{position:absolute;right:17px;top:15px;z-index:3;color:#d9f4ff;font-size:16px;opacity:.8}.image-options{position:absolute;right:13px;bottom:13px;z-index:4;display:flex;gap:5px}.image-option{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.7);padding:0;background-size:cover;background-position:center;cursor:pointer;opacity:.72;box-shadow:0 2px 8px rgba(0,0,0,.35)}.image-option:nth-child(1){background-image:var(--img1)}.image-option:nth-child(2){background-image:var(--img2)}.image-option:nth-child(3){background-image:var(--img3)}.image-option.active{opacity:1;border-color:#18b6ff;box-shadow:0 0 0 2px rgba(24,182,255,.25),0 2px 8px rgba(0,0,0,.4)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:30px 22px;border-right:1px solid var(--line)}.step:last-child{border:0}.stepno{color:#18b6ff;font-size:10px;font-weight:800;letter-spacing:.18em}.step h3{font:700 19px Manrope;margin:22px 0 8px}.step p{color:#7f94a8;font-size:13px;line-height:1.65}
.cta{padding:110px 0}.cta-box{border:1px solid rgba(24,182,255,.28);border-radius:32px;padding:70px;background:radial-gradient(circle at 80% 50%,rgba(0,170,255,.22),transparent 35%),linear-gradient(135deg,#071522,#03080d);position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;right:-15%;bottom:20%;width:70%;height:2px;background:#10bfff;transform:rotate(-9deg);box-shadow:0 0 30px #10bfff}.cta-box h2{font:800 clamp(40px,5vw,67px)/1 Manrope;letter-spacing:-.065em;max-width:850px;margin:14px 0 18px}.cta-box p{color:#91a6b8;max-width:620px;font-size:17px;line-height:1.7}
footer{border-top:1px solid var(--line);padding:48px 0 25px;background:#01050a}.foot{display:flex;justify-content:space-between;gap:30px}.foot p,.foot a{color:#6f8498;font-size:12px}.footlinks{display:flex;gap:22px;flex-wrap:wrap}.copy{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:#4f6477;font-size:11px}

/* v6 pricing pages */
.pricing-hero{padding:150px 0 85px;background:radial-gradient(circle at 78% 18%,rgba(0,168,255,.17),transparent 30%),linear-gradient(180deg,#07121d,#03070c)}
.pricing-hero h1{font:800 clamp(48px,6vw,82px)/.98 Manrope;letter-spacing:-.07em;max-width:900px;margin:15px 0 20px}
.pricing-hero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.75}
.price-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}
.price-main,.price-side{padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0a1723,#040a10)}
.price-main h2,.price-side h2{font:700 27px Manrope;margin:10px 0 16px}
.price-main p,.price-side p{color:#8095a8;line-height:1.75}
.price-list{display:grid;gap:10px;margin:25px 0}
.price-list div{padding:15px 16px;border:1px solid rgba(190,220,245,.09);border-radius:14px;background:rgba(255,255,255,.025);color:#d6e5ef}
.price-list div:before{content:'✓';color:#18b6ff;font-weight:900;margin-right:10px}
.price-tag{font:800 44px Manrope;letter-spacing:-.05em;margin:12px 0}.price-tag small{font:600 13px 'DM Sans';color:#8095a8;letter-spacing:0}
.package-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(24,182,255,.08);border:1px solid rgba(24,182,255,.22);color:#18b6ff;font-size:10px;font-weight:800;letter-spacing:.16em}
.price-note{color:#18b6ff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase}
.price-side .btn{width:100%;margin-top:12px}
.price-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-faq .card{min-height:190px}
@media(max-width:950px){.price-layout{grid-template-columns:1fr}.price-faq{grid-template-columns:1fr}}
@media(max-width:950px){.links{display:none}.wrap{width:min(var(--max),calc(100% - 44px))}.hero{min-height:800px}.cards,.split,.industries{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(3,1fr)}.steps,.metric-grid{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--line)}}
@media(max-width:580px){.wrap{width:calc(100% - 28px)}.hero{min-height:760px;background-position:62% center}.hero h1{font-size:51px}.hero p{font-size:16px}.cards,.steps,.metric-grid,.industry-grid{grid-template-columns:1fr}section{padding:80px 0}.cta-box{padding:42px 25px}.foot{flex-direction:column}.industry{height:180px}}

/* v5 refinements */
.links .btn strong,.btn strong{font-weight:900}.foot .brand{color:var(--ink)}.foot .brand span{color:var(--ink)}.foot .brand span .blue{color:#20adff}.foot .brand-mark{width:46px;height:46px}.speed-badge small{color:#7f98ab;font-size:11px;line-height:1.45}.industry{outline:none!important;border-color:var(--line)!important;box-shadow:none}.industry:focus,.industry:focus-visible{outline:none!important;box-shadow:0 18px 45px rgba(0,0,0,.38)}.image-options{align-items:center;background:rgba(2,7,12,.42);padding:4px 5px;border:1px solid rgba(255,255,255,.10);border-radius:10px;backdrop-filter:blur(8px)}.image-option{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.5);opacity:.75;box-shadow:none}.image-option.active{opacity:1;border-color:#18b6ff;box-shadow:0 0 0 1px rgba(24,182,255,.22)}.industry>div:not(.image-options){max-width:78%}.industry em{max-width:100%}.service-hero{padding:150px 0 90px;background:radial-gradient(circle at 80% 20%,rgba(0,168,255,.16),transparent 30%),linear-gradient(180deg,#07121d,#03070c)}.service-hero h1{font:800 clamp(48px,6vw,80px)/.98 Manrope;letter-spacing:-.07em;max-width:850px;margin:16px 0 22px}.service-hero p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.75}.service-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.service-panel{padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0a1723,#040a10)}.service-panel h3{font:700 24px Manrope;margin:10px 0}.service-panel p{color:#8095a8;line-height:1.75}.service-list{display:grid;gap:12px;margin-top:22px}.service-list div{padding:14px 16px;border:1px solid rgba(190,220,245,.09);border-radius:14px;background:rgba(255,255,255,.025);color:#cfe0ed}.service-note{color:#18b6ff!important;font-size:12px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.service-cta{margin-top:30px}.service-page footer{margin-top:0}@media(max-width:950px){.service-grid{grid-template-columns:1fr}}


/* v7 visual polish */
:root{--electric:#16b8ff;--electric2:#1688ff;--blue-soft:#8edcff}
.pave-word{color:#20adff!important}
/* Service cards: more electric blue, still retaining the dark premium fade */
#services .cards .card{min-height:300px;background:radial-gradient(circle at 88% 108%,rgba(0,224,255,.62),transparent 43%),radial-gradient(circle at 18% 0%,rgba(0,125,255,.38),transparent 48%),linear-gradient(145deg,#07376f 0%,#075fbd 48%,#071d3c 100%);border-color:rgba(25,194,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 22px 65px rgba(0,132,255,.24)}
#services .cards .card:after{background:#00c8ff;opacity:.28;filter:blur(60px)}
#services .cards .card:hover{transform:translateY(-5px);border-color:#39caff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 80px rgba(0,150,255,.34)}
#services .card h3{color:#f7fcff;font-size:25px}
#services .card p{color:#d1e5f3}
#services .arrow{color:#f0fbff}
/* Pricing section gets the same blue energy, with Professional clearly leading */
#pricing .cards .card{min-height:285px;background:radial-gradient(circle at 90% 112%,rgba(0,205,255,.50),transparent 46%),radial-gradient(circle at 10% 0%,rgba(0,120,255,.26),transparent 45%),linear-gradient(145deg,#07376d 0%,#0756ac 52%,#071d3d 100%);border-color:rgba(25,188,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 62px rgba(0,125,255,.19)}
#pricing .cards .card.featured{background:radial-gradient(circle at 50% 0%,rgba(35,203,255,.42),transparent 43%),radial-gradient(circle at 92% 112%,rgba(0,230,255,.62),transparent 48%),linear-gradient(145deg,#0a55a4 0%,#0877df 52%,#073675 100%);border-color:#25c5ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 28px 82px rgba(0,150,255,.32)}
#pricing .card h3{font-size:40px;color:#f7fcff}
#pricing .card p{color:#d1e5f3}
#pricing .arrow{color:#f0fbff}
/* About: larger concept headings */
#about .card h3{font-size:31px;letter-spacing:-.035em;margin-top:8px;color:#f4fbff}
#about .card p{font-size:15px;line-height:1.75;color:#9db4c7}


/* v8 refinement: softer service cards, full-card links, business contact footer */
#services .cards .card-link,
#pricing .cards .card-link{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;color:inherit}
#services .cards .card-link .num,
#pricing .cards .card-link .num{align-self:center}
#services .cards .card-link h3{margin-top:30px}
#services .cards .card-link p{max-width:520px}
#services .cards .card-link .arrow,
#pricing .cards .card-link .arrow{left:50%;transform:translateX(-50%);white-space:nowrap}
#services .cards .card-link:focus-visible,
#pricing .cards .card-link:focus-visible{outline:2px solid rgba(24,182,255,.8);outline-offset:4px}
/* Match the more restrained pricing look: blue, but with a deeper fade into black. */
#services .cards .card{background:radial-gradient(circle at 88% 112%,rgba(0,198,255,.34),transparent 42%),radial-gradient(circle at 12% 0%,rgba(0,105,235,.24),transparent 45%),linear-gradient(145deg,#0b3768 0%,#0b4e96 42%,#071c35 72%,#040a10 100%);border-color:rgba(25,188,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 58px rgba(0,110,220,.16)}
#services .cards .card:after{background:#00bfff;opacity:.16;filter:blur(70px)}
#services .cards .card:hover{border-color:rgba(45,202,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 25px 70px rgba(0,125,255,.23)}
#services .cards .card p{color:#c1d6e5}
#services .cards .card h3{color:#f4faff}
#services .cards .card .arrow{color:#c7eeff}
.business-contact{display:grid;gap:5px;margin-top:14px}
.business-contact span,.business-contact a{color:#6f8498;font-size:12px}
.business-contact a:hover{color:#20adff}
.footnote-placeholder{color:#42576a}


/* v9 footer + interaction cleanup */
.card-link{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}
#pricing .cards .card-link:hover{transform:translateY(-7px);border-color:rgba(45,202,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 28px 78px rgba(0,125,255,.28)}
#pricing .cards .card-link.featured:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 34px 88px rgba(0,150,255,.38)}
#services .cards .card-link:hover{transform:translateY(-7px)}
.industry small,.stepno{display:none!important}
footer{padding:40px 0 22px;background:#01050a;border-top:1px solid var(--line)}
.foot{display:grid;grid-template-columns:minmax(270px,1fr) minmax(420px,1.45fr) minmax(250px,.8fr);align-items:center;gap:42px}
.foot-brand .brand{display:inline-flex}
.foot-brand p{margin:14px 0 0;color:#71879b;font-size:12px;line-height:1.55}
.footlinks{display:flex;align-items:center;justify-content:center;gap:18px 25px;flex-wrap:wrap}
.footlinks a{color:#6f8498;font-size:12px;white-space:nowrap;transition:color .2s ease}
.footlinks a:hover{color:#d9f3ff}
.foot-contact{display:grid;gap:14px;justify-self:end;min-width:250px}
.foot-contact-row{display:flex;align-items:flex-start;gap:11px;color:#71879b;font-size:12px;line-height:1.5}
.foot-contact-row a{color:#71879b}.foot-contact-row a:hover{color:#20adff}
.foot-icon{color:#16b8ff;font-size:17px;line-height:1.2;width:20px;text-align:center}
.copy{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:17px;border-top:1px solid var(--line);color:#4f6477;font-size:11px}
.legal-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.legal-links a{color:#5f7488}.legal-links a:hover{color:#20adff}
.footnote-placeholder{color:#42576a}
@media(max-width:950px){.foot{grid-template-columns:1fr;gap:28px}.footlinks{justify-content:flex-start}.foot-contact{justify-self:start}.copy{align-items:flex-start;flex-direction:column}.legal-links{justify-content:flex-start}}