@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}
/* V42 — animate a soft light sweep directly on the existing blue road/stream. */
.hero-stream-flow{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.9}
.hero-stream-flow:before,.hero-stream-flow:after{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask-image:url("hero-stream-mask.png");mask-image:url("hero-stream-mask.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;mix-blend-mode:screen}
.hero-stream-flow:before{background:linear-gradient(90deg,transparent 0%,transparent 38%,rgba(0,213,255,.28) 45%,rgba(232,251,255,.92) 50%,rgba(0,213,255,.32) 55%,transparent 63%,transparent 100%);background-size:260% 100%;animation:streamSweep 5.8s linear infinite,streamPulse 4.2s ease-in-out infinite;filter:blur(5px)}
.hero-stream-flow:after{background:linear-gradient(90deg,transparent 0%,transparent 44%,rgba(255,255,255,.88) 49%,rgba(0,214,255,.95) 52%,transparent 58%,transparent 100%);background-size:230% 100%;animation:streamSweep 5.8s linear infinite,streamPulseCore 4.2s ease-in-out infinite;animation-delay:-1.4s,-1.4s;filter:blur(.35px)}
@keyframes streamSweep{0%{background-position:110% 0}100%{background-position:-110% 0}}
@keyframes streamPulse{0%,100%{opacity:.22}45%,55%{opacity:.9}50%{opacity:1}}
@keyframes streamPulseCore{0%,100%{opacity:.28}45%,55%{opacity:.98}50%{opacity:1}}

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-inner{position:relative;z-index:2}.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-enhanced.webp");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}}

/* v11 FREE preview form */
body.modal-open{overflow:hidden}
.preview-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.preview-modal.open{display:flex}
.preview-backdrop{position:absolute;inset:0;background:rgba(0,4,9,.82);backdrop-filter:blur(10px)}
.preview-dialog{position:relative;width:min(720px,100%);max-height:min(92vh,900px);overflow:auto;padding:34px;border:1px solid rgba(32,173,255,.34);border-radius:26px;background:linear-gradient(145deg,#0a1723,#03070c 82%);box-shadow:0 35px 120px rgba(0,0,0,.65),0 0 70px rgba(0,140,255,.14);z-index:1}
.preview-close{position:absolute;right:17px;top:13px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.04);color:#dcebf4;font-size:25px;line-height:1;cursor:pointer}
.preview-close:hover{border-color:rgba(32,173,255,.5);color:#20adff}
.preview-dialog h2{font:800 clamp(34px,5vw,52px)/1 Manrope;letter-spacing:-.055em;margin:13px 42px 12px 0;color:#f5fbff}
.preview-intro{color:#8fa6b8;line-height:1.65;margin:0 0 24px;max-width:610px}.preview-intro strong{color:#dff5ff}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.preview-grid label{display:grid;gap:7px;color:#dceaf3;font-size:12px;font-weight:700;letter-spacing:.02em}
.preview-grid label>span{color:#20adff}.preview-grid label small{font-size:11px;color:#637b8e;font-weight:500}
.preview-grid input,.preview-grid select{width:100%;box-sizing:border-box;padding:14px 14px;border:1px solid rgba(190,220,245,.13);border-radius:13px;background:#07121c;color:#edf8ff;font:500 14px 'DM Sans',sans-serif;outline:none}
.preview-grid input::placeholder{color:#5f7486}.preview-grid input:focus,.preview-grid select:focus{border-color:#20adff;box-shadow:0 0 0 3px rgba(32,173,255,.10)}
.preview-grid select{appearance:auto}.conditional-field[hidden]{display:none}
.preview-consent{display:grid;gap:11px;margin:19px 0 16px;padding:16px;border:1px solid rgba(190,220,245,.09);border-radius:14px;background:rgba(255,255,255,.025)}
.check-row{display:flex!important;align-items:flex-start;gap:10px;color:#8fa6b8!important;font-size:11px!important;font-weight:500!important;line-height:1.5}
.check-row input{margin-top:2px;accent-color:#20adff;flex:0 0 auto}.check-row b{color:#20adff}
.preview-hp{position:absolute;left:-10000px;opacity:0;height:0;overflow:hidden}.preview-hp input{pointer-events:none}
.preview-submit{width:100%;margin-top:4px}.preview-submit:disabled{opacity:.65;cursor:wait}
.preview-error{margin:12px 0;padding:11px 13px;border-radius:11px;border:1px solid rgba(255,90,90,.3);background:rgba(255,50,50,.08);color:#ffb2b2;font-size:12px}
.preview-privacy{margin:13px 0 0;text-align:center;color:#526a7d;font-size:10px;line-height:1.5}.preview-privacy a{color:#6f9bb7}.preview-privacy a:hover{color:#20adff}
.preview-success{text-align:center;padding:24px 10px 8px}.preview-success-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:rgba(24,182,255,.12);border:1px solid rgba(24,182,255,.35);color:#20adff;font-size:30px;font-weight:800}.preview-success h3{font:800 34px Manrope;letter-spacing:-.045em;margin:0 0 10px;color:#f4fbff}.preview-success p{color:#8fa6b8;line-height:1.7}.preview-success-note{color:#20adff!important;font-size:11px;font-weight:800;letter-spacing:.15em;margin:22px 0!important}
@media(max-width:640px){.preview-modal{padding:10px}.preview-dialog{padding:27px 19px 22px;border-radius:21px;max-height:94vh}.preview-grid{grid-template-columns:1fr;gap:13px}.preview-dialog h2{font-size:37px}.preview-intro{font-size:14px}.preview-close{right:10px;top:9px}}

/* v11 FAQ */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}.faq-grid details{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0a1723,#040a10);padding:0 18px}.faq-grid summary{cursor:pointer;list-style:none;padding:19px 26px 19px 0;color:#e8f4fb;font:700 15px Manrope;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';position:absolute;right:0;top:15px;color:#20adff;font-size:23px;font-weight:400}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{margin:0 0 18px;color:#8197a9;line-height:1.7;font-size:13px}@media(max-width:700px){.faq-grid{grid-template-columns:1fr}}


/* =========================================================
   WebPaved AI — floating assistant
   ========================================================= */
body.wp-ai-open { overflow: hidden; }
.wp-ai-shell{position:fixed;z-index:9990;right:22px;bottom:22px;width:min(420px,calc(100vw - 28px));font-family:inherit;color:#eef7ff}
.wp-ai-bar{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 12px 10px 15px;border:1px solid rgba(74,194,255,.34);border-radius:18px;background:linear-gradient(135deg,rgba(8,24,38,.97),rgba(5,12,20,.98));box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 28px rgba(28,167,255,.12);backdrop-filter:blur(16px);cursor:pointer}
.wp-ai-mark{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#27b9ff,#1479ff);box-shadow:0 0 22px rgba(35,174,255,.35);font-size:16px;font-weight:900;color:#fff}
.wp-ai-bar-copy{min-width:0;flex:1;text-align:left}.wp-ai-bar-copy strong{display:block;font-size:14px;letter-spacing:.02em}.wp-ai-bar-copy span{display:block;margin-top:2px;color:#8fa7b9;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-ai-open-btn{border:0;border-radius:11px;padding:9px 12px;background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.wp-ai-open-btn:hover{background:rgba(255,255,255,.12)}
.wp-ai-panel{display:none;margin-bottom:10px;overflow:hidden;border:1px solid rgba(74,194,255,.28);border-radius:20px;background:rgba(5,14,23,.985);box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 35px rgba(20,145,255,.1);backdrop-filter:blur(18px)}
.wp-ai-shell.open .wp-ai-panel{display:block;animation:wpAiIn .18s ease-out}.wp-ai-shell.open .wp-ai-bar{border-color:rgba(74,194,255,.5)}
@keyframes wpAiIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wp-ai-head{display:flex;align-items:center;gap:10px;padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.08)}.wp-ai-head h3{margin:0;font-size:15px}.wp-ai-head p{margin:2px 0 0;color:#8fa7b9;font-size:11px}.wp-ai-close{margin-left:auto;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#b9c8d2;font-size:18px;cursor:pointer}
.wp-ai-messages{max-height:330px;overflow:auto;padding:15px}.wp-ai-msg{max-width:88%;margin:0 0 10px;padding:11px 12px;border-radius:14px;font-size:13px;line-height:1.55;white-space:pre-wrap}.wp-ai-msg.ai{background:rgba(255,255,255,.055);color:#dbe8f0;border:1px solid rgba(255,255,255,.05)}.wp-ai-msg.user{margin-left:auto;background:linear-gradient(135deg,#126db7,#1556a9);color:#fff}.wp-ai-typing{opacity:.7}.wp-ai-suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:0 15px 12px}.wp-ai-suggestion{border:1px solid rgba(74,194,255,.2);background:rgba(16,45,65,.55);color:#bfe9ff;border-radius:999px;padding:7px 9px;font:inherit;font-size:11px;cursor:pointer}.wp-ai-suggestion:hover{background:rgba(25,77,108,.65)}
.wp-ai-form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.wp-ai-form input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#081723;color:#fff;padding:11px 12px;font:inherit;font-size:13px;outline:none}.wp-ai-form input:focus{border-color:rgba(74,194,255,.55);box-shadow:0 0 0 3px rgba(74,194,255,.08)}.wp-ai-form button{width:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#27b9ff,#1479ff);color:#fff;font-size:17px;font-weight:900;cursor:pointer}.wp-ai-form button:disabled{opacity:.5;cursor:not-allowed}.wp-ai-note{padding:0 13px 11px;color:#657d8f;font-size:9px;line-height:1.4;text-align:center}
@media(max-width:700px){.wp-ai-shell{right:12px;bottom:12px;width:calc(100vw - 24px)}.wp-ai-panel{margin-bottom:8px}.wp-ai-messages{max-height:42vh}.wp-ai-bar{min-height:54px;border-radius:16px}.wp-ai-open-btn{padding:8px 10px}.wp-ai-bar-copy span{font-size:11px}}


/* WebPaved v13 refinement */
section{padding:94px 0}.cta{padding:94px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0a1723,#040a10);position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.blog-card:after{content:"";position:absolute;right:-75px;bottom:-95px;width:200px;height:200px;border-radius:50%;background:#00a9ff;filter:blur(65px);opacity:.10}.blog-card:hover{transform:translateY(-6px);border-color:rgba(24,182,255,.35);box-shadow:0 18px 55px rgba(0,0,0,.28)}.blog-card h2,.blog-card h3{font:700 23px/1.12 Manrope;letter-spacing:-.035em;margin:24px 0 12px;position:relative;z-index:2}.blog-card p{color:#8095a8;line-height:1.7;font-size:14px;position:relative;z-index:2}.blog-meta{color:#18b6ff;font-size:10px;font-weight:800;letter-spacing:.16em;position:relative;z-index:2}.blog-card .arrow{bottom:22px;z-index:2}.blog-more{margin-top:22px}.article-hero{padding-bottom:70px}.article-byline{margin-top:22px;color:#6f879a;font-size:12px}.article-wrap{max-width:900px}.article-body{max-width:820px;margin:0 auto}.article-body h2{font:800 clamp(28px,4vw,40px)/1.08 Manrope;letter-spacing:-.045em;margin:48px 0 14px}.article-body p{color:#9db0bf;font-size:17px;line-height:1.8;margin:0 0 18px}.article-cta{margin-top:50px;padding:36px;border:1px solid rgba(24,182,255,.28);border-radius:24px;background:linear-gradient(135deg,#071522,#03080d)}.article-cta h3{font:800 27px/1.1 Manrope;margin:0 0 10px}.article-cta p{font-size:15px;margin-bottom:22px}.wp-ai-mark img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}.wp-ai-shell .wp-ai-mark{overflow:hidden}.wp-ai-bar .wp-ai-mark,.wp-ai-head .wp-ai-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;padding:0}.wp-ai-head .wp-ai-mark{width:34px;height:34px;flex-basis:34px}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}.links{gap:16px}.links a{font-size:13px}.links .btn{padding:12px 15px}}
@media(max-width:700px){section{padding:72px 0}.cta{padding:72px 0}.blog-grid{grid-template-columns:1fr}.article-body p{font-size:16px}.article-hero{padding-bottom:58px}}

/* WebPaved v14 — sales section refinement */
.sales-section{padding:72px 0}.sales-section .split{gap:55px}.sales-head{margin-bottom:26px}.sales-head h2{font:800 clamp(40px,5vw,64px)/1 Manrope;letter-spacing:-.065em;margin:13px 0 18px;max-width:760px}.sales-head p{color:var(--muted);font-size:17px;line-height:1.75;margin:0}.sales-section .visual{aspect-ratio:3/2}.sales-section .visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sales-section .list{margin:24px 0}.sales-section .btn{margin-top:2px}@media(max-width:950px){.sales-section{padding:68px 0}.sales-section .visual{aspect-ratio:3/2}}@media(max-width:700px){.sales-section{padding:62px 0}.sales-section .split{gap:34px}.sales-head{margin-bottom:20px}.sales-head h2{font-size:40px}.sales-section .visual{aspect-ratio:3/2}}

/* WebPaved v15 — selected work / portfolio section */
.portfolio-section{padding:86px 0 92px;background:linear-gradient(180deg,#03080e,#06111a 50%,#03080e);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.portfolio-section .head{max-width:820px;margin-bottom:34px}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.portfolio-card{border:1px solid rgba(190,220,245,.12);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#0a1723,#040a10);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.portfolio-card:hover{transform:translateY(-7px);border-color:rgba(24,182,255,.42);box-shadow:0 22px 60px rgba(0,0,0,.32),0 0 30px rgba(24,182,255,.08)}
.portfolio-preview{position:relative;height:235px;overflow:hidden;background:#07131d}
.portfolio-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(24,182,255,.3),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.03),transparent 55%)}
.browser{position:absolute;top:13px;left:13px;right:13px;height:12px;display:flex;align-items:center;gap:5px;z-index:2}.browser span{width:5px;height:5px;border-radius:50%;background:rgba(220,240,250,.42)}
.mock-copy{position:absolute;left:22px;right:18px;bottom:24px;z-index:2}.mock-copy small{display:block;color:#9bb4c6;font-size:8px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}.mock-copy strong{display:block;color:#f4fbff;font:800 28px/.96 Manrope;letter-spacing:-.055em}.mock-copy em{color:#20adff;font-style:normal}.mock-copy i{display:block;width:46px;height:3px;margin-top:17px;background:linear-gradient(90deg,#18b6ff,transparent);border-radius:4px}
.preview-landscape{background:linear-gradient(145deg,#0c241c 0%,#0a1d1a 45%,#051017 100%)}.preview-landscape:after{content:"";position:absolute;width:180px;height:180px;right:-35px;bottom:-65px;border-radius:50%;background:rgba(54,180,93,.28);filter:blur(35px)}
.preview-auto{background:linear-gradient(145deg,#081522,#0b2538 55%,#04090e)}.preview-auto:after{content:"";position:absolute;width:250px;height:80px;right:-55px;bottom:30px;border-radius:50%;border:2px solid rgba(24,182,255,.4);transform:rotate(-18deg);box-shadow:0 0 28px rgba(24,182,255,.2)}
.preview-wellness{background:linear-gradient(145deg,#10131d,#182b3a 55%,#050a10)}.preview-wellness:after{content:"";position:absolute;width:130px;height:190px;right:30px;bottom:-55px;border-radius:70px 70px 0 0;background:linear-gradient(160deg,rgba(24,182,255,.32),rgba(255,255,255,.03));filter:blur(1px)}
.preview-food{background:linear-gradient(145deg,#24140d,#18202a 50%,#050a10)}.preview-food:after{content:"";position:absolute;width:170px;height:170px;right:-45px;top:25px;border-radius:50%;background:rgba(246,139,51,.18);filter:blur(25px)}
.portfolio-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 19px 20px}.portfolio-info b{display:block;color:#f2f8fc;font:700 15px Manrope;margin-bottom:4px}.portfolio-info span{display:block;color:#7890a2;font-size:11px}.portfolio-arrow{width:30px!important;height:30px;border:1px solid rgba(24,182,255,.3);border-radius:50%;display:grid!important;place-items:center;color:#20adff!important;font-size:14px!important;flex:0 0 30px}.portfolio-note{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:17px 19px;border:1px solid rgba(190,220,245,.08);border-radius:16px;background:rgba(255,255,255,.02)}.portfolio-note span{color:#20adff;font-size:10px;font-weight:800;letter-spacing:.16em}.portfolio-note p{margin:0;color:#7f96a8;font-size:12px}.portfolio-note a{color:#bfeaff;text-decoration:none;font-weight:700}.portfolio-note a:hover{color:#20adff}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.portfolio-section{padding:68px 0 72px}.portfolio-grid{grid-template-columns:1fr}.portfolio-preview{height:220px}.portfolio-note{display:block}.portfolio-note p{margin-top:8px;line-height:1.6}}

/* WebPaved v16 — concept-aligned CTA and consistent navigation */
.cta{padding:86px 0 92px}.cta-box{min-height:500px;padding:62px 68px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;border:1px solid rgba(24,182,255,.28);border-radius:32px;background:radial-gradient(circle at 78% 45%,rgba(0,170,255,.20),transparent 32%),linear-gradient(135deg,#071522,#03080d);position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;right:-4%;bottom:18%;width:58%;height:2px;background:#10bfff;transform:rotate(-9deg);box-shadow:0 0 30px #10bfff;opacity:.95;pointer-events:none}.cta-copy{position:relative;z-index:2;max-width:700px}.cta-box h2{font:800 clamp(42px,5.2vw,70px)/.98 Manrope;letter-spacing:-.065em;max-width:780px;margin:14px 0 18px}.cta-box p{color:#91a6b8;max-width:620px;font-size:17px;line-height:1.7}.cta-visual{position:relative;z-index:1;justify-self:end;width:min(100%,520px);height:390px;display:flex;align-items:center;justify-content:center}.cta-visual:after{content:"";position:absolute;inset:12% 2% 8% 8%;background:radial-gradient(circle,rgba(0,178,255,.18),transparent 62%);filter:blur(24px);pointer-events:none}.cta-visual img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(1.06);display:block}.links a[href*="#portfolio"]{white-space:nowrap}@media(max-width:950px){.cta-box{grid-template-columns:1fr;min-height:0;padding:48px 40px}.cta-visual{justify-self:center;width:min(100%,620px);height:310px}.cta-box:after{width:72%;bottom:22%}}@media(max-width:580px){.cta{padding:68px 0 72px}.cta-box{padding:38px 24px;border-radius:26px}.cta-box h2{font-size:42px}.cta-box p{font-size:16px}.cta-visual{height:235px;margin-top:-4px}.cta-box:after{width:90%;bottom:18%}}


/* WebPaved v17 — approved CTA composition */
.cta{padding:76px 0 78px}
.cta-box{min-height:0;padding:54px 60px;grid-template-columns:1.02fr .98fr;align-items:center;gap:24px;overflow:hidden}
.cta-copy{max-width:700px}
.cta-box h2{max-width:760px;margin:12px 0 16px}
.cta-box p{max-width:610px;margin:0 0 22px}
.cta-visual{width:100%;height:auto;min-height:0;justify-self:end;display:block;overflow:visible}
.cta-visual:after{display:none}
.cta-visual img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center;display:block;filter:saturate(1.06);border-radius:0}
.cta-box:after{right:-7%;bottom:12%;width:58%;opacity:.72}
/* Keep the CTA visual from ever overlapping the copy. */
@media(max-width:950px){.cta-box{grid-template-columns:1fr;padding:46px 42px;gap:14px}.cta-visual{width:min(100%,680px);justify-self:center}.cta-box:after{width:78%;bottom:24%}}
@media(max-width:580px){.cta{padding:62px 0 66px}.cta-box{padding:36px 24px;border-radius:26px}.cta-box h2{font-size:42px}.cta-visual{width:100%;margin-top:4px}.cta-box:after{width:95%;bottom:19%}}
/* v17 portfolio placement and compact section rhythm */
.portfolio-section{padding:78px 0 82px}
.portfolio-section .head{margin-bottom:30px}
@media(max-width:700px){.portfolio-section{padding:64px 0 68px}}

/* WebPaved v21 — seamless Paving the Way section using the approved cinematic composition. */
.cta{padding:78px 0 82px}
.cta-box{min-height:0;padding:0;display:block;position:relative;overflow:hidden;border:0;border-radius:0;background:#030a12 url("paving-the-way-homepage.webp") center center / cover no-repeat;box-shadow:none;aspect-ratio:1768/890;height:auto}
.cta-copy{position:absolute;inset:0;z-index:2;max-width:none;padding:0;pointer-events:none}
.cta-copy .eyebrow,.cta-copy h2,.cta-copy p{position:absolute;left:5.8%;width:47%;margin:0;color:transparent;text-shadow:none}
.cta-copy .eyebrow{top:14%;font-size:0}
.cta-copy h2{top:22%;font-size:0;line-height:0}
.cta-copy p{top:63%;font-size:0;line-height:0}
.cta-copy .btn{position:absolute;left:6.5%;top:67.4%;width:20%;height:8%;opacity:1;pointer-events:auto;display:flex;align-items:center;justify-content:center;margin:0;z-index:5}
.cta-box:after{display:none}
@media(max-width:900px){.cta-box{aspect-ratio:1768/890;height:auto;background-position:center center}.cta{padding:68px 0 72px}}
@media(max-width:580px){.cta{padding:62px 0 66px}.cta-box{aspect-ratio:16/9;height:auto;background-size:cover;background-position:center center}.cta-copy .btn{left:5%;top:66%;width:38%;height:12%}}

/* WebPaved v25 — clean artwork + real functional CTA overlay. */
.cta-copy .btn{
  left:6.67%;
  top:67.55%;
  width:19.70%;
  height:7.90%;
  padding:0 1.4rem;
  border-radius:999px;
  font-size:clamp(14px,1.05vw,18px);
  line-height:1;
  color:#fff;
  white-space:nowrap;
  background:linear-gradient(90deg,#168cff,#20c6e8);
  border:1px solid rgba(64,207,255,.95);
  box-shadow:0 0 28px rgba(0,177,255,.28),0 8px 28px rgba(0,0,0,.24);
  transform:none;
  opacity:1;
  position:absolute;
  overflow:visible;
  pointer-events:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  z-index:5;
  transition:box-shadow .2s ease,filter .2s ease,background .2s ease;
}
.cta-copy .btn:hover,
.cta-copy .btn:focus-visible{
  filter:brightness(1.08);
  background:linear-gradient(90deg,#1a96ff,#2bd2ee);
  box-shadow:0 0 40px rgba(0,177,255,.52),0 10px 30px rgba(0,0,0,.28);
}
@media(max-width:580px){
  .cta-copy .btn{
    left:6.67%;
    top:67.55%;
    width:38%;
    height:11.8%;
    font-size:clamp(11px,3vw,15px);
    padding:0 .8rem;
  }
}


/* WebPaved v27 — Paving the Way rebuilt from the original laptop artwork.
   The artwork contains only the laptop/background. Copy and CTA remain live HTML. */
.cta{padding:78px 0 82px}
.cta-box{
  position:relative;
  display:block;
  min-height:0;
  aspect-ratio:1672/941;
  height:auto;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(24,182,255,.32);
  border-radius:30px;
  background:#020911 url("paving-the-way-homepage-v27.webp") center center / cover no-repeat;
  box-shadow:0 24px 80px rgba(0,0,0,.32),0 0 45px rgba(0,150,255,.08);
}
.cta-copy{
  position:absolute;
  inset:0;
  z-index:3;
  max-width:none;
  padding:0;
  pointer-events:none;
}
.cta-copy .eyebrow,
.cta-copy h2,
.cta-copy p,
.cta-copy .btn{
  position:absolute;
  left:5.8%;
  margin:0;
}
.cta-copy .eyebrow{
  top:13.5%;
  width:47%;
  font-size:clamp(10px,.72vw,14px);
  line-height:1;
}
.cta-copy h2{
  top:21%;
  width:49%;
  color:var(--ink);
  font-size:clamp(42px,4.35vw,70px);
  line-height:.98;
  letter-spacing:-.065em;
}
.cta-copy p{
  top:61.5%;
  width:45%;
  color:#91a6b8;
  font-size:clamp(15px,1.08vw,18px);
  line-height:1.7;
}
.cta-copy .btn{
  top:69%;
  left:6.2%;
  width:auto;
  min-width:250px;
  height:auto;
  padding:16px 28px;
  border-radius:999px;
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  z-index:5;
  white-space:nowrap;
}
.cta-box:after{display:none}
@media(max-width:900px){
  .cta{padding:68px 0 72px}
  .cta-box{aspect-ratio:1672/941;border-radius:26px;background-position:center center}
  .cta-copy h2{width:51%;font-size:clamp(34px,5.2vw,54px)}
  .cta-copy p{width:48%;top:61%}
  .cta-copy .btn{top:71%;min-width:0;padding:13px 20px}
}
@media(max-width:580px){
  .cta{padding:62px 0 66px}
  .cta-box{
    aspect-ratio:4/5;
    background-size:auto 100%;
    background-position:63% center;
    border-radius:24px;
  }
  .cta-copy .eyebrow{top:8%;left:7%;width:86%;font-size:10px}
  .cta-copy h2{top:14%;left:7%;width:86%;font-size:39px;line-height:1}
  .cta-copy p{top:47%;left:7%;width:78%;font-size:15px;line-height:1.55}
  .cta-copy .btn{top:60%;left:7%;padding:13px 18px;font-size:14px;min-width:0}
}

/* WebPaved v34 — Paving the Way only.
   Restores the approved V22 cinematic composition. The large artwork button is visually masked,
   while the real HTML CTA remains live, clickable, and hoverable in the exact same position. */
.cta{
  padding:78px 0 82px;
}
.cta-box{
  min-height:0;
  padding:0;
  display:block;
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#030a12 url("paving-the-way-v22-section.webp") center center / cover no-repeat;
  box-shadow:none;
  aspect-ratio:1768/890;
  height:auto;
}
.cta-copy{
  position:absolute;
  inset:0;
  z-index:2;
  max-width:none;
  padding:0;
  pointer-events:none;
}
.cta-copy .eyebrow,
.cta-copy h2,
.cta-copy p{
  position:absolute;
  left:5.8%;
  width:47%;
  margin:0;
  color:transparent;
  text-shadow:none;
}
.cta-copy .eyebrow{top:14%;font-size:0}
.cta-copy h2{top:22%;font-size:0;line-height:0}
.cta-copy p{top:63%;font-size:0;line-height:0}
/* Hide only the large artwork CTA from V22; the real button sits above this mask. */
.cta-copy:before{
  content:"";
  position:absolute;
  left:5.25%;
  top:64.8%;
  width:22.7%;
  height:12.2%;
  border-radius:999px;
  background:radial-gradient(ellipse at center,
    rgba(3,10,18,.99) 0%,
    rgba(3,10,18,.98) 57%,
    rgba(3,10,18,.82) 72%,
    rgba(3,10,18,0) 100%);
  filter:blur(2px);
  pointer-events:none;
  z-index:4;
}
.cta-copy .btn{
  position:absolute;
  left:6.67%;
  top:67.55%;
  width:19.7%;
  height:7.9%;
  padding:0 1.4rem;
  margin:0;
  border-radius:999px;
  font-size:clamp(14px,1.05vw,18px);
  line-height:1;
  color:#fff;
  white-space:nowrap;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:auto;
  z-index:5;
  box-sizing:border-box;
}
.cta-copy .btn:hover,
.cta-copy .btn:focus-visible{
  filter:brightness(1.08);
}
@media(max-width:900px){
  .cta{padding:68px 0 72px}
  .cta-box{aspect-ratio:1768/890;background-position:center center}
  .cta-copy:before{left:4.1%;top:64.2%;width:42%;height:16%}
  .cta-copy .btn{left:6.67%;top:67.55%;width:38%;height:11.8%;font-size:clamp(11px,3vw,15px);padding:0 .8rem}
}
@media(max-width:580px){
  .cta{padding:62px 0 66px}
  .cta-box{aspect-ratio:16/9;background-size:cover;background-position:center center}
  .cta-copy:before{left:3%;top:62%;width:44%;height:17%}
  .cta-copy .btn{left:5%;top:66%;width:38%;height:12%;font-size:14px;padding:0 .8rem}
}


/* WebPaved v35 — Paving the Way only.
   Uses the supplied cinematic laptop artwork as the section wallpaper.
   No other site sections/assets are changed. */
.cta#contact{padding:78px 0 82px}
.cta#contact .cta-box{
  position:relative;
  overflow:hidden;
  display:block;
  width:100%;
  aspect-ratio:1909/824;
  min-height:0;
  height:auto;
  padding:0;
  border:0;
  border-radius:32px;
  background:#020a12 url("paving-the-way-v35.png") center center / 100% 100% no-repeat;
  box-shadow:none;
}
.cta#contact .cta-copy{
  position:absolute;
  inset:0;
  z-index:3;
  max-width:none;
  padding:0;
  pointer-events:none;
}
.cta#contact .cta-copy .eyebrow,
.cta#contact .cta-copy h2,
.cta#contact .cta-copy p{
  position:absolute;
  left:5.2%;
  width:45%;
  margin:0;
  pointer-events:none;
  color:inherit;
  text-shadow:none;
}
.cta#contact .cta-copy .eyebrow{
  top:15.5%;
  font-size:clamp(10px,1.02vw,15px);
  line-height:1.2;
  color:#a9bed0;
}
.cta#contact .cta-copy h2{
  top:24%;
  font:800 clamp(38px,4.55vw,68px)/1.05 Manrope;
  letter-spacing:-.065em;
  max-width:none;
  color:#f5f8fc;
}
.cta#contact .cta-copy p{
  top:56.5%;
  max-width:600px;
  font-size:clamp(14px,1.15vw,18px);
  line-height:1.6;
  color:#a5b8c9;
}
.cta#contact .cta-copy .btn{
  position:absolute;
  left:5.2%;
  top:75.2%;
  width:auto;
  height:auto;
  min-height:0;
  padding:14px 25px;
  border-radius:999px;
  margin:0;
  color:#fff;
  background:linear-gradient(90deg,#168cff,#20c6e8);
  border:1px solid rgba(64,207,255,.95);
  box-shadow:0 0 28px rgba(0,177,255,.28),0 8px 28px rgba(0,0,0,.24);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:clamp(14px,1.05vw,18px);
  line-height:1;
  white-space:nowrap;
  pointer-events:auto;
  z-index:5;
  transform:none;
  opacity:1;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background .2s ease;
}
.cta#contact .cta-copy .btn:hover,
.cta#contact .cta-copy .btn:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.08);
  background:linear-gradient(90deg,#1a96ff,#2bd2ee);
  box-shadow:0 0 40px rgba(0,177,255,.52),0 10px 30px rgba(0,0,0,.28);
}
.cta#contact .cta-box:after{display:none}
.cta#contact .cta-copy:before{display:none}

@media(max-width:900px){
  .cta#contact{padding:68px 0 72px}
  .cta#contact .cta-box{
    aspect-ratio:1909/824;
    border-radius:28px;
  }
  .cta#contact .cta-copy h2{
    font-size:clamp(32px,5.3vw,52px);
  }
  .cta#contact .cta-copy p{top:65%;width:46%}
  .cta#contact .cta-copy .btn{
    top:76%;
    padding:12px 20px;
  }
}
@media(max-width:580px){
  .cta#contact{padding:62px 0 66px}
  .cta#contact .cta-box{
    aspect-ratio:1909/824;
    border-radius:24px;
    background-position:center center;
  }
  .cta#contact .cta-copy .eyebrow{top:12%;left:6%;width:58%;font-size:10px}
  .cta#contact .cta-copy h2{
    top:21%;
    left:6%;
    width:52%;
    font-size:clamp(25px,7.4vw,40px);
    line-height:1;
  }
  .cta#contact .cta-copy p{
    top:58%;
    left:6%;
    width:48%;
    font-size:12px;
    line-height:1.45;
  }
  .cta#contact .cta-copy .btn{
    left:6%;
    top:76%;
    padding:10px 14px;
    font-size:12px;
  }
}

@media(prefers-reduced-motion:reduce){.hero-stream-flow:before,.hero-stream-flow:after{animation:none;opacity:.28}.hero-stream-flow{opacity:.45}}

/* WebPaved portfolio carousel — expandable as new client work is added */
.portfolio-carousel{position:relative}
.portfolio-viewport{overflow:hidden}
.portfolio-track{display:flex;gap:16px;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}
.portfolio-track .portfolio-card{flex:0 0 calc((100% - 32px)/3);min-width:0;text-decoration:none}
.portfolio-image-preview{background:#06121d;position:relative}
.portfolio-image-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04) saturate(1.05) brightness(1.02);transition:transform .5s ease,filter .5s ease}
.portfolio-live-card:hover .portfolio-image-preview img{transform:scale(1.035);filter:contrast(1.06) saturate(1.08) brightness(1.05)}
.portfolio-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,14,.08),rgba(2,8,14,.68));pointer-events:none}
.live-badge{position:absolute;top:14px;right:14px;z-index:3;padding:7px 9px;border:1px solid rgba(24,182,255,.42);border-radius:999px;background:rgba(3,10,16,.72);backdrop-filter:blur(10px);color:#bfeaff;font-size:9px;font-weight:800;letter-spacing:.1em}
.portfolio-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.portfolio-control{width:42px;height:42px;border-radius:50%;border:1px solid rgba(24,182,255,.28);background:rgba(255,255,255,.025);color:#dff6ff;font:700 16px Manrope;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}
.portfolio-control:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(24,182,255,.65);background:rgba(24,182,255,.09)}
.portfolio-control:disabled{opacity:.28;cursor:default}
.portfolio-dots{display:flex;align-items:center;gap:7px;min-width:72px;justify-content:center}
.portfolio-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(180,210,230,.28);cursor:pointer;transition:all .2s ease}
.portfolio-dot.is-active{width:22px;border-radius:999px;background:#20adff;box-shadow:0 0 12px rgba(32,173,255,.45)}
@media(max-width:1050px){.portfolio-track .portfolio-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:700px){.portfolio-track .portfolio-card{flex-basis:100%}.portfolio-controls{margin-top:16px}.portfolio-control{width:40px;height:40px}}

/* Expandable Our Work carousel */
.portfolio-viewport{overflow:hidden}
.portfolio-track{display:flex;gap:16px;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}
.portfolio-track .portfolio-card{flex:0 0 calc((100% - 32px)/3);min-width:0;text-decoration:none}
.portfolio-image-preview{position:relative;background:#06121d}
.portfolio-image-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05) saturate(1.06) brightness(1.02);transition:transform .5s ease,filter .5s ease}
.portfolio-live-card:hover .portfolio-image-preview img{transform:scale(1.035);filter:contrast(1.07) saturate(1.1) brightness(1.05)}
.portfolio-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,14,.04),rgba(2,8,14,.68));pointer-events:none}
.live-badge{position:absolute;top:14px;right:14px;z-index:3;padding:7px 9px;border:1px solid rgba(24,182,255,.42);border-radius:999px;background:rgba(3,10,16,.74);backdrop-filter:blur(10px);color:#bfeaff;font-size:9px;font-weight:800;letter-spacing:.1em}
.portfolio-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.portfolio-control{width:42px;height:42px;border-radius:50%;border:1px solid rgba(24,182,255,.28);background:rgba(255,255,255,.025);color:#dff6ff;font:700 16px Manrope;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}
.portfolio-control:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(24,182,255,.65);background:rgba(24,182,255,.09)}
.portfolio-control:disabled{opacity:.28;cursor:default}
.portfolio-dots{display:flex;align-items:center;gap:7px;min-width:72px;justify-content:center}
.portfolio-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(180,210,230,.28);cursor:pointer;transition:all .2s ease}
.portfolio-dot.is-active{width:22px;border-radius:999px;background:#20adff;box-shadow:0 0 12px rgba(32,173,255,.45)}
@media(max-width:1050px){.portfolio-track .portfolio-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:700px){.portfolio-track .portfolio-card{flex-basis:100%}.portfolio-controls{margin-top:16px}.portfolio-control{width:40px;height:40px}}

/* V52: requested social profiles only */
.social-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.social-links a{width:32px;height:32px;border:1px solid rgba(32,173,255,.25);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#7f98ab!important;text-decoration:none;font-size:13px;font-weight:800;background:rgba(255,255,255,.02);transition:.2s ease}.social-links a.is-configured:hover{color:#20adff!important;border-color:#20adff;box-shadow:0 0 18px rgba(32,173,255,.18);transform:translateY(-2px)}.social-links a.is-unconfigured{opacity:.34;cursor:default}

/* V53 — minor header CTA aesthetic only */
.links .btn.primary{color:#ffffff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.links .btn.primary .preview-emphasis{color:#ffffff;font-weight:900;letter-spacing:.01em;text-shadow:0 0 10px rgba(255,255,255,.20)}