/*
Theme Name: Quantum Solutions
Theme URI: https://example.com/
Author: Quantum Solutions
Description: Modern IT, AI and Digital Marketing agency WordPress theme.
Version: 3.14.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: quantum-solutions
*/
:root{--q-bg:#07111f;--q-bg2:#0b1830;--q-card:#101f36;--q-text:#eef5ff;--q-muted:#9fb0c8;--q-accent:#58a6ff;--q-accent2:#8b5cf6;--q-border:rgba(255,255,255,.10);--q-max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:#172033;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(92%,var(--q-max));margin:auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(7,17,31,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--q-border)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:20px;font-weight:800;letter-spacing:.08em;color:#fff}.brand span{color:var(--q-accent)}.nav{display:flex;gap:24px;align-items:center}.nav a{color:#dce7f5;font-size:14px}.nav a:hover{color:#fff}.nav-cta{padding:11px 18px;border-radius:8px;background:linear-gradient(90deg,var(--q-accent),var(--q-accent2));font-weight:700!important}.hero{background:radial-gradient(circle at 80% 20%,rgba(88,166,255,.20),transparent 32%),radial-gradient(circle at 20% 30%,rgba(139,92,246,.18),transparent 30%),var(--q-bg);color:#fff;padding:108px 0 112px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.eyebrow{color:#83bdff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(48px,6.2vw,78px);line-height:1.03;margin:15px 0 22px;letter-spacing:-.045em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#58a6ff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:#b8c7db;max-width:650px}.buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 20px;border-radius:9px;font-weight:750;border:1px solid var(--q-border)}.btn-primary{background:linear-gradient(90deg,var(--q-accent),var(--q-accent2));color:#fff}.btn-ghost{color:#fff;background:rgba(255,255,255,.04)}.hero-orb{height:370px;border-radius:30px;background:linear-gradient(145deg,rgba(88,166,255,.16),rgba(139,92,246,.12));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.28);position:relative;display:flex;align-items:center;justify-content:center}.orb{width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#fff 0 3%,#58a6ff 4% 13%,#8b5cf6 14% 28%,transparent 29%);box-shadow:0 0 80px rgba(88,166,255,.5)}.section{padding:96px 0}.section-dark{background:var(--q-bg);color:#fff}.section-head{max-width:760px;margin-bottom:45px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:8px 0 14px}.section-head p{color:#65758d}.section-dark .section-head p{color:#aab8ca}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:30px;border:1px solid #e5eaf1;border-radius:16px;background:#fff;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(16,31,54,.10)}.dark-card{background:var(--q-card);border-color:var(--q-border);color:#fff}.icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(88,166,255,.13);color:#58a6ff;font-weight:900;margin-bottom:18px}.card h3{margin:0 0 9px;font-size:20px}.card p{margin:0;color:#697990}.dark-card p{color:#9fb0c8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{padding:24px;border-left:2px solid var(--q-accent)}.stat strong{font-size:34px;display:block}.cta{background:linear-gradient(110deg,#07111f,#111f38);color:#fff;border-radius:24px;padding:55px}.cta h2{font-size:40px;line-height:1.1;margin:0 0 12px}.cta p{color:#b7c5d8}.site-footer{background:#050c17;color:#9fb0c8;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff}.site-footer a{display:block;margin:8px 0}.copyright{border-top:1px solid var(--q-border);margin-top:40px;padding-top:20px;font-size:13px}.page-hero{background:var(--q-bg);color:#fff;padding:75px 0}.page-hero h1{font-size:52px;margin:0 0 10px}.page-hero p{color:#b8c7db;max-width:760px}.content{padding:80px 0}.mobile-toggle{display:none;color:#fff;font-size:25px;cursor:pointer}.menu-open{display:flex!important}@media(max-width:900px){.hero-grid,.grid-3,.grid-4,.footer-grid,.stats{grid-template-columns:1fr 1fr}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#07111f;padding:20px;flex-direction:column;align-items:flex-start}.mobile-toggle{display:block}.hero{padding:75px 0}.hero-orb{height:280px}.page-hero h1{font-size:42px}}@media(max-width:620px){.hero-grid,.grid-3,.grid-4,.footer-grid,.stats{grid-template-columns:1fr}.hero h1{font-size:45px}.section{padding:65px 0}.cta{padding:35px 25px}.cta h2{font-size:32px}}

.hero{position:relative;background:radial-gradient(circle at 82% 35%,rgba(77,163,255,.20),transparent 27%),radial-gradient(circle at 20% 10%,rgba(139,92,246,.20),transparent 30%),linear-gradient(135deg,#050d18,#0b1730 58%,#08182b)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;opacity:.7}
.hero-grid{position:relative}
.hero-art{min-height:440px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.30)}
.hero-art:before{content:"";position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(77,163,255,.38),rgba(139,92,246,.12) 40%,transparent 68%)}
.hero-art:after{content:"";position:absolute;width:120px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 2%,#63b3ff 4% 15%,#8b5cf6 16% 32%,#162c50 33% 100%);box-shadow:0 0 70px rgba(77,163,255,.7)}
.tech-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#65b4ff,transparent);opacity:.6}
.line1{width:80%;left:10%;top:27%}.line2{width:65%;left:18%;top:73%}.line3{width:1px;height:75%;left:28%;top:12%;background:linear-gradient(transparent,#8b5cf6,transparent)}.line4{width:1px;height:65%;left:72%;top:18%;background:linear-gradient(transparent,#65b4ff,transparent)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature{padding:35px;border-radius:20px;background:#fff;border:1px solid #e5eaf1}.feature h3{font-size:24px;margin:0 0 10px}.feature p{color:#65758d;margin:0}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-art{min-height:330px}.feature-grid{grid-template-columns:1fr}}
@media(max-width:640px){.hero{padding:78px 0 80px}.hero h1{font-size:46px}.hero-art{min-height:280px}}

/* v3 hero refinement */
.hero{padding:118px 0 120px}
.hero-grid{grid-template-columns:1.12fr .88fr;gap:82px}
.hero h1{max-width:780px;font-weight:850}
.hero p{max-width:690px}
.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.hero-trust span{font-size:12px;color:#c3d0df;font-weight:700}
.hero-trust b{color:#fff}
.hero-art{min-height:470px}
.hero-art .visual-label{position:absolute;left:25px;top:23px;z-index:2;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fcaff;font-weight:800}
.hero-art .visual-chip{position:absolute;z-index:2;padding:9px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(4,12,24,.55);backdrop-filter:blur(8px);border-radius:9px;color:#dce8f7;font-size:10px;font-weight:700}
.hero-art .chip-a{right:24px;top:82px}.hero-art .chip-b{left:25px;bottom:78px}.hero-art .chip-c{right:24px;bottom:38px}
.hero-art .pulse-ring{position:absolute;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%);border:1px solid rgba(101,180,255,.22);border-radius:50%;box-shadow:0 0 0 34px rgba(77,163,255,.025),0 0 0 68px rgba(139,92,246,.018)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:50px}.hero-art{min-height:390px}}
@media(max-width:640px){.hero{padding:82px 0 86px}.hero-art{min-height:300px}.hero-trust{gap:13px}.hero-trust span{font-size:11px}}

/* v4 — premium services section */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{position:relative;padding:34px 30px 30px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.service-card:after{content:"";position:absolute;right:-65px;top:-65px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(77,163,255,.12),transparent 68%);pointer-events:none}
.service-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(14,31,54,.11);border-color:#cbd9ea}
.service-card.featured{background:linear-gradient(150deg,#0a1830,#102b4b);border-color:rgba(101,180,255,.28);color:#fff;box-shadow:0 18px 55px rgba(5,18,35,.18)}
.service-card.featured p,.service-card.featured li{color:#b9c8da}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}
.service-number{font-size:11px;font-weight:900;letter-spacing:.12em;color:#579fff}
.service-badge{font-size:10px;font-weight:800;padding:6px 9px;border-radius:99px;background:#edf5ff;color:#317fd1}
.featured .service-badge{background:rgba(101,180,255,.12);color:#9fd0ff}
.service-card h3{font-size:26px;line-height:1.15;margin:0 0 12px}
.service-card p{font-size:14px;color:#65758d;min-height:70px;margin:0 0 21px}
.service-list{list-style:none;padding:0;margin:0;border-top:1px solid #e7edf4;padding-top:17px}
.featured .service-list{border-top-color:rgba(255,255,255,.12)}
.service-list li{position:relative;padding:6px 0 6px 20px;font-size:13px;color:#4f6178}
.service-list li:before{content:"✓";position:absolute;left:0;color:#4a9dff;font-weight:900}
.service-link{display:inline-flex;margin-top:22px;color:#277fd5;font-size:13px;font-weight:850}
.featured .service-link{color:#8ecaff}
.services-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border:1px solid #e1e8f0;border-radius:16px;overflow:hidden;background:#fff}
.services-strip div{padding:17px 20px;border-right:1px solid #e1e8f0;font-size:12px;color:#65758d}
.services-strip div:last-child{border-right:0}
.services-strip strong{display:block;color:#172033;font-size:13px;margin-bottom:3px}
@media(max-width:980px){.services-grid{grid-template-columns:1fr 1fr}.services-strip{grid-template-columns:1fr}.services-strip div{border-right:0;border-bottom:1px solid #e1e8f0}.services-strip div:last-child{border-bottom:0}}
@media(max-width:640px){.services-grid{grid-template-columns:1fr}.service-card p{min-height:0}}

/* v5 — AI showcase */
.ai-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.ai-copy h2{font-size:clamp(36px,4.5vw,56px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 16px}
.ai-copy p{color:#aab8ca;max-width:560px}
.ai-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.ai-point{padding:15px 16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035)}
.ai-point strong{display:block;color:#fff;font-size:13px;margin-bottom:3px}.ai-point span{color:#94a7bf;font-size:11px}
.ai-console{border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(145deg,#0f2139,#07111f);box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden}
.ai-console-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);font-size:10px;color:#9fb1c8}
.ai-dots{display:flex;gap:6px}.ai-dots i{width:7px;height:7px;border-radius:50%;background:#38506d}
.ai-status{display:flex;align-items:center;gap:7px}.ai-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.65)}
.ai-chat{padding:25px}.chat-bubble{max-width:82%;padding:14px 16px;border-radius:14px;font-size:12px;line-height:1.55;margin-bottom:13px}.chat-user{margin-left:auto;background:#18304e;color:#d8e7f8}.chat-ai{background:#101f34;color:#b9c9db;border:1px solid rgba(255,255,255,.08)}.chat-ai b{color:#fff}.ai-input{margin-top:20px;padding:12px 14px;border-radius:11px;background:#081321;border:1px solid rgba(255,255,255,.09);color:#6f849d;font-size:11px;display:flex;justify-content:space-between}.ai-input span{color:#7dbdff;font-weight:800}
.ai-cta-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10)}
.ai-cta-row p{margin:0;color:#8fa2ba;font-size:12px}
@media(max-width:980px){.ai-showcase{grid-template-columns:1fr}.ai-console{max-width:720px}}
@media(max-width:640px){.ai-points{grid-template-columns:1fr}.ai-chat{padding:18px}.ai-cta-row{align-items:flex-start;flex-direction:column}}

/* v6 — portfolio / case studies */
.portfolio-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:22px}
.project-card{position:relative;min-height:360px;border-radius:22px;overflow:hidden;border:1px solid #dfe6ef;background:linear-gradient(145deg,#0b1c32,#142f50);color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 40px rgba(10,25,45,.08)}
.project-card.small{min-height:360px}
.project-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(77,163,255,.28),transparent 28%),linear-gradient(135deg,transparent 30%,rgba(139,92,246,.12));pointer-events:none}
.project-card:after{content:"";position:absolute;width:240px;height:240px;right:-55px;top:-55px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);pointer-events:none}
.project-card>*{position:relative;z-index:2}
.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.project-tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9dccff;font-weight:850}.project-year{font-size:10px;color:#8da3bd}
.project-card h3{font-size:30px;line-height:1.1;margin:0 0 10px}.project-card p{max-width:610px;color:#b6c6d9;font-size:13px;margin:0}.project-result{display:flex;gap:22px;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.11)}.project-result span{font-size:10px;color:#91a6bf}.project-result strong{display:block;color:#fff;font-size:12px;margin-bottom:2px}
.project-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}.project-side .project-card{background:#fff;color:#172033}.project-side .project-card:before{background:radial-gradient(circle at 82% 20%,rgba(77,163,255,.16),transparent 30%)}.project-side .project-card:after{border-color:rgba(77,126,181,.10);box-shadow:0 0 0 35px rgba(77,126,181,.025),0 0 0 70px rgba(77,126,181,.015)}.project-side .project-tag{color:#378bdc}.project-side .project-year{color:#71849a}.project-side .project-card p{color:#65758d}.project-side .project-result{border-top-color:#e5ebf2}.project-side .project-result span{color:#71849a}.project-side .project-result strong{color:#172033}
.portfolio-link-row{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:23px;border-top:1px solid #e2e8f0}.portfolio-link-row p{margin:0;color:#65758d;font-size:13px}.portfolio-link-row a{font-size:13px;font-weight:850;color:#287fd4}
@media(max-width:980px){.portfolio-grid{grid-template-columns:1fr}.project-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.project-side .project-card{min-height:300px}}
@media(max-width:640px){.project-side{grid-template-columns:1fr;grid-template-rows:auto}.project-card,.project-card.small{min-height:330px}.project-card h3{font-size:25px}.project-result{gap:14px;flex-wrap:wrap}.portfolio-link-row{align-items:flex-start;gap:15px;flex-direction:column}}

/* v7 — richer portfolio visual */
.project-visual{height:185px;border:1px solid rgba(255,255,255,.12);border-radius:14px;margin:18px 0 22px;padding:15px;background:rgba(4,13,28,.42);position:relative;overflow:hidden}
.project-visual .pv-top{height:8px;display:flex;gap:5px}.project-visual .pv-top i{width:5px;height:5px;border-radius:50%;background:#52708f}
.project-visual .pv-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10px;height:145px;margin-top:12px}
.project-visual .pv-panel{border:1px solid rgba(121,177,235,.15);border-radius:8px;background:rgba(23,51,84,.35);padding:10px}
.project-visual .pv-title{height:7px;width:55%;border-radius:5px;background:rgba(157,204,255,.65);margin-bottom:12px}
.project-visual .pv-line{height:5px;width:82%;border-radius:5px;background:rgba(157,204,255,.18);margin:7px 0}
.project-visual .pv-line.short{width:58%}
.project-visual .pv-stat{font-size:18px;font-weight:800;color:#fff;margin:8px 0 2px}.project-visual .pv-label{font-size:7px;color:#8da9c4}
.project-side .project-visual{height:105px;background:#f5f8fc;border-color:#e2eaf2;margin-top:18px}.project-side .project-visual .pv-grid{height:68px;margin-top:8px}.project-side .project-visual .pv-panel{background:#fff;border-color:#e6edf4}.project-side .project-visual .pv-title{background:#b7d7f7}.project-side .project-visual .pv-line{background:#dce8f3}.project-side .project-visual .pv-stat{color:#172033;font-size:14px}.project-side .project-visual .pv-label{color:#73859a}
.project-card.has-visual{justify-content:flex-start}.project-card.has-visual .project-meta{margin-bottom:0}.project-card.has-visual h3{margin-top:auto}

/* v8 — tighten portfolio composition */
.project-card.has-visual{justify-content:flex-start}
.project-card.has-visual .project-meta{margin-bottom:0}
.project-card.has-visual .project-visual{height:275px;flex:0 0 275px;margin:18px 0 20px}
.project-card.has-visual h3{margin-top:0}
.project-card.has-visual > p{margin-top:0}
.project-card.has-visual .project-result{margin-top:18px}
.project-side .project-card.has-visual .project-visual{height:92px;flex-basis:92px;margin:16px 0 15px}
@media(max-width:980px){
  .project-card.has-visual .project-visual{height:230px;flex-basis:230px}
}
@media(max-width:640px){
  .project-card.has-visual .project-visual{height:200px;flex-basis:200px}
}

/* v9 — remove the dead space inside the main case-study card */
.portfolio-grid{align-items:stretch}
.project-card.has-visual{min-height:0}
.portfolio-grid > .project-card.has-visual{height:auto}
.portfolio-grid > .project-card.has-visual .project-visual{
  flex:1 1 auto;
  height:auto;
  min-height:275px;
  margin-bottom:20px;
}
.portfolio-grid > .project-card.has-visual h3{flex:0 0 auto}
.portfolio-grid > .project-card.has-visual p{flex:0 0 auto}
.portfolio-grid > .project-card.has-visual .project-result{flex:0 0 auto}
@media(max-width:980px){
  .portfolio-grid > .project-card.has-visual .project-visual{flex:0 0 300px;height:300px}
}
@media(max-width:640px){
  .portfolio-grid > .project-card.has-visual .project-visual{flex:0 0 220px;height:220px}
}

/* v10 — fixed visual height; no stretched empty area */
.portfolio-grid > .project-card.has-visual{
  height:auto;
  min-height:0;
  align-self:start;
}
.portfolio-grid > .project-card.has-visual .project-visual{
  flex:none;
  height:300px;
  min-height:300px;
  margin:18px 0 20px;
}
.portfolio-grid > .project-card.has-visual h3,
.portfolio-grid > .project-card.has-visual p,
.portfolio-grid > .project-card.has-visual .project-result{
  flex:none;
}
@media(max-width:980px){
  .portfolio-grid > .project-card.has-visual .project-visual{
    height:260px;
    min-height:260px;
  }
}
@media(max-width:640px){
  .portfolio-grid > .project-card.has-visual .project-visual{
    height:220px;
    min-height:220px;
  }
}

/* v11 — equal-height portfolio block */
.portfolio-grid{align-items:stretch}
.portfolio-grid > .project-card.has-visual{height:100%;min-height:0}
.portfolio-grid > .project-side{height:100%;min-height:0}
.portfolio-grid > .project-side .project-card.small{min-height:0;height:auto}
.portfolio-grid > .project-side{grid-template-rows:repeat(2,minmax(0,1fr))}

@media(max-width:980px){
  .portfolio-grid > .project-side{height:auto}
  .portfolio-grid > .project-side .project-card.small{min-height:300px}
}
@media(max-width:640px){
  .portfolio-grid > .project-side .project-card.small{min-height:330px}
}

/* v12 — fill the main portfolio card with a useful journey strip */
.project-extra{margin-top:auto;padding-top:34px}
.project-extra-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.10);font-size:9px;letter-spacing:.12em;color:#86a8ce;font-weight:800}
.project-extra-head span:last-child{color:#718aa8;letter-spacing:.08em}
.project-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:14px}
.project-flow>div{min-height:72px;padding:0 14px 0 0;border-right:1px solid rgba(255,255,255,.10)}
.project-flow>div:not(:first-child){padding-left:14px}
.project-flow>div:last-child{border-right:0}
.project-flow b{display:block;font-size:9px;color:#6faeff;margin-bottom:7px}
.project-flow strong{display:block;font-size:12px;color:#fff;margin-bottom:4px}
.project-flow span{display:block;font-size:9px;color:#91a8c1;line-height:1.45}
@media(max-width:980px){.project-extra{padding-top:26px}.project-flow{grid-template-columns:repeat(2,1fr);row-gap:18px}.project-flow>div:nth-child(2){border-right:0}.project-flow>div:nth-child(3){padding-left:0}.project-flow>div:nth-child(3),.project-flow>div:nth-child(4){border-top:1px solid rgba(255,255,255,.10);padding-top:14px}}
@media(max-width:640px){.project-flow{grid-template-columns:1fr 1fr}.project-flow>div{min-height:65px}}

/* v13 — richer process + why quantum sections */
.process-panel{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:start}
.process-intro h2{font-size:clamp(38px,4.5vw,56px);line-height:1.03;letter-spacing:-.04em;margin:9px 0 16px}
.process-intro p{color:#65758d;max-width:490px}
.process-callout{margin-top:30px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#0a1930,#132b49);color:#fff}
.process-callout strong{display:block;font-size:14px;margin-bottom:5px}.process-callout span{font-size:12px;color:#9fb5ce}
.process-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.process-step{position:relative;padding:27px 26px 25px;border:1px solid #e1e8f0;border-radius:18px;background:#fff;transition:.22s}
.process-step:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(14,31,54,.08)}
.process-step .step-no{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.process-step .step-no span{font-size:11px;letter-spacing:.14em;color:#5aa4f8;font-weight:900}.process-step .step-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf6ff;color:#2e86d8;font-size:12px;font-weight:900}
.process-step h3{margin:0 0 9px;font-size:21px}.process-step p{margin:0;color:#65758d;font-size:13px}
.process-step .step-line{position:absolute;left:26px;bottom:20px;width:44px;height:2px;background:#cfe4f9}
.why-section{background:linear-gradient(135deg,#06101d 0%,#0a1930 55%,#0b213b 100%);color:#fff;position:relative;overflow:hidden}
.why-section:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-180px;top:-210px;background:radial-gradient(circle,rgba(77,163,255,.18),transparent 67%)}
.why-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.why-copy h2{font-size:clamp(38px,4.5vw,56px);line-height:1.03;letter-spacing:-.04em;margin:9px 0 16px}
.why-copy p{color:#aab8ca;max-width:510px}
.why-quote{margin-top:30px;padding-left:17px;border-left:2px solid #5aa8ff;color:#dce8f6;font-size:14px}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-card{padding:25px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.045);backdrop-filter:blur(5px)}
.why-card .why-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(77,163,255,.12);color:#75baff;font-size:12px;font-weight:900;margin-bottom:18px}
.why-card h3{margin:0 0 8px;font-size:18px}.why-card p{margin:0;color:#9fb1c6;font-size:12px}
@media(max-width:980px){.process-panel,.why-grid{grid-template-columns:1fr}.process-intro,.why-copy{max-width:760px}.process-callout{max-width:520px}}
@media(max-width:640px){.process-steps,.why-cards{grid-template-columns:1fr}.process-step{padding:24px}.process-step .step-icon{width:32px;height:32px}.why-card{padding:23px}}

.about-hero{background:linear-gradient(135deg,#06101d,#0c1c34);color:#fff;padding:95px 0}
.about-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}
.about-hero h1{font-size:clamp(44px,5.5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}
.about-hero p{font-size:17px;color:#b9c8da;max-width:650px}
.about-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#79baff;font-weight:900}
.about-visual{min-height:380px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 45%,rgba(77,163,255,.26),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));position:relative;overflow:hidden}
.about-visual:before{content:"";position:absolute;inset:18%;border:1px solid rgba(111,185,255,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(77,163,255,.03),0 0 0 84px rgba(139,92,246,.025)}
.about-visual:after{content:"Q";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:110px;font-weight:900;color:rgba(255,255,255,.9);text-shadow:0 0 45px rgba(77,163,255,.38)}
.about-badge{position:absolute;padding:9px 12px;border-radius:9px;background:rgba(4,12,24,.62);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:800;color:#dce9f8;z-index:2}
.about-b1{left:24px;top:25px}.about-b2{right:24px;top:90px}.about-b3{left:24px;bottom:34px}.about-b4{right:24px;bottom:75px}
.about-lead,.about-beliefs{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.about-lead h2,.about-beliefs h2{font-size:clamp(34px,4.4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:9px 0 0}
.about-lead-copy p{font-size:17px;color:#65758d;margin:0 0 16px}
.about-highlight{margin-top:28px;padding:22px;border-left:2px solid #58a6ff;background:#f7faff;border-radius:0 14px 14px 0;color:#29445f;font-weight:700}
.belief-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.belief-card{padding:26px;border:1px solid #e1e8f0;border-radius:17px;background:#fff}
.belief-no{font-size:10px;color:#4e9ff5;letter-spacing:.13em;font-weight:900}
.belief-card h3{margin:16px 0 8px;font-size:19px}.belief-card p{margin:0;color:#65758d;font-size:13px}
@media(max-width:980px){.about-hero-grid,.about-lead,.about-beliefs{grid-template-columns:1fr;gap:38px}.about-visual{min-height:330px}}
@media(max-width:640px){.belief-grid{grid-template-columns:1fr}.about-hero{padding:72px 0}.about-visual{min-height:280px}}

/* v16 — enhanced About Us visual system */
.about-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 82% 28%,rgba(77,163,255,.24),transparent 25%),
radial-gradient(circle at 15% 15%,rgba(139,92,246,.20),transparent 27%),
linear-gradient(135deg,#050d18,#0b1830 58%,#071629);padding:108px 0 112px}
.about-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:56px 56px;opacity:.72}
.about-hero-grid{position:relative;grid-template-columns:1.08fr .92fr;gap:82px}
.about-kicker{color:#82beff}
.about-hero h1{font-size:clamp(48px,6vw,76px);font-weight:850;line-height:.99;margin:12px 0 22px}
.about-hero p{font-size:18px;line-height:1.7;max-width:690px}
.about-hero .buttons{margin-top:32px}
.about-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
.about-stat{padding:19px 20px 18px;border-right:1px solid rgba(255,255,255,.11)}
.about-stat:last-child{border-right:0}.about-stat strong{display:block;color:#fff;font-size:13px}.about-stat span{font-size:10px;color:#91a5bd}
.about-visual{min-height:470px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 95px rgba(0,0,0,.30)}
.about-visual:before{inset:15%;box-shadow:0 0 0 36px rgba(77,163,255,.028),0 0 0 74px rgba(139,92,246,.02)}
.about-visual:after{font-size:122px}
.about-orbit{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border:1px dashed rgba(120,189,255,.25);border-radius:50%;z-index:1;animation:qspin 26s linear infinite}
.about-orbit:before,.about-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#67b5ff;box-shadow:0 0 18px rgba(103,181,255,.7)}
.about-orbit:before{left:-6px;top:50%}.about-orbit:after{right:-6px;top:50%;background:#9b7cff;box-shadow:0 0 18px rgba(155,124,255,.7)}
@keyframes qspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.about-badge{z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.about-b5{right:28px;top:26px}
.about-b6{left:50%;bottom:28px;transform:translateX(-50%)}
.about-lead{gap:85px}
.about-lead h2,.about-beliefs h2{max-width:560px}
.about-highlight{font-size:14px;line-height:1.7}
.about-beliefs{gap:80px}
.belief-card{box-shadow:0 10px 32px rgba(14,31,54,.035)}
.about-values-band{background:#f7faff;padding:70px 0;border-top:1px solid #e7edf4;border-bottom:1px solid #e7edf4}
.about-values-band .container{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}
.values-title h2{font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:10px 0}
.values-title p{color:#65758d}
.values-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.value-row{padding:20px;border:1px solid #e0e7f0;border-radius:15px;background:#fff}
.value-row strong{display:block;font-size:13px;margin-bottom:4px}.value-row span{font-size:12px;color:#65758d}
@media(max-width:980px){.about-hero-grid{grid-template-columns:1fr;gap:48px}.about-visual{min-height:390px}.about-lead,.about-beliefs,.about-values-band .container{grid-template-columns:1fr;gap:40px}.about-stats{max-width:720px}}
@media(max-width:640px){.about-hero{padding:80px 0 86px}.about-stats{grid-template-columns:1fr}.about-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}.about-stat:last-child{border-bottom:0}.about-visual{min-height:300px}.about-orbit{width:210px;height:210px}.values-list{grid-template-columns:1fr}}

/* v17 — compact, richer About Us lower sections */
.about-lead{padding-top:82px;padding-bottom:82px}
.about-values-band{padding:76px 0}
.about-beliefs-wrap{padding:84px 0}
.about-work-wrap{padding:84px 0}
.about-beliefs .belief-grid{gap:14px}
.about-beliefs .belief-card{min-height:175px;display:flex;flex-direction:column;justify-content:center}
.about-work-head{max-width:790px;margin-bottom:34px}
.work-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dfe6ef;border-radius:20px;overflow:hidden;background:#fff}
.work-step{position:relative;padding:27px 25px 29px;border-right:1px solid #e3e9f0}
.work-step:last-child{border-right:0}
.work-step:before{content:"";position:absolute;top:28px;right:-7px;width:13px;height:13px;border-radius:50%;background:#5aa8ff;border:4px solid #fff;box-shadow:0 0 0 1px #bddcff;z-index:2}
.work-step:last-child:before{display:none}
.work-no{font-size:10px;letter-spacing:.14em;color:#5aa4f8;font-weight:900}
.work-step h3{font-size:20px;margin:20px 0 8px;line-height:1.15}
.work-step p{font-size:12px;color:#65758d;margin:0}
.work-mini{margin-top:17px;font-size:10px;color:#8ca2ba;font-weight:700}
.about-facts{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fact{padding:15px 16px;border:1px solid #e1e8f0;border-radius:13px;background:#fff}
.fact strong{display:block;font-size:12px;margin-bottom:3px}.fact span{font-size:10px;color:#71849a}
@media(max-width:980px){.work-timeline{grid-template-columns:1fr 1fr}.work-step:nth-child(2){border-right:0}.work-step:nth-child(2):before{display:none}.work-step:nth-child(4){border-right:0}.about-facts{grid-template-columns:1fr}}
@media(max-width:640px){.about-lead{padding-top:65px;padding-bottom:65px}.about-values-band,.about-beliefs-wrap,.about-work-wrap{padding:62px 0}.work-timeline{grid-template-columns:1fr}.work-step{border-right:0;border-bottom:1px solid #e3e9f0}.work-step:last-child{border-bottom:0}.work-step:before{display:none}}

/* v18 — premium About Us lower-page redesign */
.about-white-section{background:#fff}
.about-lead-v2{display:grid;grid-template-columns:.72fr 1.28fr;gap:74px;align-items:center}
.about-lead-v2 h2{font-size:clamp(38px,4.8vw,56px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}
.about-lead-v2 .lead-copy{color:#65758d;font-size:15px}
.about-lead-v2 .lead-copy p{margin:0 0 14px}
.about-quote{position:relative;margin-top:25px;padding:22px 24px;border-radius:16px;background:linear-gradient(135deg,#f5f9ff,#eef5fd);border:1px solid #dfe9f4;color:#28445f;font-size:13px;font-weight:750}
.about-quote:before{content:"“";position:absolute;left:11px;top:-2px;font-size:48px;color:#9bc9f7;line-height:1}
.about-facts-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}
.about-fact-v2{padding:17px;border:1px solid #dfe7f0;border-radius:13px;background:#fff}
.about-fact-v2 strong{display:block;font-size:12px;margin-bottom:4px}.about-fact-v2 span{font-size:10px;color:#71849a}
.approach-v2{background:linear-gradient(135deg,#f4f8fc,#eef5fb);border-top:1px solid #e1e8f0;border-bottom:1px solid #e1e8f0}
.approach-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:center}
.approach-copy h2{font-size:clamp(38px,4.5vw,54px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px}.approach-copy p{color:#65758d;font-size:14px}
.approach-mark{display:flex;align-items:center;gap:12px;margin-top:25px}.approach-mark i{display:block;width:48px;height:2px;background:linear-gradient(90deg,#55a9ff,#8b5cf6)}.approach-mark span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#55718f;font-weight:900}
.approach-cards-v2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.approach-card-v2{position:relative;padding:24px;border-radius:17px;border:1px solid #dbe5ef;background:#fff;overflow:hidden;transition:.22s}
.approach-card-v2:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(14,31,54,.08)}
.approach-card-v2:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(79,166,246,.12),transparent 67%)}
.approach-card-v2 .num{font-size:10px;letter-spacing:.14em;color:#58a7f8;font-weight:900}.approach-card-v2 h3{font-size:18px;margin:14px 0 7px}.approach-card-v2 p{font-size:12px;color:#65758d;margin:0}
.beliefs-v2{padding:88px 0}
.beliefs-head{text-align:center;max-width:760px;margin:0 auto 42px}.beliefs-head h2{font-size:clamp(38px,4.5vw,55px);line-height:1.02;letter-spacing:-.045em;margin:9px 0 14px}.beliefs-head p{color:#65758d;font-size:14px}
.belief-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.belief-card-v2{padding:27px 24px;border-radius:18px;background:#fff;border:1px solid #dfe7f0;min-height:235px;display:flex;flex-direction:column;justify-content:space-between;transition:.22s}
.belief-card-v2:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(14,31,54,.08);border-color:#cbdced}
.belief-top{display:flex;align-items:center;justify-content:space-between}.belief-icon-v2{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#edf6ff;color:#378bdc;font-size:11px;font-weight:900}.belief-label{font-size:9px;letter-spacing:.11em;color:#5aa4f8;font-weight:900}.belief-card-v2 h3{font-size:19px;line-height:1.18;margin:18px 0 8px}.belief-card-v2 p{margin:0;color:#65758d;font-size:12px}.belief-tag{font-size:9px;color:#8ba0b7;font-weight:750;margin-top:22px}
.work-v2{background:#071321;color:#fff;padding:88px 0}.work-v2 .section-head{max-width:820px}.work-v2 .section-head p{color:#9fb1c7}
.timeline-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#0c1c31,#091523)}
.timeline-item-v2{position:relative;padding:29px 24px 31px;border-right:1px solid rgba(255,255,255,.10)}.timeline-item-v2:last-child{border-right:0}
.timeline-item-v2:after{content:"";position:absolute;right:-6px;top:28px;width:11px;height:11px;border-radius:50%;background:#62afff;box-shadow:0 0 0 4px rgba(98,175,255,.12),0 0 18px rgba(98,175,255,.45);z-index:2}.timeline-item-v2:last-child:after{display:none}
.timeline-no-v2{font-size:10px;letter-spacing:.14em;color:#76baff;font-weight:900}.timeline-item-v2 h3{font-size:22px;margin:18px 0 8px}.timeline-item-v2 p{margin:0;color:#9fb1c7;font-size:12px;line-height:1.6}.timeline-mini-v2{margin-top:20px;font-size:10px;color:#6f8ba8;font-weight:750}
.about-end{padding:78px 0 92px}
.about-end .cta{padding:62px 66px}
@media(max-width:980px){.about-lead-v2,.approach-layout{grid-template-columns:1fr;gap:40px}.belief-grid-v2{grid-template-columns:1fr 1fr}.timeline-v2{grid-template-columns:1fr 1fr}.timeline-item-v2:nth-child(2){border-right:0}.timeline-item-v2:nth-child(2):after{display:none}.timeline-item-v2:nth-child(4){border-right:0}.timeline-item-v2:nth-child(4):after{display:none}}
@media(max-width:640px){.about-facts-v2{grid-template-columns:1fr}.approach-cards-v2,.belief-grid-v2,.timeline-v2{grid-template-columns:1fr}.timeline-item-v2{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.timeline-item-v2:last-child{border-bottom:0}.timeline-item-v2:after{display:none}.belief-card-v2{min-height:0}.about-end .cta{padding:38px 26px}}

/* v19 — separate the final CTA from the dark work section */
.about-end{
  background:#fff !important;
  padding:82px 0 92px !important;
}
.about-end .cta{
  background:linear-gradient(120deg,#07111f,#132545);
  color:#fff;
  box-shadow:0 18px 55px rgba(10,25,45,.12);
}

/* v20 — premium IT Solutions page */
.it-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 82% 28%,rgba(77,163,255,.23),transparent 25%),
radial-gradient(circle at 15% 15%,rgba(139,92,246,.16),transparent 27%),
linear-gradient(135deg,#050d18,#0b1830 58%,#071629);color:#fff;padding:105px 0 110px}
.it-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:54px 54px;opacity:.7}
.it-hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:78px;align-items:center}
.it-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7fbeff;font-weight:900}
.it-hero h1{font-size:clamp(48px,6vw,74px);line-height:.99;letter-spacing:-.055em;margin:12px 0 20px}
.it-hero h1 em{font-style:normal;background:linear-gradient(90deg,#69b8ff,#a888ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.it-hero p{font-size:18px;line-height:1.7;color:#b8c7db;max-width:680px}
.it-visual{min-height:430px;border-radius:26px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 35px 90px rgba(0,0,0,.28);position:relative;overflow:hidden}
.it-visual .dash{position:absolute;left:28px;right:28px;top:28px;height:34px;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;gap:7px}.it-visual .dash i{width:7px;height:7px;border-radius:50%;background:#405c78}
.it-screen{position:absolute;left:34px;right:34px;top:78px;bottom:30px;border:1px solid rgba(104,179,255,.16);border-radius:15px;background:rgba(4,13,27,.48);padding:20px}
.it-row{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-bottom:15px}.it-pane{border:1px solid rgba(115,185,246,.12);border-radius:10px;background:rgba(24,53,86,.25);padding:15px;min-height:90px}
.it-titlebar{height:8px;width:45%;background:rgba(153,207,255,.62);border-radius:8px;margin-bottom:12px}.it-line{height:6px;width:84%;background:rgba(153,207,255,.15);border-radius:6px;margin:8px 0}.it-line.short{width:58%}.it-metric{font-size:23px;color:#fff;font-weight:850;margin-top:8px}.it-small{font-size:8px;color:#8099b3;text-transform:uppercase;letter-spacing:.09em}
.it-services-head{text-align:center;max-width:800px;margin:0 auto 42px}.it-services-head h2{font-size:clamp(36px,4.5vw,54px);line-height:1.04;letter-spacing:-.04em;margin:9px 0 14px}.it-services-head p{color:#65758d;font-size:14px}
.it-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.it-service{position:relative;padding:27px;border:1px solid #dfe7f0;border-radius:18px;background:#fff;min-height:225px;transition:.22s;overflow:hidden}.it-service:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(14,31,54,.08)}.it-service:after{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(77,163,255,.11),transparent 68%)}
.it-service .sno{font-size:10px;letter-spacing:.14em;color:#4c9ef2;font-weight:900}.it-service h3{font-size:20px;margin:17px 0 8px}.it-service p{font-size:12px;color:#65758d;margin:0}.it-service .slink{display:inline-block;margin-top:19px;font-size:11px;color:#2e84d6;font-weight:850}
.it-benefits{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.it-benefits h2{font-size:clamp(38px,4.5vw,55px);line-height:1.03;letter-spacing:-.04em;margin:9px 0 15px}.it-benefits-copy p{color:#65758d;font-size:14px}.it-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.it-benefit{padding:23px;border-radius:16px;background:#f7faff;border:1px solid #e0e8f1}.it-benefit strong{display:block;font-size:13px;margin-bottom:5px}.it-benefit span{font-size:11px;color:#65758d}
.it-tech{background:#071321;color:#fff}.tech-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tech-item{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}.tech-item strong{display:block;font-size:13px;margin-bottom:5px}.tech-item span{font-size:10px;color:#90a6be}
@media(max-width:980px){.it-hero-grid,.it-benefits{grid-template-columns:1fr;gap:45px}.it-service-grid{grid-template-columns:1fr 1fr}.tech-stack{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.it-hero{padding:78px 0}.it-visual{min-height:310px}.it-screen{left:20px;right:20px;top:65px}.it-service-grid,.it-benefits-grid,.tech-stack{grid-template-columns:1fr}.it-benefits{gap:28px}}

/* v21 — creative IT Solutions visual direction */
.it-services-wrap{position:relative}
.it-service-grid.creative-grid{grid-template-columns:repeat(12,1fr);gap:16px}
.creative-grid .it-service{min-height:245px}
.creative-grid .it-service:nth-child(1){grid-column:span 7;background:linear-gradient(135deg,#081a31,#0e2948);color:#fff;border-color:rgba(103,181,255,.22)}
.creative-grid .it-service:nth-child(2){grid-column:span 5;background:linear-gradient(135deg,#f6fbff,#eaf4ff)}
.creative-grid .it-service:nth-child(3){grid-column:span 5}
.creative-grid .it-service:nth-child(4){grid-column:span 7}
.creative-grid .it-service:nth-child(5){grid-column:span 7;background:linear-gradient(135deg,#f7f5ff,#efedff)}
.creative-grid .it-service:nth-child(6){grid-column:span 5;background:#071321;color:#fff;border-color:rgba(255,255,255,.12)}
.creative-grid .it-service:nth-child(1) p,.creative-grid .it-service:nth-child(6) p{color:#aebfd2}
.creative-grid .it-service:nth-child(1) .slink,.creative-grid .it-service:nth-child(6) .slink{color:#82c2ff}
.it-service .service-art{position:absolute;right:22px;bottom:20px;width:130px;height:88px;border:1px solid rgba(82,164,238,.18);border-radius:13px;background:rgba(77,163,255,.045);overflow:hidden}
.service-art:before{content:"";position:absolute;left:15px;right:15px;top:15px;height:7px;border-radius:8px;background:rgba(132,199,255,.55);box-shadow:0 17px 0 rgba(132,199,255,.17),0 34px 0 rgba(132,199,255,.12)}
.service-art:after{content:"";position:absolute;width:34px;height:34px;right:16px;bottom:10px;border-radius:10px;background:radial-gradient(circle,#6ab7ff 0 15%,rgba(106,183,255,.15) 16% 100%);box-shadow:0 0 28px rgba(80,170,255,.28)}
.creative-grid .it-service:nth-child(2) .service-art,.creative-grid .it-service:nth-child(5) .service-art{background:rgba(77,163,255,.035);border-color:rgba(77,163,255,.11)}
.creative-grid .it-service:nth-child(6) .service-art{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.it-pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.it-pill{padding:7px 11px;border-radius:99px;border:1px solid #dce6f0;background:#fff;color:#597087;font-size:10px;font-weight:800}
.it-service-dark .it-pill{background:rgba(255,255,255,.05);color:#b5c7da;border-color:rgba(255,255,255,.10)}
.it-architecture{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.arch-card{border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,#0d2037,#091522);color:#fff;min-height:330px;position:relative;overflow:hidden}
.arch-card h3{font-size:24px;line-height:1.1;margin:10px 0}.arch-card p{color:#9eb2c8;font-size:13px;max-width:500px}
.arch-flow{position:absolute;left:32px;right:32px;bottom:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.arch-node{padding:14px;border:1px solid rgba(107,182,255,.15);background:rgba(255,255,255,.035);border-radius:12px;text-align:center;font-size:11px;font-weight:800}.arch-node span{display:block;color:#7892ad;font-size:8px;margin-top:4px;font-weight:600}
.arch-glow{position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(78,167,248,.2),transparent 68%)}
.it-stack-panel{border-radius:20px;padding:32px;background:#fff;border:1px solid #dfe7f0;min-height:330px}.stack-head{display:flex;justify-content:space-between;align-items:center}.stack-head span{font-size:9px;letter-spacing:.13em;color:#5aa4f8;font-weight:900}.stack-head b{font-size:10px;padding:6px 9px;border-radius:99px;background:#edf6ff;color:#397fbd}
.stack-orbit{height:175px;margin-top:22px;position:relative;display:flex;align-items:center;justify-content:center}.stack-orbit:before{content:"";width:145px;height:145px;border:1px dashed #b9d7ef;border-radius:50%;position:absolute}.stack-orbit:after{content:"";width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,#65b4ff 8% 27%,#8b5cf6 28% 45%,#edf5ff 46%);box-shadow:0 0 40px rgba(77,163,255,.28)}
.stack-orbit i{position:absolute;width:28px;height:28px;border-radius:9px;background:#f2f7fc;border:1px solid #dbe7f1;z-index:2}
.stack-orbit i:nth-child(1){top:2px;left:25%}.stack-orbit i:nth-child(2){top:22%;right:12%}.stack-orbit i:nth-child(3){bottom:2px;left:28%}.stack-orbit i:nth-child(4){bottom:24%;right:10%}
.it-final-note{margin-top:20px;padding:15px 18px;border-radius:13px;background:#f6f9fc;color:#667b91;font-size:11px;border:1px solid #e3eaf1}
@media(max-width:980px){.it-service-grid.creative-grid{grid-template-columns:1fr 1fr}.creative-grid .it-service:nth-child(n){grid-column:span 1}.it-architecture{grid-template-columns:1fr}}
@media(max-width:640px){.it-service-grid.creative-grid{grid-template-columns:1fr}.creative-grid .it-service:nth-child(n){grid-column:span 1}.creative-grid .it-service{min-height:230px}.it-pill-row{margin-top:20px}.it-architecture{grid-template-columns:1fr}.arch-flow{position:static;margin-top:25px}.arch-card{min-height:0}.it-stack-panel{min-height:0}}

/* v23 — interactive creative motion, not continuous floating */
.it-services-wrap{overflow:hidden}
.it-services-wrap:before{content:"";position:absolute;inset:40px 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(77,163,255,.18),transparent);pointer-events:none}
.creative-grid .it-service{
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease;
}
.creative-grid .it-service:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(91,174,255,.16),transparent 68%);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.creative-grid .it-service:hover:before{opacity:1}
.creative-grid .it-service:hover{box-shadow:0 26px 70px rgba(14,31,54,.13);border-color:#c5d9ed}
.creative-grid .it-service:nth-child(1):hover,.creative-grid .it-service:nth-child(6):hover{box-shadow:0 26px 70px rgba(3,12,27,.35)}
.it-service .sno,.it-service h3,.it-service p,.it-service .it-pill-row,.it-service .service-art,.it-service .slink{position:relative;z-index:2}
.service-art{transition:transform .35s ease,opacity .3s ease}
.it-service:hover .service-art{transform:translateY(-4px) scale(1.04)}
.service-art:after{transition:transform .35s ease,box-shadow .35s ease}
.it-service:hover .service-art:after{transform:scale(1.15);box-shadow:0 0 40px rgba(80,170,255,.38)}
.it-service .it-pill{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.it-service:hover .it-pill{transform:translateY(-2px)}
.creative-grid .it-service:nth-child(1) .it-pill,
.creative-grid .it-service:nth-child(6) .it-pill{border-color:rgba(255,255,255,.13)}
.it-visual{overflow:hidden}
.it-visual:after{
  content:"";
  position:absolute;
  width:120px;height:120px;border-radius:50%;
  left:-20px;bottom:-25px;
  background:radial-gradient(circle,rgba(77,163,255,.20),transparent 68%);
  animation:signalSweep 8s ease-in-out infinite;
}
.it-visual:before{animation:visualGlow 7s ease-in-out infinite}
@keyframes signalSweep{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(95px,-70px);opacity:.75}}
@keyframes visualGlow{0%,100%{opacity:.45}50%{opacity:.9}}
.it-screen:after{
  content:"";
  position:absolute;
  left:8%;right:8%;top:8px;height:1px;
  background:linear-gradient(90deg,transparent,#6eb8ff,transparent);
  opacity:.0;
  animation:scanLine 4.8s ease-in-out infinite;
}
@keyframes scanLine{0%,65%,100%{top:8px;opacity:0}15%,45%{opacity:.7}55%{top:88%;opacity:0}}
.arch-card{overflow:hidden}
.arch-card:after{
  content:"";
  position:absolute;left:-30%;top:0;width:20%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(109,185,255,.12),transparent);
  transform:skewX(-18deg);
  animation:lightSweep 6s ease-in-out infinite;
}
@keyframes lightSweep{0%,55%,100%{left:-30%}80%{left:120%}}
@media(prefers-reduced-motion:reduce){
  .it-visual:after,.it-visual:before,.it-screen:after,.arch-card:after{animation:none}
}

/* v24 — premium Digital Marketing page */
.dm-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 80% 25%,rgba(77,163,255,.24),transparent 24%),
radial-gradient(circle at 16% 18%,rgba(139,92,246,.18),transparent 26%),
linear-gradient(135deg,#050d18,#0b1830 60%,#071629);color:#fff;padding:108px 0 112px}
.dm-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;opacity:.65}
.dm-hero-grid{position:relative;display:grid;grid-template-columns:1fr .92fr;gap:78px;align-items:center}
.dm-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7fbfff;font-weight:900}
.dm-hero h1{font-size:clamp(48px,6vw,76px);line-height:.99;letter-spacing:-.055em;margin:12px 0 20px}.dm-hero h1 em{font-style:normal;background:linear-gradient(90deg,#69b8ff,#a888ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dm-hero p{font-size:18px;line-height:1.7;color:#b8c7db;max-width:680px}
.dm-visual{min-height:445px;border-radius:26px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 35px 90px rgba(0,0,0,.28);position:relative;overflow:hidden;padding:28px}
.dm-visual-head{display:flex;justify-content:space-between;align-items:center;color:#9eb4cc;font-size:9px;letter-spacing:.1em;font-weight:800;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:16px}
.dm-online{display:flex;gap:7px;align-items:center}.dm-online:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.6)}
.dm-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.funnel-col{padding:15px;border:1px solid rgba(105,182,248,.12);border-radius:12px;background:rgba(4,13,27,.35);min-height:235px}.funnel-col:nth-child(2){background:rgba(77,163,255,.07)}.funnel-col:nth-child(3){background:rgba(139,92,246,.07)}
.funnel-title{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#84bbec;font-weight:900}.funnel-value{font-size:28px;font-weight:850;color:#fff;margin:16px 0 4px}.funnel-caption{font-size:8px;color:#7f96af}.funnel-bar{height:7px;border-radius:8px;background:rgba(255,255,255,.10);margin:15px 0 8px;overflow:hidden}.funnel-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#5aaeff,#8b6cff)}
.funnel-line{height:5px;border-radius:6px;background:rgba(144,203,255,.14);margin:10px 0}.funnel-line.short{width:62%}
.dm-console-foot{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:9px;color:#8098b2}.dm-console-foot strong{color:#dce8f5}
.dm-services-head{text-align:center;max-width:820px;margin:0 auto 42px}.dm-services-head h2{font-size:clamp(36px,4.5vw,54px);line-height:1.04;letter-spacing:-.04em;margin:9px 0 14px}.dm-services-head p{color:#65758d;font-size:14px}
.dm-service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.dm-service{position:relative;min-height:235px;padding:27px;border:1px solid #dfe7f0;border-radius:19px;background:#fff;overflow:hidden;transition:.2s}.dm-service:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(14,31,54,.08)}
.dm-service:nth-child(1){grid-column:span 7;background:linear-gradient(135deg,#081a31,#0e2948);color:#fff;border-color:rgba(103,181,255,.21)}.dm-service:nth-child(2){grid-column:span 5;background:#f7fbff}.dm-service:nth-child(3){grid-column:span 5;background:#fbfaff}.dm-service:nth-child(4){grid-column:span 7}.dm-service:nth-child(5){grid-column:span 6;background:#f7fbff}.dm-service:nth-child(6){grid-column:span 6;background:#071321;color:#fff;border-color:rgba(255,255,255,.12)}
.dm-service .sno{font-size:10px;letter-spacing:.14em;color:#4b9cf0;font-weight:900}.dm-service h3{font-size:21px;margin:16px 0 8px}.dm-service p{font-size:12px;color:#65758d;max-width:450px}.dm-service:nth-child(1) p,.dm-service:nth-child(6) p{color:#aec0d3}
.dm-mini-chart{position:absolute;right:24px;bottom:23px;width:150px;height:80px;border:1px solid rgba(85,166,236,.15);border-radius:12px;background:rgba(77,163,255,.035);padding:14px}.dm-mini-chart:before{content:"";position:absolute;left:13px;right:13px;bottom:15px;height:2px;background:linear-gradient(135deg,transparent 6%,#75bdff 7% 18%,transparent 19% 29%,#75bdff 30% 43%,transparent 44% 57%,#8e79ff 58% 71%,transparent 72%);transform:skewY(-9deg)}.dm-mini-chart:after{content:"";position:absolute;left:14px;right:14px;top:15px;height:5px;background:rgba(130,195,249,.22);border-radius:6px;box-shadow:0 13px 0 rgba(130,195,249,.12),0 26px 0 rgba(130,195,249,.08)}
.dm-growth{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.dm-growth h2{font-size:clamp(38px,4.5vw,55px);line-height:1.03;letter-spacing:-.04em;margin:9px 0 15px}.dm-growth p{color:#65758d;font-size:14px}.growth-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.growth-card{padding:24px;border-radius:17px;border:1px solid #e0e7ef;background:#fff}.growth-card strong{display:block;font-size:13px;margin-bottom:5px}.growth-card span{font-size:11px;color:#65758d}
.dm-funnel-section{background:#071321;color:#fff}.dm-funnel-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.dm-funnel-copy h2{font-size:clamp(38px,4.5vw,54px);line-height:1.03;letter-spacing:-.04em;margin:9px 0 14px}.dm-funnel-copy p{color:#9db0c5;font-size:14px}.journey{margin-top:25px;display:flex;gap:9px;flex-wrap:wrap}.journey span{padding:9px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);font-size:10px;color:#b2c3d5}.journey i{align-self:center;color:#5baaff;font-style:normal}
.dm-metrics{padding:28px;border-radius:21px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#0d2038,#091523)}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.metric{padding:21px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.metric b{font-size:26px}.metric span{display:block;color:#8fa6be;font-size:10px;margin-top:4px}.metric-bar{height:7px;border-radius:7px;background:rgba(255,255,255,.10);margin-top:17px;overflow:hidden}.metric-bar i{display:block;width:76%;height:100%;background:linear-gradient(90deg,#5aaeff,#8b6cff);border-radius:7px}
@media(max-width:980px){.dm-hero-grid,.dm-growth,.dm-funnel-layout{grid-template-columns:1fr;gap:45px}.dm-service-grid{grid-template-columns:1fr 1fr}.dm-service:nth-child(n){grid-column:span 1}.dm-funnel{grid-template-columns:1fr 1fr}.funnel-col:last-child{grid-column:span 2}}
@media(max-width:640px){.dm-hero{padding:78px 0}.dm-visual{min-height:360px;padding:20px}.dm-funnel{grid-template-columns:1fr}.funnel-col:last-child{grid-column:span 1}.dm-service-grid,.growth-cards,.metric-row{grid-template-columns:1fr}.dm-service:nth-child(n){grid-column:span 1;min-height:225px}.dm-mini-chart{position:relative;right:auto;bottom:auto;margin-top:20px}.journey{gap:7px}.dm-services-head{text-align:left}}

/* v25 — distinct Digital Marketing creative direction */
.dm-hero{
  background:#f5f8fc;
  color:#132039;
  padding:105px 0 100px;
  position:relative;
  overflow:hidden;
}
.dm-hero:before{
  content:"";
  position:absolute;
  width:520px;height:520px;border-radius:50%;
  right:-160px;top:-240px;
  background:radial-gradient(circle,rgba(82,164,255,.20),rgba(139,92,246,.08) 42%,transparent 68%);
  animation:heroBlob 10s ease-in-out infinite alternate;
}
.dm-hero:after{
  content:"";
  position:absolute;left:12%;bottom:-180px;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.10),transparent 68%);
  animation:heroBlob2 12s ease-in-out infinite alternate;
}
.dm-hero-grid{position:relative;z-index:2}
.dm-kicker{color:#397fcb}
.dm-hero h1{color:#111c31}
.dm-hero p{color:#5e7189}
.dm-visual{
  background:#081827;
  border-color:#18324e;
  box-shadow:0 28px 75px rgba(8,24,39,.20);
  transform:rotate(1.2deg);
  transition:transform .4s ease,box-shadow .4s ease;
}
.dm-visual:hover{transform:rotate(0) translateY(-7px);box-shadow:0 36px 90px rgba(8,24,39,.28)}
.dm-visual-head{color:#8fa9c1}
.dm-funnel{gap:8px}
.funnel-col{transition:transform .25s ease,border-color .25s ease}
.funnel-col:hover{transform:translateY(-6px);border-color:rgba(115,194,255,.36)}
.funnel-bar i{animation:barGlow 4s ease-in-out infinite}
.funnel-col:nth-child(2) .funnel-bar i{animation-delay:.4s}
.funnel-col:nth-child(3) .funnel-bar i{animation-delay:.8s}
@keyframes barGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes heroBlob{to{transform:translate(-40px,35px) scale(1.12)}}
@keyframes heroBlob2{to{transform:translate(45px,-25px) scale(1.08)}}

.dm-services-head{text-align:left;max-width:880px}
.dm-service-grid{align-items:stretch}
.dm-service{
  min-height:260px;
  display:flex;flex-direction:column;
  justify-content:flex-start;
}
.dm-service:nth-child(1){grid-column:span 8}
.dm-service:nth-child(2){grid-column:span 4}
.dm-service:nth-child(3){grid-column:span 4}
.dm-service:nth-child(4){grid-column:span 8}
.dm-service:nth-child(5){grid-column:span 5}
.dm-service:nth-child(6){grid-column:span 7}
.dm-service .dm-mini-chart{opacity:.72;transition:opacity .25s,transform .25s}
.dm-service:hover .dm-mini-chart{opacity:1;transform:translateY(-5px)}
.dm-service .channel-orbit{
  position:absolute;right:24px;top:25px;width:74px;height:74px;border:1px dashed #c7dff2;border-radius:50%;
}
.dm-service .channel-orbit:before{
  content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;
  transform:translate(-50%,-50%);background:linear-gradient(135deg,#58a8ff,#8b5cf6);box-shadow:0 0 22px rgba(88,168,255,.32)
}
.dm-service .channel-orbit i{
  position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#58a8ff;
  transform-origin:0 0;animation:orbitDot 4s linear infinite;
}
@keyframes orbitDot{to{transform:rotate(360deg) translateX(31px)}}

.dm-growth{
  background:linear-gradient(135deg,#f8fbff,#f1f6fb);
  border-top:1px solid #e3ebf3;border-bottom:1px solid #e3ebf3;
  padding:88px 0;
}
.dm-growth .growth-cards{gap:14px}
.growth-card{position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s}
.growth-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(14,31,54,.08)}
.growth-card:after{content:"";position:absolute;right:-35px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(77,163,255,.10),transparent 68%)}
.dm-funnel-section{
  position:relative;overflow:hidden;
  background:linear-gradient(130deg,#06101d,#0c2038 55%,#091522);
}
.dm-funnel-section:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(120deg,transparent 48%,rgba(111,187,255,.06) 49%,transparent 50%);
  background-size:150px 150px;
  animation:bgDrift 14s linear infinite;
}
@keyframes bgDrift{to{background-position:300px 300px}}
.journey span{transition:transform .2s,border-color .2s;background:rgba(255,255,255,.045)}
.journey span:hover{transform:translateY(-3px);border-color:rgba(102,181,255,.35)}
.dm-metrics{position:relative;z-index:2}
.metric{transition:transform .22s,border-color .22s}
.metric:hover{transform:translateY(-4px);border-color:rgba(111,190,255,.32)}
.metric-bar i{animation:metricPulse 3.8s ease-in-out infinite}
.metric:nth-child(2) .metric-bar i{animation-delay:.5s}.metric:nth-child(3) .metric-bar i{animation-delay:1s}.metric:nth-child(4) .metric-bar i{animation-delay:1.5s}
@keyframes metricPulse{0%,100%{opacity:.75}50%{opacity:1}}
.dm-final-wrap{position:relative}
.dm-final-wrap:before{
  content:"LET'S GROW";
  position:absolute;right:0;top:-32px;font-size:10px;letter-spacing:.22em;color:#a8bad0;font-weight:900;
}
@media(max-width:980px){
  .dm-service:nth-child(n){grid-column:span 1}
  .dm-service-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .dm-hero{padding:76px 0 84px}
  .dm-service-grid{grid-template-columns:1fr}
  .dm-service:nth-child(n){grid-column:span 1;min-height:225px}
  .dm-service .dm-mini-chart{position:relative;right:auto;bottom:auto;margin-top:18px}
  .dm-service .channel-orbit{display:none}
}

/* v26 — visible hero motion only */
@media (prefers-reduced-motion:no-preference){
  .dm-hero{
    background:
      radial-gradient(circle at 79% 24%,rgba(77,163,255,.24),transparent 24%),
      radial-gradient(circle at 14% 80%,rgba(139,92,246,.12),transparent 28%),
      linear-gradient(120deg,#f7faff,#eef5fc,#f7f6ff);
    background-size:100% 100%,100% 100%,180% 180%;
    animation:heroGradient 10s ease-in-out infinite alternate;
  }
  .dm-hero .dm-hero-grid > div:first-child{
    animation:heroCopyIn .8s cubic-bezier(.2,.75,.25,1) both;
  }
  .dm-hero .dm-visual{
    animation:heroVisualIn .9s cubic-bezier(.2,.75,.25,1) .12s both, heroFloat 5.5s ease-in-out 1.1s infinite;
  }
  .dm-visual .funnel-col{
    animation:funnelReveal .65s cubic-bezier(.2,.75,.25,1) both;
  }
  .dm-visual .funnel-col:nth-child(1){animation-delay:.35s}
  .dm-visual .funnel-col:nth-child(2){animation-delay:.5s}
  .dm-visual .funnel-col:nth-child(3){animation-delay:.65s}
  .dm-visual .funnel-bar i{
    background:linear-gradient(90deg,#5aaeff 0%,#8c73ff 48%,#5aaeff 100%);
    background-size:220% 100%;
    animation:barSweep 2.8s ease-in-out infinite;
  }
  .dm-visual .dm-online:before{animation:livePulse 1.8s ease-in-out infinite}
  .dm-hero .buttons .btn-primary{
    box-shadow:0 10px 28px rgba(77,163,255,.18);
    animation:buttonGlow 3s ease-in-out infinite;
  }
}
@keyframes heroGradient{
  0%{background-position:0 0,0 0,0 50%}
  100%{background-position:0 0,0 0,100% 50%}
}
@keyframes heroCopyIn{
  from{opacity:0;transform:translateX(-32px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes heroVisualIn{
  from{opacity:0;transform:translateX(34px) rotate(4deg) scale(.96)}
  to{opacity:1;transform:translateX(0) rotate(1.2deg) scale(1)}
}
@keyframes heroFloat{
  0%,100%{transform:rotate(1.2deg) translateY(0)}
  50%{transform:rotate(-.6deg) translateY(-8px)}
}
@keyframes funnelReveal{
  from{opacity:0;transform:translateY(20px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes barSweep{
  0%,100%{background-position:0 0}
  50%{background-position:100% 0}
}
@keyframes livePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.0)}
  50%{box-shadow:0 0 0 6px rgba(74,222,128,.10),0 0 14px rgba(74,222,128,.25)}
}
@keyframes buttonGlow{
  0%,100%{box-shadow:0 10px 28px rgba(77,163,255,.18)}
  50%{box-shadow:0 14px 34px rgba(125,102,246,.28)}
}

/* v27 — faster hero float + pop-in funnel cards */
@media (prefers-reduced-motion:no-preference){
  .dm-hero .dm-visual{
    animation:heroVisualIn .9s cubic-bezier(.2,.75,.25,1) .12s both, heroFloatFast 3.8s ease-in-out 1.1s infinite;
  }
  .dm-visual .funnel-col{
    opacity:0;
    transform:translateY(22px) scale(.82);
    transform-origin:center bottom;
    animation:funnelPop .72s cubic-bezier(.16,1.25,.35,1) both;
    transition:transform .22s ease, box-shadow .22s ease;
  }
  .dm-visual .funnel-col:nth-child(1){animation-delay:.30s}
  .dm-visual .funnel-col:nth-child(2){animation-delay:.48s}
  .dm-visual .funnel-col:nth-child(3){animation-delay:.66s}
  .dm-visual .funnel-col:hover{
    transform:translateY(-7px) scale(1.025);
    box-shadow:0 15px 30px rgba(70,145,220,.12);
  }
}
@keyframes heroFloatFast{
  0%,100%{transform:rotate(1.2deg) translateY(0)}
  50%{transform:rotate(-.8deg) translateY(-12px)}
}
@keyframes funnelPop{
  0%{opacity:0;transform:translateY(22px) scale(.82)}
  58%{opacity:1;transform:translateY(-5px) scale(1.045)}
  78%{transform:translateY(1px) scale(.99)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}

/* v28 fixes */
.dm-hero .btn-ghost{
  color:#17233a;
  background:rgba(255,255,255,.72);
  border-color:#cfdbe8;
}
.dm-hero .btn-ghost:hover{
  color:#0f1b2f;
  background:#fff;
  border-color:#b9ccdf;
}

/* The section and its inner content previously shared .dm-growth.
   Keep the layout on the inner content only so the background spans full width. */
.dm-growth{
  display:block;
}
.dm-growth > .container > .dm-growth{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:60px;
  align-items:center;
}
.dm-growth > .container > .dm-growth h2{
  margin-top:9px;
}
@media(max-width:980px){
  .dm-growth > .container > .dm-growth{
    grid-template-columns:1fr;
    gap:45px;
  }
}

/* v29 — premium AI Solutions page */
.ai-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 80% 22%,rgba(77,163,255,.23),transparent 25%),
radial-gradient(circle at 18% 80%,rgba(139,92,246,.16),transparent 28%),
linear-gradient(135deg,#050d18,#0b1730 58%,#071629);color:#fff;padding:105px 0 110px}
.ai-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;opacity:.6}
.ai-hero-grid{position:relative;display:grid;grid-template-columns:1fr .95fr;gap:78px;align-items:center}
.ai-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7fbfff;font-weight:900}
.ai-hero h1{font-size:clamp(48px,6vw,76px);line-height:.99;letter-spacing:-.055em;margin:12px 0 20px}
.ai-hero h1 em{font-style:normal;background:linear-gradient(90deg,#69b8ff,#a888ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-hero p{font-size:18px;line-height:1.7;color:#b8c7db;max-width:690px}
.ai-hero .btn-ghost{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.ai-live-card{min-height:480px;border-radius:26px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 35px 95px rgba(0,0,0,.30);padding:24px;position:relative;overflow:hidden}
.ai-live-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:16px;color:#91a8c0;font-size:9px;letter-spacing:.1em;font-weight:800}
.ai-live-status{display:flex;align-items:center;gap:7px;color:#cce6d7}.ai-live-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.62)}
.ai-chat-window{padding:25px 5px 8px}.ai-msg{max-width:86%;padding:13px 15px;border-radius:13px;font-size:11px;line-height:1.55;margin-bottom:12px}.ai-msg.user{margin-left:auto;background:#183451;color:#dceafb}.ai-msg.bot{background:#0d1d31;border:1px solid rgba(255,255,255,.08);color:#b4c5d8}.ai-msg.bot b{color:#fff}
.ai-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.ai-action{padding:8px 10px;border-radius:99px;background:rgba(77,163,255,.08);border:1px solid rgba(102,181,255,.15);font-size:9px;color:#9ecbfa}
.ai-input-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:#071321;color:#71889f;font-size:10px}.ai-input-row strong{color:#7fbfff}
.ai-services{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.ai-service{position:relative;padding:28px;min-height:250px;border-radius:20px;border:1px solid #dfe7f0;background:#fff;overflow:hidden;transition:.22s}.ai-service:hover{transform:translateY(-6px);box-shadow:0 22px 52px rgba(14,31,54,.10)}
.ai-service:nth-child(1){grid-column:span 7;background:linear-gradient(135deg,#0a1c33,#113456);color:#fff;border-color:rgba(99,180,255,.20)}
.ai-service:nth-child(2){grid-column:span 5;background:linear-gradient(135deg,#f6fbff,#eaf4ff)}
.ai-service:nth-child(3){grid-column:span 5;background:#fbfaff}
.ai-service:nth-child(4){grid-column:span 7}
.ai-service:nth-child(5){grid-column:span 6;background:#f7fbff}
.ai-service:nth-child(6){grid-column:span 6;background:#071321;color:#fff;border-color:rgba(255,255,255,.12)}
.ai-service .a-no{font-size:10px;letter-spacing:.14em;color:#4f9ff1;font-weight:900}.ai-service:nth-child(1) .a-no,.ai-service:nth-child(6) .a-no{color:#77bbff}
.ai-service h3{font-size:22px;margin:17px 0 9px}.ai-service p{font-size:12px;color:#65758d;max-width:500px}.ai-service:nth-child(1) p,.ai-service:nth-child(6) p{color:#afc2d6}
.ai-service .a-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.a-tags span{font-size:9px;padding:7px 9px;border-radius:99px;border:1px solid #dbe6ef;color:#5b7188;background:#fff}.ai-service:nth-child(1) .a-tags span,.ai-service:nth-child(6) .a-tags span{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);color:#b4c8db}
.ai-service .a-orb{position:absolute;right:22px;bottom:21px;width:96px;height:96px;border-radius:50%;border:1px dashed #bed9ee}.ai-service .a-orb:before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0 5%,#63b4ff 7% 26%,#8a6dff 27% 46%,#dfeefa 47%);box-shadow:0 0 28px rgba(77,163,255,.30)}
.ai-service .a-orb i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#61b1ff;transform-origin:0 0;animation:aOrbit 4s linear infinite}
@keyframes aOrbit{to{transform:rotate(360deg) translateX(39px)}}
.ai-automation{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
.ai-automation h2{font-size:clamp(38px,4.5vw,55px);line-height:1.03;letter-spacing:-.04em;margin:9px 0 15px}.ai-automation p{color:#65758d;font-size:14px}
.ai-workflow{position:relative;padding:26px;border-radius:21px;background:#fff;border:1px solid #dfe7f0;box-shadow:0 15px 45px rgba(14,31,54,.05)}
.workflow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.workflow-node{padding:22px 15px;border:1px solid #e0e8f0;border-radius:14px;text-align:center;background:#f9fbfd}.workflow-node strong{display:block;font-size:12px}.workflow-node span{font-size:9px;color:#71849a}.workflow-arrow{color:#5aa9f5;font-weight:900}
.workflow-status{margin-top:17px;padding:10px 12px;border-radius:10px;background:#f2f8fd;color:#50718f;font-size:10px;text-align:center}
.ai-usecases{background:#071321;color:#fff;position:relative;overflow:hidden}.ai-usecases:before{content:"";position:absolute;width:440px;height:440px;right:-170px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(77,163,255,.18),transparent 68%)}
.usecase-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usecase{padding:27px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04);transition:.22s}.usecase:hover{border-color:rgba(99,180,255,.28);transform:translateY(-4px)}.usecase b{display:block;color:#77bcff;font-size:10px;letter-spacing:.13em}.usecase h3{margin:14px 0 8px;font-size:19px}.usecase p{margin:0;color:#9eb2c7;font-size:12px}
@media(max-width:980px){.ai-hero-grid,.ai-automation{grid-template-columns:1fr;gap:45px}.ai-services{grid-template-columns:1fr 1fr}.ai-service:nth-child(n){grid-column:span 1}.usecase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ai-hero{padding:78px 0}.ai-live-card{min-height:390px;padding:19px}.ai-services,.usecase-grid{grid-template-columns:1fr}.ai-service:nth-child(n){grid-column:span 1}.workflow-row{grid-template-columns:1fr}.workflow-arrow{transform:rotate(90deg);justify-self:center}}

/* v30 — distinct AI visual language */
.ai-hero{
  background:#030812;
  color:#fff;
  padding:96px 0 105px;
  overflow:hidden;
}
.ai-hero:before{
  content:"";
  position:absolute;inset:-10%;
  background:
    radial-gradient(circle at 68% 45%,rgba(77,163,255,.12),transparent 19%),
    radial-gradient(circle at 78% 25%,rgba(139,92,246,.12),transparent 22%),
    radial-gradient(circle at 25% 80%,rgba(77,163,255,.07),transparent 20%);
  animation:aiAmbient 12s ease-in-out infinite alternate;
}
.ai-hero:after{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#63b4ff,transparent);
  opacity:.55;
}
.ai-hero-grid{position:relative;z-index:2;grid-template-columns:.82fr 1.18fr;gap:72px}
.ai-kicker{color:#7dbdff}
.ai-hero h1{font-size:clamp(50px,6.2vw,82px);line-height:.96;letter-spacing:-.06em}
.ai-hero p{color:#9fb2c8;max-width:600px}
.ai-hero .buttons{margin-top:30px}
.ai-hero .btn-ghost{color:#dbe9f7;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}
.ai-core-wrap{position:relative;min-height:500px;border:1px solid rgba(100,178,249,.12);border-radius:30px;background:
radial-gradient(circle at 50% 50%,rgba(73,154,236,.11),transparent 24%),
linear-gradient(145deg,#06101e,#030a13);
box-shadow:inset 0 0 80px rgba(64,137,215,.04),0 35px 90px rgba(0,0,0,.35);
overflow:hidden}
.ai-grid-floor{position:absolute;inset:0;background-image:linear-gradient(rgba(93,171,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(93,171,238,.05) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(63deg) scale(1.6);transform-origin:center bottom;opacity:.45}
.ai-core{position:absolute;left:50%;top:48%;width:118px;height:118px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0 4%,#72c0ff 6% 18%,#8a6dff 19% 37%,#142846 38% 72%,#08111f 73%);box-shadow:0 0 35px rgba(92,180,255,.40),0 0 100px rgba(126,103,255,.22);z-index:5}
.ai-core:before{content:"AI";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:23px;font-weight:900;letter-spacing:.06em}
.ai-ring{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(101,188,255,.22);border-radius:50%;z-index:2}
.ai-ring.r1{width:210px;height:210px;animation:spinA 12s linear infinite}
.ai-ring.r2{width:330px;height:330px;border-style:dashed;animation:spinB 19s linear infinite}
.ai-ring.r3{width:430px;height:430px;opacity:.5;animation:spinA 28s linear infinite reverse}
.ai-ring i{position:absolute;width:10px;height:10px;border-radius:50%;background:#66b7ff;box-shadow:0 0 15px rgba(102,183,255,.7)}
.ai-ring.r1 i{left:50%;top:-5px}.ai-ring.r2 i{right:22%;top:7%}.ai-ring.r3 i{left:15%;bottom:12%}
.ai-node{position:absolute;padding:9px 11px;border-radius:10px;border:1px solid rgba(109,187,255,.17);background:rgba(5,14,27,.72);backdrop-filter:blur(8px);font-size:9px;color:#b8cbe0;z-index:6;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.ai-node strong{display:block;color:#fff;font-size:10px;margin-bottom:2px}.ai-node span{font-size:8px;color:#7e9ab7}
.ai-node.n1{left:7%;top:18%}.ai-node.n2{right:8%;top:27%}.ai-node.n3{left:10%;bottom:24%}.ai-node.n4{right:10%;bottom:17%}
.ai-node:after{content:"";position:absolute;width:42px;height:1px;background:linear-gradient(90deg,rgba(95,177,250,.45),transparent);top:50%}
.ai-node.n1:after,.ai-node.n3:after{right:-42px}.ai-node.n2:after,.ai-node.n4:after{left:-42px;transform:rotate(180deg)}
.ai-scan{position:absolute;left:8%;right:8%;top:12%;height:1px;background:linear-gradient(90deg,transparent,#72c0ff,transparent);opacity:.45;animation:scanAi 4.5s ease-in-out infinite}
.ai-readout{position:absolute;left:25px;right:25px;bottom:19px;display:flex;justify-content:space-between;gap:16px;color:#6f8ba7;font-size:8px;letter-spacing:.08em;text-transform:uppercase;z-index:6}
.ai-readout strong{color:#98d2ff}
.ai-services-ai .section-head{max-width:780px}
.ai-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ai-cap{position:relative;min-height:260px;padding:27px;border-radius:21px;border:1px solid #dfe7f0;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}
.ai-cap:hover{transform:translateY(-7px);box-shadow:0 22px 52px rgba(14,31,54,.10)}
.ai-cap:nth-child(1),.ai-cap:nth-child(6){background:linear-gradient(145deg,#071424,#0e2742);color:#fff;border-color:rgba(93,179,251,.18)}
.ai-cap:nth-child(2),.ai-cap:nth-child(5){background:linear-gradient(145deg,#f4f9ff,#ecf5ff)}
.ai-cap .cap-num{font-size:10px;letter-spacing:.14em;color:#4b9ef3;font-weight:900}.ai-cap:nth-child(1) .cap-num,.ai-cap:nth-child(6) .cap-num{color:#75baff}
.ai-cap h3{font-size:22px;margin:17px 0 9px}.ai-cap p{font-size:12px;color:#65758d;max-width:390px}.ai-cap:nth-child(1) p,.ai-cap:nth-child(6) p{color:#a9bfd5}
.cap-graphic{position:absolute;right:19px;bottom:19px;width:82px;height:82px;border-radius:50%;border:1px dashed #c5dff2}
.cap-graphic:before{content:"";position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:8px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#5eb6ff,#8a70ff);box-shadow:0 0 24px rgba(94,182,255,.25)}
.cap-graphic:after{content:"";position:absolute;left:50%;top:50%;width:58px;height:1px;transform:translate(-50%,-50%) rotate(34deg);background:linear-gradient(90deg,transparent,#65b7ff,transparent)}
.ai-cap:hover .cap-graphic{animation:capSpin 2.2s linear infinite}
.ai-flow-section{background:#f6f9fc}
.ai-flow-ai{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}
.ai-flow-ai h2{font-size:clamp(39px,4.6vw,56px);line-height:1.02;letter-spacing:-.045em;margin:9px 0 15px}.ai-flow-ai p{color:#65758d;font-size:14px}
.ai-flowboard{position:relative;padding:27px;border-radius:24px;background:#071321;border:1px solid rgba(255,255,255,.1);min-height:330px;overflow:hidden}
.ai-flowboard:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(115,192,249,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(115,192,249,.045) 1px,transparent 1px);background-size:32px 32px}
.flow-track{position:relative;z-index:2;display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;gap:8px}
.flow-node-ai{padding:22px 14px;border:1px solid rgba(106,185,250,.16);border-radius:15px;background:rgba(255,255,255,.045);color:#fff;text-align:center}.flow-node-ai strong{display:block;font-size:12px}.flow-node-ai span{display:block;color:#839ab1;font-size:9px;margin-top:4px}.flow-arrow-ai{color:#65b6ff;text-align:center;font-size:20px}
.flow-signal{position:absolute;z-index:3;left:24px;top:51%;width:10px;height:10px;border-radius:50%;background:#67bbff;box-shadow:0 0 18px rgba(103,187,255,.65);animation:signalRun 4s linear infinite}
.ai-usecases-v2{background:#030912;color:#fff}
.ai-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ai-use{padding:25px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.035);transition:.22s}.ai-use:hover{background:rgba(77,163,255,.06);border-color:rgba(97,181,255,.25);transform:translateY(-4px)}.ai-use b{font-size:9px;letter-spacing:.13em;color:#70baff}.ai-use h3{font-size:18px;margin:13px 0 7px}.ai-use p{font-size:11px;color:#94a9be;margin:0}
@keyframes aiAmbient{to{transform:translate(-22px,16px) scale(1.04)}}
@keyframes spinA{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinB{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes scanAi{0%,100%{top:12%;opacity:0}18%{opacity:.5}56%{top:76%;opacity:.35}70%{opacity:0}}
@keyframes capSpin{to{transform:rotate(360deg)}}@keyframes signalRun{0%{left:8%;opacity:0}12%{opacity:1}50%{left:50%}88%{left:88%;opacity:1}100%{left:92%;opacity:0}}
@media(max-width:980px){.ai-hero-grid,.ai-flow-ai{grid-template-columns:1fr;gap:45px}.ai-cap-grid,.ai-use-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ai-hero{padding:78px 0}.ai-core-wrap{min-height:390px}.ai-ring.r3{width:320px;height:320px}.ai-ring.r2{width:250px;height:250px}.ai-ring.r1{width:170px;height:170px}.ai-core{width:90px;height:90px}.ai-node{font-size:8px}.ai-cap-grid,.ai-use-grid{grid-template-columns:1fr}.flow-track{grid-template-columns:1fr}.flow-arrow-ai{transform:rotate(90deg)}.flow-signal{display:none}}

/* v31 — completely different AI cards: bento / glass / terminal aesthetic */
.ai-services-ai{
  background:#f7f9fc;
}
.ai-services-ai .section-head{
  max-width:920px;
}
.ai-cap-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:210px;
  gap:16px;
}
.ai-cap{
  min-height:0;
  padding:25px;
  border:1px solid #dbe5ef;
  border-radius:22px;
  background:#fff;
  color:#152238;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(11,31,54,.03);
}
.ai-cap:nth-child(1){
  grid-column:span 7;
  grid-row:span 2;
  background:#07111f;
  color:#fff;
  border-color:#19314b;
}
.ai-cap:nth-child(2){grid-column:span 5;background:linear-gradient(135deg,#eaf6ff,#f4f0ff)}
.ai-cap:nth-child(3){grid-column:span 5;background:#fff}
.ai-cap:nth-child(4){grid-column:span 4;background:#eef7f5}
.ai-cap:nth-child(5){grid-column:span 4;background:#f8f5ff}
.ai-cap:nth-child(6){grid-column:span 4;background:#07111f;color:#fff;border-color:#19314b}
.ai-cap:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 52px rgba(11,31,54,.10);
}
.ai-cap .cap-top{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
}
.ai-cap .cap-num{
  color:#4e9ff2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.ai-cap:nth-child(1) .cap-num,.ai-cap:nth-child(6) .cap-num{color:#78c0ff}
.cap-mark{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:#eef6ff;color:#338ddd;font-weight:900;font-size:11px;
}
.ai-cap:nth-child(1) .cap-mark,.ai-cap:nth-child(6) .cap-mark{
  background:rgba(104,189,255,.10);color:#7fc4ff;border:1px solid rgba(104,189,255,.12)
}
.ai-cap h3{font-size:24px;line-height:1.1;margin:16px 0 8px}
.ai-cap p{font-size:12px;color:#64788f;max-width:470px;margin:0}
.ai-cap:nth-child(1) p,.ai-cap:nth-child(6) p{color:#a9bfd5}
.ai-cap .cap-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}
.ai-cap .cap-foot span{font-size:9px;color:#8296ab;font-weight:800}
.ai-cap:nth-child(1) .cap-foot span,.ai-cap:nth-child(6) .cap-foot span{color:#7f9ab6}
.cap-code{
  margin-top:18px;
  border-radius:13px;
  padding:13px 14px;
  background:#040b14;
  border:1px solid rgba(107,189,255,.11);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  color:#8fd0ff;
  font-size:9px;
  line-height:1.7;
  position:relative;
  overflow:hidden;
}
.cap-code i{display:block;height:4px;width:68%;border-radius:5px;background:rgba(143,208,255,.20);margin:5px 0}
.cap-code i:nth-child(2){width:42%}.cap-code i:nth-child(3){width:80%}
.cap-orbits{
  position:absolute;right:-24px;bottom:-24px;width:145px;height:145px;border:1px solid rgba(87,173,244,.18);border-radius:50%;
}
.cap-orbits:before,.cap-orbits:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(87,173,244,.16);transform:translate(-50%,-50%)}
.cap-orbits:before{width:102px;height:102px}.cap-orbits:after{width:58px;height:58px}
.cap-orbits b{position:absolute;width:7px;height:7px;border-radius:50%;background:#68b7ff;left:50%;top:-4px;box-shadow:0 0 13px rgba(104,183,255,.7)}
.ai-services-ai .ai-cap:hover .cap-orbits b{animation:orbitalB 1.5s linear infinite}
@keyframes orbitalB{to{transform:rotate(360deg) translateX(70px)}}
.ai-flow-section{
  background:linear-gradient(135deg,#eef4fa,#f8fbfd);
}
.ai-flow-ai{
  grid-template-columns:.78fr 1.22fr;
  gap:72px;
}
.ai-flowboard{
  min-height:365px;
  background:#050c16;
  border-color:#1a3147;
  box-shadow:0 25px 70px rgba(3,12,22,.18);
}
.ai-flowboard:after{
  content:"AI WORKFLOW";
  position:absolute;right:24px;top:18px;
  font-size:8px;letter-spacing:.15em;color:#65809b;font-weight:900;
}
.flow-track{
  margin-top:52px;
  position:relative;
}
.flow-node-ai{
  min-height:105px;
  background:linear-gradient(145deg,#0b1c30,#0a1624);
  border-color:rgba(104,184,255,.14);
  transition:transform .22s,border-color .22s;
}
.flow-node-ai:hover{
  transform:translateY(-6px);
  border-color:rgba(104,184,255,.30);
}
.flow-node-ai strong{color:#fff;font-size:13px}.flow-node-ai span{color:#7894af}
.flow-pulse-line{
  position:absolute;left:10%;right:10%;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,#5caeff 15%,#8d70ff 50%,#5caeff 85%,transparent);
  opacity:.45;
}
.flow-signal{
  width:9px;height:9px;
  background:#69b9ff;
  box-shadow:0 0 18px rgba(105,185,255,.75);
  animation:signalTravel 3.5s linear infinite;
}
@keyframes signalTravel{0%{left:10%;opacity:0}10%{opacity:1}50%{left:50%}90%{opacity:1}100%{left:90%;opacity:0}}
.ai-usecases-v2{
  background:#050b13;
}
.ai-use-grid{
  grid-template-columns:repeat(12,1fr);
}
.ai-use{
  min-height:170px;
  border-radius:18px;
  transition:transform .22s,border-color .22s,background .22s;
}
.ai-use:nth-child(1){grid-column:span 7;background:linear-gradient(135deg,#0b1b30,#0d2947)}
.ai-use:nth-child(2){grid-column:span 5}
.ai-use:nth-child(3){grid-column:span 4}
.ai-use:nth-child(4){grid-column:span 4}
.ai-use:nth-child(5){grid-column:span 4}
.ai-use:nth-child(6){grid-column:span 12;background:linear-gradient(90deg,#0d1e32,#10152c)}
.ai-use:hover{
  transform:translateY(-5px);
  background:rgba(77,163,255,.08);
}
.ai-use h3{font-size:20px}
.ai-use p{max-width:510px}
@media (prefers-reduced-motion:no-preference){
  .ai-cap{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .ai-cap:nth-child(1) .cap-code{animation:codePulse 3.6s ease-in-out infinite}
}
@keyframes codePulse{0%,100%{box-shadow:inset 0 0 0 rgba(77,163,255,0)}50%{box-shadow:inset 0 0 24px rgba(77,163,255,.045)}}
@media(max-width:980px){
  .ai-cap-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .ai-cap:nth-child(n){grid-column:span 1;grid-row:span 1}
  .ai-cap:nth-child(1){grid-column:span 2;grid-row:span 2}
  .ai-use-grid{grid-template-columns:1fr 1fr}
  .ai-use:nth-child(n){grid-column:span 1}
  .ai-use:nth-child(6){grid-column:span 2}
}
@media(max-width:640px){
  .ai-cap-grid,.ai-use-grid{grid-template-columns:1fr;grid-auto-rows:auto}
  .ai-cap:nth-child(n),.ai-use:nth-child(n){grid-column:span 1;grid-row:span 1}
  .ai-cap{min-height:230px}
  .ai-cap:nth-child(1){min-height:330px}
  .ai-flow-ai{grid-template-columns:1fr}
  .flow-track{grid-template-columns:1fr;gap:14px}
  .flow-arrow-ai{transform:rotate(90deg)}
  .flow-pulse-line,.flow-signal{display:none}
}

/* v32 — AI page full visual redesign: electric-lime / violet / glass lab */
.ai-hero{
  background:
    radial-gradient(circle at 80% 18%,rgba(168,255,90,.14),transparent 18%),
    radial-gradient(circle at 72% 70%,rgba(132,92,255,.20),transparent 25%),
    linear-gradient(135deg,#090a12 0%,#111126 55%,#0a1020 100%);
  padding:92px 0 112px;
}
.ai-hero:before{background-image:none;opacity:0}
.ai-hero-grid{grid-template-columns:.9fr 1.1fr;gap:86px}
.ai-kicker{color:#b7ff75;letter-spacing:.20em}
.ai-hero h1{font-size:clamp(52px,6.4vw,84px);max-width:720px}
.ai-hero h1 em{background:linear-gradient(90deg,#b7ff75,#8f73ff);-webkit-background-clip:text;background-clip:text}
.ai-hero p{font-size:17px;color:#aab4c9;max-width:610px}
.ai-hero .btn-primary{background:#b7ff75;color:#10130d;box-shadow:0 12px 35px rgba(183,255,117,.17)}
.ai-hero .btn-primary:hover{background:#c2ff89}
.ai-hero .btn-ghost{border-color:rgba(255,255,255,.14);color:#dce5f2;background:rgba(255,255,255,.035)}
.ai-core-wrap{
  min-height:520px;border-radius:32px;border:1px solid rgba(183,255,117,.15);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),
    radial-gradient(circle at 50% 44%,rgba(132,92,255,.12),transparent 23%),
    #070b14;
  box-shadow:inset 0 0 80px rgba(0,0,0,.35),0 36px 90px rgba(0,0,0,.33);
}
.ai-core-wrap:after{
  content:"";position:absolute;inset:0;border-radius:32px;
  background:linear-gradient(120deg,transparent 30%,rgba(183,255,117,.04) 45%,transparent 60%);
  transform:translateX(-110%);
  animation:labSweep 6.5s ease-in-out infinite;
}
.ai-grid-floor{opacity:.22;transform:perspective(520px) rotateX(63deg) scale(1.8)}
.ai-core{width:126px;height:126px;background:radial-gradient(circle at 38% 32%,#fff 0 4%,#d0ff9f 5% 15%,#9b72ff 16% 34%,#171a32 35% 71%,#080d16 72%);box-shadow:0 0 40px rgba(183,255,117,.26),0 0 105px rgba(138,102,255,.23)}
.ai-core:before{content:"QAI";font-size:18px;letter-spacing:.15em;color:#f8fff2}
.ai-ring{border-color:rgba(183,255,117,.18)}
.ai-ring.r2{border-color:rgba(148,113,255,.22)}
.ai-ring.r3{border-color:rgba(255,255,255,.07)}
.ai-ring i{background:#c4ff8c;box-shadow:0 0 15px rgba(196,255,140,.65)}
.ai-ring.r2 i{background:#a27cff}
.ai-node{background:rgba(9,14,24,.78);border-color:rgba(255,255,255,.10);color:#b7c3d6}
.ai-node strong{color:#f4f8ff}.ai-node span{color:#718099}
.ai-readout{color:#64728a}.ai-readout strong{color:#b7ff75}
@keyframes labSweep{0%,65%,100%{transform:translateX(-110%)}82%{transform:translateX(110%)}}

.ai-services-ai{background:#f0f3ec}
.ai-services-ai .section-head{text-align:left;max-width:890px}
.ai-services-ai .section-head h2{font-size:clamp(38px,4.8vw,58px);color:#0f1725}
.ai-services-ai .section-head p{color:#617082}
.ai-cap-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:15px}
.ai-cap{border-radius:24px;border:1px solid #d5ddd4;background:#fff;padding:25px;box-shadow:none;position:relative}
.ai-cap:nth-child(1){grid-column:span 2;grid-row:span 2;background:#0b1017;border-color:#26323a}
.ai-cap:nth-child(2){grid-column:span 2;background:#e8f7dc}
.ai-cap:nth-child(3){grid-column:span 1;background:#ece8ff}
.ai-cap:nth-child(4){grid-column:span 1;background:#fff}
.ai-cap:nth-child(5){grid-column:span 2;background:#dff3ff}
.ai-cap:nth-child(6){grid-column:span 2;background:#11101c;border-color:#2e2942;color:#fff}
.ai-cap:nth-child(1) p,.ai-cap:nth-child(6) p{color:#9eabbc}
.ai-cap .cap-num{color:#627083}
.ai-cap:nth-child(1) .cap-num,.ai-cap:nth-child(6) .cap-num{color:#b7ff75}
.ai-cap h3{font-size:23px}
.ai-cap:nth-child(1) h3,.ai-cap:nth-child(6) h3{color:#fff}
.ai-cap .cap-foot span{color:#708094}
.ai-cap:nth-child(1) .cap-foot span,.ai-cap:nth-child(6) .cap-foot span{color:#8797aa}
.ai-cap .cap-mark{background:#111a24;color:#b7ff75;border-radius:13px}
.ai-cap:nth-child(1) .cap-mark,.ai-cap:nth-child(6) .cap-mark{background:rgba(183,255,117,.08);color:#b7ff75;border-color:rgba(183,255,117,.16)}
.cap-code{background:#05080d;border-color:#202d38;color:#b7ff75}
.cap-orbits{border-color:rgba(183,255,117,.20)}
.cap-orbits:before,.cap-orbits:after{border-color:rgba(162,124,255,.17)}
.cap-orbits b{background:#b7ff75}
.ai-cap:hover{transform:translateY(-7px) rotateX(1deg);box-shadow:0 25px 55px rgba(16,31,46,.11)}

.ai-flow-section{background:#fff}
.ai-flow-ai{grid-template-columns:.95fr 1.05fr;gap:75px}
.ai-flow-ai h2{font-size:clamp(40px,4.8vw,58px)}
.ai-flow-ai p{color:#607086}
.ai-workflow{background:#0a1019;border-color:#223040;box-shadow:0 24px 55px rgba(10,20,35,.12);min-height:370px}
.ai-workflow:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#b7ff75;right:26px;top:22px;box-shadow:0 0 14px rgba(183,255,117,.65)}
.flow-pulse-line{top:51%;background:linear-gradient(90deg,transparent,#b7ff75 20%,#9f7aff 50%,#b7ff75 80%,transparent);opacity:.34}
.flow-node-ai{background:linear-gradient(145deg,#101a28,#0b131e);border-color:#243545;min-height:115px}
.flow-node-ai strong{color:#fff}.flow-node-ai span{color:#8192a8}
.flow-arrow-ai{color:#b7ff75}
.workflow-status{background:#0e1824;color:#91a3b8;border:1px solid #1c2a39}
.flow-signal{background:#b7ff75;box-shadow:0 0 18px rgba(183,255,117,.72)}

.ai-usecases-v2{background:#070b12}
.ai-usecases-v2 .section-head p{color:#8e9db0}
.ai-use-grid{grid-template-columns:repeat(4,1fr);gap:14px}
.ai-use{min-height:190px;border-radius:20px;border-color:#182634;background:#0c131d;padding:24px}
.ai-use:nth-child(1){grid-column:span 2;background:linear-gradient(135deg,#101c2a,#0f2436)}
.ai-use:nth-child(2),.ai-use:nth-child(3),.ai-use:nth-child(4){grid-column:span 1}
.ai-use:nth-child(5){grid-column:span 1}
.ai-use:nth-child(6){grid-column:span 3;background:linear-gradient(90deg,#131126,#15172a)}
.ai-use b{color:#b7ff75}.ai-use h3{color:#fff}.ai-use p{color:#8fa0b3}
.ai-use:hover{background:#111d2a;border-color:#2d4357;transform:translateY(-5px)}

@media (prefers-reduced-motion:no-preference){
.ai-core-wrap{animation:coreFloat 6s ease-in-out infinite}
.ai-core{animation:coreBreath 3s ease-in-out infinite}
.ai-ring.r1{animation:spinA 9s linear infinite}
.ai-ring.r2{animation:spinB 15s linear infinite}
.ai-ring.r3{animation:spinA 23s linear infinite reverse}
.ai-node{animation:nodeIn .75s cubic-bezier(.2,.75,.25,1) both}
.ai-node.n1{animation-delay:.2s}.ai-node.n2{animation-delay:.35s}.ai-node.n3{animation-delay:.5s}.ai-node.n4{animation-delay:.65s}
}
@keyframes coreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes coreBreath{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}
@keyframes nodeIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}

@media(max-width:980px){
.ai-cap-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.ai-cap:nth-child(n){grid-column:span 1;grid-row:span 1}.ai-cap:nth-child(1),.ai-cap:nth-child(6){grid-column:span 2}
.ai-use-grid{grid-template-columns:1fr 1fr}.ai-use:nth-child(n){grid-column:span 1}.ai-use:nth-child(6){grid-column:span 2}
}
@media(max-width:640px){
.ai-hero{padding:76px 0 84px}.ai-core-wrap{min-height:390px}.ai-hero-grid{gap:46px}
.ai-cap-grid,.ai-use-grid{grid-template-columns:1fr;grid-auto-rows:auto}.ai-cap:nth-child(n),.ai-use:nth-child(n){grid-column:span 1;grid-row:span 1}.ai-cap{min-height:235px}.ai-cap:nth-child(1){min-height:340px}
.ai-flow-ai{grid-template-columns:1fr}.flow-track{grid-template-columns:1fr}.flow-arrow-ai{transform:rotate(90deg)}.flow-pulse-line,.flow-signal{display:none}
}

/* v33 — light AI opening, retain futuristic AI identity below */
.ai-hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(183,255,117,.22),transparent 18%),
    radial-gradient(circle at 68% 72%,rgba(139,92,246,.15),transparent 24%),
    radial-gradient(circle at 20% 75%,rgba(77,163,255,.11),transparent 24%),
    linear-gradient(135deg,#f8fbf6 0%,#f3f7fb 48%,#f7f5ff 100%);
  color:#111827;
  padding:96px 0 108px;
}
.ai-hero:before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(25,40,55,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,40,55,.035) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.48;
}
.ai-hero:after{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#a5e86c,#a986ff,transparent);
  opacity:.8;
}
.ai-hero-grid{grid-template-columns:.92fr 1.08fr;gap:82px}
.ai-kicker{color:#4f8428}
.ai-hero h1{color:#101827;max-width:760px}
.ai-hero h1 em{background:linear-gradient(90deg,#4b9e1e,#7454db);-webkit-background-clip:text;background-clip:text}
.ai-hero p{color:#59697d}
.ai-hero .btn-primary{
  background:linear-gradient(100deg,#9ee45f,#82cf47);
  color:#13210c;
  border-color:transparent;
  box-shadow:0 13px 32px rgba(123,201,74,.18)
}
.ai-hero .btn-primary:hover{background:linear-gradient(100deg,#a9eb70,#8bd452)}
.ai-hero .btn-ghost{
  color:#243047;
  background:rgba(255,255,255,.70);
  border-color:#cfd9e5
}
.ai-hero .btn-ghost:hover{background:#fff;color:#162136}
.ai-core-wrap{
  background:
    radial-gradient(circle at 50% 44%,rgba(139,92,246,.16),transparent 22%),
    radial-gradient(circle at 50% 64%,rgba(183,255,117,.12),transparent 29%),
    linear-gradient(145deg,#fdfefe,#edf4f8);
  border-color:#d6e2e9;
  box-shadow:0 28px 75px rgba(30,46,60,.12),inset 0 0 70px rgba(255,255,255,.65);
}
.ai-grid-floor{
  background-image:
    linear-gradient(rgba(73,108,130,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(73,108,130,.055) 1px,transparent 1px);
  opacity:.42;
}
.ai-core{
  background:radial-gradient(circle at 38% 32%,#fff 0 4%,#b8f57e 6% 17%,#9679ff 18% 36%,#dce5ef 37% 73%,#f7fafc 74%);
  box-shadow:0 0 34px rgba(133,213,94,.32),0 0 90px rgba(143,106,255,.17);
}
.ai-core:before{color:#17201a}
.ai-ring{border-color:rgba(79,145,53,.24)}
.ai-ring.r2{border-color:rgba(129,98,220,.25)}
.ai-ring.r3{border-color:rgba(91,110,131,.14)}
.ai-ring i{background:#79bb49;box-shadow:0 0 14px rgba(121,187,73,.55)}
.ai-ring.r2 i{background:#8969e8}
.ai-node{
  background:rgba(255,255,255,.82);
  border-color:#d6e1e9;
  color:#53647a;
  box-shadow:0 10px 24px rgba(33,55,75,.08);
}
.ai-node strong{color:#172237}.ai-node span{color:#77889a}
.ai-readout{color:#718398}.ai-readout strong{color:#5d922f}
@keyframes labSweep{
  0%,65%,100%{transform:translateX(-110%)}
  82%{transform:translateX(110%)}
}
.ai-hero .ai-node:after{
  background:linear-gradient(90deg,rgba(101,151,190,.38),transparent)
}
.ai-hero .ai-ring.r1,.ai-hero .ai-ring.r2,.ai-hero .ai-ring.r3{opacity:.85}

/* Keep the AI capability and use-case sections visually distinct from the light opening. */
.ai-services-ai{background:#f0f3ec}
.ai-flow-section{background:#fff}
.ai-usecases-v2{background:#070b12}
@media (max-width:640px){
  .ai-hero{padding:74px 0 84px}
}

/* v34 — cleaner neural core */
.ai-core-wrap{
  background:
    radial-gradient(circle at 50% 48%,rgba(139,92,246,.12),transparent 18%),
    radial-gradient(circle at 50% 55%,rgba(183,255,117,.08),transparent 28%),
    linear-gradient(145deg,#fbfdff,#edf4f7);
}
.ai-core{
  width:96px!important;height:96px!important;
  background:
    radial-gradient(circle at 36% 30%,#ffffff 0 7%,#b6f77d 8% 20%,#8e6cff 21% 45%,#20283a 46% 72%,#111827 73%)!important;
  border:1px solid rgba(17,24,39,.10);
  box-shadow:
    0 0 0 10px rgba(255,255,255,.68),
    0 0 0 11px rgba(107,183,255,.13),
    0 0 35px rgba(123,104,255,.18),
    0 0 70px rgba(183,255,117,.14);
}
.ai-core:before{
  content:"AI"!important;
  font-size:22px!important;
  letter-spacing:.08em!important;
  color:#ffffff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.18);
}
.ai-core:after{
  content:"";
  position:absolute;left:50%;top:50%;
  width:132px;height:132px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(104,171,220,.17);
  border-radius:50%;
}
.ai-ring.r1{width:190px;height:190px!important;border-color:rgba(94,161,208,.20)!important}
.ai-ring.r2{width:305px;height:305px!important;border-color:rgba(139,110,237,.18)!important}
.ai-ring.r3{width:405px;height:405px!important;border-color:rgba(110,124,145,.11)!important}
.ai-ring.r1 i{background:#88c85d!important;box-shadow:0 0 12px rgba(136,200,93,.42)!important}
.ai-ring.r2 i{background:#9271f0!important;box-shadow:0 0 12px rgba(146,113,240,.42)!important}
.ai-node{
  background:rgba(255,255,255,.90)!important;
  border-color:#d8e2e9!important;
  box-shadow:0 9px 24px rgba(29,48,67,.07)!important;
}
.ai-node:after{opacity:.55}
.ai-readout{font-size:8px!important}

/* v35 — Industries page: editorial / industry-story design */
.ind-hero{
  position:relative;overflow:hidden;padding:100px 0 104px;
  background:
    radial-gradient(circle at 80% 22%,rgba(77,163,255,.16),transparent 22%),
    radial-gradient(circle at 18% 76%,rgba(139,92,246,.11),transparent 25%),
    linear-gradient(135deg,#f8fafc,#eef4f8);
}
.ind-hero:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(30,54,73,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,54,73,.035) 1px,transparent 1px);
  background-size:54px 54px;opacity:.5
}
.ind-hero-grid{position:relative;display:grid;grid-template-columns:1fr .92fr;gap:75px;align-items:center}
.ind-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#4a94dc;font-weight:900}
.ind-hero h1{font-size:clamp(50px,6.1vw,78px);line-height:.98;letter-spacing:-.055em;color:#142036;margin:11px 0 19px}
.ind-hero h1 em{font-style:normal;background:linear-gradient(90deg,#368de1,#8167ea);-webkit-background-clip:text;background-clip:text;color:transparent}
.ind-hero p{font-size:18px;line-height:1.7;color:#5e7085;max-width:680px}
.ind-map{
  min-height:440px;border:1px solid #d7e2eb;border-radius:28px;background:
  radial-gradient(circle at 50% 45%,rgba(80,163,235,.16),transparent 23%),
  linear-gradient(145deg,#fcfeff,#edf4f8);
  position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(26,50,72,.10)
}
.ind-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(75,118,150,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(75,118,150,.055) 1px,transparent 1px);background-size:32px 32px;opacity:.55}
.ind-map-core{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 6%,#66b5f8 7% 22%,#8b70e9 23% 39%,#e8f0f6 40% 100%);box-shadow:0 0 35px rgba(77,163,255,.27);z-index:4}
.ind-map-core:before{content:"Q";position:absolute;left:50%;top:50%;transform:translate(-50%,-53%);font-size:25px;font-weight:900;color:#152236}
.ind-orbit{position:absolute;left:50%;top:50%;border:1px dashed #bfd6e8;border-radius:50%;transform:translate(-50%,-50%)}
.ind-orbit.o1{width:180px;height:180px}.ind-orbit.o2{width:295px;height:295px;border-color:#d0c8f0}.ind-orbit.o3{width:400px;height:400px;border-color:#d8e4ec}
.ind-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#53aaf0;box-shadow:0 0 14px rgba(83,170,240,.42)}
.ind-dot.d1{left:calc(50% + 76px);top:calc(50% - 5px)}.ind-dot.d2{left:calc(50% - 5px);top:calc(50% - 148px);background:#8b70e9}.ind-dot.d3{left:calc(50% - 200px);top:calc(50% - 5px);background:#70bd51}.ind-dot.d4{left:calc(50% - 5px);top:calc(50% + 194px)}
.ind-label{position:absolute;padding:9px 12px;border:1px solid #d8e4ec;background:rgba(255,255,255,.88);border-radius:10px;font-size:9px;font-weight:850;color:#35465c;box-shadow:0 8px 20px rgba(25,51,73,.07);z-index:5}
.ind-label.l1{left:26px;top:65px}.ind-label.l2{right:24px;top:104px}.ind-label.l3{left:30px;bottom:78px}.ind-label.l4{right:29px;bottom:66px}
.ind-intro{text-align:left;max-width:930px;margin:0 0 38px}
.ind-intro h2{font-size:clamp(38px,4.6vw,57px);line-height:1.02;letter-spacing:-.045em;margin:9px 0 14px;color:#142036}
.ind-intro p{color:#63758b;font-size:14px;max-width:720px}
.ind-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.ind-card{position:relative;min-height:270px;padding:27px;border:1px solid #dfe7ef;border-radius:20px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.ind-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(14,31,54,.09);border-color:#cbddea}
.ind-card:nth-child(1){grid-column:span 7;background:linear-gradient(145deg,#0b1d33,#123555);color:#fff;border-color:#244968}.ind-card:nth-child(2){grid-column:span 5;background:#eff8e9}.ind-card:nth-child(3){grid-column:span 5;background:#f4efff}.ind-card:nth-child(4){grid-column:span 7;background:#f1f8fd}.ind-card:nth-child(5){grid-column:span 4;background:#fff}.ind-card:nth-child(6){grid-column:span 4;background:#071321;color:#fff;border-color:#1c3044}.ind-card:nth-child(7){grid-column:span 4;background:#fff}
.ind-no{font-size:10px;letter-spacing:.14em;color:#4c9be9;font-weight:900}.ind-card:nth-child(1) .ind-no,.ind-card:nth-child(6) .ind-no{color:#79c1ff}
.ind-card h3{font-size:22px;line-height:1.1;margin:17px 0 8px}.ind-card p{font-size:12px;color:#63758b;max-width:460px}.ind-card:nth-child(1) p,.ind-card:nth-child(6) p{color:#aabed2}
.ind-tags{position:absolute;left:27px;bottom:25px;display:flex;gap:8px;flex-wrap:wrap}.ind-tags span{font-size:9px;padding:7px 9px;border-radius:99px;border:1px solid #dce6ef;background:#fff;color:#5c7188}.ind-card:nth-child(1) .ind-tags span,.ind-card:nth-child(6) .ind-tags span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#b5c9dc}
.ind-art{position:absolute;right:22px;bottom:24px;width:120px;height:84px;border-radius:14px;border:1px solid #dbe6ee;background:rgba(255,255,255,.52)}
.ind-art:before{content:"";position:absolute;left:13px;right:13px;top:15px;height:6px;border-radius:7px;background:#b9dbf5;box-shadow:0 15px 0 #e0ebf3,0 30px 0 #d5e5f0}
.ind-art:after{content:"";position:absolute;width:24px;height:24px;right:12px;bottom:11px;border-radius:8px;background:linear-gradient(135deg,#5aaeff,#8b6ff0);box-shadow:0 0 20px rgba(81,166,241,.18)}
.ind-card:nth-child(1) .ind-art,.ind-card:nth-child(6) .ind-art{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.12)}.ind-card:nth-child(1) .ind-art:before,.ind-card:nth-child(6) .ind-art:before{background:rgba(143,204,250,.40);box-shadow:0 15px 0 rgba(143,204,250,.13),0 30px 0 rgba(143,204,250,.10)}
.ind-focus{background:#06101d;color:#fff;position:relative;overflow:hidden}.ind-focus:before{content:"";position:absolute;width:480px;height:480px;right:-200px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(82,168,245,.18),transparent 68%)}
.ind-focus-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}
.ind-focus h2{font-size:clamp(39px,4.8vw,58px);line-height:1.03;letter-spacing:-.045em;margin:9px 0 15px}.ind-focus p{color:#9db0c5;font-size:14px;max-width:530px}
.ind-focus-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.focus-card{padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);transition:.22s}.focus-card:hover{transform:translateY(-4px);border-color:rgba(112,189,255,.27)}.focus-card strong{display:block;font-size:13px;margin-bottom:5px}.focus-card span{font-size:11px;color:#91a6bc}
.ind-process{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe7ef;border-radius:20px;overflow:hidden;background:#fff}.ind-step{padding:26px 23px;border-right:1px solid #e3eaf0}.ind-step:last-child{border-right:0}.ind-step b{font-size:10px;letter-spacing:.14em;color:#59a4f2}.ind-step h3{font-size:19px;margin:15px 0 7px}.ind-step p{font-size:11px;color:#64768b;margin:0}.ind-step .mini{margin-top:16px;color:#8da0b4;font-size:9px;font-weight:800}
@media(prefers-reduced-motion:no-preference){
 .ind-map-core{animation:corePop .8s cubic-bezier(.2,.8,.25,1) both,coreBreathe 3.8s ease-in-out .8s infinite}
 .ind-orbit.o1{animation:orbitSpin 9s linear infinite}.ind-orbit.o2{animation:orbitSpin 15s linear infinite reverse}.ind-orbit.o3{animation:orbitSpin 22s linear infinite}
 .ind-card{animation:cardRise .65s cubic-bezier(.2,.8,.25,1) both}.ind-card:nth-child(1){animation-delay:.05s}.ind-card:nth-child(2){animation-delay:.12s}.ind-card:nth-child(3){animation-delay:.19s}.ind-card:nth-child(4){animation-delay:.26s}.ind-card:nth-child(5){animation-delay:.33s}.ind-card:nth-child(6){animation-delay:.40s}.ind-card:nth-child(7){animation-delay:.47s}
}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes corePop{from{opacity:0;transform:translate(-50%,-50%) scale(.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes coreBreathe{0%,100%{box-shadow:0 0 35px rgba(77,163,255,.27)}50%{box-shadow:0 0 58px rgba(139,112,233,.30)}}@keyframes cardRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.ind-hero-grid,.ind-focus-grid{grid-template-columns:1fr;gap:45px}.ind-grid{grid-template-columns:1fr 1fr}.ind-card:nth-child(n){grid-column:span 1}.ind-card:nth-child(1),.ind-card:nth-child(4){grid-column:span 2}.ind-process{grid-template-columns:1fr 1fr}.ind-step:nth-child(2){border-right:0}.ind-step:nth-child(3),.ind-step:nth-child(4){border-top:1px solid #e3eaf0}}
@media(max-width:640px){.ind-hero{padding:75px 0 85px}.ind-map{min-height:360px}.ind-orbit.o1{width:150px;height:150px}.ind-orbit.o2{width:235px;height:235px}.ind-orbit.o3{width:320px;height:320px}.ind-grid,.ind-focus-cards,.ind-process{grid-template-columns:1fr}.ind-card:nth-child(n){grid-column:span 1}.ind-process .ind-step{border-right:0;border-bottom:1px solid #e3eaf0}.ind-step:last-child{border-bottom:0}.ind-card{min-height:240px}.ind-art{position:relative;right:auto;bottom:auto;margin-top:18px}.ind-tags{position:relative;left:auto;bottom:auto;margin-top:20px}}

/* v36 — high-contrast Industries secondary CTA */
.ind-hero .btn-ghost{
  color:#122038;
  background:#fff;
  border:1px solid #c8d7e5;
  box-shadow:0 8px 22px rgba(31,57,82,.08);
}
.ind-hero .btn-ghost:hover{
  color:#0b1628;
  background:#f5f9fc;
  border-color:#9fb7cc;
  transform:translateY(-2px);
}

/* v37 — premium Contact page */
.contact-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fafc,#edf4f9);padding:92px 0 86px}
.contact-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 20%,rgba(82,165,245,.15),transparent 22%),radial-gradient(circle at 10% 80%,rgba(139,92,246,.10),transparent 25%)}
.contact-hero-grid{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}
.contact-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#438dd5;font-weight:900}
.contact-hero h1{font-size:clamp(48px,6vw,74px);line-height:1;letter-spacing:-.055em;color:#152136;margin:12px 0 17px}.contact-hero h1 em{font-style:normal;background:linear-gradient(90deg,#3b93e6,#7d65e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-hero p{font-size:17px;color:#607186;max-width:650px}
.contact-orbit-card{min-height:390px;border:1px solid #d8e4ed;border-radius:27px;background:#fff;box-shadow:0 25px 70px rgba(26,51,73,.10);position:relative;overflow:hidden}
.contact-orbit-card:before{content:"";position:absolute;left:50%;top:50%;width:240px;height:240px;transform:translate(-50%,-50%);border:1px dashed #c6dceb;border-radius:50%;box-shadow:0 0 0 42px rgba(86,166,235,.035),0 0 0 84px rgba(139,102,229,.025)}
.contact-core{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 5%,#66b4f6 7% 23%,#8a71e7 24% 40%,#e9f1f7 41%);box-shadow:0 0 34px rgba(83,169,239,.25);z-index:3}.contact-core:before{content:"Q";position:absolute;left:50%;top:50%;transform:translate(-50%,-53%);font-size:25px;font-weight:900;color:#17304a}
.contact-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d6e3eb;border-radius:50%}.contact-orbit.o1{width:170px;height:170px}.contact-orbit.o2{width:300px;height:300px;border-style:dashed}.contact-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#5aa9ee;box-shadow:0 0 14px rgba(90,169,238,.45)}.cd1{left:calc(50% + 79px);top:calc(50% - 5px)}.cd2{left:calc(50% - 5px);top:calc(50% - 155px);background:#8b72e7}.contact-label{position:absolute;padding:9px 11px;border-radius:10px;border:1px solid #d8e5ed;background:rgba(255,255,255,.92);box-shadow:0 9px 22px rgba(23,48,74,.07);font-size:9px;font-weight:850;color:#53677d;z-index:4}.cl1{left:24px;top:54px}.cl2{right:24px;top:92px}.cl3{left:28px;bottom:61px}.cl4{right:25px;bottom:43px}
.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:start}
.contact-info{padding:32px;border:1px solid #dfe7ef;border-radius:21px;background:#071321;color:#fff;position:sticky;top:105px}.contact-info h2{font-size:29px;line-height:1.1;margin:8px 0 13px}.contact-info p{color:#9db1c6;font-size:13px}.contact-list{margin-top:27px}.contact-item{padding:15px 0;border-top:1px solid rgba(255,255,255,.09)}.contact-item strong{display:block;font-size:12px}.contact-item span{display:block;color:#8fa5bc;font-size:11px;margin-top:3px}
.contact-form-card{padding:36px;border:1px solid #dce5ed;border-radius:21px;background:#fff;box-shadow:0 15px 50px rgba(14,31,54,.05)}
.contact-form-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.contact-form-head h2{margin:0;font-size:31px}.contact-form-head span{font-size:9px;letter-spacing:.12em;color:#6690b1;font-weight:900}
.q-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.q-field{margin:0}.q-field.full{grid-column:span 2}.q-field label{display:block;font-size:11px;font-weight:800;color:#324861;margin-bottom:6px}.q-field input,.q-field textarea,.q-field select{width:100%;font:inherit;padding:13px 14px;border:1px solid #d8e2ea;border-radius:10px;color:#172033;background:#fbfdff;outline:none}.q-field textarea{min-height:135px;resize:vertical}.q-field input:focus,.q-field textarea:focus,.q-field select:focus{border-color:#80b8e7;box-shadow:0 0 0 3px rgba(77,163,255,.08)}
.project-options{display:flex;flex-wrap:wrap;gap:8px}.project-options label{cursor:pointer}.project-options input{position:absolute;opacity:0;pointer-events:none}.project-options span{display:block;padding:9px 11px;border:1px solid #d9e4ec;border-radius:99px;background:#fff;color:#60758a;font-size:10px;font-weight:750;transition:.2s}.project-options input:checked+span{background:#edf7e7;color:#447522;border-color:#b8d99b}.form-foot{margin-top:24px;padding-top:19px;border-top:1px solid #e7edf2;display:flex;align-items:center;justify-content:space-between;gap:15px}.form-foot small{color:#8799aa;font-size:9px;max-width:360px}.contact-bottom{background:#f5f8fb}
@media(max-width:980px){.contact-hero-grid,.contact-layout{grid-template-columns:1fr;gap:38px}.contact-info{position:static}.contact-orbit-card{min-height:340px}}
@media(max-width:640px){.contact-hero{padding:72px 0}.contact-orbit-card{min-height:290px}.contact-orbit.o1{width:140px;height:140px}.contact-orbit.o2{width:245px;height:245px}.contact-form-card{padding:25px}.q-form-grid{grid-template-columns:1fr}.q-field.full{grid-column:span 1}.contact-form-head{align-items:flex-start;flex-direction:column}.form-foot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){
.contact-core{animation:contactPulse 3.5s ease-in-out infinite}.contact-orbit.o1{animation:contactSpin 10s linear infinite}.contact-orbit.o2{animation:contactSpin 17s linear infinite reverse}.contact-dot{animation:contactDot 2.3s ease-in-out infinite}.contact-form-card{animation:contactRise .75s cubic-bezier(.2,.8,.25,1) both}
}
@keyframes contactPulse{0%,100%{box-shadow:0 0 34px rgba(83,169,239,.25)}50%{box-shadow:0 0 56px rgba(139,113,231,.24)}}@keyframes contactSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes contactDot{50%{transform:scale(1.3)}}
@keyframes contactRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* v38 — contact hero uses a project brief visual instead of orbital artwork */
.contact-brief-visual{
  min-height:390px;
  border:1px solid #d9e5ee;
  border-radius:27px;
  background:linear-gradient(145deg,#ffffff,#eef5fa);
  box-shadow:0 25px 70px rgba(26,51,73,.10);
  position:relative;
  overflow:hidden;
  padding:24px;
}
.brief-window{
  position:absolute;
  inset:26px;
  border-radius:18px;
  border:1px solid #dce7ef;
  background:#fbfdff;
  box-shadow:0 14px 35px rgba(26,51,73,.06);
  overflow:hidden;
}
.brief-head{
  height:49px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  border-bottom:1px solid #e3ebf1;
  color:#6f8194;
  font-size:9px;
  letter-spacing:.12em;
  font-weight:900;
}
.brief-dots{display:flex;gap:6px}.brief-dots i{width:7px;height:7px;border-radius:50%;background:#c4d4df}
.brief-body{padding:19px}
.brief-title{font-size:13px;font-weight:900;color:#1b2b40;margin-bottom:15px}
.brief-lines span{display:block;height:6px;border-radius:6px;background:#e5edf3;margin:8px 0}.brief-lines span:nth-child(1){width:78%}.brief-lines span:nth-child(2){width:55%}.brief-lines span:nth-child(3){width:86%}.brief-lines span:nth-child(4){width:64%}
.brief-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.brief-option{padding:12px 10px;border:1px solid #dfe8ef;border-radius:11px;background:#fff;font-size:9px;color:#60758a;font-weight:800;text-align:center}
.brief-option b{display:block;color:#327fbe;font-size:10px;margin-bottom:3px}
.brief-progress{margin-top:18px;padding-top:15px;border-top:1px solid #e7edf2}
.brief-progress-head{display:flex;justify-content:space-between;font-size:8px;color:#7d90a2;font-weight:800}
.brief-progress-bar{height:7px;border-radius:8px;background:#e7eef3;margin-top:8px;overflow:hidden}.brief-progress-bar i{display:block;width:72%;height:100%;border-radius:8px;background:linear-gradient(90deg,#5aacff,#8b70ec)}
.brief-status{position:absolute;right:23px;bottom:20px;padding:9px 11px;border-radius:10px;background:#eef8e8;border:1px solid #d2e8c8;color:#4e7d2e;font-size:9px;font-weight:850}
@media(prefers-reduced-motion:no-preference){
  .brief-progress-bar i{animation:briefProgress 2.8s ease-in-out infinite}
  .brief-option{animation:briefPop .65s cubic-bezier(.18,1.2,.35,1) both}
  .brief-option:nth-child(1){animation-delay:.2s}.brief-option:nth-child(2){animation-delay:.35s}.brief-option:nth-child(3){animation-delay:.5s}
  .contact-brief-visual{animation:briefFloat 4.5s ease-in-out infinite}
}
@keyframes briefProgress{0%,100%{width:68%}50%{width:88%}}
@keyframes briefPop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes briefFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:980px){.contact-brief-visual{min-height:350px}}
@media(max-width:640px){.brief-options{grid-template-columns:1fr}.contact-brief-visual{min-height:390px}.brief-window{inset:20px}}

/* v39 — portfolio / case studies page */
.port-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fafc,#eef4f9);padding:96px 0 90px}
.port-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 20%,rgba(77,163,255,.14),transparent 22%),radial-gradient(circle at 14% 78%,rgba(139,92,246,.10),transparent 24%)}
.port-hero-grid{position:relative;display:grid;grid-template-columns:1fr .84fr;gap:70px;align-items:center}
.port-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#3f8ed8;font-weight:900}
.port-hero h1{font-size:clamp(48px,6vw,74px);line-height:1;letter-spacing:-.055em;color:#142036;margin:11px 0 18px}.port-hero h1 em{font-style:normal;background:linear-gradient(90deg,#348edf,#7b67e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.port-hero p{font-size:17px;color:#607186;max-width:650px}
.port-window{min-height:390px;border:1px solid #d9e5ee;border-radius:26px;background:#fff;box-shadow:0 28px 70px rgba(24,49,73,.10);padding:20px;position:relative;overflow:hidden}
.port-window-head{height:39px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#77899a;letter-spacing:.1em;font-weight:900}.port-dots{display:flex;gap:6px}.port-dots i{width:7px;height:7px;border-radius:50%;background:#c5d3de}
.port-window-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:11px;margin-top:18px}.port-pane{border:1px solid #e0e8ef;border-radius:11px;background:#fbfdff;padding:13px;min-height:105px}.port-pane.dark{background:#081321;border-color:#20364c;color:#fff}.port-bar{height:7px;width:54%;border-radius:6px;background:#b9d8ef}.port-line{height:5px;width:84%;border-radius:6px;background:#e4edf3;margin:9px 0}.port-line.short{width:55%}.port-pane.dark .port-line{background:rgba(162,210,248,.15)}.port-metric{font-size:24px;font-weight:900;margin-top:10px}.port-caption{font-size:8px;color:#7c90a2;letter-spacing:.08em;text-transform:uppercase}.port-window-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.port-chip{padding:7px 9px;border-radius:99px;background:#f1f7fb;border:1px solid #dfe9f0;font-size:9px;color:#60758b;font-weight:800}
.case-intro{max-width:850px;margin-bottom:40px}.case-intro h2{font-size:clamp(38px,4.5vw,56px);line-height:1.03;letter-spacing:-.045em;margin:9px 0 14px}.case-intro p{color:#64768b;font-size:14px}
.case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.case-card{position:relative;border:1px solid #dfe7ef;border-radius:22px;overflow:hidden;background:#fff;min-height:390px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.case-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(14,31,54,.10);border-color:#c9dbe9}
.case-card:nth-child(1){grid-column:span 7;background:linear-gradient(145deg,#091a30,#123653);color:#fff;border-color:#244867}.case-card:nth-child(2){grid-column:span 5;background:#eef8e8}.case-card:nth-child(3){grid-column:span 5;background:#f4efff}.case-card:nth-child(4){grid-column:span 7;background:#f1f7fb}.case-card:nth-child(5){grid-column:span 4}.case-card:nth-child(6){grid-column:span 4;background:#071321;color:#fff;border-color:#20354a}.case-card:nth-child(7){grid-column:span 4;background:#fff}
.case-tag{font-size:10px;letter-spacing:.14em;color:#4b9df0;font-weight:900}.case-card:nth-child(1) .case-tag,.case-card:nth-child(6) .case-tag{color:#79c0ff}.case-card h3{font-size:27px;line-height:1.08;margin:15px 0 9px}.case-card p{font-size:12px;color:#62758b;max-width:540px}.case-card:nth-child(1) p,.case-card:nth-child(6) p{color:#aec1d4}
.case-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.case-meta span{font-size:9px;padding:7px 9px;border:1px solid #dbe6ef;border-radius:99px;color:#60748a;background:#fff}.case-card:nth-child(1) .case-meta span,.case-card:nth-child(6) .case-meta span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#b5c8db}
.case-visual{position:absolute;right:24px;top:23px;width:145px;height:110px;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid #d9e6ee;padding:12px}.case-visual.dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.case-visual:before{content:"";display:block;height:7px;width:48%;border-radius:6px;background:#b9d9f0;box-shadow:0 15px 0 #e0ebf2,0 30px 0 #d7e6ef}.case-visual:after{content:"";position:absolute;width:30px;height:30px;right:12px;bottom:12px;border-radius:9px;background:linear-gradient(135deg,#59aefd,#8a6fe8);box-shadow:0 0 20px rgba(89,174,253,.20)}
.case-card:nth-child(1) .case-visual:before,.case-card:nth-child(6) .case-visual:before{background:rgba(157,208,247,.4);box-shadow:0 15px 0 rgba(157,208,247,.13),0 30px 0 rgba(157,208,247,.10)}
.case-results{display:flex;gap:25px;margin-top:22px;padding-top:16px;border-top:1px solid #e1e9f0}.case-card:nth-child(1) .case-results,.case-card:nth-child(6) .case-results{border-top-color:rgba(255,255,255,.12)}.case-results strong{display:block;font-size:12px}.case-results span{font-size:9px;color:#8194a6}.case-card:nth-child(1) .case-results span,.case-card:nth-child(6) .case-results span{color:#8fa5ba}
.port-method{background:#071321;color:#fff;position:relative;overflow:hidden}.port-method:before{content:"";position:absolute;width:460px;height:460px;right:-160px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(77,163,255,.18),transparent 68%)}
.port-method-grid{position:relative;display:grid;grid-template-columns:.76fr 1.24fr;gap:65px;align-items:center}.port-method h2{font-size:clamp(39px,4.5vw,57px);line-height:1.02;letter-spacing:-.045em;margin:9px 0 14px}.port-method p{color:#9fb0c4;font-size:14px}.method-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.method-card{padding:23px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.035);transition:.2s}.method-card:hover{transform:translateY(-4px);border-color:rgba(102,184,255,.28)}.method-card b{display:block;color:#76bcff;font-size:10px;letter-spacing:.13em}.method-card h3{font-size:18px;margin:13px 0 7px}.method-card span{font-size:11px;color:#8fa4b9}
@media(prefers-reduced-motion:no-preference){
.port-window{animation:portFloat 5s ease-in-out infinite}.port-card-pop{animation:casePop .72s cubic-bezier(.2,.8,.25,1) both}
.case-card:nth-child(1){animation-delay:.05s}.case-card:nth-child(2){animation-delay:.13s}.case-card:nth-child(3){animation-delay:.21s}.case-card:nth-child(4){animation-delay:.29s}.case-card:nth-child(5){animation-delay:.37s}.case-card:nth-child(6){animation-delay:.45s}.case-card:nth-child(7){animation-delay:.53s}
}
@keyframes portFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes casePop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:980px){.port-hero-grid,.port-method-grid{grid-template-columns:1fr;gap:40px}.case-grid{grid-template-columns:1fr 1fr}.case-card:nth-child(n){grid-column:span 1}.case-card:nth-child(1),.case-card:nth-child(4){grid-column:span 2}}
@media(max-width:640px){.port-hero{padding:72px 0 80px}.port-window{min-height:320px}.case-grid{grid-template-columns:1fr}.case-card:nth-child(n){grid-column:span 1;min-height:330px}.case-visual{position:relative;right:auto;top:auto;margin-bottom:18px}.method-cards{grid-template-columns:1fr}}

/* v40 — site-wide final polish */
:root{
  --q-shadow-soft:0 12px 34px rgba(15,31,49,.06);
  --q-shadow-hover:0 20px 48px rgba(15,31,49,.10);
}
.site-header{box-shadow:0 6px 24px rgba(0,0,0,.08)}
.nav a{transition:color .2s ease,background .2s ease,transform .2s ease}
.nav a:not(.nav-cta):hover{transform:translateY(-1px)}
.nav .nav-cta,.nav-cta{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.nav .nav-cta:hover,.nav-cta:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 30px rgba(77,163,255,.24)}
.menu-item-has-children{position:relative}
.site-footer{position:relative}
.site-footer:before{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(105,183,255,.24),transparent)}
.site-footer a{transition:color .2s ease,transform .2s ease}
.site-footer a:hover{color:#fff;transform:translateX(2px)}
.btn{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}
.btn:hover{filter:brightness(1.03)}
.card,.feature,.service-card,.project-card,.ind-card,.it-service,.dm-service,.ai-cap,.case-card,.belief-card,.belief-card-v2,.value-row,.approach-card-v2,.process-step,.why-card,.focus-card,.method-card,.usecase,.ai-use,.growth-card{backface-visibility:hidden}
:focus-visible{outline:3px solid rgba(77,163,255,.35);outline-offset:3px;border-radius:8px}
body{overflow-x:hidden}
@media(max-width:980px){
  .header-inner{min-height:72px}
  .site-header .nav{top:72px}
}
@media(max-width:640px){
  .brand{font-size:18px}
  .site-header{box-shadow:0 5px 18px rgba(0,0,0,.08)}
  .site-footer{padding-top:56px}
  .copyright{text-align:center}
}

/* v41 — Quantum Solutions brand system */
:root{
  --q-accent:#3b9ff5;
  --q-accent2:#8067e8;
  --q-lime:#b7ff75;
  --q-light:#f5f8fc;
}
.site-header{background:rgba(5,13,24,.96)}
.brand{display:flex;align-items:center;gap:9px;font-size:19px;line-height:1;letter-spacing:.075em}
.brand-mark{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  position:relative;font-size:18px;font-weight:950;letter-spacing:-.05em;
  background:linear-gradient(145deg,#0c2845,#0a1626);
  color:#fff;border:1px solid rgba(91,179,255,.28);
  box-shadow:0 0 24px rgba(59,159,245,.14);
}
.brand-mark:after{
  content:"";position:absolute;inset:5px;border:2px solid #3b9ff5;
  border-right-color:#b7ff75;border-radius:50%;transform:rotate(-25deg);opacity:.9;
}
.brand-mark span{position:relative;z-index:2}
.brand > span:last-child{white-space:nowrap}
.nav .nav-cta{
  background:linear-gradient(100deg,#3b9ff5,#8067e8);
  padding:12px 19px;border-radius:9px;
}
.site-footer:before{
  content:"";position:absolute;top:0;left:6%;right:6%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(105,183,255,.24),transparent);
}
.footer-office{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.footer-office strong{display:block;color:#e6eff8;font-size:11px;margin-bottom:2px}
.footer-office span{font-size:10px;color:#8297ad}
.footer-contact a{margin:5px 0}
.footer-contact .wa-link{color:#88db5a!important}
.footer-contact .wa-link:hover{color:#b7ff75!important}
:focus-visible{outline:3px solid rgba(59,159,245,.32);outline-offset:3px}
@media(max-width:980px){
  .brand{font-size:17px}.brand-mark{width:32px;height:32px}
  .nav .nav-cta{width:100%;text-align:center}
}
@media(max-width:620px){
  .brand > span:last-child{font-size:16px}
}

/* v42 — real services + package section */
.package-section{background:#f5f8fc}
.package-head{max-width:800px;margin-bottom:40px}
.package-head h2{font-size:clamp(38px,4.5vw,56px);line-height:1.04;letter-spacing:-.045em;margin:9px 0 14px}
.package-head p{color:#65758d;font-size:14px}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.package-card{position:relative;padding:29px;border:1px solid #dce5ed;border-radius:21px;background:#fff;overflow:hidden;transition:.25s}
.package-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(14,31,54,.09)}
.package-card.featured{background:linear-gradient(145deg,#0a1930,#122e4e);color:#fff;border-color:#274b6b;box-shadow:0 15px 45px rgba(6,20,37,.14)}
.package-card .p-tag{font-size:10px;letter-spacing:.14em;color:#4f9ff0;font-weight:900}
.package-card.featured .p-tag{color:#80c3ff}
.package-card h3{font-size:27px;margin:15px 0 8px}.package-card p{font-size:12px;color:#65758d;min-height:52px}.package-card.featured p{color:#a8bed3}
.package-price{font-size:12px;color:#7b8d9f;margin:21px 0 17px;padding-top:16px;border-top:1px solid #e4ebf1}.featured .package-price{color:#8ea7bf;border-color:rgba(255,255,255,.11)}
.package-list{list-style:none;margin:0;padding:0}.package-list li{position:relative;padding:7px 0 7px 19px;font-size:12px;color:#52677d}.featured .package-list li{color:#c0cfde}.package-list li:before{content:"✓";position:absolute;left:0;color:#4199e8;font-weight:900}.featured .package-list li:before{color:#b7ff75}
.package-card .btn{margin-top:23px;width:100%}
.package-badge{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:99px;background:#edf6ff;color:#397fbd;font-size:9px;font-weight:900}.featured .package-badge{background:rgba(183,255,117,.10);color:#b7ff75;border:1px solid rgba(183,255,117,.14)}
.service-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.promise{padding:17px 18px;border:1px solid #dce6ef;border-radius:15px;background:#fff}.promise strong{display:block;font-size:12px;margin-bottom:3px}.promise span{font-size:10px;color:#71849a}
@media(max-width:980px){.package-grid,.service-promise{grid-template-columns:1fr}.package-card{max-width:620px}}

.contact-notice{margin-bottom:20px;padding:13px 15px;border-radius:11px;font-size:11px;font-weight:750}.contact-notice.success{background:#edf8e8;border:1px solid #cde6bf;color:#4c7c31}.contact-notice.error{background:#fff1f0;border:1px solid #f0c7c4;color:#a33e37}

.contact-notice.error{line-height:1.55}

/* v45 — contact conversion polish */
.contact-success-box{
  text-align:center;
  padding:38px 28px;
  border:1px solid #dce8e2;
  border-radius:18px;
  background:linear-gradient(145deg,#f8fff5,#f2faf8);
}
.contact-success-icon{
  width:58px;height:58px;margin:0 auto 17px;border-radius:18px;
  display:grid;place-items:center;background:#e5f7d9;color:#568b2e;
  font-weight:900;font-size:24px;
}
.contact-success-box h2{margin:0 0 8px;font-size:29px;color:#193024}
.contact-success-box p{margin:0 auto 19px;max-width:560px;color:#65776f;font-size:13px}
.contact-success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.contact-quick{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-quick a{
  padding:12px 13px;border-radius:11px;border:1px solid #dbe5ec;
  background:#fff;font-size:10px;font-weight:800;text-align:center;color:#496175;
  transition:.2s
}
.contact-quick a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,40,61,.07)}
.contact-quick a.whatsapp{background:#edf8e8;border-color:#cfe5c4;color:#4b7d2c}
.form-foot .btn{min-width:145px}
@media(max-width:640px){.contact-quick{grid-template-columns:1fr}.contact-success-box{padding:30px 20px}}

/* v46 — mobile + final responsive polish */
html{overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
table{max-width:100%;overflow-x:auto}
@media(max-width:980px){
  .container{width:min(94%,var(--q-max))}
  .header-inner{gap:16px}
  .site-header .nav{left:0;right:0;width:100%;padding:18px 6%;box-shadow:0 16px 35px rgba(0,0,0,.16)}
  .site-header .nav ul{gap:8px}
  .site-header .nav a{display:block;padding:8px 0}
  .site-header .nav .nav-cta{padding:12px 16px;margin-top:8px}
  .hero,.about-hero,.it-hero,.dm-hero,.ai-hero,.ind-hero,.port-hero,.contact-hero{overflow:hidden}
  .buttons .btn{min-height:46px}
  .grid-3,.grid-4{gap:16px}
}
@media(max-width:640px){
  body{font-size:15px}
  .container{width:92%}
  .header-inner{min-height:68px}
  .site-header .nav{top:68px}
  .mobile-toggle{font-size:23px}
  .brand{gap:8px}
  .brand-mark{width:30px;height:30px;border-radius:10px;font-size:16px}
  .brand > span:last-child{font-size:15px;letter-spacing:.055em}
  .hero h1,.about-hero h1,.it-hero h1,.dm-hero h1,.ai-hero h1,.ind-hero h1,.port-hero h1,.contact-hero h1{font-size:clamp(40px,12vw,54px)}
  .section{padding:62px 0}
  .section-head h2,.section-head{max-width:100%}
  .section-head h2{font-size:clamp(32px,9vw,44px)}
  .buttons{gap:9px}
  .buttons .btn{width:100%}
  .footer-grid{gap:30px}
  .site-footer{padding-bottom:18px}
  .cta{border-radius:20px}
  .nav ul{padding-bottom:5px}
  .project-result,.case-results{gap:12px}
  .case-results{flex-wrap:wrap}
}

/* Keep CTA cards readable when viewed on narrow screens. */
@media(max-width:520px){
  .cta h2,.package-card h3,.service-card h3{font-size:27px}
  .package-card,.service-card,.case-card,.it-service,.dm-service,.ai-cap,.ind-card{border-radius:17px}
  .project-card .project-result,.case-card .case-results{display:grid;grid-template-columns:1fr 1fr}
  .project-result div,.case-results div{min-width:0}
}

/* Safe area support for modern phones. */
@supports(padding:max(0px)){
  .site-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}
}

.mobile-toggle{border:0;padding:6px 8px;line-height:1;background:transparent}