:root{
  --bg:#05070a; --bg2:#0a0e13; --panel:#0d1218; --panel2:#111820;
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.16);
  --text:#f5f7fb; --muted:#9ca8b7; --white:#fff;
  --blue:#2f6bff; --green:#1cc88a; --cyan:#42d9ff;
  --grad:linear-gradient(135deg,#2f6bff 0%,#1cc88a 100%);
  --shadow:0 24px 80px rgba(0,0,0,.38);
  --f-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-display:"Space Grotesk",Inter,sans-serif;
  --f-mono:"IBM Plex Mono",monospace;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(47,107,255,.12),transparent 32%),radial-gradient(circle at 10% 30%,rgba(28,200,138,.07),transparent 28%),var(--bg);color:var(--text);font-family:var(--f-body);line-height:1.65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 48px),var(--wrap));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,7,10,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.site-header .wrap{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:flex;align-items:center;flex-shrink:0;min-width:300px}
.logo img{display:block;width:auto;height:92px;max-width:420px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto}
.nav-links a{font-size:.84rem;font-weight:600;color:#c5ced9;transition:.25s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-cta{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:10px;font-weight:700;font-size:.86rem;border:1px solid var(--line2);transition:transform .25s,box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--grad);border:0;box-shadow:0 10px 30px rgba(47,107,255,.24)}
.btn-primary:hover{box-shadow:0 14px 36px rgba(47,107,255,.36)}
.btn-ghost{background:rgba(255,255,255,.035)}
.menu-btn{display:none;border:1px solid var(--line);background:transparent;color:#fff;border-radius:9px;padding:9px 11px;font-size:18px}
.tagline-strip{border-bottom:1px solid var(--line);background:#070a0e}
.tagline-strip .wrap{min-height:34px;display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#7e8b9b}
.tagline-strip .a{color:#45d5a1}.tagline-strip .b{color:#70a0ff}.tagline-strip .sep{opacity:.3}

.hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-220px;top:-120px;background:radial-gradient(circle,rgba(47,107,255,.25),transparent 66%);filter:blur(10px);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center;padding:92px 0}
.eyebrow{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#62d9ac;margin-bottom:18px}
.hero h1{font-family:var(--f-display);font-size:clamp(3.4rem,6.8vw,6.4rem);line-height:.95;letter-spacing:-.065em;margin:0 0 28px;max-width:800px}
.hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:1.12rem;color:#aeb9c6;max-width:650px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-visual{position:relative;min-height:500px}
.glow{position:absolute;inset:12% 8% 10% 8%;background:radial-gradient(circle at 60% 45%,rgba(47,107,255,.20),transparent 40%),radial-gradient(circle at 35% 70%,rgba(28,200,138,.15),transparent 36%);filter:blur(12px)}
.dashboard{position:absolute;inset:45px 0 25px 35px;border:1px solid var(--line2);border-radius:24px;background:linear-gradient(145deg,rgba(17,24,32,.94),rgba(7,10,14,.94));box-shadow:var(--shadow);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}
.dashboard:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.05),transparent 60%);transform:translateX(-100%);animation:sheen 5s infinite}
@keyframes sheen{55%,100%{transform:translateX(130%)}}
.dash-top{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:.68rem;color:#83909e}
.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#34404c}
.dash-body{padding:14px 16px}
.flow-title{font-family:var(--f-display);font-size:1.5rem;font-weight:700;margin-bottom:18px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.flow-node{min-height:90px;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:space-between}
.flow-node strong{font-family:var(--f-mono);font-size:.7rem;color:#718092}.flow-node span{font-size:.88rem;font-weight:700}
.flow-node:nth-child(2){border-color:rgba(47,107,255,.42)}.flow-node:nth-child(3){border-color:rgba(66,217,255,.42)}.flow-node:nth-child(4){border-color:rgba(28,200,138,.42)}
.chart{height:130px;margin-top:16px;border:1px solid var(--line);border-radius:13px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.chart svg{width:100%;height:100%}.chart-label{position:absolute;left:14px;top:12px;font-family:var(--f-mono);font-size:.62rem;color:#718092}
.floating-chip{position:absolute;right:-10px;top:72px;padding:13px 16px;border:1px solid rgba(28,200,138,.32);border-radius:13px;background:rgba(8,18,15,.92);box-shadow:0 16px 40px rgba(0,0,0,.3);font-family:var(--f-mono);font-size:.68rem;color:#69e1b4}
.floating-chip b{display:block;color:#fff;font-family:var(--f-display);font-size:1rem;margin-top:3px}

section{padding:5px 0;border-bottom:1px solid var(--line)}
.section-head{max-width:760px;margin-bottom:50px}
.section-head h2,.page-hero h1{font-family:var(--f-display);font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:1;letter-spacing:-.055em;margin:0 0 20px}
.section-head p{color:var(--muted);font-size:1.03rem;max-width:680px}
.kicker{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#6f8195}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-radius:18px;padding:28px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);border-color:rgba(98,217,172,.28);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.card:after{content:"";position:absolute;width:120px;height:120px;right:-60px;top:-60px;background:radial-gradient(circle,rgba(47,107,255,.13),transparent 70%)}
.card .tag{font-family:var(--f-mono);font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:#67dcae;margin-bottom:22px}
.card h3{font-family:var(--f-display);font-size:1.45rem;line-height:1.1;margin:0 0 12px;letter-spacing:-.025em}
.card p{color:var(--muted);font-size:.92rem;margin:0}
.more{display:inline-block;margin-top:22px;font-family:var(--f-mono);font-size:.68rem;color:#8eb3ff}
.icon-box{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,rgba(47,107,255,.22),rgba(28,200,138,.12));border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;margin-bottom:24px;font-family:var(--f-mono);color:#9ab9ff}
.service-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.service-feature.reverse{grid-template-columns:1.1fr .9fr}
.service-number{font-family:var(--f-mono);font-size:.7rem;color:#62d9ac;letter-spacing:.14em}
.service-feature h2{font-family:var(--f-display);font-size:clamp(2.4rem,4vw,4.2rem);line-height:.98;letter-spacing:-.05em;margin:12px 0 20px}
.service-feature p{color:var(--muted);font-size:1rem;max-width:580px}
.visual-card{min-height:380px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 50% 40%,rgba(47,107,255,.18),transparent 45%),#0a0f15;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.visual-card .ring{position:absolute;border:1px solid rgba(98,217,172,.25);border-radius:50%;inset:15%}.visual-card .ring:nth-child(2){inset:28%;border-color:rgba(47,107,255,.34)}.visual-card .ring:nth-child(3){inset:40%;border-color:rgba(66,217,255,.35)}
.visual-center{position:absolute;inset:0;display:grid;place-items:center}.visual-center div{width:92px;height:92px;border-radius:28px;background:var(--grad);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;box-shadow:0 0 80px rgba(47,107,255,.35)}
.visual-label{position:absolute;font-family:var(--f-mono);font-size:.62rem;color:#8190a1}.v1{top:18%;left:16%}.v2{top:22%;right:13%}.v3{bottom:20%;left:17%}.v4{bottom:17%;right:15%}

.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.process-step{padding:28px;border-right:1px solid var(--line);min-height:210px}.process-step:last-child{border-right:0}
.process-step .num{font-family:var(--f-mono);color:#67dcae;font-size:.7rem;margin-bottom:55px}.process-step h4{font-family:var(--f-display);font-size:1.15rem;margin:0 0 8px}.process-step p{color:var(--muted);font-size:.83rem;margin:0}

.results{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.result-main{border:1px solid var(--line);border-radius:22px;padding:44px;background:linear-gradient(135deg,rgba(47,107,255,.13),rgba(28,200,138,.06))}
.result-main h2{font-family:var(--f-display);font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:0 0 18px}
.result-main p{color:var(--muted);max-width:620px}.result-note{font-family:var(--f-mono);font-size:.65rem;color:#6f7d8d;margin-top:35px}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini{border:1px solid var(--line);border-radius:18px;padding:25px;background:rgba(255,255,255,.025)}.mini b{font-family:var(--f-display);font-size:2rem}.mini span{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}

.cta-band{border:1px solid var(--line2);border-radius:26px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(circle at 80% 20%,rgba(47,107,255,.18),transparent 45%),linear-gradient(120deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.cta-band h2{font-family:var(--f-display);font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.045em;margin:0;max-width:760px}

.page-hero{padding:95px 0 80px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 30%,rgba(47,107,255,.12),transparent 34%)}
.breadcrumb{font-family:var(--f-mono);font-size:.68rem;color:#6f7e8f;margin-bottom:42px}.breadcrumb span{margin:0 8px;color:#39434f}
.page-hero h1{max-width:900px}.page-hero .hero-lead{max-width:750px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}
label{display:block;font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#8492a2;margin-bottom:7px}
input,select,textarea{width:100%;border:1px solid var(--line2);background:#090d12;color:#fff;border-radius:10px;padding:13px 14px;font:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:#4f7eff;box-shadow:0 0 0 3px rgba(47,107,255,.1)}
textarea{min-height:170px;resize:vertical}.info-list{padding:0}.info-list .row{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);font-size:.88rem}.info-list .row:last-child{border-bottom:0}.info-list .label{font-family:var(--f-mono);font-size:.65rem;color:#738091;text-transform:uppercase}

footer{padding:75px 0 25px;background:#030508}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;padding-bottom:55px}.footer-grid p{color:#7e8a99;max-width:390px;font-size:.86rem}.footer-grid h4{font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#768496;margin:0 0 18px}.footer-grid a{display:block;color:#a8b3c0;font-size:.82rem;margin:9px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#5f6a78;font-family:var(--f-mono);font-size:.62rem}.social-row{display:flex;gap:18px}.social-row a{display:inline!important}

@media(max-width:1050px){
 .nav-links{gap:18px}.nav-cta .btn{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:460px}.grid-4{grid-template-columns:1fr 1fr}.service-feature,.service-feature.reverse{grid-template-columns:1fr;gap:35px}.results{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.process-step{border-right:0;border-bottom:1px solid var(--line)}.process-step:nth-child(odd){border-right:1px solid var(--line)}
}
@media(max-width:760px){
 .wrap{width:min(calc(100% - 32px),var(--wrap))}
 .site-header .wrap{height:88px}.logo img{height:78px;max-width:340px}.nav-links{display:none;position:absolute;left:16px;right:16px;top:82px;background:#080b10;border:1px solid var(--line2);border-radius:14px;padding:14px;flex-direction:column;align-items:stretch;gap:4px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:11px 12px;border-radius:8px}.nav-links a:hover{background:rgba(255,255,255,.05)}.menu-btn{display:block}
 .tagline-strip .wrap{font-size:.52rem;gap:7px;white-space:nowrap;overflow:hidden}
 .hero{min-height:auto}.hero-grid{padding:72px 0}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-lead{font-size:1rem}.hero-visual{min-height:390px}.dashboard{inset:25px 0 15px 0;transform:none}.flow{grid-template-columns:1fr 1fr}.floating-chip{right:5px;top:35px}
 section{padding:80px 0}.grid-3,.grid-4,.results,.result-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr}.process-step{border-right:0!important}.cta-band{padding:38px 28px;align-items:flex-start;flex-direction:column}.service-feature,.service-feature.reverse{grid-template-columns:1fr}.visual-card{min-height:300px}.footer-bottom{flex-direction:column}.footer-grid .logo img{height:82px}
}

/* V3 services experience */
.services-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 25%,rgba(47,107,255,.18),transparent 28%),radial-gradient(circle at 14% 75%,rgba(28,200,138,.08),transparent 25%)}
.services-hero:after{content:"";position:absolute;width:520px;height:520px;right:-240px;bottom:-280px;border:1px solid rgba(98,217,172,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(98,217,172,.025),0 0 0 120px rgba(98,217,172,.015);animation:heroOrbit 14s linear infinite;pointer-events:none}
.services-hero .accent,.service-showcase .accent,.process-section .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-family:var(--f-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#7e8b9b}.service-hero-meta span{display:flex;align-items:center;gap:8px}.service-hero-meta i{width:7px;height:7px;border-radius:50%;background:#45d5a1;box-shadow:0 0 14px rgba(69,213,161,.7);animation:pulseDot 2s infinite}
.service-showcase{position:relative;overflow:hidden;background:linear-gradient(180deg,#05070a 0%,#070b10 50%,#05070a 100%)}
.service-orbit-wrap{height:300px;position:relative;margin:8px auto 75px;max-width:720px;display:grid;place-items:center}
.orbit-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.16),rgba(28,200,138,.07) 38%,transparent 70%);filter:blur(4px);animation:breath 5s ease-in-out infinite}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotateX(64deg);animation:spinOrbit 16s linear infinite}.orbit-a{width:240px;height:240px}.orbit-b{width:390px;height:210px;border-color:rgba(47,107,255,.22);animation-duration:20s;animation-direction:reverse}.orbit-c{width:560px;height:170px;border-color:rgba(28,200,138,.16);animation-duration:26s}
.orbit-core{position:relative;z-index:4;width:132px;height:132px;border-radius:38px;background:linear-gradient(145deg,#111a27,#071018);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 65px rgba(47,107,255,.18),inset 0 0 35px rgba(28,200,138,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:coreFloat 4s ease-in-out infinite}.orbit-core span{font-family:var(--f-mono);font-size:.48rem;letter-spacing:.2em;color:#6e7d8d;margin-bottom:7px}.orbit-core strong{font-family:var(--f-display);font-size:.82rem;line-height:1.05;letter-spacing:.06em}
.orbit-dot{position:absolute;z-index:3;width:11px;height:11px;border-radius:50%;background:#62d9ac;box-shadow:0 0 18px rgba(98,217,172,.75);animation:dotPulse 2.4s ease-in-out infinite}.dot-1{top:29px;left:22%;animation-delay:.1s}.dot-2{top:56px;right:17%;background:#6d9cff;box-shadow:0 0 18px rgba(109,156,255,.75);animation-delay:.5s}.dot-3{top:48%;left:5%;animation-delay:.9s}.dot-4{bottom:28px;left:27%;background:#6d9cff;box-shadow:0 0 18px rgba(109,156,255,.75);animation-delay:1.3s}.dot-5{bottom:50px;right:22%;animation-delay:1.7s}.dot-6{top:45%;right:4%;background:#42d9ff;box-shadow:0 0 18px rgba(66,217,255,.75);animation-delay:2.1s}
.service-list{position:relative;max-width:1080px;margin:0 auto}.service-list:before{content:"";position:absolute;left:42px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(98,217,172,.25) 10%,rgba(98,217,172,.25) 90%,transparent)}
.service-item{position:relative;display:grid;grid-template-columns:72px 72px 1fr 44px;align-items:center;gap:20px;padding:28px 28px 28px 0;border-top:1px solid var(--line);transition:background .45s ease,border-color .45s ease,transform .45s ease;isolation:isolate}.service-item:last-child{border-bottom:1px solid var(--line)}
.service-item:before{content:"";position:absolute;inset:10px 0 10px 18px;border-radius:22px;background:radial-gradient(circle at 30% 50%,rgba(47,107,255,.10),transparent 38%),rgba(255,255,255,.015);opacity:0;transform:scale(.985);transition:.45s;z-index:-1}.service-item:hover:before,.service-item.active:before{opacity:1;transform:scale(1)}.service-item:hover,.service-item.active{border-color:rgba(98,217,172,.22);transform:translateX(8px)}
.service-index{font-family:var(--f-mono);font-size:.68rem;color:#667585;text-align:center;transition:.35s}.service-item:hover .service-index,.service-item.active .service-index{color:#62d9ac}
.service-icon{width:58px;height:58px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(47,107,255,.13),rgba(28,200,138,.06));display:grid;place-items:center;transition:.45s;position:relative;overflow:hidden}.service-icon:after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(98,217,172,.32),transparent 30%);animation:iconSweep 5s linear infinite;opacity:0}.service-icon svg{width:27px;height:27px;fill:none;stroke:#9ab9ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:2;transition:.45s}.service-item:hover .service-icon,.service-item.active .service-icon{transform:rotate(-5deg) scale(1.08);border-color:rgba(98,217,172,.35);box-shadow:0 12px 35px rgba(0,0,0,.28)}.service-item:hover .service-icon:after,.service-item.active .service-icon:after{opacity:1}.service-item:hover .service-icon svg,.service-item.active .service-icon svg{stroke:#62d9ac;transform:scale(1.08)}
.service-kicker{font-family:var(--f-mono);font-size:.61rem;letter-spacing:.15em;color:#62d9ac;margin-bottom:7px}.service-copy h3{font-family:var(--f-display);font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 8px;transition:.3s}.service-copy p{color:var(--muted);font-size:.9rem;max-width:730px;margin:0;transition:.3s}.service-item:hover .service-copy h3,.service-item.active .service-copy h3{transform:translateX(3px)}
.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:.45s ease}.service-tags span{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.05em;color:#8e9bab;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.service-item:hover .service-tags,.service-item.active .service-tags{max-height:80px;opacity:1;transform:translateY(0)}
.service-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#738295;font-size:1.1rem;transition:.4s}.service-item:hover .service-arrow,.service-item.active .service-arrow{background:var(--grad);color:#fff;border-color:transparent;transform:rotate(45deg);box-shadow:0 10px 25px rgba(47,107,255,.25)}
.service-note{display:flex;align-items:center;gap:18px;max-width:1080px;margin:55px auto 0;padding-top:25px}.note-line{height:1px;width:80px;background:linear-gradient(90deg,#62d9ac,transparent)}.service-note span{display:block;font-family:var(--f-mono);font-size:.6rem;color:#697789;letter-spacing:.16em;margin-bottom:5px}.service-note strong{font-family:var(--f-display);font-size:1rem;letter-spacing:-.01em}
.process-modern{border-radius:24px;background:rgba(255,255,255,.018);position:relative;overflow:hidden}.process-modern:before{content:"";position:absolute;left:9%;right:9%;top:55px;height:1px;background:linear-gradient(90deg,transparent,#2f6bff,#62d9ac,#2f6bff,transparent);opacity:.35}.process-modern .process-step{position:relative;background:transparent;transition:.35s}.process-modern .process-step:before{content:"";position:absolute;top:48px;left:28px;width:14px;height:14px;border-radius:50%;border:2px solid #0b1118;background:#62d9ac;box-shadow:0 0 0 5px rgba(98,217,172,.07),0 0 22px rgba(98,217,172,.35);z-index:2}.process-modern .process-step .num{margin-bottom:62px}.process-modern .process-step:hover{background:rgba(255,255,255,.025)}
.cta-animated{position:relative;overflow:hidden}.cta-animated:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-90px;border:1px solid rgba(98,217,172,.18);box-shadow:0 0 0 35px rgba(98,217,172,.025),0 0 0 70px rgba(98,217,172,.012);animation:heroOrbit 12s linear infinite}.cta-animated>*{position:relative;z-index:2}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.service-item.reveal:nth-child(2){transition-delay:.06s}.service-item.reveal:nth-child(3){transition-delay:.12s}.service-item.reveal:nth-child(4){transition-delay:.18s}.service-item.reveal:nth-child(5){transition-delay:.24s}.service-item.reveal:nth-child(6){transition-delay:.30s}
@keyframes spinOrbit{to{transform:rotateX(64deg) rotateZ(360deg)}}@keyframes breath{0%,100%{transform:scale(.95);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes coreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dotPulse{0%,100%{transform:scale(.7);opacity:.65}50%{transform:scale(1.35);opacity:1}}@keyframes pulseDot{50%{transform:scale(1.4);opacity:.55}}@keyframes iconSweep{to{transform:rotate(360deg)}}@keyframes heroOrbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.service-orbit-wrap{height:240px;margin-bottom:45px}.orbit-a{width:190px;height:190px}.orbit-b{width:300px;height:165px}.orbit-c{width:430px;height:135px}.orbit-core{width:108px;height:108px;border-radius:30px}.service-list:before{left:24px}.service-item{grid-template-columns:42px 56px 1fr;gap:12px;padding:22px 0}.service-arrow{display:none}.service-icon{width:52px;height:52px}.service-copy h3{font-size:1.45rem}.service-copy p{font-size:.82rem}.service-tags{max-height:none;opacity:1;transform:none}.service-tags span{font-size:.52rem}.service-note{align-items:flex-start}.note-line{width:35px;margin-top:8px}.service-note strong{font-size:.82rem}.process-modern:before{display:none}.process-modern .process-step:before{display:none}.process-modern .process-step .num{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* V4 brand lockup */
.brand-lockup{display:flex;align-items:center;gap:11px;min-width:265px}
.brand-mark{width:50px;height:50px;object-fit:contain;display:block}
.brand-text{display:flex;flex-direction:column;line-height:.92}
.brand-main{font-family:var(--f-display);font-weight:700;font-size:1.18rem;letter-spacing:.075em;color:#fff}
.brand-sub{font-family:var(--f-display);font-weight:700;font-size:1.02rem;letter-spacing:.065em;margin-top:4px;background:linear-gradient(90deg,#2f6bff,#1cc88a);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-legal{font-family:var(--f-mono);font-size:.42rem;letter-spacing:.18em;color:#687585;margin-top:5px}
.services-count{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}
.services-count strong{font-family:var(--f-display);font-size:2rem;letter-spacing:-.04em}
.services-count span{font-family:var(--f-mono);font-size:.62rem;color:#758396;text-transform:uppercase;letter-spacing:.14em}
.service-list-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.service-card-v4{min-height:300px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.service-card-v4:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-85px;top:-85px;background:radial-gradient(circle,rgba(47,107,255,.2),transparent 70%);transition:.45s}
.service-card-v4:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:.4s}
.service-card-v4:hover{transform:translateY(-9px);border-color:rgba(98,217,172,.34);box-shadow:0 25px 70px rgba(0,0,0,.28)}
.service-card-v4:hover:before{transform:scale(1.4)}.service-card-v4:hover:after{transform:scaleX(1)}
.service-card-v4 .service-no{font-family:var(--f-mono);font-size:.62rem;color:#62d9ac;letter-spacing:.15em}
.service-card-v4 .service-icon-v4{width:58px;height:58px;border-radius:18px;margin:22px 0 24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(47,107,255,.18),rgba(28,200,138,.08));font-family:var(--f-display);font-size:1.2rem;color:#b6caff;position:relative;overflow:hidden}
.service-card-v4 .service-icon-v4:after{content:"";position:absolute;inset:-30%;border:1px solid rgba(98,217,172,.35);border-radius:50%;animation:iconSweep 8s linear infinite}
.service-card-v4 h3{font-family:var(--f-display);font-size:1.55rem;line-height:1.05;letter-spacing:-.035em;margin:0 0 11px}
.service-card-v4 p{color:var(--muted);font-size:.86rem;margin:0;max-width:390px}
.service-card-v4 .service-tags{max-height:none;opacity:1;transform:none;margin-top:19px}
.service-card-v4 .service-tags span{font-size:.55rem}
.service-flow{margin-top:54px;padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.018);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.service-flow .node{padding:10px 14px;border:1px solid var(--line2);border-radius:999px;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;color:#a8b4c2;background:rgba(255,255,255,.02);animation:flowPulse 4s ease-in-out infinite}
.service-flow .node:nth-child(2){animation-delay:.4s}.service-flow .node:nth-child(3){animation-delay:.8s}.service-flow .node:nth-child(4){animation-delay:1.2s}.service-flow .node:nth-child(5){animation-delay:1.6s}.service-flow .node:nth-child(6){animation-delay:2s}.service-flow .node:nth-child(7){animation-delay:2.4s}
.service-flow .arrow{color:#62d9ac;font-family:var(--f-mono);font-size:.7rem}
@keyframes flowPulse{0%,100%{box-shadow:0 0 0 rgba(98,217,172,0);border-color:var(--line2)}50%{box-shadow:0 0 24px rgba(98,217,172,.13);border-color:rgba(98,217,172,.3)}}
@media(max-width:1050px){.service-list-v4{grid-template-columns:1fr 1fr}.brand-lockup{min-width:230px}}
@media(max-width:760px){.brand-lockup{min-width:0;gap:8px}.brand-mark{width:44px;height:44px}.brand-main{font-size:.95rem}.brand-sub{font-size:.83rem}.brand-legal{font-size:.34rem}.service-list-v4{grid-template-columns:1fr}.service-card-v4{min-height:260px}.service-flow{justify-content:flex-start}}

.partner-section{padding:78px 0;border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.partner-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}
.partner-head h2{font-family:var(--f-display);font-size:clamp(2rem,3.5vw,3.4rem);line-height:1;letter-spacing:-.045em;margin:10px 0 0;max-width:800px}
.partner-head p{color:var(--muted);font-size:.85rem;max-width:250px;margin:0 0 4px}
.partner-marquee{position:relative;overflow:hidden;margin:0 -20px;padding:10px 0}
.partner-marquee:before,.partner-marquee:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:3;pointer-events:none}
.partner-marquee:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.partner-marquee:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.partner-track{display:flex;align-items:center;width:max-content;gap:14px;animation:partnerScroll 55s linear infinite}
.partner-marquee:hover .partner-track{animation-play-state:paused}
@keyframes partnerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brand-logo{height:86px;min-width:176px;padding:15px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));display:flex;align-items:center;justify-content:center;gap:9px;color:#e8edf4;white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.12);transition:.3s;flex-direction:column}
.brand-logo:hover{transform:translateY(-4px);border-color:rgba(98,217,172,.32);background:rgba(255,255,255,.08)}
.brand-logo>span:first-child{font-family:var(--f-display);font-weight:700;letter-spacing:-.025em;font-size:1.12rem}
.brand-logo small{font-family:var(--f-mono);font-size:.45rem;letter-spacing:.18em;color:#8190a0}
.brand-sbi .brand-mark{font-family:Arial,sans-serif!important;letter-spacing:.12em!important;color:#5961b7}
.brand-amazon>span{font-family:Arial,sans-serif!important;font-size:1.45rem!important;color:#f2f4f7}
.brand-amazon>span:after{content:"⌁";display:block;color:#ff9900;font-size:1.15rem;line-height:.25;margin-top:0;text-align:center}
.brand-flipkart{flex-direction:row}.flip-mark{display:grid;place-items:center!important;width:34px;height:34px;border-radius:10px;background:#2877e8;color:#ffd500;font-family:var(--f-display)!important;font-size:1.35rem!important}
.brand-icici{flex-direction:row}.icici-mark{color:#f05a28!important;font-size:1.05rem!important}
.brand-club{color:#f2f3f5}.brand-club>span{font-size:1rem!important}
.brand-amex{background:linear-gradient(145deg,rgba(18,102,184,.18),rgba(255,255,255,.02))}.brand-amex>span{font-family:var(--f-mono)!important;font-size:.72rem!important;letter-spacing:.08em!important}
.brand-zomato>span{font-family:Georgia,serif!important;font-size:1.25rem!important;color:#f0f2f5}
.brand-swiggy{flex-direction:row}.swiggy-mark{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#ff7a1a;color:#fff;font-size:1.05rem!important}
.brand-urban{flex-direction:row}.urban-mark{width:34px;height:34px;border-radius:10px;display:grid!important;place-items:center;background:#6c63d8;color:#fff;font-size:1rem!important}
.brand-select>span{font-size:.93rem!important}.brand-surf>span{color:#8ddcff}.brand-car>span{font-family:var(--f-mono)!important;font-size:.73rem!important}.brand-melbet{background:linear-gradient(145deg,rgba(255,193,7,.09),rgba(255,255,255,.02))}.brand-melbet>span{font-style:italic;letter-spacing:.05em!important}
.brand-paytm>span{color:#4e9cff}.brand-youholder>span{font-size:.95rem!important}.brand-betwinner>span{font-size:.88rem!important}.brand-agile>span{font-size:1.15rem!important}.brand-zebra>span{font-size:1rem!important}
.partner-note{text-align:center;color:#596676;font-family:var(--f-mono);font-size:.56rem;letter-spacing:.04em;margin-top:22px}

@media(max-width:760px){
 .partner-section{padding:60px 0}.partner-head{display:block}.partner-head p{max-width:500px;margin-top:16px}.brand-logo{min-width:155px;height:78px}.partner-marquee:before,.partner-marquee:after{width:65px}
}

.metric-strip{padding:0 0 76px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.025)}
.metric-grid>div{padding:28px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.metric-grid>div:last-child{border-right:0}.metric-grid strong{font-family:var(--f-display);font-size:2rem;letter-spacing:-.04em}.metric-grid span{color:var(--muted);font-size:.76rem}
.network-section{padding:90px 0;overflow:hidden}.center{text-align:center;margin-left:auto;margin-right:auto}.network-section .section-head{max-width:760px}
.network-visual{height:500px;position:relative;margin:35px auto 0;max-width:980px;border-radius:32px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(84,105,255,.15),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));overflow:hidden}
.network-visual:before,.network-visual:after{content:"";position:absolute;border:1px dashed rgba(106,126,255,.28);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitPulse 5s ease-in-out infinite}
.network-visual:before{width:300px;height:300px}.network-visual:after{width:520px;height:520px;animation-delay:1s}
@keyframes orbitPulse{50%{opacity:.4;transform:translate(-50%,-50%) scale(1.03)}}

/* Six ecosystem tabs continuously orbit the MIINTOSH logo. */
.network-node{position:absolute;z-index:3;min-width:120px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(17,22,36,.88);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.22);text-align:center}
.network-node b,.network-node span{display:block;font-family:var(--f-display);font-weight:750}.network-node small{display:block;color:var(--muted);font-family:var(--f-mono);font-size:.55rem;margin-top:4px}
.network-node:not(.core){left:auto;right:auto;top:auto;bottom:auto;offset-path:ellipse(380px 190px at 50% 50%);offset-rotate:0deg;offset-anchor:50% 50%;animation:networkNodeOrbit 18s linear infinite;will-change:offset-distance}
.network-node.n1{animation-delay:0s}.network-node.n2{animation-delay:-3s}.network-node.n3{animation-delay:-6s}.network-node.n4{animation-delay:-9s}.network-node.n5{animation-delay:-12s}.network-node.n6{animation-delay:-15s}
.network-node.core{left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#5260ff,#7950ff);border:0;box-shadow:0 0 90px rgba(92,88,255,.46),inset 0 0 28px rgba(255,255,255,.08);animation:corePulse 3s ease-in-out infinite;z-index:6}
.network-node.core img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.15))}
@keyframes networkNodeOrbit{from{offset-distance:0%}to{offset-distance:100%}}

@media(max-width:760px){
  .network-visual{height:430px}
  .network-node.core{width:145px;height:145px}
  .network-node.core img{width:88px;height:88px}
  .network-node:not(.core){min-width:94px;padding:10px 11px;border-radius:12px;offset-path:ellipse(155px 98px at 50% 50%)}
  .network-node:not(.core) b{font-size:.70rem}
  .network-node:not(.core) small{font-size:.43rem;margin-top:3px}
}
@keyframes floatNode{50%{transform:translateY(-8px)}}@keyframes corePulse{50%{box-shadow:0 0 110px rgba(92,88,255,.58);transform:translate(-50%,-50%) scale(1.03)}}
.cookie-backdrop{position:fixed;inset:0;background:rgba(2,6,15,.62);backdrop-filter:blur(7px);opacity:0;pointer-events:none;z-index:9998;transition:.3s}.cookie-backdrop.show{opacity:1;pointer-events:auto}
.cookie-banner{position:fixed;z-index:9999;left:50%;bottom:28px;transform:translate(-50%,20px);width:min(760px,calc(100% - 32px));padding:26px 28px;border:1px solid rgba(148,163,184,.28);border-radius:24px;background:rgba(13,18,31,.96);box-shadow:0 28px 90px rgba(0,0,0,.45);display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;opacity:0;pointer-events:none;transition:.35s}
.cookie-banner.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.cookie-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#526dff,#8752ff);color:white;box-shadow:0 0 25px rgba(88,93,255,.35)}
.cookie-copy h3{font-family:var(--f-display);font-size:1.15rem;margin:0 0 7px}.cookie-copy p{margin:0;color:#aab3c3;font-size:.8rem;line-height:1.6;max-width:510px}.cookie-actions{display:flex;gap:10px}.cookie-btn{border-radius:999px;padding:13px 22px;font-weight:750;font-family:inherit;cursor:pointer}.cookie-btn.secondary{background:transparent;border:1px solid #3d4658;color:#f1f4f8}.cookie-btn.primary{border:0;color:white;background:linear-gradient(100deg,#4c6fff,#8b50ff);box-shadow:0 10px 30px rgba(85,91,255,.3)}.cookie-close{position:absolute;right:13px;top:10px;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#9ca7b7;font-size:1.5rem;cursor:pointer}
@media(max-width:760px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid>div:nth-child(2){border-right:0}.metric-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.network-visual{height:430px}.network-node.core{width:145px;height:145px}.network-node.n1{left:5%;top:9%}.network-node.n2{right:5%;top:11%}.network-node.n3{left:3%;bottom:12%}.network-node.n4{right:3%;bottom:11%}.network-node.n5{left:36%;top:3%}.network-node.n6{left:36%;bottom:3%}.cookie-banner{grid-template-columns:42px 1fr;padding:22px}.cookie-actions{grid-column:1/-1}.cookie-btn{flex:1}}

/* V7 brand identity: larger official Miintosh Digiserv mark */
.brand-lockup{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-lockup .brand-mark{width:92px;height:92px;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column;line-height:.95}.brand-main{font-family:var(--f-display);font-weight:850;font-size:1.38rem;letter-spacing:-.04em;color:#f4f7fb}.brand-sub{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.26em;color:#7f8da2;margin-top:7px}@media(max-width:760px){.brand-lockup .brand-mark{width:76px;height:76px}.brand-main{font-size:1.12rem}.brand-sub{font-size:.52rem}}

/* V8 services experience */
.services-command{position:relative;isolation:isolate;overflow:hidden;padding:58px 0 70px;border-bottom:1px solid var(--line);background:#070a10}
.services-command:before{content:"";position:absolute;z-index:-2;inset:0;background-image:url("img/services-hero-bg.jpg");background-repeat:no-repeat;background-position:center right;background-size:cover;opacity:.78}
.services-command:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,10,16,.98) 0%,rgba(7,10,16,.94) 27%,rgba(7,10,16,.72) 48%,rgba(7,10,16,.30) 72%,rgba(7,10,16,.50) 100%),radial-gradient(circle at 78% 48%,rgba(47,107,255,.16),transparent 34%);pointer-events:none}
.services-command .wrap{position:relative;z-index:2}
.services-command-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;margin-top:26px}
.services-intro h1{font-family:var(--f-display);font-size:clamp(3rem,5.4vw,5.8rem);line-height:.94;letter-spacing:-.06em;max-width:760px;margin:12px 0 22px}
.services-intro .hero-lead{max-width:650px}
.services-orbit{height:420px;position:relative;display:grid;place-items:center}
.orbit-ring{position:absolute;border:1px dashed rgba(94,128,255,.32);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitBreath 5s ease-in-out infinite}
.orbit-ring.r1{width:190px;height:190px}.orbit-ring.r2{width:310px;height:310px;animation-delay:.7s}.orbit-ring.r3{width:405px;height:405px;animation-delay:1.4s}
.orbit-core{width:160px;height:160px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#326aff,#8051ff);box-shadow:0 0 90px rgba(76,91,255,.4);z-index:2;animation:coreGlow 3.5s ease-in-out infinite}
.orbit-core strong{font-family:var(--f-display);font-size:1.1rem}.orbit-core span{font-family:var(--f-mono);font-size:.55rem;color:#dbe4ff;margin-top:5px}
.orbit-chip{position:absolute;z-index:3;padding:11px 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(13,18,30,.82);font-family:var(--f-mono);font-size:.58rem;letter-spacing:.1em;color:#a9c0ff;box-shadow:0 12px 35px rgba(0,0,0,.25);animation:chipFloat 4s ease-in-out infinite}
.orbit-chip.c1{top:10%;left:8%}.orbit-chip.c2{top:17%;right:2%;animation-delay:.8s}.orbit-chip.c3{bottom:14%;left:3%;animation-delay:1.4s}.orbit-chip.c4{bottom:9%;right:8%;animation-delay:2s}
@keyframes orbitBreath{50%{opacity:.45;transform:translate(-50%,-50%) scale(1.035)}}@keyframes coreGlow{50%{box-shadow:0 0 120px rgba(76,91,255,.6);transform:scale(1.035)}}@keyframes chipFloat{50%{transform:translateY(-7px)}}
.services-menu-section{padding:85px 0;border-bottom:1px solid var(--line)}
.services-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}.services-section-head h2{font-family:var(--f-display);font-size:clamp(2.5rem,4vw,4.4rem);line-height:.98;letter-spacing:-.055em;margin:10px 0 0}.services-section-head p{max-width:380px;color:var(--muted);font-size:.9rem;margin:0 0 4px}
.mega-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden}
.mega-service-card{position:relative;min-height:300px;padding:28px;background:#0a0e16;display:grid;grid-template-columns:58px 1fr;gap:20px;color:inherit;transition:.35s;overflow:hidden}
.mega-service-image{position:absolute;inset:0 0 0 auto;width:58%;z-index:0;overflow:hidden;opacity:.68;pointer-events:none}
.mega-service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0e16 0%,rgba(10,14,22,.92) 16%,rgba(10,14,22,.48) 48%,rgba(10,14,22,.14) 100%)}
.mega-service-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.04);transform:scale(1.02);transition:transform .6s ease,opacity .35s ease}
.mega-service-card:hover .mega-service-image img{transform:scale(1.07)}
.mega-service-card > *:not(.mega-service-image){position:relative;z-index:1}

.mega-service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(65,100,255,.16),transparent 30%);opacity:0;transition:.35s}.mega-service-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:.4s}
.mega-service-card:hover{background:#0f1520;transform:translateY(-3px);z-index:2}.mega-service-card:hover:before{opacity:1}.mega-service-card:hover:after{transform:scaleX(1)}
.mega-icon{width:50px;height:50px;border-radius:15px;border:1px solid rgba(255,255,255,.11);display:grid;place-items:center;background:linear-gradient(145deg,rgba(47,107,255,.22),rgba(28,200,138,.07));font-family:var(--f-mono);font-size:.62rem;color:#9db9ff;position:relative;z-index:1}
.mega-tag{font-family:var(--f-mono);font-size:.55rem;letter-spacing:.16em;color:#62d9ac;margin:2px 0 10px}.mega-service-card h3{font-family:var(--f-display);font-size:1.25rem;margin:0 30px 9px 0;letter-spacing:-.025em;position:relative;z-index:1}.mega-service-card p{color:#7f8b9c;font-size:.78rem;line-height:1.55;margin:0;position:relative;z-index:1}.mega-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;position:relative;z-index:1}.mega-tags span{font-family:var(--f-mono);font-size:.5rem;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#8290a3}.mega-arrow{position:absolute;right:22px;top:22px;color:#6e94ff;font-size:1.1rem;transition:.3s}.mega-service-card:hover .mega-arrow{transform:translate(4px,-4px);color:#fff}
.service-flow-modern{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px;font-family:var(--f-mono);font-size:.57rem;letter-spacing:.12em;color:#78869a}.service-flow-modern span{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px}.service-flow-modern i{font-style:normal;color:#4d76ff}
.service-cta-section{padding:75px 0;border-bottom:1px solid var(--line)}.service-cta-section .cta-band p{color:var(--muted);margin:0 0 22px}
.all-services-hero{padding-bottom:70px}

/* All Services hero — V2 visual template */
.all-services-hero-v2{position:relative;isolation:isolate;min-height:520px;padding:62px 0 82px;overflow:hidden;background:#050a12}
.all-services-hero-v2 .wrap{position:relative;z-index:3}
.all-services-hero-bg{position:absolute;z-index:0;inset:0 0 0 34%;background-image:url("img/all-services-hero-bg.jpg");background-repeat:no-repeat;background-position:center right;background-size:cover;opacity:.96;filter:saturate(1.03) contrast(1.02)}
.all-services-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050a12 0%,rgba(5,10,18,.94) 12%,rgba(5,10,18,.58) 36%,rgba(5,10,18,.10) 66%,rgba(5,10,18,.18) 100%)}
.all-services-hero-glow{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 45%,rgba(22,114,255,.16),transparent 30%),radial-gradient(circle at 60% 70%,rgba(0,214,255,.08),transparent 26%)}
.all-services-hero-v2 .breadcrumb{margin-bottom:30px;color:#eef4ff}
.all-services-hero-v2 .breadcrumb span{color:#6c89b0}
.all-services-hero-v2 .eyebrow{margin-bottom:10px}
.all-services-hero-v2 h1{max-width:760px;font-size:clamp(3.2rem,6vw,6.1rem);line-height:.92;letter-spacing:-.065em;margin:0 0 25px}
.all-services-hero-v2 .hero-lead{max-width:650px;font-size:1.05rem;line-height:1.7;color:#b5c2d5}
.all-services-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.all-services-hero-actions .btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.all-services-hero-actions .btn-outline{border:1px solid rgba(45,160,255,.9);background:rgba(5,12,22,.35);color:#fff}
.all-services-hero-actions .btn-outline:hover{background:rgba(26,122,255,.13);border-color:#41b9ff}
.all-services-hero-actions .btn-primary span{font-size:1.1em;transition:transform .25s ease}
.all-services-hero-actions .btn-primary:hover span{transform:translateX(4px)}
@media(max-width:950px){.all-services-hero-v2{min-height:600px;padding-top:52px}.all-services-hero-bg{inset:35% 0 0 0;background-position:center bottom}.all-services-hero-bg:after{background:linear-gradient(180deg,#050a12 0%,rgba(5,10,18,.82) 28%,rgba(5,10,18,.22) 78%,#050a12 100%)}}
@media(max-width:650px){.all-services-hero-v2{min-height:690px;padding:38px 0 55px}.all-services-hero-v2 .breadcrumb{margin-bottom:24px;font-size:.78rem}.all-services-hero-v2 h1{font-size:clamp(2.7rem,13vw,4rem);line-height:.94}.all-services-hero-v2 .hero-lead{font-size:.95rem}.all-services-hero-bg{inset:42% -18% 0 -18%;background-position:center bottom}.all-services-hero-actions{margin-top:24px}.all-services-hero-actions .btn{width:100%;justify-content:center}}
.detail-service{padding:90px 0;border-bottom:1px solid var(--line);overflow:hidden}.detail-grid{display:grid;grid-template-columns:110px 1fr 370px;gap:35px;align-items:center}.detail-index{font-family:var(--f-mono);font-size:.68rem;color:#62d9ac;letter-spacing:.14em;align-self:start;padding-top:10px}.detail-service h2{font-family:var(--f-display);font-size:clamp(2.5rem,4vw,4.5rem);line-height:.98;letter-spacing:-.05em;margin:12px 0 20px;max-width:780px}.detail-copy{color:var(--muted);font-size:1rem;line-height:1.75;max-width:720px}.detail-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.detail-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-family:var(--f-mono);font-size:.55rem;color:#9aabbe}.detail-visual{height:270px;border:1px solid var(--line);border-radius:28px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(54,95,255,.17),transparent 52%),#0a0e16;overflow:hidden}.detail-visual:before,.detail-visual:after{content:"";position:absolute;border:1px dashed rgba(84,111,255,.3);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitBreath 4s ease-in-out infinite}.detail-visual:before{width:170px;height:170px}.detail-visual:after{width:260px;height:260px;animation-delay:1s}.detail-visual-core{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#326aff,#8051ff);font-family:var(--f-display);font-size:1.4rem;z-index:2;box-shadow:0 0 60px rgba(72,88,255,.35)}.detail-line{position:absolute;width:120px;height:1px;background:linear-gradient(90deg,transparent,#4f77ff,transparent);transform-origin:center;animation:lineSpin 6s linear infinite}.detail-line.l1{transform:rotate(25deg)}.detail-line.l2{transform:rotate(-55deg);animation-delay:2s}.detail-pulse{position:absolute;width:10px;height:10px;border-radius:50%;background:#5d79ff;box-shadow:0 0 20px #5d79ff;animation:pulseDot 2s ease-in-out infinite}
@keyframes lineSpin{to{transform:rotate(385deg)}}@keyframes pulseDot{50%{transform:scale(2);opacity:.5}}
@media(max-width:950px){.mega-service-image{width:52%;opacity:.55}.mega-service-card{min-height:300px}}
@media(max-width:760px){.mega-service-card{min-height:390px;padding:24px;grid-template-columns:50px 1fr}.mega-service-image{inset:auto 0 0 0;width:100%;height:48%;opacity:.52}.mega-service-image:after{background:linear-gradient(180deg,#0a0e16 0%,rgba(10,14,22,.55) 35%,rgba(10,14,22,.1) 100%)}}
@media(max-width:950px){.services-command:before{background-position:72% center;opacity:.58}.services-command:after{background:linear-gradient(90deg,rgba(7,10,16,.97) 0%,rgba(7,10,16,.86) 55%,rgba(7,10,16,.62) 100%),radial-gradient(circle at 80% 45%,rgba(47,107,255,.14),transparent 38%)}.services-command-grid{grid-template-columns:1fr}.services-orbit{max-width:600px;margin:auto}.mega-service-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:60px 1fr}.detail-visual{grid-column:2}.detail-service h2{font-size:3rem}}
@media(max-width:650px){.services-section-head{display:block}.services-section-head p{margin-top:15px}.mega-service-grid{grid-template-columns:1fr}.services-orbit{height:340px}.orbit-ring.r3{width:330px;height:330px}.detail-grid{grid-template-columns:1fr}.detail-index{padding:0}.detail-visual{grid-column:1}.detail-service{padding:65px 0}.detail-service h2{font-size:2.5rem}}

/* V9 navigation mega menu + polished motion */
.nav-service-wrap{position:relative;height:100%;display:flex;align-items:center}
.nav-service-link{display:flex!important;align-items:center;gap:7px;white-space:nowrap}
.nav-chevron{font-size:.72rem;opacity:.65;transition:.25s}
.nav-service-wrap:hover .nav-chevron,.nav-service-wrap:focus-within .nav-chevron{transform:rotate(180deg);color:#62d9ac}
.nav-mega{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%,10px);width:min(1030px,calc(100vw - 40px));padding:14px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .28s ease,visibility .22s;z-index:100}
.nav-service-wrap:hover .nav-mega,.nav-service-wrap:focus-within .nav-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-mega-inner{display:grid;grid-template-columns:270px 1fr;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(8,12,18,.97);box-shadow:0 30px 90px rgba(0,0,0,.55);backdrop-filter:blur(22px);overflow:hidden;position:relative}
.nav-mega-inner:before{content:"";position:absolute;width:420px;height:220px;right:-100px;top:-130px;background:radial-gradient(circle,rgba(47,107,255,.18),transparent 68%);pointer-events:none}
.nav-mega-intro{padding:16px 20px 18px;border-right:1px solid var(--line);position:relative;z-index:1}
.nav-mega-intro .eyebrow{margin-bottom:12px;font-size:.58rem}
.nav-mega-intro h3{font-family:var(--f-display);font-size:1.55rem;line-height:1.02;letter-spacing:-.04em;margin:0 0 14px}.nav-mega-intro h3 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-mega-intro p{font-size:.72rem;line-height:1.6;color:var(--muted);margin:0 0 18px}.nav-mega-cta{display:inline-flex;padding:9px 13px;border-radius:9px;border:1px solid rgba(98,217,172,.25);color:#72dfb5;font-family:var(--f-mono);font-size:.59rem;letter-spacing:.04em;background:rgba(28,200,138,.045)}
.nav-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;position:relative;z-index:1}
.mega-nav-item{display:grid!important;grid-template-columns:30px 1fr 24px;align-items:center;gap:9px;padding:13px 12px;border:1px solid transparent;border-radius:13px;transition:.25s;background:transparent;min-width:0}
.mega-nav-item:hover{background:linear-gradient(110deg,rgba(47,107,255,.12),rgba(28,200,138,.045));border-color:rgba(98,217,172,.16);transform:translateX(3px)}
.mega-nav-num{font-family:var(--f-mono);font-size:.55rem;color:#5f7082}.mega-nav-item b{display:block;font-family:var(--f-display);font-size:.78rem;color:#f2f5f9}.mega-nav-item small{display:block;color:#7e8b9b;font-size:.6rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-nav-item i{font-style:normal;color:#5f7185;transition:.25s}.mega-nav-item:hover i{color:#62d9ac;transform:translate(2px,-2px)}
/* subtle brand and interface motion */
.brand-lockup{animation:brandEntrance .8s cubic-bezier(.2,.8,.2,1) both}.brand-lockup .brand-mark{animation:brandFloat 5s ease-in-out 1s infinite}.brand-main{animation:brandTextGlow 5s ease-in-out 1.2s infinite}
@keyframes brandEntrance{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes brandFloat{50%{transform:translateY(-3px) rotate(-1deg)}}@keyframes brandTextGlow{50%{text-shadow:0 0 18px rgba(47,107,255,.18)}}
.nav-links>a,.nav-service-wrap{animation:navIn .55s ease both}.nav-links>a:nth-child(1){animation-delay:.05s}.nav-service-wrap{animation-delay:.09s}.nav-links>a:nth-child(3){animation-delay:.13s}.nav-links>a:nth-child(4){animation-delay:.17s}.nav-links>a:nth-child(5){animation-delay:.21s}@keyframes navIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-30%;bottom:-30%;width:35px;left:-55px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:buttonShine 4.8s ease-in-out 1.8s infinite}.btn-primary>*{position:relative;z-index:1}@keyframes buttonShine{0%,55%{left:-55px}75%,100%{left:120%}}
.hero-grid>div:first-child{animation:heroCopyIn .8s .1s both}.hero-visual{animation:heroVisualIn 1s .18s both}@keyframes heroCopyIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes heroVisualIn{from{opacity:0;transform:translateX(25px) scale(.98)}to{opacity:1;transform:none}}
/* Remove the large dead band above homepage hero content */
.hero{min-height:650px}.hero-grid{padding:62px 0}
@media(max-width:1050px){.nav-mega{width:min(900px,calc(100vw - 28px))}.nav-mega-inner{grid-template-columns:230px 1fr}.nav-mega-intro{padding-left:14px;padding-right:14px}}
@media(max-width:760px){.nav-service-wrap{display:block;height:auto}.nav-service-link{padding:11px 12px!important;border-radius:8px}.nav-mega{position:static;width:auto;transform:none!important;padding:0 8px 8px;opacity:1;visibility:visible;pointer-events:auto;display:none}.nav-service-wrap.open .nav-mega{display:block}.nav-mega-inner{grid-template-columns:1fr;padding:10px}.nav-mega-intro{border-right:0;border-bottom:1px solid var(--line);padding:12px}.nav-mega-intro h3{font-size:1.25rem}.nav-mega-grid{grid-template-columns:1fr}.mega-nav-item{padding:10px}.mega-nav-item small{white-space:normal}.hero{min-height:auto}.hero-grid{padding:55px 0}}

/* V10 motion system */
.typewriter-brand{display:inline-block;min-width:8ch;position:relative}
.typewriter-brand.typing:after{content:"";display:inline-block;width:2px;height:1em;background:#62d9ac;margin-left:4px;vertical-align:-.12em;animation:cursorBlink .8s steps(1) infinite}
.typewriter-brand.typed:after{animation:cursorBlink .8s steps(1) 3;opacity:0}
.typewriter-sub{opacity:.35;transform:translateY(4px);transition:opacity .6s ease,transform .6s ease}
.typewriter-sub.sub-in{opacity:1;transform:none}
@keyframes cursorBlink{0%,50%{opacity:1}51%,100%{opacity:0}}

.reveal-up{opacity:0;transform:translate3d(0,42px,0);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-up.in-view{opacity:1;transform:none}
.dashboard.reveal-up.in-view{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}
.service-card-v4.reveal-up,.card.reveal-up{transform:translate3d(0,42px,0) rotateX(1deg)}
.service-card-v4.reveal-up.in-view,.card.reveal-up.in-view{transform:translate3d(0,0,0) rotateX(0)}
.network-node.reveal-up.in-view{animation:floatNode 4s ease-in-out infinite;animation-delay:var(--reveal-delay,0ms)}
.nav-mega .mega-nav-item{opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .32s ease}
.nav-service-wrap:hover .mega-nav-item,.nav-service-wrap:focus-within .mega-nav-item{opacity:1;transform:none}
.nav-service-wrap:hover .mega-nav-item:nth-child(1){transition-delay:.02s}.nav-service-wrap:hover .mega-nav-item:nth-child(2){transition-delay:.05s}.nav-service-wrap:hover .mega-nav-item:nth-child(3){transition-delay:.08s}.nav-service-wrap:hover .mega-nav-item:nth-child(4){transition-delay:.11s}.nav-service-wrap:hover .mega-nav-item:nth-child(5){transition-delay:.14s}.nav-service-wrap:hover .mega-nav-item:nth-child(6){transition-delay:.17s}.nav-service-wrap:hover .mega-nav-item:nth-child(7){transition-delay:.20s}.nav-service-wrap:hover .mega-nav-item:nth-child(8){transition-delay:.23s}.nav-service-wrap:hover .mega-nav-item:nth-child(9){transition-delay:.26s}
.hero .eyebrow{animation:heroEnter .7s .15s both}.hero h1{animation:heroEnter .85s .25s both}.hero-lead{animation:heroEnter .8s .4s both}.hero-actions{animation:heroEnter .8s .52s both}
@keyframes heroEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media(min-width:1000px){
  .hero{min-height:620px}
  .hero-grid{gap:54px;padding:48px 0 58px}
  .hero h1{font-size:clamp(3.3rem,5.1vw,5.15rem);line-height:.94;max-width:680px;margin-bottom:42px}
  .hero-lead{font-size:1rem;line-height:1.7;max-width:590px;margin-top:0}
  .hero-actions{margin-top:26px}
  .hero-visual{min-height:420px}
  .dashboard{inset:30px 0 20px 20px}
}
@media(min-width:1400px){
  .hero h1{font-size:5rem;max-width:690px}
}
@media(max-width:999px){
  .hero{min-height:auto}
  .hero-grid{padding:62px 0}
  .hero h1{font-size:clamp(3rem,8vw,4.5rem)}
}
@media(max-width:760px){
  .hero-grid{padding:45px 0 55px}
  .hero h1{font-size:clamp(2.75rem,12vw,4rem);line-height:.98}
  .hero-lead{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* V12 — Miintosh left-to-right brand reveal + slide-up content system */
.brand-lockup{opacity:0;transform:translateX(-34px);clip-path:inset(0 100% 0 0);animation:brandRevealLTR 1.05s cubic-bezier(.16,1,.3,1) .08s forwards!important}
.brand-lockup .brand-mark{opacity:0;transform:translateX(-24px) scale(.96);animation:brandLogoReveal .7s cubic-bezier(.16,1,.3,1) .12s forwards,brandFloat 5s ease-in-out 1.15s infinite}
.brand-text{overflow:hidden}
.brand-main{opacity:0;transform:translateX(-28px);animation:brandTextLTR .72s cubic-bezier(.16,1,.3,1) .28s forwards!important}
.brand-sub{opacity:0;transform:translateX(-20px);animation:brandTextLTR .65s cubic-bezier(.16,1,.3,1) .48s forwards!important}
@keyframes brandRevealLTR{from{opacity:0;transform:translateX(-34px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@keyframes brandLogoReveal{from{opacity:0;transform:translateX(-24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes brandTextLTR{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes brandFloat{50%{transform:translateY(-3px) rotate(-1deg)}}

/* All entrance animations are now slide-up reveals. */
.reveal-up,.fall-in{opacity:0!important;transform:translate3d(0,42px,0)!important;transform-origin:50% 100%;transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1)!important;transition-delay:var(--reveal-delay,0ms)!important}
.reveal-up.in-view,.fall-in-view{opacity:1!important;transform:none!important}
.dashboard.reveal-up.in-view,.dashboard.fall-in-view{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)!important}
.service-card-v4.reveal-up,.card.reveal-up,.service-card-v4.fall-in,.card.fall-in{transform:translate3d(0,42px,0)!important}
.service-card-v4.reveal-up.in-view,.card.reveal-up.in-view,.service-card-v4.fall-in-view,.card.fall-in-view{transform:translate3d(0,0,0)!important}

/* Hero content also slides up sequentially. */
.hero .eyebrow,.hero h1,.hero-lead,.hero-actions,.hero-visual{animation:none!important;opacity:0;transform:translate3d(0,42px,0)!important}
.hero .eyebrow{animation:heroSlideUp .72s .12s cubic-bezier(.2,.7,.2,1) forwards!important}
.hero h1{animation:heroSlideUp .82s .22s cubic-bezier(.2,.7,.2,1) forwards!important}
.hero-lead{animation:heroSlideUp .76s .36s cubic-bezier(.2,.7,.2,1) forwards!important}
.hero-actions{animation:heroSlideUp .76s .48s cubic-bezier(.2,.7,.2,1) forwards!important}
.hero-visual{animation:heroSlideUpVisual .9s .28s cubic-bezier(.2,.7,.2,1) forwards!important}
@keyframes heroSlideUp{from{opacity:0;transform:translate3d(0,42px,0)}to{opacity:1;transform:none}}
@keyframes heroSlideUpVisual{from{opacity:0;transform:translate3d(0,42px,0) scale(.97)}to{opacity:1;transform:none}}

/* Header navigation slides up into place. */
.nav-links>a,.nav-service-wrap,.nav-cta{animation:headerSlideUp .62s cubic-bezier(.2,.7,.2,1) both!important}
.nav-links>a:nth-child(1){animation-delay:.16s!important}.nav-service-wrap{animation-delay:.22s!important}.nav-links>a:nth-child(3){animation-delay:.28s!important}.nav-links>a:nth-child(4){animation-delay:.34s!important}.nav-links>a:nth-child(5){animation-delay:.40s!important}.nav-cta{animation-delay:.46s!important}
@keyframes headerSlideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* Hover: lift, glow and slightly scale interactive content. */
.card,.service-card-v4,.mega-nav-item,.partner-logo,.brand-logo,.network-node,.btn-primary,.btn-secondary,.nav-cta{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease}
.card:hover,.service-card-v4:hover{transform:translateY(-8px)!important;box-shadow:0 22px 50px rgba(0,0,0,.22);border-color:rgba(98,217,172,.22)}
.mega-nav-item:hover{transform:translateX(5px)!important}
.brand-logo:hover,.partner-logo:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 16px 38px rgba(0,0,0,.2)}
.network-node:hover{transform:translateY(-7px) scale(1.03);z-index:4}
.btn-primary:hover,.btn-secondary:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(47,107,255,.22)}
.hero-visual:hover{transform:translateY(-5px) scale(1.01);transition:transform .35s ease}

/* Mega menu items slide up on open, with a stagger. */
.nav-mega .mega-nav-item{opacity:0;transform:translateY(18px)!important;transition:opacity .3s ease,transform .34s cubic-bezier(.2,.7,.2,1),background .25s ease,border-color .25s ease}
.nav-service-wrap:hover .mega-nav-item,.nav-service-wrap:focus-within .mega-nav-item{opacity:1;transform:translateY(0)!important}
.nav-service-wrap:hover .mega-nav-item:nth-child(1){transition-delay:.03s}.nav-service-wrap:hover .mega-nav-item:nth-child(2){transition-delay:.07s}.nav-service-wrap:hover .mega-nav-item:nth-child(3){transition-delay:.11s}.nav-service-wrap:hover .mega-nav-item:nth-child(4){transition-delay:.15s}.nav-service-wrap:hover .mega-nav-item:nth-child(5){transition-delay:.19s}.nav-service-wrap:hover .mega-nav-item:nth-child(6){transition-delay:.23s}.nav-service-wrap:hover .mega-nav-item:nth-child(7){transition-delay:.27s}.nav-service-wrap:hover .mega-nav-item:nth-child(8){transition-delay:.31s}.nav-service-wrap:hover .mega-nav-item:nth-child(9){transition-delay:.35s}

@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
 .brand-lockup,.brand-lockup .brand-mark,.brand-main,.brand-sub,.reveal-up,.fall-in,.hero .eyebrow,.hero h1,.hero-lead,.hero-actions,.hero-visual,.nav-links>a,.nav-service-wrap,.nav-cta{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
}


/* V13.2: increased desktop spacing between hero H1 and lead */
@media(min-width:1000px){.hero h1{margin-bottom:100px}}

/* Capabilities — image cards */
.grid-3 .card{padding-bottom:0;min-height:430px;display:flex;flex-direction:column}
.grid-3 .card .more{margin-bottom:22px}
.capability-image{margin:22px -28px 0;height:165px;overflow:hidden;position:relative;border-top:1px solid rgba(255,255,255,.08)}
.capability-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,18,.10),rgba(6,12,18,.02) 35%,rgba(6,12,18,.38))}
.capability-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.grid-3 .card:hover .capability-image img{transform:scale(1.06);filter:saturate(1.12) brightness(1.06)}
@media(max-width:760px){.grid-3 .card{min-height:0}.capability-image{height:180px}}

/* Capabilities showcase — reference-inspired service grid */
.capabilities-showcase{padding-top:72px;padding-bottom:0;background:linear-gradient(180deg,rgba(0,11,20,.16),rgba(0,7,14,.55));overflow:hidden}
.capabilities-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:50px;align-items:end;margin-bottom:26px}
.capabilities-head .eyebrow{margin-bottom:10px}
.capabilities-head h2{font-family:var(--f-display);font-size:clamp(2.2rem,3.5vw,3.8rem);line-height:1.02;letter-spacing:-.05em;margin:0;max-width:760px}
.capabilities-head-side{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.capabilities-head-side p{color:var(--muted);font-size:.84rem;line-height:1.45;margin:0;max-width:390px}
.cap-view{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid rgba(0,190,255,.7);border-radius:7px;color:#66dcff;font-family:var(--f-mono);font-size:.66rem;white-space:nowrap;text-decoration:none;background:linear-gradient(135deg,rgba(0,111,255,.09),rgba(0,218,177,.06));transition:.25s}
.cap-view:hover{transform:translateY(-2px);border-color:#00d9c4;box-shadow:0 0 25px rgba(0,180,255,.13)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cap-card{min-height:272px;border:1px solid rgba(0,186,255,.45);border-radius:13px;background:linear-gradient(145deg,rgba(7,26,43,.92),rgba(4,15,26,.94));position:relative;overflow:hidden;padding:16px 18px 0;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.14);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.cap-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(0,111,255,.18),transparent 32%),linear-gradient(180deg,transparent 52%,rgba(0,0,0,.14));pointer-events:none}
.cap-card:hover{transform:translateY(-5px);border-color:rgba(0,221,207,.72);box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 25px rgba(0,139,255,.08)}
.cap-top{display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.cap-icon{width:40px;height:40px;border:1px solid rgba(0,196,255,.72);border-radius:8px;display:grid;place-items:center;color:#00baff;background:linear-gradient(145deg,rgba(0,119,255,.15),rgba(0,205,185,.06));font-size:20px;box-shadow:inset 0 0 16px rgba(0,165,255,.05)}
.cap-tag{font-family:var(--f-mono);font-size:.59rem;letter-spacing:.13em;text-transform:uppercase;color:#00e2bb}
.cap-card h3{position:relative;z-index:2;font-family:var(--f-display);font-size:1.12rem;line-height:1.08;letter-spacing:-.025em;margin:9px 0 7px}
.cap-card>p{position:relative;z-index:2;color:#aab8c8;font-size:.72rem;line-height:1.35;margin:0;max-width:94%}
.cap-more{position:relative;z-index:3;display:inline-block;margin-top:9px;font-family:var(--f-mono);font-size:.61rem;color:#00cfff;text-decoration:none}
.cap-more:hover{text-decoration:underline}
.cap-image{height:118px;margin:8px -18px 0;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.055);margin-top:auto;background:#071522}
.cap-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,22,.03),rgba(2,13,22,.12) 45%,rgba(2,13,22,.2))}
.cap-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.015);transition:transform .55s ease,filter .55s ease}
.cap-card:hover .cap-image img{transform:scale(1.06);filter:saturate(1.08) brightness(1.04)}
.cap-benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,170,230,.17);margin-top:6px;min-height:66px}
.cap-benefit{display:flex;align-items:center;gap:11px;padding:12px 18px;border-right:1px solid rgba(0,170,230,.17)}
.cap-benefit:last-child{border-right:0}
.benefit-icon{width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(0,182,255,.65);border-radius:50%;display:grid;place-items:center;color:#00bfff;font-size:13px;background:rgba(0,92,160,.09)}
.cap-benefit strong{display:block;font-family:var(--f-display);font-size:.68rem;line-height:1.15;margin-bottom:3px}
.cap-benefit span{display:block;color:#8191a3;font-size:.59rem;line-height:1.2}
@media(max-width:1050px){.capabilities-head{grid-template-columns:1fr}.capabilities-head-side{max-width:760px}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-benefits{grid-template-columns:repeat(2,1fr)}.cap-benefit:nth-child(2){border-right:0}.cap-benefit:nth-child(-n+2){border-bottom:1px solid rgba(0,170,230,.17)}}
@media(max-width:760px){.capabilities-showcase{padding-top:58px}.capabilities-head{gap:22px}.capabilities-head-side{display:block}.capabilities-head-side p{margin-bottom:14px}.cap-view{width:100%}.cap-grid{grid-template-columns:1fr;gap:12px}.cap-card{min-height:0;padding-top:16px}.cap-image{height:175px}.cap-benefits{grid-template-columns:1fr;margin-top:10px}.cap-benefit,.cap-benefit:nth-child(2){border-right:0;border-bottom:1px solid rgba(0,170,230,.17)}.cap-benefit:last-child{border-bottom:0}}

/* Service image visuals — V14 */
.detail-image-visual{position:relative;overflow:hidden;background:#080f18;border:1px solid var(--line);border-radius:28px;min-height:270px;box-shadow:0 18px 55px rgba(0,0,0,.20);}
.detail-image-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,16,.03),rgba(3,9,16,.16));pointer-events:none;}
.detail-image-visual img{width:100%;height:100%;min-height:270px;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease;}
.detail-image-visual:hover img{transform:scale(1.035);filter:saturate(1.08) brightness(1.04);}
@media(max-width:760px){.detail-image-visual,.detail-image-visual img{min-height:220px;height:220px;border-radius:22px}}


/* Custom service artwork — user supplied */
.detail-image-visual img{
  object-fit:cover;
  object-position:center;
}


/* Homepage hero — visual direction based on the supplied reference */
.hero-reference{position:relative;overflow:hidden;min-height:560px;padding:56px 0 48px;background:#04090f;border-bottom:1px solid rgba(255,255,255,.07)}
.hero-reference:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 48%,rgba(0,128,255,.12),transparent 24%),radial-gradient(circle at 88% 65%,rgba(0,220,150,.07),transparent 28%);pointer-events:none}
.hero-reference-grid{position:relative;z-index:2;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:455px}
.hero-copy{position:relative;z-index:4;padding-left:2px}
.hero-kicker{font-family:var(--f-mono);font-size:.62rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#62d9ac;margin-bottom:14px;white-space:nowrap}.hero-kicker span{color:#496171;margin:0 7px}
.hero-reference h1{font-family:var(--f-display);font-size:clamp(3.1rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:0;max-width:590px}.hero-gradient{background:linear-gradient(90deg,#2477ff 8%,#11d4a0 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-reference-lead{max-width:540px;color:#a6b1bf;font-size:.92rem;line-height:1.55;margin:22px 0 25px}.hero-reference .hero-actions{gap:12px}.hero-start{padding:12px 17px}.hero-start span{margin-left:6px;font-size:1rem}.hero-explore{padding:12px 18px;border-color:#166a78;color:#d7e2ea;background:rgba(3,10,16,.28)}
.hero-visual-reference{position:relative;height:500px;min-width:0}.hero-logo-core{position:absolute;z-index:5;left:50%;top:47%;transform:translate(-50%,-50%);width:156px;height:156px;display:grid;place-items:center}.hero-logo-core img{width:122px;height:122px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,135,255,.28)) drop-shadow(0 0 22px rgba(0,215,150,.16))}.hero-logo-ring{position:absolute;inset:8px;border:1px solid rgba(79,198,255,.2);border-radius:50%;box-shadow:0 0 40px rgba(31,117,255,.11),inset 0 0 30px rgba(31,117,255,.06)}
.hero-orbit{position:absolute;left:50%;top:47%;border:1px solid rgba(55,187,224,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none}.hero-orbit-one{width:240px;height:240px;box-shadow:0 0 40px rgba(0,160,255,.04)}.hero-orbit-two{width:350px;height:230px;border-color:rgba(55,218,191,.17);transform:translate(-50%,-50%) rotate(20deg)}.hero-orbit-three{width:500px;height:310px;border-color:rgba(41,107,255,.17);transform:translate(-50%,-50%) rotate(-18deg)}
.hero-orbit-dot{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:#48e1bf;box-shadow:0 0 12px rgba(72,225,191,.9);animation:heroDotPulse 2.6s ease-in-out infinite}.dot-a{left:24%;top:21%}.dot-b{right:15%;top:33%;background:#54cfff;box-shadow:0 0 12px rgba(84,207,255,.9);animation-delay:.6s}.dot-c{left:9%;top:52%;animation-delay:1s}.dot-d{right:18%;top:65%;background:#58c6ff;animation-delay:1.5s}.dot-e{left:34%;bottom:16%;animation-delay:1.9s}.dot-f{right:35%;bottom:8%;background:#5af1c3;animation-delay:2.2s}
.hero-stat{position:absolute;z-index:6;border:1px solid rgba(78,192,226,.28);background:rgba(5,14,22,.78);backdrop-filter:blur(8px);border-radius:9px;box-shadow:0 10px 35px rgba(0,0,0,.18);color:#dbe8ef;padding:10px 12px;font-family:var(--f-mono);font-size:.57rem;line-height:1.1;min-width:91px}.hero-stat strong{display:block;font-family:var(--f-display);font-size:.72rem;font-weight:600;color:#e9f4f7;margin-bottom:6px}.hero-stat strong span{color:#44d7c0;font-size:.95rem}.hero-stat b{font-family:var(--f-display);font-size:1rem;color:#fff}.hero-stat svg{display:block;width:100%;height:28px;margin-top:4px;color:#3bd7c0}.hero-stat-traffic{left:8%;top:7%;min-width:90px}.hero-stat-leads{right:7%;top:7%;min-width:108px}.hero-stat-conv{left:3%;top:43%;min-width:106px}.hero-stat-roi{right:1%;top:49%;min-width:104px}.mini-bars{display:flex;align-items:end;gap:4px;height:28px;margin-top:7px}.mini-bars i{display:block;width:8px;background:linear-gradient(180deg,#23d6bc,#176e88);border-radius:2px 2px 0 0}.mini-bars i:nth-child(1){height:8px}.mini-bars i:nth-child(2){height:12px}.mini-bars i:nth-child(3){height:16px}.mini-bars i:nth-child(4){height:22px}.mini-bars i:nth-child(5){height:27px}
.hero-growth-note{position:absolute;right:0;bottom:48px;color:#6cdbca;font-family:"Comic Sans MS",cursive;font-size:1rem;line-height:1.02;transform:rotate(-7deg);text-align:left}.hero-growth-note em{color:#f2f7fa;font-size:.92rem}.hero-flow-labels{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;font-family:var(--f-mono);font-size:.47rem;letter-spacing:.08em;color:#57cbb8}.hero-flow-labels i{font-style:normal;color:#4b6670}
@keyframes heroDotPulse{0%,100%{transform:scale(.7);opacity:.55}50%{transform:scale(1.35);opacity:1}}
@media(max-width:1050px){.hero-reference-grid{grid-template-columns:1fr}.hero-reference{padding-top:50px}.hero-copy{text-align:left}.hero-visual-reference{margin-top:10px;height:470px}.hero-reference h1{max-width:680px}.hero-reference-lead{max-width:600px}.hero-stat-traffic{left:12%}.hero-stat-conv{left:7%}}
@media(max-width:760px){.hero-reference{padding:44px 0 24px}.hero-kicker{white-space:normal;font-size:.54rem}.hero-reference h1{font-size:clamp(2.85rem,13vw,4.4rem)}.hero-reference-lead{font-size:.86rem}.hero-reference .hero-actions{flex-wrap:wrap}.hero-visual-reference{height:405px;margin-top:5px}.hero-logo-core{width:125px;height:125px}.hero-logo-core img{width:98px;height:98px}.hero-orbit-one{width:190px;height:190px}.hero-orbit-two{width:285px;height:180px}.hero-orbit-three{width:380px;height:240px}.hero-stat{padding:8px 9px;min-width:77px;font-size:.48rem}.hero-stat strong{font-size:.59rem}.hero-stat b{font-size:.82rem}.hero-stat-traffic{left:0;top:2%}.hero-stat-leads{right:0;top:2%}.hero-stat-conv{left:0;top:45%}.hero-stat-roi{right:0;top:49%}.hero-growth-note{right:7px;bottom:43px;font-size:.78rem}.hero-growth-note em{font-size:.72rem}.hero-flow-labels{font-size:.39rem;gap:5px;bottom:4px}}

/* V16 — Homepage hero spacing + orbiting performance cards */
.hero-reference h1{
  margin-bottom:72px;
}
.hero-reference-lead{
  margin:0 0 25px;
}

/* Keep the four performance cards moving around the Miintosh logo on an elliptical path. */
.hero-visual-reference .hero-stat{
  left:50%;
  right:auto;
  top:47%;
  transform:translate(-50%,-50%);
  will-change:transform;
  z-index:7;
}
.hero-stat-traffic{animation:orbitTraffic 12s linear infinite;}
.hero-stat-leads{animation:orbitLeads 12s linear infinite;}
.hero-stat-conv{animation:orbitConversions 12s linear infinite;}
.hero-stat-roi{animation:orbitRoi 12s linear infinite;}

@keyframes orbitTraffic{
  0%{transform:translate(-50%,-50%) translate(230px,0)}
  25%{transform:translate(-50%,-50%) translate(0,145px)}
  50%{transform:translate(-50%,-50%) translate(-230px,0)}
  75%{transform:translate(-50%,-50%) translate(0,-145px)}
  100%{transform:translate(-50%,-50%) translate(230px,0)}
}
@keyframes orbitLeads{
  0%{transform:translate(-50%,-50%) translate(0,-145px)}
  25%{transform:translate(-50%,-50%) translate(-230px,0)}
  50%{transform:translate(-50%,-50%) translate(0,145px)}
  75%{transform:translate(-50%,-50%) translate(230px,0)}
  100%{transform:translate(-50%,-50%) translate(0,-145px)}
}
@keyframes orbitConversions{
  0%{transform:translate(-50%,-50%) translate(-230px,0)}
  25%{transform:translate(-50%,-50%) translate(0,-145px)}
  50%{transform:translate(-50%,-50%) translate(230px,0)}
  75%{transform:translate(-50%,-50%) translate(0,145px)}
  100%{transform:translate(-50%,-50%) translate(-230px,0)}
}
@keyframes orbitRoi{
  0%{transform:translate(-50%,-50%) translate(0,145px)}
  25%{transform:translate(-50%,-50%) translate(230px,0)}
  50%{transform:translate(-50%,-50%) translate(0,-145px)}
  75%{transform:translate(-50%,-50%) translate(-230px,0)}
  100%{transform:translate(-50%,-50%) translate(0,145px)}
}

@media(max-width:1050px){
  .hero-reference h1{margin-bottom:30px}
  .hero-visual-reference .hero-stat{left:50%;right:auto;top:47%}
  @keyframes orbitTraffic{
    0%{transform:translate(-50%,-50%) translate(180px,0)}25%{transform:translate(-50%,-50%) translate(0,115px)}50%{transform:translate(-50%,-50%) translate(-180px,0)}75%{transform:translate(-50%,-50%) translate(0,-115px)}100%{transform:translate(-50%,-50%) translate(180px,0)}
  }
  @keyframes orbitLeads{
    0%{transform:translate(-50%,-50%) translate(0,-115px)}25%{transform:translate(-50%,-50%) translate(-180px,0)}50%{transform:translate(-50%,-50%) translate(0,115px)}75%{transform:translate(-50%,-50%) translate(180px,0)}100%{transform:translate(-50%,-50%) translate(0,-115px)}
  }
  @keyframes orbitConversions{
    0%{transform:translate(-50%,-50%) translate(-180px,0)}25%{transform:translate(-50%,-50%) translate(0,-115px)}50%{transform:translate(-50%,-50%) translate(180px,0)}75%{transform:translate(-50%,-50%) translate(0,115px)}100%{transform:translate(-50%,-50%) translate(-180px,0)}
  }
  @keyframes orbitRoi{
    0%{transform:translate(-50%,-50%) translate(0,115px)}25%{transform:translate(-50%,-50%) translate(180px,0)}50%{transform:translate(-50%,-50%) translate(0,-115px)}75%{transform:translate(-50%,-50%) translate(-180px,0)}100%{transform:translate(-50%,-50%) translate(0,115px)}
  }
}

@media(max-width:760px){
  .hero-reference h1{margin-bottom:52px}
  .hero-reference-lead{margin-bottom:22px}
  .hero-visual-reference .hero-stat{left:50%;right:auto;top:47%;}
  @keyframes orbitTraffic{
    0%{transform:translate(-50%,-50%) translate(135px,0)}25%{transform:translate(-50%,-50%) translate(0,82px)}50%{transform:translate(-50%,-50%) translate(-135px,0)}75%{transform:translate(-50%,-50%) translate(0,-82px)}100%{transform:translate(-50%,-50%) translate(135px,0)}
  }
  @keyframes orbitLeads{
    0%{transform:translate(-50%,-50%) translate(0,-82px)}25%{transform:translate(-50%,-50%) translate(-135px,0)}50%{transform:translate(-50%,-50%) translate(0,82px)}75%{transform:translate(-50%,-50%) translate(135px,0)}100%{transform:translate(-50%,-50%) translate(0,-82px)}
  }
  @keyframes orbitConversions{
    0%{transform:translate(-50%,-50%) translate(-135px,0)}25%{transform:translate(-50%,-50%) translate(0,-82px)}50%{transform:translate(-50%,-50%) translate(135px,0)}75%{transform:translate(-50%,-50%) translate(0,82px)}100%{transform:translate(-50%,-50%) translate(-135px,0)}
  }
  @keyframes orbitRoi{
    0%{transform:translate(-50%,-50%) translate(0,82px)}25%{transform:translate(-50%,-50%) translate(135px,0)}50%{transform:translate(-50%,-50%) translate(0,-82px)}75%{transform:translate(-50%,-50%) translate(-135px,0)}100%{transform:translate(-50%,-50%) translate(0,82px)}
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-stat-traffic,.hero-stat-leads,.hero-stat-conv,.hero-stat-roi{animation:none}
}

/* MIINTOSH DIFFERENCE — Version 1: animated visual cards */
.difference-section{position:relative;overflow:hidden;padding:110px 0 120px;background:radial-gradient(circle at 8% 45%,rgba(28,200,138,.055),transparent 30%),radial-gradient(circle at 88% 35%,rgba(47,107,255,.07),transparent 32%)}
.difference-section:before{content:"";position:absolute;left:50%;top:45%;width:720px;height:720px;transform:translate(-50%,-50%);border:1px solid rgba(98,217,172,.045);border-radius:50%;pointer-events:none}
.difference-head{position:relative;z-index:1;margin-bottom:48px}
.difference-head h2{max-width:980px}
.difference-head p{max-width:800px}
.difference-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.difference-card{position:relative;overflow:hidden;min-height:520px;border:1px solid rgba(255,255,255,.105);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 55%,rgba(7,16,24,.78));box-shadow:0 20px 55px rgba(0,0,0,.18);transform:translateY(34px);opacity:0;transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease,border-color .35s ease}
.difference-card.in-view{transform:translateY(0);opacity:1}
.difference-card:nth-child(1){transition-delay:.05s}.difference-card:nth-child(2){transition-delay:.13s}.difference-card:nth-child(3){transition-delay:.21s}.difference-card:nth-child(4){transition-delay:.29s}
.difference-card:hover{transform:translateY(-10px)!important;border-color:rgba(98,217,172,.28);box-shadow:0 30px 75px rgba(0,0,0,.34),0 0 40px rgba(47,107,255,.06)}
.difference-media{position:relative;height:210px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:#091117}
.difference-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,13,.03) 15%,rgba(4,9,13,.18) 45%,rgba(4,9,13,.92) 100%);pointer-events:none}
.difference-media img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) contrast(1.04) brightness(.76);transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.difference-card:hover .difference-media img{transform:scale(1.13);filter:saturate(1.12) contrast(1.06) brightness(.9)}
.media-glow{position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.36),transparent 68%);filter:blur(8px);opacity:.65;transition:transform .8s ease,opacity .5s ease}
.difference-card:hover .media-glow{transform:scale(1.35);opacity:.95}
.difference-number{position:absolute;z-index:2;left:20px;top:20px;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(8,17,27,.72);backdrop-filter:blur(12px);font-family:var(--f-mono);font-size:.86rem;color:#9ab9ff;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.difference-content{position:relative;padding:25px 25px 27px}
.difference-content .tag{margin-bottom:13px}
.difference-content h3{font-size:1.45rem;margin-bottom:12px}
.difference-content p{color:var(--muted);font-size:.92rem;line-height:1.75;margin:0}
.difference-line{display:flex;align-items:center;gap:10px;margin-top:24px;font-family:var(--f-mono);font-size:.54rem;letter-spacing:.12em;color:rgba(151,168,188,.62)}
.difference-line span{display:block;width:30px;height:1px;background:linear-gradient(90deg,#62d9ac,rgba(98,217,172,0))}
.difference-card-1 .difference-line span{background:linear-gradient(90deg,#62d9ac,rgba(98,217,172,0))}
.difference-card-2 .difference-line span{background:linear-gradient(90deg,#7ca5ff,rgba(124,165,255,0))}
.difference-card-3 .difference-line span{background:linear-gradient(90deg,#9a82ff,rgba(154,130,255,0))}
.difference-card-4 .difference-line span{background:linear-gradient(90deg,#62d9ac,#7ca5ff,rgba(124,165,255,0))}
@media(max-width:1050px){.difference-grid{grid-template-columns:1fr 1fr}.difference-card{min-height:490px}}
@media(max-width:650px){.difference-section{padding:80px 0 90px}.difference-head{margin-bottom:34px}.difference-grid{grid-template-columns:1fr;gap:14px}.difference-card{min-height:0}.difference-media{height:205px}.difference-content{padding:23px}.difference-card:hover{transform:translateY(-5px)!important}}
@media(prefers-reduced-motion:reduce){.difference-card,.difference-media img,.media-glow{transition:none!important;transform:none!important}.difference-card{opacity:1}}

/* =========================================================
   MIINTOSH HOMEPAGE — SYSTEM / PROCESS / PROOF REFERENCE
   Inspired by the supplied visual reference, adapted to
   Miintosh branding and the site's existing design system.
   ========================================================= */
.system-section{padding:0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.system-engine{padding:54px 0 10px;background:radial-gradient(circle at 78% 38%,rgba(47,107,255,.08),transparent 34%)}
.system-engine-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center;min-height:360px}
.system-copy{padding:12px 0 22px}
.system-kicker{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.19em;color:#11e2c3;text-transform:uppercase;margin-bottom:18px}
.system-copy h2,.process-system-head h2,.proof-copy h2,.final-cta h2{font-family:var(--f-display);font-weight:700;letter-spacing:-.055em;line-height:.98;margin:0}
.system-copy h2{font-size:clamp(3rem,4.7vw,4.35rem);max-width:650px}
.system-copy p{font-size:1rem;color:#b6c2d0;max-width:610px;margin:22px 0 0}
.system-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.system-pills span{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:12px;padding:12px 18px;font-size:.82rem;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.pill-icon{font-style:normal;color:#19e4c2;font-size:.8rem}.pill-icon.blue{color:#35b9ff}.pill-icon.purple{color:#b989ff}.pill-icon.cyan{color:#19e8dc}
.system-visual{height:320px;border:1px solid rgba(255,255,255,.15);border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 47%,rgba(30,105,255,.24),transparent 33%),radial-gradient(circle at 50% 50%,rgba(20,226,201,.08),transparent 53%),#071019;box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 0 60px rgba(47,107,255,.05)}
.system-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.5px);background-size:145px 115px;opacity:.24;animation:systemStars 9s linear infinite}
@keyframes systemStars{0%,100%{transform:translate(0,0);opacity:.18}50%{transform:translate(-8px,6px);opacity:.35}}
.system-stars{position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(80,130,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 72% 14%,rgba(33,244,217,.8) 0 1px,transparent 2px),radial-gradient(circle at 88% 74%,rgba(100,130,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 31% 84%,rgba(35,220,205,.7) 0 1px,transparent 2px)}
.system-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(48,219,255,.72);border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg);box-shadow:0 0 22px rgba(49,125,255,.16);animation:systemOrbit 12s linear infinite}
.orbit-large{width:62%;height:53%;border-color:rgba(55,126,255,.75);animation-duration:18s}
.orbit-medium{width:48%;height:70%;border-color:rgba(18,231,219,.75);animation-duration:14s;animation-direction:reverse}
.orbit-small{width:31%;height:50%;border-color:rgba(117,110,255,.75);animation-duration:10s}
@keyframes systemOrbit{from{transform:translate(-50%,-50%) rotateX(62deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(62deg) rotateZ(360deg)}}
.system-core{position:absolute;left:50%;top:50%;width:145px;height:145px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(32,155,255,.24),rgba(5,10,18,.96) 64%);border:2px solid rgba(63,178,255,.9);box-shadow:0 0 35px rgba(42,99,255,.42),0 0 90px rgba(14,227,213,.18),inset 0 0 30px rgba(49,102,255,.22);z-index:4;animation:corePulse 4s ease-in-out infinite}
.system-core:before{content:"";position:absolute;inset:10px;border:1px solid rgba(26,232,219,.55);border-radius:50%;box-shadow:inset 0 0 20px rgba(26,232,219,.16)}
.system-core img{width:63px;height:63px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(54,154,255,.45))}
.system-core strong{font-family:var(--f-display);font-size:.82rem;letter-spacing:.08em;position:relative;z-index:1;margin-top:1px}
@keyframes corePulse{50%{box-shadow:0 0 48px rgba(42,99,255,.5),0 0 110px rgba(14,227,213,.24),inset 0 0 30px rgba(49,102,255,.26);transform:translate(-50%,-50%) scale(1.02)}}
.system-node{position:absolute;z-index:6;min-width:140px;padding:11px 15px;border:1px solid rgba(91,111,255,.5);border-radius:12px;background:rgba(7,15,25,.9);box-shadow:0 15px 35px rgba(0,0,0,.35),inset 0 0 18px rgba(70,120,255,.06);backdrop-filter:blur(8px)}
.system-node strong{display:flex;align-items:center;gap:8px;font-size:.72rem;line-height:1}.system-node small{display:block;color:#98a6b7;font-size:.62rem;margin-top:5px}.node-icon{font-style:normal;font-size:1rem}.node-icon.purple{color:#bf8cff}.node-icon.cyan{color:#26dce9}.node-icon.blue{color:#36b9ff}.node-icon.green{color:#2be8bd}
.node-a{top:42px;left:10%}.node-b{top:42px;right:10%;border-color:rgba(63,121,255,.5)}.node-c{bottom:30px;left:11%;border-color:rgba(31,177,255,.48)}.node-d{bottom:30px;right:10%;border-color:rgba(22,214,194,.42)}
.system-note{position:absolute;right:3%;top:42%;z-index:7;color:#d0d8e2;font-family:cursive;font-size:1rem;line-height:1.12;transform:rotate(-7deg);text-shadow:0 0 10px rgba(255,255,255,.08)}.system-note em{font-style:normal}.system-note span{color:#e5f0ff}.system-note i{display:block;width:46px;height:2px;background:#16dcca;margin:5px 0 0 13px;transform:skewX(-30deg)}
.system-dot{position:absolute;z-index:5;width:7px;height:7px;border-radius:50%;background:#48baff;box-shadow:0 0 15px #4d8cff;animation:dotFloat 3s ease-in-out infinite}.dot-1{left:29%;top:28%}.dot-2{left:70%;top:22%;background:#19f0d4}.dot-3{left:77%;top:47%;background:#7788ff}.dot-4{left:23%;top:55%;background:#1ce8d1}.dot-5{left:64%;top:76%;background:#7d6eff}.dot-6{left:45%;top:14%;background:#5bd7ff}
@keyframes dotFloat{50%{transform:scale(1.8);opacity:.65}}

.process-system{padding:36px 0 16px}
.process-system-head{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:end;margin-bottom:20px}.process-system-head h2{font-size:clamp(2.5rem,4.4vw,4.25rem);max-width:1000px}.process-system-head p{color:#aeb9c7;margin:0 0 3px;font-size:.9rem;max-width:300px}
.process-reference-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.process-reference-card{height:195px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#081019;box-shadow:0 15px 45px rgba(0,0,0,.22);isolation:isolate;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.process-reference-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(0,0,0,.38);border-color:rgba(79,178,255,.42)}
.process-reference-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071019 0%,rgba(7,16,25,.98) 27%,rgba(7,16,25,.72) 47%,rgba(7,16,25,.12) 78%,rgba(7,16,25,.02) 100%);z-index:1}
.process-card-art{position:absolute;right:0;top:0;width:67%;height:100%;z-index:0;overflow:hidden}.process-card-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.92;filter:saturate(1.12) contrast(1.06);transition:transform .5s ease,opacity .35s ease}.process-reference-card:hover .process-card-art img{transform:scale(1.045);opacity:1}
.process-card-copy{position:absolute;left:18px;right:34px;top:17px;bottom:18px;z-index:3;display:flex;flex-direction:column}.process-num{font-family:var(--f-display);font-size:1.22rem;font-weight:700;display:block;margin-bottom:11px;color:#11e5c2}.card-blue .process-num{color:#4ca0ff}.card-purple .process-num{color:#a874ff}.card-orange .process-num{color:#ffac43}.card-green .process-num{color:#1fe1bd}
.process-card-copy h3{font-family:var(--f-display);font-size:1.14rem;line-height:1;margin:0 0 9px}.process-card-copy p{font-size:.72rem;line-height:1.42;color:#c2ccd8;margin:auto 0 0;max-width:175px}
.process-arrow{position:absolute;right:15px;bottom:15px;width:36px;height:36px;border:1px solid rgba(29,226,215,.55);border-radius:50%;display:grid;place-items:center;z-index:4;color:#21dfd0;background:rgba(5,16,25,.7);font-size:1.1rem}.card-blue .process-arrow{border-color:#378cff;color:#378cff}.card-purple .process-arrow{border-color:#9c6dff;color:#b083ff}.card-orange .process-arrow{border-color:#d99128;color:#ffae38}.card-green .process-arrow{border-color:#20d9b6;color:#20e0bd}

.proof-system{padding:10px 0 8px}.proof-panel{border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(120deg,rgba(35,91,180,.12),rgba(13,33,48,.14) 52%,rgba(20,85,70,.07));padding:18px 28px;display:grid;grid-template-columns:.88fr 1.12fr;gap:35px;align-items:center;overflow:hidden;position:relative}.proof-panel:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-280px;top:-350px;background:radial-gradient(circle,rgba(49,126,255,.15),transparent 65%)}
.proof-copy{padding:20px 0}.proof-copy h2{font-size:clamp(2.5rem,4.2vw,4.05rem)}.proof-copy p{color:#b1bdcb;max-width:620px;font-size:.91rem;margin:20px 0 0}.proof-note{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;color:#6f8195;margin-top:18px}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}.proof-card{height:98px;border:1px solid rgba(255,255,255,.13);border-radius:12px;overflow:hidden;position:relative;background:#0a121a;transition:transform .3s ease,border-color .3s ease}.proof-card:hover{transform:translateY(-3px);border-color:rgba(74,191,255,.38)}.proof-card-media{position:absolute;inset:0}.proof-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09121b 0%,rgba(8,17,25,.97) 29%,rgba(8,17,25,.72) 49%,rgba(8,17,25,.08) 100%)}.proof-card-media img{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:center;opacity:.92;filter:saturate(1.12) contrast(1.06);transition:transform .45s ease,opacity .3s ease}.proof-card:hover .proof-card-media img{transform:scale(1.04);opacity:1}.proof-card-text{position:absolute;inset:0;padding:14px 15px;display:flex;flex-direction:column;z-index:2}.proof-card-text b{font-family:var(--f-display);font-size:1.05rem;color:#91a0b1}.proof-card-text span{font-size:.7rem;color:#c9d2dc;margin-top:2px;max-width:145px}.proof-card-text i{display:block;width:48px;height:4px;border-radius:5px;background:linear-gradient(90deg,#11e1c1,#5b8cff);margin-top:auto}.proof-card:nth-child(2) .proof-card-text i{background:linear-gradient(90deg,#8e72ff,#7ec5ff)}.proof-card:nth-child(3) .proof-card-text i{background:linear-gradient(90deg,#a263ff,#5b9dff)}.proof-card:nth-child(4) .proof-card-text i{background:linear-gradient(90deg,#16d5b7,#91e77e)}

.final-cta-section{padding:8px 0 55px}.final-cta{min-height:92px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:radial-gradient(circle at 73% 50%,rgba(37,109,255,.16),transparent 34%),linear-gradient(110deg,rgba(255,255,255,.045),rgba(255,255,255,.012));display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 30px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.final-cta h2{font-size:clamp(1.75rem,3vw,2.65rem);max-width:730px}.final-cta-right{display:flex;align-items:center;gap:25px}.final-cta-right .btn{white-space:nowrap}.cta-trust{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:18px;color:#8795a5;font-size:.68rem;line-height:1.3;white-space:nowrap}.cta-trust b{color:#c9d2dd;font-weight:600}.trust-orbs{display:flex;padding-left:5px}.trust-orbs i{display:block;width:32px;height:32px;border-radius:50%;margin-left:-7px;border:2px solid #0b1016;background:radial-gradient(circle at 35% 30%,#e7edf7 0 12%,#74859b 13% 25%,#202a36 26% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.08)}.trust-orbs i:nth-child(2){background:radial-gradient(circle at 65% 28%,#f3f7ff 0 12%,#6d8ba9 13% 26%,#1d2732 27% 100%)}.trust-orbs i:nth-child(3){background:radial-gradient(circle at 45% 32%,#edf8ff 0 12%,#7b6f9d 13% 27%,#242b38 28% 100%)}

.reveal-section{opacity:1;transform:none}.reveal-section.is-visible{opacity:1;transform:none}
@media(max-width:1050px){
  .system-engine-grid{grid-template-columns:1fr;gap:28px}.system-copy{padding-bottom:0}.system-visual{height:360px}.process-system-head{grid-template-columns:1fr}.process-reference-grid{grid-template-columns:repeat(3,1fr)}.proof-panel{grid-template-columns:1fr}.proof-copy{padding-bottom:5px}.final-cta{align-items:flex-start}.final-cta-right{flex-wrap:wrap}
}
@media(max-width:760px){
  .system-engine{padding-top:55px}.system-engine-grid{gap:20px}.system-copy h2{font-size:clamp(2.7rem,12vw,4rem)}.system-copy p{font-size:.93rem}.system-pills span{padding:10px 13px;font-size:.75rem}.system-visual{height:315px;border-radius:18px}.system-core{width:115px;height:115px}.system-core img{width:48px;height:48px}.system-node{min-width:104px;padding:8px 10px}.system-node strong{font-size:.58rem}.system-node small{font-size:.5rem}.node-a,.node-c{left:4%}.node-b,.node-d{right:4%}.node-a,.node-b{top:28px}.node-c,.node-d{bottom:20px}.system-note{display:none}.process-system{padding-top:38px}.process-system-head h2{font-size:clamp(2.35rem,10vw,3.5rem)}.process-system-head p{font-size:.82rem;margin-top:12px}.process-reference-grid{grid-template-columns:1fr;gap:10px}.process-reference-card{height:180px}.process-card-art{width:68%}.proof-card-media img{width:68%}.proof-panel{padding:22px 18px;gap:15px}.proof-copy h2{font-size:clamp(2.25rem,10vw,3.3rem)}.proof-grid{grid-template-columns:1fr}.proof-card{height:92px}.final-cta{padding:24px 20px;flex-direction:column}.final-cta-right{width:100%;align-items:flex-start;gap:18px}.cta-trust{border-left:0;padding-left:0}.final-cta-right .btn{width:100%}
}


/* MIINTOSH V20 page enhancements */
.page-hero.enhanced-hero{position:relative;overflow:hidden}
.page-hero.enhanced-hero:before{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(17,229,194,.18),transparent 66%);animation:orbFloat 8s ease-in-out infinite}
.page-hero.enhanced-hero:after{content:"";position:absolute;width:360px;height:360px;left:-180px;bottom:-250px;border:1px solid rgba(91,140,255,.18);border-radius:50%;animation:spinSlow 18s linear infinite}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(18px) scale(1.05)}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.page-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.hero-visual{min-height:330px;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;position:relative;background:#09121b;box-shadow:0 30px 80px rgba(0,0,0,.25);animation:visualFloat 6s ease-in-out infinite}
.hero-visual img{width:100%;height:100%;min-height:330px;object-fit:cover;opacity:.76;display:block}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,12,19,.15),rgba(4,12,19,.68))}
.hero-visual-label{position:absolute;z-index:2;left:22px;bottom:20px;font-family:var(--f-mono);font-size:.65rem;letter-spacing:.16em;color:#b7c5d4;text-transform:uppercase}
@keyframes visualFloat{50%{transform:translateY(-6px)}}
.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.story-copy p{max-width:690px;color:#aeb9c7}
.story-image{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#09121b}
.story-image img{width:100%;height:390px;object-fit:cover;display:block;transition:transform .7s ease}
.story-image:hover img{transform:scale(1.04)}
.number-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.number-item{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.025);transition:.3s ease}
.number-item:hover{transform:translateY(-4px);border-color:rgba(17,229,194,.35)}
.number-item b{font-family:var(--f-mono);font-size:.62rem;color:#11e5c2}
.number-item h3{margin:8px 0 5px;font-size:1.05rem}.number-item p{margin:0;font-size:.74rem;color:#8f9baa}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.industry-card{padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));position:relative;overflow:hidden}
.industry-card:before{content:"";position:absolute;width:100px;height:100px;right:-40px;top:-40px;border-radius:50%;border:1px solid rgba(17,229,194,.2)}
.industry-card span{font-family:var(--f-mono);font-size:.6rem;color:#6f8195}.industry-card h3{margin:12px 0 7px}.industry-card p{font-size:.76rem;color:#9daaba;line-height:1.6}
.blog-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;margin-bottom:28px}
.blog-feature-image{min-height:390px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.13);position:relative}
.blog-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.blog-feature-image:hover img{transform:scale(1.04)}
.blog-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,10,16,.82),transparent 65%)}
.blog-feature-copy{padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));display:flex;flex-direction:column;justify-content:center}
.blog-feature-copy h2{font-size:clamp(2rem,4vw,3.25rem);margin:12px 0}.blog-feature-copy p{color:#aab6c4}.read-link{font-family:var(--f-mono);font-size:.65rem;color:#11e5c2;text-transform:uppercase;letter-spacing:.12em}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.article-card{border:1px solid rgba(255,255,255,.12);border-radius:15px;overflow:hidden;background:#0a121a;transition:.35s ease}
.article-card:hover{transform:translateY(-7px);border-color:rgba(17,229,194,.32)}
.article-card-media{height:190px;overflow:hidden}.article-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-card:hover img{transform:scale(1.06)}
.article-card-body{padding:21px}.article-card-body .tag{margin-bottom:10px}.article-card-body h3{font-size:1.08rem;line-height:1.2}.article-card-body p{font-size:.75rem;color:#97a5b4;line-height:1.6}
.blog-note{margin-top:30px;padding:18px 20px;border-left:2px solid #11e5c2;background:rgba(17,229,194,.04);color:#9facba;font-size:.78rem}
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:start}
.contact-side-visual{border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden;position:relative;background:#09121b;min-height:300px}
.contact-side-visual img{width:100%;height:300px;object-fit:cover;opacity:.7}
.contact-side-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(4,10,16,.86))}
.contact-overlay{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.contact-overlay b{font-size:1.5rem}.contact-overlay p{margin:5px 0 0;color:#a5b1bf;font-size:.75rem}
.contact-points{display:grid;gap:12px;margin-top:18px}.contact-point{display:flex;gap:14px;align-items:flex-start;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.contact-point i{font-style:normal;color:#11e5c2;font-family:var(--f-mono);font-size:.65rem}.contact-point b{display:block;font-size:.82rem}.contact-point span{display:block;color:#8e9baa;font-size:.7rem;margin-top:3px}
.form-grid input,.form-grid select,.form-grid textarea{transition:border-color .25s,box-shadow .25s,transform .25s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:rgba(17,229,194,.65);box-shadow:0 0 0 3px rgba(17,229,194,.08);transform:translateY(-1px)}
@media(max-width:850px){.page-hero-inner,.story-grid,.blog-feature,.contact-layout{grid-template-columns:1fr}.hero-visual{min-height:260px}.hero-visual img{min-height:260px}.industry-grid,.article-grid{grid-template-columns:1fr}.number-list{grid-template-columns:1fr}.story-image img{height:290px}.blog-feature-image{min-height:270px}}

/* =========================================================
   MIINTOSH ABOUT PAGE — REFERENCE LAYOUT V2
   Uses the supplied 3:2 story, 3:1 CTA and wide hero imagery
   without stretching the source images.
   ========================================================= */
.about-reference-hero{position:relative;min-height:535px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:#041019}
.about-hero-media{position:absolute;inset:0 0 0 38%;background:url("img/about-hero-team.png") center center/cover no-repeat}
.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#041019 0%,rgba(4,16,25,.98) 26%,rgba(4,16,25,.76) 39%,rgba(4,16,25,.16) 63%,rgba(4,16,25,.03) 100%)}
.about-reference-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 45%,rgba(0,195,255,.10),transparent 28%),linear-gradient(180deg,rgba(2,8,13,.12),rgba(2,8,13,.10))}
.about-hero-grid{position:relative;z-index:2;min-height:535px;display:flex;align-items:center}
.about-hero-copy{max-width:570px;padding:34px 0 38px}
.about-reference-hero .breadcrumb{margin-bottom:28px;color:#506579}.about-reference-hero .breadcrumb span{color:#304355}
.about-reference-hero .eyebrow{margin-bottom:12px;color:#11e5c2}
.about-reference-hero h1{font-size:clamp(3.2rem,5vw,5.15rem);line-height:.93;letter-spacing:-.06em;margin:0 0 17px;max-width:620px}
.about-reference-hero h1 span{background:linear-gradient(90deg,#22a8ff,#13ddb1);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-reference-hero .hero-lead{max-width:520px;color:#c0cad5;font-size:.95rem;line-height:1.6}
.about-reference-hero .hero-actions{margin-top:20px}.about-reference-hero .hero-actions .btn{display:inline-flex;align-items:center;gap:10px}.about-reference-hero .hero-actions .btn span{font-size:1.1em;transition:transform .25s ease}.about-reference-hero .hero-actions .btn:hover span{transform:translateX(4px)}
.about-hero-pills{display:flex;gap:28px;margin-top:25px}.about-hero-pills>div{display:flex;align-items:center;gap:10px;color:#aebbc9;font-size:.68rem;line-height:1.25}.about-pill-icon{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(17,229,194,.42);border-radius:50%;color:#16e0bb;background:rgba(3,15,20,.62);font-size:1.15rem;box-shadow:0 0 25px rgba(17,229,194,.07)}

.about-story-section{padding:22px 0 28px;border-bottom:0}.about-story-grid{display:grid;grid-template-columns:1.04fr .93fr .48fr;gap:22px;align-items:center}.about-story-image{border:1px solid rgba(255,255,255,.12);border-radius:17px;overflow:hidden;background:#09121b;aspect-ratio:1.5;box-shadow:0 25px 70px rgba(0,0,0,.18)}.about-story-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.about-story-image:hover img{transform:scale(1.035)}
.about-story-copy{padding:8px 0}.about-story-copy .eyebrow{margin-bottom:8px}.about-story-copy h2{font-size:clamp(2.25rem,3.3vw,3.25rem);line-height:1;letter-spacing:-.05em;margin:0 0 15px}.about-story-copy p{font-size:.78rem;line-height:1.65;color:#9eabba;margin:0 0 12px;max-width:540px}.about-story-copy .btn{margin-top:5px;display:inline-flex;align-items:center;gap:10px}.about-story-copy .btn span{transition:transform .25s ease}.about-story-copy .btn:hover span{transform:translateX(4px)}
.about-stats-card{border:1px solid rgba(255,255,255,.14);border-radius:15px;padding:10px 16px;background:rgba(5,14,22,.48);backdrop-filter:blur(8px)}.about-stat{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.10)}.about-stat:last-child{border-bottom:0}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(45,170,255,.28);border-radius:50%;color:#47baff;background:rgba(20,91,150,.12);font-style:normal}.about-stat strong{display:block;font-family:var(--f-display);font-size:1.35rem;line-height:1;color:#f4f8fb}.about-stat small{display:block;color:#93a1b0;font-size:.61rem;margin-top:4px}

.about-values-section{padding:16px 0 16px;border-bottom:0}.about-section-head{margin-bottom:12px}.about-section-head .eyebrow{margin-bottom:6px}.about-section-head h2{font-size:clamp(2.1rem,3.2vw,3.1rem);margin-bottom:0}.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.about-value{min-height:145px;border-radius:14px;padding:18px 19px;border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.about-value:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(0,0,0,.22)}.about-value:after{content:"";position:absolute;inset:auto -35px -65px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%)}.value-green{background:linear-gradient(145deg,rgba(0,190,140,.13),rgba(0,72,66,.17));border-color:rgba(0,218,163,.48)}.value-blue{background:linear-gradient(145deg,rgba(33,121,255,.14),rgba(13,57,120,.18));border-color:rgba(49,144,255,.52)}.value-gold{background:linear-gradient(145deg,rgba(200,140,0,.13),rgba(91,67,0,.18));border-color:rgba(220,161,18,.43)}.value-purple{background:linear-gradient(145deg,rgba(124,70,255,.16),rgba(63,30,119,.20));border-color:rgba(147,88,255,.48)}.value-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.2rem;margin-bottom:14px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.14);color:#8ff5da}.value-blue .value-icon{color:#71c5ff}.value-gold .value-icon{color:#ffd04d}.value-purple .value-icon{color:#dfbaff}.about-value h3{font-size:1.05rem;margin:0 0 7px}.about-value p{font-size:.69rem;line-height:1.45;color:#c2ccd6;margin:0;max-width:230px}

.about-approach-section{padding:16px 0 20px;border-bottom:0}.about-process{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;align-items:center;gap:4px}.about-process-step{position:relative;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;min-height:95px}.process-icon{grid-row:1/3;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;border:1px solid #17d9bd;background:radial-gradient(circle,rgba(17,229,194,.18),rgba(3,20,25,.82) 70%);color:#8cf2df;font-size:1.35rem;box-shadow:0 0 0 8px rgba(17,229,194,.03),0 0 28px rgba(17,229,194,.08)}.about-process-step:nth-of-type(3) .process-icon{border-color:#2e8fff;color:#8bc7ff;background:radial-gradient(circle,rgba(47,125,255,.18),rgba(4,18,31,.84) 70%)}.about-process-step:nth-of-type(5) .process-icon{border-color:#367eff;color:#a5c6ff;background:radial-gradient(circle,rgba(47,107,255,.18),rgba(4,15,29,.84) 70%)}.process-num{font-family:var(--f-mono);font-size:.61rem;color:#159be9;margin-bottom:1px}.about-process-step h3{font-size:.9rem;margin:0 0 3px}.about-process-step p{font-size:.65rem;line-height:1.45;color:#909eac;margin:0;max-width:155px}.process-arrow{text-align:center;font-size:2rem;color:#1ee0bd;line-height:1}

.about-final-cta-section{padding:15px 0 0;border-bottom:0}.about-final-cta{position:relative;min-height:182px;border:1px solid rgba(255,255,255,.13);border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:25px 43px}.about-cta-bg{position:absolute;inset:0;background:url("img/about-cta-mountain.png") center/cover no-repeat}.about-cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,27,.96) 0%,rgba(4,17,27,.90) 35%,rgba(4,17,27,.32) 72%,rgba(4,17,27,.18) 100%)}.about-cta-copy{position:relative;z-index:2}.about-cta-copy .eyebrow{margin-bottom:6px}.about-cta-copy h2{font-size:clamp(2rem,3.3vw,3rem);line-height:.96;letter-spacing:-.05em;margin:0 0 8px}.about-cta-copy p{font-size:.7rem;color:#bac5d0;margin:0 0 12px}.about-cta-copy .btn{display:inline-flex;align-items:center;gap:10px}.about-cta-copy .btn span{transition:transform .25s ease}.about-cta-copy .btn:hover span{transform:translateX(4px)}.about-cta-slogan{position:relative;z-index:2;margin-right:2%;font-family:cursive;font-size:1.45rem;line-height:1.03;color:#fff;opacity:.9;transform:rotate(-4deg);text-align:center;text-shadow:0 4px 18px rgba(0,0,0,.4)}.about-cta-slogan span{display:block;width:55px;height:3px;background:#14e0b7;border-radius:5px;transform:rotate(-8deg);margin:7px auto 0}

/* Page-only motion */
.about-reference-hero .about-hero-copy>*{opacity:0;transform:translateY(24px);animation:aboutRise .75s cubic-bezier(.2,.7,.2,1) forwards}.about-reference-hero .breadcrumb{animation-delay:.05s}.about-reference-hero .eyebrow{animation-delay:.13s}.about-reference-hero h1{animation-delay:.2s}.about-reference-hero .hero-lead{animation-delay:.3s}.about-reference-hero .hero-actions{animation-delay:.4s}.about-reference-hero .about-hero-pills{animation-delay:.5s}.about-hero-media{animation:aboutHeroZoom 1.25s cubic-bezier(.2,.7,.2,1) both}.about-story-image,.about-story-copy,.about-stats-card,.about-value,.about-process-step,.about-final-cta{will-change:transform}.about-story-image,.about-story-copy,.about-stats-card,.about-value,.about-process-step,.about-final-cta{animation:aboutRise .7s cubic-bezier(.2,.7,.2,1) both}.about-value:nth-child(2){animation-delay:.06s}.about-value:nth-child(3){animation-delay:.12s}.about-value:nth-child(4){animation-delay:.18s}.about-process-step:nth-of-type(1){animation-delay:.04s}.about-process-step:nth-of-type(3){animation-delay:.1s}.about-process-step:nth-of-type(5){animation-delay:.16s}.about-process-step:nth-of-type(7){animation-delay:.22s}@keyframes aboutRise{to{opacity:1;transform:none}}@keyframes aboutHeroZoom{from{opacity:.7;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}

@media(max-width:1050px){.about-story-grid{grid-template-columns:1fr 1fr}.about-stats-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.about-stat{padding:10px 12px;border-bottom:0;border-right:1px solid rgba(255,255,255,.1)}.about-stat:last-child{border-right:0}.about-values-grid{grid-template-columns:1fr 1fr}.about-process{grid-template-columns:1fr 25px 1fr}.about-process-step:nth-of-type(7){grid-column:1/-1}.about-process-step:nth-of-type(5){grid-column:1/2}.about-final-cta{padding:25px 30px}}
@media(max-width:760px){.about-reference-hero{min-height:720px}.about-hero-media{inset:38% -10% 0 -10%;background-position:center bottom}.about-hero-overlay{background:linear-gradient(180deg,#041019 0%,rgba(4,16,25,.98) 34%,rgba(4,16,25,.35) 67%,rgba(4,16,25,.9) 100%)}.about-hero-grid{min-height:720px;align-items:flex-start}.about-hero-copy{padding-top:34px}.about-reference-hero h1{font-size:clamp(2.7rem,11.8vw,4.25rem)}.about-reference-hero .hero-lead{font-size:.9rem}.about-hero-pills{gap:13px;justify-content:space-between}.about-hero-pills>div{font-size:.58rem}.about-pill-icon{width:32px;height:32px}.about-story-section{padding-top:55px}.about-story-grid{grid-template-columns:1fr;gap:18px}.about-story-image{aspect-ratio:1.5}.about-story-copy h2{font-size:2.6rem}.about-stats-card{grid-template-columns:1fr 1fr}.about-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.about-stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}.about-stat:nth-child(3),.about-stat:nth-child(4){border-bottom:0}.about-values-section{padding-top:35px}.about-values-grid{grid-template-columns:1fr}.about-value{min-height:130px}.about-approach-section{padding-top:35px}.about-process{grid-template-columns:1fr;gap:12px}.about-process-step{grid-template-columns:62px 1fr;min-height:74px}.process-icon{width:58px;height:58px}.process-arrow{display:none}.about-final-cta{min-height:380px;padding:30px 24px;align-items:flex-end}.about-cta-bg{background-position:center right}.about-cta-overlay{background:linear-gradient(180deg,rgba(4,17,27,.15),rgba(4,17,27,.82) 58%,rgba(4,17,27,.98) 100%)}.about-cta-slogan{position:absolute;right:18px;top:25px;font-size:1.15rem}.about-cta-copy h2{font-size:2.35rem}.about-cta-copy p{max-width:300px}}

/* About page — How We Work spacing fix */
.about-process{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:0;align-items:center}
.about-process-step{min-width:0;grid-template-columns:68px minmax(0,1fr);column-gap:14px}
.about-process-step>div:last-child{min-width:0}
.about-process-step h3{white-space:normal;line-height:1.15}
.about-process-step p{max-width:145px;overflow-wrap:break-word}
.process-arrow{width:34px;justify-self:center}

@media(max-width:1050px){
  .about-process{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:0 8px}
  .about-process-step{min-width:0}
  .about-process-step:nth-of-type(5){grid-column:auto}
  .about-process-step:nth-of-type(7){grid-column:1/-1}
}

@media(max-width:760px){
  .about-process{grid-template-columns:1fr;gap:12px}
  .about-process-step{grid-template-columns:62px minmax(0,1fr);min-width:0}
  .about-process-step p{max-width:100%}
}

/* Final How We Work layout — compact horizontal process matching the reference */
.about-approach-section .about-process{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100%;
  gap:0 !important;
}
.about-approach-section .about-process-step{
  flex:1 1 0 !important;
  min-width:0 !important;
  width:auto !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:12px !important;
  align-items:center !important;
  min-height:78px !important;
  position:relative;
}
.about-approach-section .process-icon{
  grid-row:1 / 3 !important;
  width:56px !important;
  height:56px !important;
  flex:none;
}
.about-approach-section .process-num{
  font-size:.55rem !important;
  line-height:1.1 !important;
  margin:0 0 3px !important;
}
.about-approach-section .about-process-step h3{
  font-size:.72rem !important;
  line-height:1.15 !important;
  margin:0 0 3px !important;
  white-space:normal !important;
}
.about-approach-section .about-process-step p{
  font-size:.54rem !important;
  line-height:1.35 !important;
  max-width:150px !important;
  margin:0 !important;
  overflow:visible !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  white-space:normal !important;
}
.about-approach-section .process-arrow{
  display:block !important;
  flex:0 0 30px !important;
  width:30px !important;
  text-align:center !important;
  font-size:1.25rem !important;
  line-height:1 !important;
  color:#1ee0bd !important;
}

@media (max-width:1050px){
  .about-approach-section .about-process{
    flex-wrap:wrap !important;
    row-gap:18px !important;
  }
  .about-approach-section .about-process-step{
    flex:1 1 calc(50% - 30px) !important;
  }
  .about-approach-section .process-arrow{
    flex:0 0 22px !important;
    width:22px !important;
  }
}

@media (max-width:760px){
  .about-approach-section .about-process{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .about-approach-section .about-process-step{
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) !important;
    flex:none !important;
    min-height:70px !important;
  }
  .about-approach-section .process-arrow{display:none !important}
  .about-approach-section .about-process-step p{max-width:100% !important}
}

/* =========================================================
   MIINTOSH BLOG PAGE — REFERENCE LAYOUT
   Matches the supplied Blog screenshot and preserves source
   image proportions with responsive object-fit cropping.
   ========================================================= */
.blog-reference-page{background:#03070b}
.blog-hero-reference{position:relative;min-height:425px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);isolation:isolate}
.blog-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,10,15,.98) 0%,rgba(3,10,15,.94) 34%,rgba(3,10,15,.68) 51%,rgba(3,10,15,.10) 100%),url('img/blog-hero.png');background-size:cover;background-position:center right;z-index:-2;transform:scale(1.01);transition:transform 1.2s ease}
.blog-hero-reference:hover .blog-hero-bg{transform:scale(1.035)}
.blog-hero-reference:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 55%,rgba(17,229,194,.08),transparent 35%),linear-gradient(180deg,rgba(3,7,11,.05),rgba(3,7,11,.30));z-index:-1;pointer-events:none}
.blog-hero-content{position:relative;min-height:425px;display:flex;flex-direction:column;justify-content:center;padding-top:28px;padding-bottom:30px}
.blog-hero-content .breadcrumb{margin-bottom:24px}
.blog-hero-content .eyebrow{margin-bottom:16px}
.blog-hero-content h1{font-family:var(--f-display);font-size:clamp(3rem,5.4vw,4.7rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:650px}
.blog-hero-content h1 span{color:#11e5c2}
.blog-hero-lead{max-width:560px;color:#c1ccd7;font-size:1rem;line-height:1.65;margin:0}
.blog-proof-row{display:flex;gap:32px;margin-top:35px;align-items:center}
.blog-proof{display:flex;align-items:center;gap:10px;color:#d2d9e1;font-size:.75rem;line-height:1.25}
.blog-proof b{display:block;color:#fff;font-weight:500;margin-bottom:2px}
.blog-proof-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(17,229,194,.55);border-radius:50%;color:#11e5c2;background:rgba(3,12,17,.7);box-shadow:0 0 25px rgba(17,229,194,.10);font-size:1.1rem}
.blog-library-section{padding:14px 0 52px;border-bottom:0}
.blog-filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:28px}
.blog-filter{border:1px solid rgba(255,255,255,.12);background:rgba(4,10,15,.7);color:#aeb9c5;border-radius:999px;padding:10px 18px;font:500 .72rem var(--f-mono);cursor:pointer;transition:.25s ease;white-space:nowrap}
.blog-filter:hover{border-color:rgba(17,229,194,.4);color:#fff;transform:translateY(-2px)}
.blog-filter.active{color:#041016;background:linear-gradient(100deg,#20d9c2,#11e5c2);border-color:transparent;box-shadow:0 8px 25px rgba(17,229,194,.14)}
.blog-reference-grid{gap:20px}
.blog-reference-card{border-radius:15px;background:linear-gradient(145deg,#0a1219,#071017);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.blog-reference-card.is-hidden{display:none}
.blog-reference-card .article-card-media{height:190px;position:relative;background:#081119}
.blog-reference-card .article-card-media img{object-fit:cover;object-position:center;display:block}
.blog-reference-card .article-number{position:absolute;z-index:2;left:16px;top:14px;background:rgba(5,16,22,.88);border:1px solid rgba(17,229,194,.25);border-radius:8px;padding:7px 10px;color:#11e5c2;font:500 .65rem var(--f-mono);letter-spacing:.08em}
.blog-reference-card .article-card-body{padding:19px 16px 22px;min-height:218px;display:flex;flex-direction:column}
.blog-reference-card .article-card-body .tag{font:500 .62rem var(--f-mono);letter-spacing:.15em;text-transform:uppercase;color:#11e5c2;margin-bottom:13px}
.blog-reference-card .article-card-body h3{font-family:var(--f-display);font-size:1.25rem;line-height:1.12;letter-spacing:-.025em;margin:0 0 14px;max-width:340px}
.blog-reference-card .article-card-body p{font-size:.79rem;line-height:1.62;color:#a8b4c1;margin:0 0 18px;max-width:340px}
.blog-reference-card .read-link{margin-top:auto;text-transform:none;font-family:var(--f-display);font-size:.83rem;letter-spacing:0;color:#11e5c2;font-weight:600}
.blog-reference-card:hover{transform:translateY(-7px);border-color:rgba(17,229,194,.34);box-shadow:0 25px 65px rgba(0,0,0,.28)}
.blog-reference-card:hover .article-card-media img{transform:scale(1.045)}
.blog-cta-section{padding:0 0 58px;border-bottom:1px solid var(--line)}
.blog-reference-cta{min-height:180px;border:1px solid rgba(17,229,194,.18);border-radius:17px;overflow:hidden;position:relative;display:flex;align-items:center;padding:34px 38px;box-shadow:0 22px 60px rgba(0,0,0,.25);background:#071018}
.blog-reference-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:0;transition:transform .8s ease}
.blog-reference-cta:hover img{transform:scale(1.035)}
.blog-cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,19,.98) 0%,rgba(4,12,19,.93) 42%,rgba(4,12,19,.42) 72%,rgba(4,12,19,.18) 100%);z-index:1}
.blog-cta-copy{position:relative;z-index:2;max-width:610px}
.blog-cta-copy .eyebrow{margin-bottom:11px}
.blog-cta-copy h2{font-family:var(--f-display);font-size:clamp(2rem,3.4vw,3rem);line-height:1;letter-spacing:-.045em;margin:0 0 12px}
.blog-cta-copy p{color:#b8c4d0;max-width:600px;margin:0;font-size:.9rem;line-height:1.55}
.blog-cta-button{position:relative;z-index:2;margin-left:auto;white-space:nowrap}

@media(max-width:900px){
 .blog-proof-row{gap:18px;flex-wrap:wrap}.blog-hero-reference,.blog-hero-content{min-height:500px}.blog-hero-bg{background-position:62% center}.blog-cta-button{margin-left:25px}
}
@media(max-width:650px){
 .blog-hero-reference,.blog-hero-content{min-height:590px}.blog-hero-bg{background-position:67% center;background-image:linear-gradient(90deg,rgba(3,10,15,.97) 0%,rgba(3,10,15,.91) 58%,rgba(3,10,15,.48) 100%),url('img/blog-hero.png')}.blog-hero-content{padding-top:35px}.blog-hero-content h1{font-size:clamp(2.75rem,13vw,4rem)}.blog-hero-lead{font-size:.9rem}.blog-proof-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.blog-proof-icon{width:36px;height:36px}.blog-filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.blog-filter-bar::-webkit-scrollbar{display:none}.blog-filter{padding:9px 14px}.blog-reference-card .article-card-media{height:185px}.blog-reference-card .article-card-body{min-height:0}.blog-reference-cta{min-height:310px;padding:28px 24px;align-items:flex-start;flex-direction:column;justify-content:flex-start}.blog-cta-button{margin:25px 0 0}.blog-cta-overlay{background:linear-gradient(180deg,rgba(4,12,19,.97) 0%,rgba(4,12,19,.88) 56%,rgba(4,12,19,.45) 100%)}
}

/* =========================================================
   MIINTOSH CONTACT PAGE — REFERENCE LAYOUT
   ========================================================= */
.contact-reference-hero{position:relative;min-height:380px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);background:#041019}
.contact-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,9,14,.98) 0%,rgba(3,9,14,.94) 31%,rgba(3,9,14,.62) 48%,rgba(3,9,14,.12) 73%,rgba(3,9,14,.08) 100%),url('img/contact-hero.png');background-size:cover;background-position:center right;transform:scale(1.01);animation:contactHeroDrift 12s ease-in-out infinite alternate}
.contact-hero-inner{position:relative;z-index:2;min-height:380px;display:flex;align-items:center}
.contact-hero-copy{width:52%;padding:36px 0 28px}
.contact-hero-copy .breadcrumb{margin-bottom:24px;color:#8291a1;font-size:.7rem}.contact-hero-copy .breadcrumb span{margin:0 8px;color:#516173}
.contact-hero-copy .eyebrow{margin-bottom:12px}.contact-hero-copy h1{font-family:var(--f-display);font-size:clamp(2.8rem,5vw,4.55rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 16px}.contact-hero-copy h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-hero-copy>p{max-width:570px;color:#c1cad4;font-size:.98rem;line-height:1.6;margin:0}
.contact-hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px;max-width:610px}.contact-hero-features>div{display:flex;align-items:center;gap:9px;color:#e2e7ed;font-size:.68rem;line-height:1.35}.contact-hero-features i{font-style:normal;width:40px;height:40px;border:1px solid #11e5c2;border-radius:50%;display:grid;place-items:center;color:#11e5c2;font-size:1.05rem;box-shadow:0 0 22px rgba(17,229,194,.12)}
@keyframes contactHeroDrift{to{transform:scale(1.025) translateX(-5px)}}
.contact-form-section{padding:18px 0 18px;border-bottom:0}.contact-form-layout{display:grid;grid-template-columns:2.05fr .9fr;gap:15px;align-items:stretch}.project-brief-card,.contact-direct-card{border:1px solid rgba(0,146,255,.34);border-radius:16px;background:linear-gradient(145deg,rgba(5,25,38,.88),rgba(4,11,18,.96));box-shadow:0 20px 60px rgba(0,0,0,.18)}.project-brief-card{padding:23px 20px}.project-brief-card .eyebrow{margin-bottom:8px}.project-brief-card h2{font-family:var(--f-display);font-size:clamp(1.7rem,2.6vw,2.35rem);letter-spacing:-.035em;line-height:1.05;margin:0 0 20px}.project-brief-card label{display:block;font-size:.72rem;font-weight:600;margin-bottom:6px;color:#edf1f6}.project-brief-card .form-grid{gap:15px}.project-brief-card input,.project-brief-card select,.project-brief-card textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(3,10,17,.7);color:#dce4ed;border-radius:9px;padding:12px 13px;font:inherit;font-size:.72rem;outline:none}.project-brief-card input,.project-brief-card select{height:42px}.project-brief-card textarea{min-height:92px;resize:vertical}.project-brief-card input::placeholder,.project-brief-card textarea::placeholder{color:#6d7a89}.project-brief-card select option{background:#0b1219;color:#fff}.project-brief-card input:focus,.project-brief-card select:focus,.project-brief-card textarea:focus{border-color:rgba(17,229,194,.7);box-shadow:0 0 0 3px rgba(17,229,194,.08);transform:translateY(-1px)}.contact-submit{min-width:188px}.form-note{font-size:.65rem;color:#7f8c9a;margin:10px 0 0}.form-note span{margin-right:6px}.form-note.success{color:#7ee787}.form-note.error{color:#ff8a8a}
.contact-direct-card{padding:23px 20px;position:relative;overflow:hidden}.direct-item{display:flex;gap:14px;align-items:center;margin-bottom:16px}.direct-item i{font-style:normal;flex:0 0 38px;width:38px;height:38px;border:1px solid #11e5c2;border-radius:50%;display:grid;place-items:center;color:#11e5c2;font-size:1rem;box-shadow:0 0 18px rgba(17,229,194,.1)}.direct-item b{display:block;font-size:.76rem;color:#f3f5f8}.direct-item span{display:block;color:#8492a1;font-size:.64rem;line-height:1.4;margin-top:2px}.direct-intro{margin-bottom:20px}.direct-intro b{font-size:.88rem}.direct-divider{height:1px;background:rgba(255,255,255,.12);margin:17px 0}.direct-scribble{margin:8px 8px 0 auto;width:130px;color:#10e5c2;font-family:cursive;font-style:italic;font-size:1.65rem;line-height:.95;transform:rotate(-8deg);text-align:center;text-shadow:0 0 18px rgba(16,229,194,.12)}.direct-scribble span{display:block;font-family:var(--f-body);font-size:1.5rem;text-align:right;margin-right:8px}
.contact-process-section{padding:0 0 30px;border-bottom:0}.contact-process{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(0,146,255,.34);border-radius:16px;background:linear-gradient(145deg,rgba(5,25,38,.72),rgba(4,11,18,.9));overflow:hidden}.contact-process-step{position:relative;display:flex;gap:14px;align-items:flex-start;padding:22px 25px;min-height:145px;border-right:1px solid rgba(255,255,255,.08)}.contact-process-step:last-child{border-right:0}.contact-process-step>div{padding-top:4px}.process-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:0 0 54px;font-style:normal;font-size:1.35rem;border:1px solid currentColor;background:rgba(255,255,255,.025);box-shadow:0 0 28px rgba(47,107,255,.08)}.process-icon.blue{color:#4e8dff}.process-icon.green{color:#25dc94}.process-icon.purple{color:#b060ff}.process-icon.cyan{color:#31d9f5}.contact-process-step b{display:block;font-family:var(--f-display);font-size:.9rem;margin-bottom:5px}.contact-process-step p{margin:0;color:#a1adba;font-size:.67rem;line-height:1.45}.process-arrow{position:absolute;right:-7px;top:50%;transform:translateY(-50%);z-index:2;font-size:2rem;color:#b5bfca}
.contact-reference-hero,.project-brief-card,.contact-direct-card,.contact-process-step{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.contact-reference-hero.in-view,.project-brief-card.in-view,.contact-direct-card.in-view,.contact-process-step.in-view{opacity:1;transform:none}.contact-process-step:nth-child(2){transition-delay:.08s}.contact-process-step:nth-child(3){transition-delay:.16s}.contact-process-step:nth-child(4){transition-delay:.24s}
@media(max-width:900px){.contact-hero-copy{width:66%}.contact-form-layout{grid-template-columns:1fr}.contact-process{grid-template-columns:1fr 1fr}.contact-process-step{border-bottom:1px solid rgba(255,255,255,.08)}.contact-process-step:nth-child(2){border-right:0}.contact-process-step:nth-child(3),.contact-process-step:nth-child(4){border-bottom:0}.process-arrow{display:none}}
@media(max-width:700px){.contact-reference-hero{min-height:620px}.contact-hero-bg{background-position:68% center}.contact-hero-inner{min-height:620px;align-items:flex-end}.contact-hero-copy{width:100%;padding:30px 0 38px;background:linear-gradient(180deg,transparent,rgba(3,9,14,.88) 20%)}.contact-hero-copy h1{font-size:clamp(2.5rem,11vw,3.5rem)}.contact-hero-features{grid-template-columns:1fr 1fr;gap:15px}.contact-form-layout{gap:14px}.project-brief-card{padding:20px 16px}.project-brief-card .form-grid{grid-template-columns:1fr}.project-brief-card .form-grid .full{grid-column:auto}.contact-process{grid-template-columns:1fr}.contact-process-step{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.contact-process-step:last-child{border-bottom:0!important}}

/* V26 newsletter refinement — matches the MIINTOSH footer reference */
.newsletter-box{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:64px;
  margin-top:18px;
  padding:4px;
  border:1px solid rgba(86,112,143,.55);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(11,19,30,.92),rgba(7,13,21,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 30px rgba(0,0,0,.18);
  overflow:hidden;
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.newsletter-box:focus-within{
  border-color:rgba(98,217,172,.55);
  box-shadow:0 0 0 3px rgba(98,217,172,.06),0 0 28px rgba(28,200,138,.12),inset 0 1px 0 rgba(255,255,255,.035);
  transform:translateY(-1px);
}
.newsletter-box input{
  flex:1;
  min-width:0;
  height:54px;
  margin:0;
  padding:0 18px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#eef5ff;
  font-size:.88rem;
  border-radius:14px;
}
.newsletter-box input::placeholder{color:#8c98a8;opacity:1}
.newsletter-box button{
  flex:0 0 54px;
  width:54px;
  height:54px;
  margin:0;
  border:1px solid rgba(98,217,172,.35);
  border-radius:15px;
  background:linear-gradient(135deg,#2f8cff 0%,#19d6a0 100%);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:1.85rem;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 0 24px rgba(28,200,138,.32),inset 0 1px 0 rgba(255,255,255,.2);
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.newsletter-box button:hover{
  transform:translateX(2px) scale(1.03);
  filter:brightness(1.08);
  box-shadow:0 0 32px rgba(28,200,138,.48),0 0 10px rgba(47,107,255,.22),inset 0 1px 0 rgba(255,255,255,.24);
}
.newsletter-box button:active{transform:translateX(1px) scale(.98)}
@media(max-width:760px){
  .newsletter-box{min-height:60px;border-radius:16px}
  .newsletter-box input{height:50px;padding:0 15px;font-size:.84rem}
  .newsletter-box button{width:50px;height:50px;flex-basis:50px;border-radius:13px;font-size:1.65rem}
}

/* Clickable breadcrumb Home link */
.breadcrumb a { color: inherit; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }