/* IntelliMinds Digital — Static site styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{
--ink:#0a1628;
--ink-2:#1a2438;
--body:#3a4256;
--muted:#6b7280;
--bg:#fbfcfd;
--surface:#ffffff;
--surface-2:#f5f8f9;
--border:#e6ebef;
--border-strong:#d4dde2;
--teal:#0d8a8a;
--teal-2:#0a6f6f;
--teal-glow:rgba(13,138,138,.18);
--navy:#0a1628;
--navy-2:#1e3a5f;
--grad-hero:linear-gradient(135deg,#0a1628 0%,#1e3a5f 55%,#0d8a8a 100%);
--grad-text:linear-gradient(120deg,#0a1628 0%,#0d8a8a 100%);
--shadow-sm:0 1px 2px rgba(10,22,40,.04);
--shadow-md:0 4px 12px -4px rgba(10,22,40,.08);
--shadow-lg:0 24px 48px -24px rgba(10,22,40,.18);
--shadow-glow:0 0 40px rgba(13,138,138,.25);
--radius:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.65;color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--teal-2);text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,h4{font-family:'Space Grotesk',"Segoe UI",sans-serif;line-height:1.1;color:var(--ink);margin:0 0 .6em;font-weight:700;letter-spacing:-.02em}
h1{font-size:clamp(2.25rem,5vw,3.75rem);letter-spacing:-.03em;line-height:1.05}
h2{font-size:clamp(1.75rem,3.4vw,2.5rem);margin-top:0;letter-spacing:-.025em}
h3{font-size:1.2rem;letter-spacing:-.015em}
::selection{background:var(--teal-glow);color:var(--ink)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.4em}
li{margin-bottom:.4em}
blockquote{border-left:3px solid var(--teal);margin:1.5em 0;padding:.8em 1.4em;color:var(--body);font-style:italic;background:linear-gradient(90deg,rgba(13,138,138,.06),transparent);border-radius:0 8px 8px 0}
/* Layout */
.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}
.section{padding:4.7rem 0;position:relative}
.section--alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}
.section--alt::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal-glow),transparent)}
.section--dark{background:var(--navy);color:#dde2eb}
.section--dark h1,.section--dark h2,.section--dark h3{color:#fff}
/* Header */
.site-header{background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:.85rem;padding-bottom:.85rem;gap:1rem;flex-wrap:wrap}
.brand{display:flex;align-items:center}
.brand img{height:42px;width:auto;display:block}
.brand:hover{opacity:.85;text-decoration:none}
.nav{display:flex;gap:1.8rem;flex-wrap:wrap}
.nav a{position:relative;color:var(--body);font-size:.92rem;font-weight:500;padding:.35rem 0;text-decoration:none;transition:color .18s ease}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}
.nav a:hover{color:var(--teal);text-decoration:none}
.nav a:hover::after{transform:scaleX(.6)}
.nav a[aria-current="page"]{color:var(--teal);font-weight:600}
.nav a[aria-current="page"]::after{transform:scaleX(1)}
/* Hero */
.hero{position:relative;padding:6rem 0 5rem;background:linear-gradient(180deg,#ffffff 0%,#f3f8f8 100%);border-bottom:1px solid var(--border);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("/assets/hero-home-ai-command.jpg");background-size:cover;background-position:center right;background-repeat:no-repeat;transform:scaleX(-1);opacity:.22;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.7) 45%,rgba(243,248,248,.3) 100%),
linear-gradient(to right,rgba(230,235,239,.5) 1px,transparent 1px),
linear-gradient(to bottom,rgba(230,235,239,.5) 1px,transparent 1px);
background-size:auto,56px 56px,56px 56px;
-webkit-mask-image:radial-gradient(ellipse 80% 70% at 40% 40%,#000 30%,transparent 100%);
mask-image:radial-gradient(ellipse 80% 70% at 40% 40%,#000 30%,transparent 100%);
pointer-events:none}
.hero > *{position:relative;z-index:1}
.hero.hero-home::before{background-image:url("/assets/hero-home-ai-command.jpg")}
.hero.hero-services::before{background-image:url("/assets/hero-services-ai-lifecycle.jpg")}
.hero.hero-industries::before{background-image:url("/assets/hero-industries-ai-workflows.jpg")}
.hero.hero-use-cases::before{background-image:url("/assets/hero-use-cases-ai-workflows.jpg")}
.hero.hero-about::before{background-image:url("/assets/hero-about-senior-team.jpg")}
.hero.hero-automation::before{background-image:url("/assets/hero-automation.jpg")}
.hero.hero-chatbots::before{background-image:url("/assets/hero-chatbots.jpg")}
.hero.hero-consulting::before{background-image:url("/assets/hero-consulting.jpg")}
.hero.hero-insights::before{background-image:url("/assets/hero-insights-field-notes.jpg")}
.hero.hero-contact::before{background-image:url("/assets/hero-contact.jpg")}
.hero h1{animation:fadeUp .7s ease-out both}
.hero p.lede{font-size:1.22rem;color:var(--body);max-width:720px;line-height:1.55;animation:fadeUp .7s ease-out .1s both}
.hero .btn-row{animation:fadeUp .7s ease-out .2s both}
.hero .trust-strip{animation:fadeUp .7s ease-out .3s both}
.hero-cta-sub{font-size:.98rem;color:var(--muted);margin:.85rem 0 0;max-width:640px;line-height:1.55;animation:fadeUp .7s ease-out .25s both}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem;padding:.35rem .8rem;background:rgba(13,138,138,.08);border:1px solid rgba(13,138,138,.18);border-radius:999px}
/* General lede outside hero */
.section .lede{font-size:1.1rem;color:var(--body);max-width:760px;line-height:1.65}
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:10px;font-weight:600;font-size:.98rem;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;letter-spacing:-.005em}
.btn-primary{background:var(--grad-hero);color:#fff;box-shadow:0 6px 18px -6px rgba(13,138,138,.45),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-primary:hover{background:linear-gradient(135deg,#0a1628 0%,#1e3a5f 40%,#0a6f6f 100%);transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(13,138,138,.5);text-decoration:none;color:#fff}
.btn-secondary{background:#fff;color:var(--ink);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}
.btn-secondary:hover{background:var(--ink);color:#fff;border-color:var(--ink);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
/* Cards / grids */
.grid{display:grid;gap:1.5rem;margin-top:2.25rem}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--teal),transparent);opacity:0;transition:opacity .3s ease}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}
.card:hover::before{opacity:1}
.card h3{margin-top:0;color:var(--ink)}
.card h3 a{color:var(--ink);background-image:linear-gradient(var(--teal),var(--teal));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s ease,color .2s ease}
.card h3 a:hover{color:var(--teal);background-size:100% 1px;text-decoration:none}
.card .meta{font-size:.78rem;color:var(--muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
/* Use-case list */
.usecase{position:relative;padding:1.75rem 1.75rem 1.75rem 2.25rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:1.25rem;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.usecase::before{content:"";position:absolute;left:0;top:1.5rem;bottom:1.5rem;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--teal),var(--navy-2))}
.usecase:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}
.usecase h3{margin-top:0;font-size:1.25rem}
.usecase p{margin-bottom:.65rem;font-size:.96rem}
.usecase p:last-child{margin-bottom:0}
.usecase strong{color:var(--ink);font-weight:600}
.usecase p:last-child strong{color:var(--teal)}
.usecase:last-child{border-bottom:0}
/* Footer */
.site-footer{background:linear-gradient(180deg,#0a1628 0%,#050d1a 100%);color:#a6b0c2;padding:3.5rem 0 1.8rem;font-size:.9rem;position:relative}
.site-footer::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(13,138,138,.5),transparent)}
.site-footer a{color:#c7d0dd;transition:color .15s ease}
.site-footer a:hover{color:var(--teal);text-decoration:none}
.site-footer h4{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.85rem;font-weight:600}
.footer-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}
.footer-grid ul{list-style:none;padding:0;margin:0}
.footer-grid li{margin-bottom:.4em}
.footer-bottom{border-top:1px solid #1f2a3d;padding-top:1.4rem;margin-top:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#7f8a9c}
.address{font-size:.78rem;line-height:1.5;color:#a6b0c2}
/* Misc */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:100;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
.muted{color:var(--muted);font-size:.92rem}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:2.5rem 0;border:0}
@media (max-width:640px){
.section{padding:2.8rem 0}
.hero{padding:3rem 0 2.5rem}
.footer-bottom{flex-direction:column}
}
/* Team */
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-left:auto;margin-right:auto}
.team-card{text-align:center;padding:2rem 1.5rem}
.team-card .role{color:var(--teal);font-weight:600;font-size:.82rem;margin:-.4rem 0 1rem;text-transform:uppercase;letter-spacing:.08em}
.team-card h3{margin-bottom:.2rem}
.avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.02em;color:#fff;box-shadow:0 10px 24px -8px rgba(10,22,40,.3),inset 0 1px 0 rgba(255,255,255,.18);position:relative}
.avatar::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px dashed rgba(13,138,138,.3)}
.avatar-primary{background:linear-gradient(135deg,#0a1628,#1e3a5f)}
.avatar-accent{background:linear-gradient(135deg,#0d8a8a,#0fb5a8)}
.avatar-muted{background:linear-gradient(135deg,#475569,#64748b)}
.avatar-platform{background:linear-gradient(135deg,#1f2a3d,#0d8a8a)}
.avatar-photo{padding:0;overflow:hidden;background:#0a1628}
.avatar-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.team-grid{grid-template-columns:1fr}}
/* Meet the Founder */
.founder-section{
background:linear-gradient(180deg,#ffffff 0%,#f6fafa 100%);
border-top:1px solid var(--border);
border-bottom:1px solid var(--border);
position:relative;
}
.founder-section::before{
content:"";
position:absolute;
inset-inline:0;
top:0;
height:1px;
background:linear-gradient(90deg,transparent,var(--teal-glow),transparent);
}
.founder-section .lede{
max-width:760px;
}
.founder-split{
display:grid;
grid-template-columns:1fr;
gap:2.5rem;
align-items:center;
}
@media (min-width:760px){
.founder-split{
grid-template-columns:.38fr .62fr;
gap:3.5rem;
}
}
.founder-photo{
position:relative;
}
.founder-photo-frame{
position:relative;
border-radius:20px;
overflow:hidden;
background:var(--ink);
box-shadow:0 24px 48px -24px rgba(10,22,40,.25);
aspect-ratio:4/5;
max-width:360px;
margin:0 auto;
}
.founder-photo-frame::before{
content:"";
position:absolute;
inset:0;
border-radius:20px;
padding:1px;
background:linear-gradient(135deg,rgba(13,138,138,.45),transparent 50%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
pointer-events:none;
}
.founder-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.founder-bio{
max-width:640px;
}
.founder-name{
font-family:'Space Grotesk',sans-serif;
font-size:clamp(1.8rem,3vw,2.4rem);
margin-bottom:.2rem;
color:var(--ink);
}
.founder-role{
color:var(--teal);
font-weight:600;
font-size:.9rem;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:1.2rem;
}
.founder-bio p{
font-size:1.05rem;
color:var(--body);
line-height:1.65;
margin-bottom:1rem;
}
.founder-highlights{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:.85rem;
margin-top:1.6rem;
}
.founder-highlight{
display:flex;
align-items:flex-start;
gap:.75rem;
padding:1rem 1.1rem;
background:#fff;
border:1px solid var(--border);
border-radius:12px;
box-shadow:var(--shadow-sm);
font-size:.92rem;
color:var(--ink);
font-weight:500;
}
.founder-highlight svg{
flex-shrink:0;
color:var(--teal);
}
.founder-linkedin{
display:inline-flex;
align-items:center;
gap:.45rem;
margin-top:1.4rem;
font-size:.95rem;
font-weight:500;
}
.founder-linkedin a{
color:var(--teal);
}
.founder-linkedin a:hover{
color:var(--teal-2);
}
@media (max-width:760px){
.founder-split{
gap:2rem;
}
.founder-photo-frame{
max-width:280px;
}
}
/* Develop · Deploy · Support */
.ddp{background:linear-gradient(180deg,#f8fbfb 0%,#fff 100%);position:relative}
.ddp--gradient{background:radial-gradient(1200px 500px at 50% -10%,rgba(13,138,138,.10),transparent 60%),linear-gradient(180deg,#eff7f8 0%,#f7fbfb 60%,#ffffff 100%)}
.ddp--gradient::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 12% 110%,rgba(0,120,212,.08),transparent 60%),radial-gradient(500px 200px at 90% 100%,rgba(13,138,138,.10),transparent 60%);pointer-events:none}
.ddp--gradient > .container{position:relative;z-index:1}
.ddp-grid--connected::before{content:"";position:absolute;display:none;top:96px;left:16%;right:16%;height:2px;background:repeating-linear-gradient(90deg,rgba(13,138,138,.45) 0 8px,transparent 8px 16px);z-index:0}
@media (min-width:760px){.ddp-grid--connected::before{display:block}}
.ddp-card--premium{background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%);box-shadow:0 1px 2px rgba(15,40,60,.04),0 10px 30px -18px rgba(13,138,138,.25);z-index:1}
.ddp-card--premium:hover{transform:translateY(-6px);box-shadow:0 1px 2px rgba(15,40,60,.06),0 24px 50px -22px rgba(13,138,138,.45)}
.ddp-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;margin-bottom:1rem;color:#0d8a8a;background:linear-gradient(135deg,rgba(13,138,138,.12),rgba(0,120,212,.10));border:1px solid rgba(13,138,138,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 18px -10px rgba(13,138,138,.45)}
.ddp-card--premium .ddp-step{position:absolute;top:1.25rem;right:1.25rem;width:2.25rem;height:2.25rem;font-size:.8rem}
.ddp::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal-glow),transparent)}
.ddp-grid{margin-top:2.5rem;position:relative}
.ddp-grid::before{content:"";position:absolute;display:none;top:60px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(13,138,138,.35),transparent)}
@media (min-width:760px){.ddp-grid::before{display:block}}
.ddp-card{position:relative;padding:2.25rem 1.85rem;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.ddp-card::after{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(135deg,rgba(13,138,138,.4),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}
.ddp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent}
.ddp-card:hover::after{opacity:1}
.ddp-card h3{margin:.6rem 0 .85rem;font-size:1.45rem;color:var(--ink)}
.ddp-card p{color:var(--body);font-size:.97rem;line-height:1.6}
.ddp-card ul{margin:1rem 0 0;padding-left:1.1rem;color:var(--body)}
.ddp-card ul li{margin:.35rem 0;font-size:.95rem}
.ddp-step{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:10px;background:var(--grad-hero);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.04em;box-shadow:0 8px 20px -8px rgba(13,138,138,.5),inset 0 1px 0 rgba(255,255,255,.18)}
/* Hero trust strip */
.trust-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.8rem}
.trust-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border:1px solid var(--border-strong);color:var(--body);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease}
.trust-pill:hover{transform:translateY(-1px);border-color:var(--teal)}
.trust-pill::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(13,138,138,.18);flex-shrink:0}
/* Managed AI Hosting */
.hosting-intro{max-width:820px;margin:0 auto 2rem;text-align:center}
.hosting-intro .eyebrow{margin-inline:auto}
.arch-diagram{max-width:620px;margin:2.5rem auto;padding:2rem;border:1px solid var(--border);border-radius:20px;background:
radial-gradient(circle at 20% 0%,rgba(13,138,138,.05),transparent 50%),
radial-gradient(circle at 80% 100%,rgba(30,58,95,.05),transparent 50%),
#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.arch-diagram::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(13,138,138,.12) 1px,transparent 1px);background-size:18px 18px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);pointer-events:none}
.arch-diagram > *{position:relative}
.arch-label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:1.2rem;font-weight:600}
.arch-node{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.15rem;border:1px solid var(--border);border-radius:12px;background:#fff;font-weight:500;color:var(--ink);font-size:.95rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease}
.arch-node:hover{transform:translateX(4px);border-color:var(--teal)}
.arch-node::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(13,138,138,.15);flex-shrink:0}
.arch-arrow{width:2px;height:20px;background:linear-gradient(180deg,var(--teal),rgba(13,138,138,.2));margin:.3rem auto;border-radius:2px;position:relative}
.arch-arrow::after{content:"";position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--teal);opacity:.5}
.hosting-grid{margin-top:2.5rem}
.hosting-card{padding:1.6rem}
.hosting-card h3{margin:.4rem 0 .55rem;font-size:1.05rem;color:var(--ink);display:flex;align-items:center;gap:.55rem}
.hosting-card h3::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--grad-hero);flex-shrink:0;transform:rotate(45deg)}
.hosting-card p{font-size:.93rem;color:var(--body);margin:0}
/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
}
/* ===== Hero visual enhancements ===== */
.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
@media (min-width:960px){.hero-grid{grid-template-columns:1.15fr 1fr;gap:3.5rem}}
.hero-copy{min-width:0}
.eyebrow-icon{display:inline-flex;align-items:center;gap:.5rem;color:var(--teal);background:rgba(13,138,138,.10);border:1px solid rgba(13,138,138,.25);padding:.35rem .75rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.hero-h1{display:flex;align-items:flex-start;gap:.85rem}
.hero-h1-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--grad-hero);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);margin-top:.35rem}
@media (max-width:640px){.hero-h1-icon{width:40px;height:40px}.hero-h1-icon svg{width:22px;height:22px}}
.trust-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.8rem}
.trust-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.78rem;font-weight:500;color:var(--ink-2);box-shadow:var(--shadow-sm);transition:all .18s ease}
.trust-badge:hover{border-color:rgba(13,138,138,.45);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.trust-badge svg{color:var(--teal);flex-shrink:0}
/* Hero visual */
.hero-visual{position:relative;aspect-ratio:1/1;max-width:480px;margin:0 auto;width:100%}
.hero-visual-glow{position:absolute;inset:1.5rem;background:radial-gradient(circle,rgba(13,138,138,.25),transparent 65%);filter:blur(36px);z-index:0}
.hero-illustration{position:relative;width:100%;height:100%;z-index:1}
.hero-core-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:20px;background:var(--grad-hero);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(13,138,138,.4),0 0 0 6px rgba(255,255,255,.6);z-index:3}
.hero-sat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.3rem;z-index:2;transform:translate(-50%,-50%)}
.hero-sat-icon{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--border);color:var(--teal);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}
.hero-sat span{font-size:.68rem;font-weight:600;color:var(--ink);letter-spacing:.02em}
.hero-sat--tl{top:30%;left:20%}
.hero-sat--tr{top:25%;left:82.5%}
.hero-sat--br{top:70%;left:85%}
.hero-sat--bl{top:77.5%;left:22.5%}
/* Floating dashboard cards */
.float-card{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:14px;padding:.75rem .85rem;box-shadow:0 18px 40px -16px rgba(10,22,40,.22);z-index:4;width:185px;animation:floatUp .6s ease-out both}
.float-card--top{top:4%;left:-12px;animation-delay:.25s}
.float-card--bottom{bottom:6%;right:-8px;width:200px;animation-delay:.45s}
@media (max-width:480px){.float-card--top{left:0}.float-card--bottom{right:0}}
.float-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.float-card-label{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.float-card-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.62rem;font-weight:600;color:#059669}
.live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:pulseDot 1.8s infinite}
.float-card-body{display:flex;align-items:center;gap:.55rem}
.float-card-icon{width:32px;height:32px;border-radius:9px;background:rgba(16,185,129,.14);color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.float-card-title{margin:0;font-size:.78rem;font-weight:600;color:var(--ink);line-height:1.2}
.float-card-sub{margin:.1rem 0 0;font-size:.66rem;color:var(--muted)}
.float-card-metric{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:700;color:var(--ink);line-height:1;margin-bottom:.45rem}
.float-card-metric em{font-style:normal;font-size:.68rem;color:#059669;font-weight:600;margin-left:.2rem}
.float-card-spark{width:100%;height:24px;display:block}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
@keyframes floatUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:760px){.hero-visual{max-width:380px}.hero-sat span{display:none}.hero-sat-icon{width:38px;height:38px}}
/* Built an AI app? — 2-column hosting split */
.hosting-split{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}
@media (min-width:960px){.hosting-split{grid-template-columns:1.05fr .95fr;gap:3.25rem}}
.hosting-intro--col{max-width:none}
.op-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}
.op-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--ink);font-size:.78rem;font-weight:600;box-shadow:0 1px 2px rgba(15,40,60,.04);transition:transform .2s ease,border-color .2s ease,color .2s ease}
.op-badge svg{color:var(--teal)}
.op-badge:hover{transform:translateY(-2px);border-color:rgba(13,138,138,.45);color:var(--teal)}
.infra-panel{position:relative;border-radius:22px;padding:1.5rem 1.4rem;background:linear-gradient(160deg,#0a1b2e 0%,#0f2a3f 55%,#0a2538 100%);color:#dbeaf2;box-shadow:0 30px 60px -28px rgba(8,25,40,.6),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.infra-panel::before{content:"";position:absolute;inset:-1px;border-radius:22px;background:linear-gradient(135deg,rgba(13,138,138,.45),transparent 40%,rgba(0,120,212,.35) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}
.infra-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(500px 200px at 100% 0%,rgba(13,138,138,.25),transparent 60%),radial-gradient(400px 200px at 0% 100%,rgba(0,120,212,.18),transparent 60%);pointer-events:none}
.infra-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;position:relative;z-index:1}
.infra-panel-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fd6d6}
.infra-panel-label .live-dot{background:#3ee0a1;box-shadow:0 0 0 4px rgba(62,224,161,.18)}
.infra-panel-region{font-size:.72rem;color:#7aa3b8;font-family:'Space Grotesk',sans-serif;letter-spacing:.04em}
.workflow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem;position:relative;z-index:1}
.section > .container > ul.workflow{display:flex;gap:.15rem}
.workflow .workflow-step,.section > .container > ul.workflow > li.workflow-step{display:flex;align-items:center;gap:.95rem;padding:.7rem .85rem 0.7rem .85rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);position:relative;transition:background .2s ease,border-color .2s ease;box-shadow:none;color:#eaf4f8;margin-bottom:0}
.workflow .workflow-step::before,.section > .container > ul.workflow > li.workflow-step::before{content:none;display:none;background:none}
.workflow .workflow-step:hover,.section > .container > ul.workflow > li.workflow-step:hover{background:rgba(13,138,138,.12);border-color:rgba(13,138,138,.4);transform:none}
.workflow .workflow-step + .workflow-step::after{content:"";position:absolute;left:30px;top:-12px;width:2px;height:14px;background:linear-gradient(180deg,rgba(13,138,138,.65),rgba(13,138,138,.15));border-radius:2px}
.workflow-step + .workflow-step::before{content:"";position:absolute;left:30px;top:-12px;width:2px;height:14px;background:linear-gradient(180deg,rgba(13,138,138,.65),rgba(13,138,138,.15));border-radius:2px}
.workflow-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(13,138,138,.25),rgba(0,120,212,.18));border:1px solid rgba(13,138,138,.4);color:#7fe6e6;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.workflow-icon--final{background:linear-gradient(135deg,rgba(62,224,161,.3),rgba(13,138,138,.25));border-color:rgba(62,224,161,.5);color:#9bf3c8}
.workflow-title{margin:0;font-size:.92rem;font-weight:600;color:#eaf4f8;font-family:'Space Grotesk',sans-serif}
.workflow-sub{margin:.1rem 0 0;font-size:.75rem;color:#8eb2c4}
.workflow .workflow-step--final,.section > .container > ul.workflow > li.workflow-step--final{background:rgba(62,224,161,.10);border-color:rgba(62,224,161,.35)}
/* Case study cards */
.cs-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}
@media(min-width:880px){.cs-grid{grid-template-columns:1fr 1fr;gap:1.75rem}}
.cs-card{position:relative;background:linear-gradient(180deg,#ffffff,#f7fbfc);border:1px solid rgba(13,138,138,.18);border-radius:18px;padding:1.6rem 1.5rem 1.4rem;box-shadow:0 1px 2px rgba(15,40,60,.04),0 14px 36px -22px rgba(13,138,138,.28);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(15,40,60,.05),0 28px 56px -26px rgba(13,138,138,.45);border-color:rgba(13,138,138,.35)}
.cs-card h3{margin:.25rem 0 .6rem;font-family:'Space Grotesk',sans-serif;color:#0a2540}
.cs-card p{margin:.55rem 0;color:#3b4a57;font-size:.94rem;line-height:1.55}
.cs-card p strong{color:#0a2540}
.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.85rem .25rem;margin:-.25rem -.25rem 1rem;border-bottom:1px dashed rgba(13,138,138,.25)}
.cs-metric{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
.cs-metric-value{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;font-weight:700;color:#0d8a8a;line-height:1.1}
.cs-metric-label{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:#5b7280;font-weight:600}
.cs-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .9rem}
.cs-pills span{display:inline-flex;align-items:center;padding:.25rem .6rem;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#0a3a3a;background:rgba(13,138,138,.08);border:1px solid rgba(13,138,138,.22);border-radius:999px}
.cs-arch{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1.1rem;padding:.7rem .8rem;background:linear-gradient(135deg,rgba(13,138,138,.06),rgba(0,120,212,.05));border:1px dashed rgba(13,138,138,.3);border-radius:12px}
.cs-arch-node{padding:.25rem .55rem;font-size:.74rem;font-weight:600;color:#0a2540;background:#fff;border:1px solid rgba(13,138,138,.25);border-radius:8px;box-shadow:0 1px 2px rgba(15,40,60,.05)}
.cs-arch-node--final{background:linear-gradient(135deg,rgba(62,224,161,.18),rgba(13,138,138,.12));border-color:rgba(62,224,161,.5);color:#08544a}
.cs-arch-arrow{color:#0d8a8a;font-weight:700}
/* H2 with icon badge */
.h2-icon{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.h2-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(13,138,138,.14),rgba(0,120,212,.10));border:1px solid rgba(13,138,138,.28);color:#0d8a8a;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 14px -8px rgba(13,138,138,.4);flex-shrink:0}
/* Metrics strip (homepage at-a-glance) */
.metrics-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.25rem 0 1.75rem;padding:1rem;background:linear-gradient(180deg,#ffffff,#f4f9fa);border:1px solid rgba(13,138,138,.18);border-radius:16px;box-shadow:0 1px 2px rgba(15,40,60,.04),0 12px 30px -22px rgba(13,138,138,.25)}
@media(min-width:768px){.metrics-strip{grid-template-columns:repeat(4,1fr)}}
.metric-tile{display:flex;align-items:center;gap:.7rem;padding:.6rem .5rem;border-radius:10px;transition:background .25s ease}
.metric-tile:hover{background:rgba(13,138,138,.05)}
.metric-tile-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,rgba(13,138,138,.18),rgba(0,120,212,.10));color:#0d8a8a;border:1px solid rgba(13,138,138,.22)}
.metric-tile-value{margin:0;font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;color:#0a2540;line-height:1.1}
.metric-tile-label{margin:.15rem 0 0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#5b7280;font-weight:600}
/* SVG wave divider between sections */
.section + .section{position:relative}
.section + .section::before{content:"";position:absolute;top:0;left:0;right:0;height:24px;background-image:url("data:image/svg+xml;utf8,");background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
.section + .section.section--alt::before{background-image:url("data:image/svg+xml;utf8,")}
/* ===== Inner-page visual uplift ===== */
/* Slightly tighter inner-page hero + decorative gradient bloom */
.hero:not(.hero-home){padding:5rem 0 3.5rem}
.hero:not(.hero-home) h1{font-size:clamp(2rem,4.2vw,3.15rem)}
.hero:not(.hero-home) p.lede{font-size:1.12rem;max-width:680px}
.hero:not(.hero-home) .container{position:relative}
.hero:not(.hero-home) .container::before{content:"";position:absolute;top:-40px;right:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(13,138,138,.22),transparent 70%);filter:blur(28px);border-radius:50%;pointer-events:none;z-index:-1}
/* Accent underline on section H2 (skips wrapped/iconified H2s) */
.section > .container > h2{position:relative;padding-bottom:.55em;margin-bottom:1rem}
.section > .container > h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--teal),rgba(13,138,138,0))}
/* Numbered ordered lists become a step ladder */
.section > .container > ol{counter-reset:step;list-style:none;padding-left:0;margin-top:1.75rem;display:grid;gap:.8rem}
.section > .container > ol > li{counter-increment:step;position:relative;padding:1.05rem 1.25rem 1.05rem 4rem;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;margin-bottom:0;color:var(--body);font-size:.98rem;line-height:1.6}
.section > .container > ol > li:hover{transform:translateX(3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}
.section > .container > ol > li::before{content:counter(step,decimal-leading-zero);position:absolute;left:.95rem;top:1.05rem;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--grad-hero);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.03em;box-shadow:0 8px 18px -8px rgba(13,138,138,.55),inset 0 1px 0 rgba(255,255,255,.18)}
.section > .container > ol > li strong{color:var(--ink);font-weight:600}
/* Top-level unordered lists get teal check chips */
.section > .container > ul{list-style:none;padding-left:0;margin-top:1.25rem;display:grid;gap:.6rem}
.section > .container > ul > li{position:relative;padding:.85rem 1rem .85rem 2.85rem;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease;margin-bottom:0;font-size:.97rem;line-height:1.55;color:var(--body)}
.section > .container > ul > li:hover{transform:translateX(2px);border-color:rgba(13,138,138,.35)}
.section > .container > ul > li::before{content:"";position:absolute;left:.9rem;top:.95rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--teal) url("data:image/svg+xml;utf8,") center/.78rem .78rem no-repeat;box-shadow:0 0 0 3px rgba(13,138,138,.15)}
/* Soft section variant for richer inner-page rhythm */
.section--soft{background:radial-gradient(900px 380px at 90% -10%,rgba(13,138,138,.07),transparent 60%),radial-gradient(700px 300px at 0% 110%,rgba(30,58,95,.06),transparent 60%),var(--bg)}
/* Divider polish */
hr.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);margin:3rem 0}
/* Make .card on inner pages a touch more lifted */
.section .grid .card{border-radius:16px}
.section .grid .card h3{font-size:1.15rem}
/* ========== Services page: pillars, engage, trust callout ========== */
.pillar-grid{margin-top:2rem}
.pillar-card{display:flex;flex-direction:column;gap:.5rem}
.pillar-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.25rem}
.pillar-head h3{margin:.1rem 0 0;font-size:1.3rem}
.pillar-num{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.pillar-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(13,138,138,.14),rgba(0,120,212,.10));border:1px solid rgba(13,138,138,.28);color:#0d8a8a;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 14px -8px rgba(13,138,138,.4)}
.pillar-outcome{margin-top:auto;padding:.85rem 1rem;background:linear-gradient(135deg,rgba(13,138,138,.07),rgba(0,120,212,.05));border-left:3px solid var(--teal);border-radius:0 10px 10px 0;font-size:.92rem;color:var(--ink)}
.pillar-outcome strong{color:var(--teal)}
.pillar-outcome--dark{background:rgba(13,138,138,.14);border-left-color:#3ee0a1;color:#dbeaf2}
.pillar-outcome--dark strong{color:#7fe6e6}
.pillar-example{margin-top:2rem}
.example-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center}
@media(min-width:880px){.example-grid{grid-template-columns:1.2fr .8fr}}
.example-flow{flex-direction:column;align-items:stretch;gap:.55rem;margin-top:0}
.example-flow .cs-arch-node{text-align:center}
.example-flow .cs-arch-arrow{text-align:center;transform:rotate(90deg)}
/* Check-list (used in example card) */
.check-list{list-style:none;padding-left:0;margin:.5rem 0}
.check-list li{position:relative;padding:.3rem 0 .3rem 1.8rem;font-size:.94rem}
.check-list li::before{content:"";position:absolute;left:0;top:.45rem;width:18px;height:18px;border-radius:50%;background:rgba(13,138,138,.12) url("data:image/svg+xml;utf8,") center/12px no-repeat;box-shadow:0 0 0 3px rgba(13,138,138,.10)}
/* Engage cards */
.engage-grid{margin-top:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.engage-card{text-align:left}
.engage-card .pillar-icon{margin-bottom:1rem}
.engage-card h3{margin:.25rem 0 .5rem;font-size:1.1rem}
.engage-card p{font-size:.92rem;color:var(--muted);margin:0}
.pillar-card--summary{background:linear-gradient(180deg,#ffffff,#f4f9fa);border-color:rgba(13,138,138,.25)}
/* Trust callout */
.trust-callout{position:relative;display:grid;grid-template-columns:1fr;gap:2.25rem;align-items:center;padding:2.5rem;border-radius:22px;background:linear-gradient(160deg,#0a1b2e 0%,#0f2a3f 55%,#0a2538 100%);color:#dbeaf2;box-shadow:0 30px 60px -28px rgba(8,25,40,.55);overflow:hidden}
.trust-callout::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 100% 0%,rgba(13,138,138,.28),transparent 60%),radial-gradient(500px 220px at 0% 100%,rgba(0,120,212,.20),transparent 60%);pointer-events:none}
@media(min-width:880px){.trust-callout{grid-template-columns:1.3fr .7fr;padding:3rem 3.25rem}}
.trust-callout-body{position:relative;z-index:1}
.trust-callout-body .eyebrow{color:#9fd6d6}
.trust-callout-body h2{color:#fff;margin-top:.5rem}
.trust-callout-body p{color:#b9cdd9;max-width:54ch}
.trust-callout .op-badge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#dbeaf2}
.trust-callout .op-badge svg{color:#7fe6e6}
.trust-callout .op-badge:hover{color:#fff;border-color:rgba(13,138,138,.55)}
.trust-callout-visual{position:relative;z-index:1}
.tc-stack{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}
.tc-row{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#dbeaf2;font-size:.85rem;font-weight:600;font-family:'Space Grotesk',sans-serif}
.tc-row svg{color:#7fe6e6;flex-shrink:0}
.tc-row--app{background:linear-gradient(135deg,rgba(13,138,138,.18),rgba(0,120,212,.12));border-color:rgba(13,138,138,.4)}
.tc-row--final{background:linear-gradient(135deg,rgba(62,224,161,.22),rgba(13,138,138,.18));border-color:rgba(62,224,161,.45);color:#eaf9f0}
.tc-row--final svg{color:#9bf3c8}
.tc-arrow{align-self:center;width:2px;height:14px;background:linear-gradient(180deg,rgba(13,138,138,.65),rgba(13,138,138,.15));border-radius:2px}
/* In dark section, neutralise inner card list bullets we themed for light pages */
.section--dark .pillar-outcome--dark strong{color:#9bf3c8}
.section--dark .lede,.section--dark p{color:#b9cdd9}
.section--dark .eyebrow{color:#9fd6d6;background:rgba(13,138,138,.18);border-color:rgba(13,138,138,.45)}
/* ========== Services page additions: solutions, ownership, tech strip ========== */
.solution-grid{margin-top:2rem;gap:1.25rem}
.solution-card{position:relative;padding:1.75rem;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:0 1px 2px rgba(15,40,60,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.solution-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(8,25,40,.22);border-color:rgba(13,138,138,.35)}
.solution-card h3{margin:.25rem 0 .5rem;font-size:1.08rem}
.solution-card p{font-size:.93rem;color:var(--muted);margin:0}
.solution-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(13,138,138,.12),rgba(0,120,212,.10));color:var(--teal);margin-bottom:1rem;border:1px solid rgba(13,138,138,.18)}
.solution-card:hover .solution-icon{background:var(--grad-hero,linear-gradient(135deg,#0d8a8a,#0a1b2e));color:#fff;border-color:transparent}
/* Deploy section intro + ownership callout */
.deploy-intro{max-width:780px;margin:0 auto 2.5rem;text-align:left}
.deploy-intro .eyebrow{color:#9fd6d6;background:rgba(13,138,138,.18);border-color:rgba(13,138,138,.45)}
.deploy-intro h2{color:#fff}
.ownership-callout{display:flex;gap:1rem;align-items:flex-start;margin-top:1.5rem;padding:1.25rem 1.4rem;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-left:4px solid #7fe6e6}
.ownership-callout h3{color:#fff;margin:0 0 .4rem;font-size:1.05rem}
.ownership-callout p{color:#b9cdd9;margin:0;font-size:.93rem}
.ownership-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:rgba(13,138,138,.22);color:#7fe6e6;border:1px solid rgba(127,230,230,.35)}
/* Technology strip */
.tech-strip{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.tech-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.05rem;border-radius:12px;background:#fff;border:1px solid var(--border);color:var(--ink);font-size:.92rem;font-weight:600;box-shadow:0 1px 2px rgba(15,40,60,.04);transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.tech-chip svg{color:var(--teal)}
.tech-chip:hover{transform:translateY(-2px);border-color:rgba(13,138,138,.45);color:var(--teal);box-shadow:0 10px 24px -16px rgba(8,25,40,.25)}
/* Experience statement */
.experience-statement{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-style:italic;color:var(--muted);font-size:.95rem}
/* Pillar journey: four connected pillars with subtle progression */
.pillar-journey{margin-top:2.25rem;gap:1.5rem}
.pillar-journey .pillar-card{position:relative;height:100%}
.pillar-journey .pillar-card .pillar-num{display:inline-flex;align-items:center;gap:.45rem}
@media(min-width:880px){
.pillar-journey .pillar-card::after{content:"";position:absolute;top:34px;width:1.5rem;height:2px;background:linear-gradient(90deg,rgba(13,138,138,.55),rgba(13,138,138,0));pointer-events:none}
.pillar-journey .pillar-card:nth-child(odd)::after{right:-1.5rem}
.pillar-journey .pillar-card:nth-child(even)::after{display:none}
}
/* Solutions grid: equal-height cards */
.solution-grid{grid-auto-rows:1fr}
.solution-card{display:flex;flex-direction:column;height:100%}
/* Tighter dark deploy section heading hierarchy */
.section--dark .hosting-intro--col h3{color:#fff;font-size:1.15rem;margin:.25rem 0 1rem}
.section--dark .hosting-intro--col .eyebrow{color:#9fd6d6;background:rgba(13,138,138,.18);border-color:rgba(13,138,138,.45)}
/* Stronger section rhythm */
.section{padding-top:3.8rem;padding-bottom:3.8rem}
/* Industries page */
.section--tight{padding-top:1.5rem;padding-bottom:1.5rem}
.cap-banner{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.75rem;padding:1.25rem 1.4rem;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#f4f9fa 100%);border:1px solid var(--border);box-shadow:0 10px 28px -22px rgba(8,25,40,.25)}
.cap-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:12px;background:#fff;border:1px solid rgba(13,138,138,.22);color:var(--ink);font-weight:600;font-size:.95rem;font-family:'Space Grotesk',sans-serif}
.cap-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,rgba(13,138,138,.14),rgba(0,120,212,.10));color:var(--teal);border:1px solid rgba(13,138,138,.25)}
.cap-plus{display:inline-flex;align-items:center;justify-content:center;color:var(--teal);font-weight:700;font-size:1.1rem;opacity:.7;padding:0 .15rem}
@media(max-width:640px){.cap-plus{display:none}.cap-banner{flex-direction:column;align-items:stretch}.cap-pill{justify-content:flex-start}}
.solution-card .card-sublabel{margin:.4rem 0 .35rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.solution-card .card-sublabel strong{color:var(--ink)}
.solution-card .card-link{margin-top:auto;padding-top:.85rem;font-size:.9rem}
.solution-card .check-list{margin:.25rem 0 .25rem}
.prod-grid{align-items:center;gap:2.5rem}
.section--dark .prod-grid h2{color:#fff}
/* AI Readiness nav highlight */
.nav a.nav-flag{color:var(--teal);font-weight:700;letter-spacing:.005em}
.nav a.nav-flag:hover{color:var(--teal)}
.nav a.nav-flag .nav-arrow{display:inline-block;margin-left:.15rem;font-weight:600;transition:transform .2s ease}
.nav a.nav-flag:hover .nav-arrow{transform:translateX(2px)}
/* Start-Here homepage callout */
.start-here{padding:3.5rem 0 1rem;background:linear-gradient(180deg,rgba(13,138,138,.05),transparent)}
.start-here .start-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--teal);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem .85rem;border-radius:999px;margin-bottom:1rem}
.start-here .start-badge small{font-weight:500;letter-spacing:.03em;text-transform:none;opacity:.9}
.start-here-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;margin-top:1.25rem}
@media(max-width:880px){.start-here-grid{grid-template-columns:1fr}}
.start-here h2{margin:.5rem 0 1rem;font-size:clamp(1.6rem,2.6vw,2.1rem)}
.start-here .split-headline{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2;margin:.5rem 0 1.25rem}
.start-here .split-headline span{display:block}
.start-here .split-headline span:last-child{color:var(--teal)}
.start-here p{color:var(--muted);margin:.6rem 0}
.readiness-card{background:#fff;border:1px solid rgba(10,22,40,.08);border-radius:16px;padding:1.5rem;box-shadow:0 12px 30px -18px rgba(10,22,40,.18)}
.readiness-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.readiness-card-title{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.readiness-card-score{font-size:1.05rem;font-weight:700;color:var(--teal)}
.readiness-rows{display:flex;flex-direction:column;gap:.65rem;margin:0 0 1.1rem}
.readiness-row{display:grid;grid-template-columns:110px 1fr 38px;align-items:center;gap:.6rem;font-size:.85rem}
.readiness-row span:first-child{color:var(--body);font-weight:500}
.readiness-bar{height:8px;background:rgba(10,22,40,.07);border-radius:999px;overflow:hidden}
.readiness-bar i{display:block;height:100%;background:linear-gradient(90deg,#0d8a8a,#15b3b3);border-radius:999px}
.readiness-row b{text-align:right;font-size:.82rem;color:var(--body);font-weight:600}
.readiness-total{display:flex;justify-content:space-between;align-items:center;padding-top:.9rem;border-top:1px solid rgba(10,22,40,.08)}
.readiness-total span{font-size:.85rem;color:var(--muted);font-weight:500}
.readiness-total b{font-size:1.6rem;color:var(--teal);font-weight:700}
/* Recommended-first badge on services page */
.first-step-badge{display:inline-block;background:var(--teal);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle}
.card.first-step{border:2px solid var(--teal);box-shadow:0 12px 30px -18px rgba(13,138,138,.45)}
/* Contact start-here panel */
.contact-readiness-cta{background:linear-gradient(135deg,rgba(13,138,138,.08),rgba(13,138,138,.02));border:1px solid rgba(13,138,138,.25);border-radius:14px;padding:2rem;text-align:center}
.contact-readiness-cta h3{margin:.25rem 0 .75rem}
/* Technology ecosystem */
.tech-strip{padding:3rem 0 2rem;background:#fff;border-top:1px solid rgba(10,22,40,.06);border-bottom:1px solid rgba(10,22,40,.06)}
.tech-strip .eyebrow{display:inline-block}
.tech-strip h2{font-size:clamp(1.4rem,2.2vw,1.8rem);margin:.25rem 0 .65rem}
.tech-strip p.lede{max-width:760px;margin:0 0 1.75rem;font-size:1rem}
.tech-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.5rem 2rem;align-items:center;justify-items:center}
.tech-logo{display:inline-flex;align-items:center;justify-content:center;height:38px;color:#5a6573;opacity:.7;transition:opacity .2s ease,color .2s ease,transform .2s ease}
.tech-logo svg{height:26px;width:auto;display:block;fill:currentColor}
.tech-logo span{font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;font-size:.95rem;letter-spacing:-.01em;color:currentColor;white-space:nowrap}
.tech-logo .tl-mark{display:inline-flex;align-items:center;gap:.4rem}
.tech-logo:hover{opacity:1;color:var(--ink);transform:translateY(-1px)}
/* Categorised tech grid on services page */
.tech-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem}
.tech-cat{background:#fff;border:1px solid rgba(10,22,40,.08);border-radius:14px;padding:1.25rem 1.25rem 1rem}
.tech-cat h4{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .9rem}
.tech-cat .tech-logos{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem;justify-items:start}
.tech-cat .tech-logo{height:30px;justify-content:flex-start}
.tech-cat .tech-logo svg{height:20px}
.tech-cat .tech-logo span{font-size:.85rem}
.tech-note{margin-top:1.5rem;padding:1rem 1.25rem;background:rgba(13,138,138,.05);border-left:3px solid var(--teal);border-radius:6px;font-size:.92rem;color:var(--body)}
/* Compact footer tech strip */
.footer-tech{display:flex;flex-wrap:wrap;gap:1.25rem 1.75rem;align-items:center;justify-content:flex-start;padding:1rem 0;margin:1.25rem 0 0;border-top:1px solid rgba(255,255,255,.08)}
.footer-tech-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:600}
.footer-tech .tech-logo{height:22px;color:rgba(255,255,255,.55);opacity:.85}
.footer-tech .tech-logo svg{height:16px}
.footer-tech .tech-logo span{font-size:.78rem;font-weight:500}
.footer-tech .tech-logo:hover{color:#fff;opacity:1}
/* Homepage compact case study cards */
.cs-card--compact{padding:1.25rem 1.25rem 1.1rem}
.cs-card--compact h3{font-size:1.05rem;margin:.4rem 0 .5rem}
.cs-card--compact p{font-size:.9rem;margin:.35rem 0}
.cs-card--compact .cs-metrics{margin-bottom:.6rem}
.btn-sm{padding:.45rem .85rem;font-size:.85rem}
/* How We Help cards */
.help-card{display:flex;flex-direction:column;padding:2rem 1.85rem}
.help-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,rgba(13,138,138,.18),rgba(13,138,138,.06));color:var(--teal);border:1px solid rgba(13,138,138,.28);margin-bottom:1.1rem;box-shadow:0 6px 18px -10px rgba(13,138,138,.5)}
.help-card h3{font-size:1.4rem;margin:0 0 .55rem}
.help-card > p{color:var(--body);margin:0 0 1.1rem}
.help-list{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:.45rem;border-top:1px solid var(--border);padding-top:1rem}
.help-list li{position:relative;padding-left:1.1rem;font-size:.94rem;color:var(--body);line-height:1.5}
.help-list li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--teal);opacity:.7}
.help-list a{color:var(--body);font-weight:500}
.help-list a:hover{color:var(--teal);text-decoration:none}
/* Use case grid icons */
.use-card{padding:1.6rem 1.55rem}
.use-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:rgba(13,138,138,.10);color:var(--teal);border:1px solid rgba(13,138,138,.22);margin-bottom:.85rem}
.use-card h3{font-size:1.08rem;margin:0 0 .4rem}
.use-card p{margin:0;font-size:.95rem;color:var(--body)}
/* ============================================================
Service page premium upgrade — shared components
============================================================ */
.svc-badges{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem .65rem}
.svc-badges li{position:relative;padding:.4rem .9rem .4rem 1.85rem;background:#fff;border:1px solid var(--border);border-radius:999px;font-size:.84rem;color:var(--ink);font-weight:500}
.svc-badges li::before{content:"";position:absolute;left:.55rem;top:50%;transform:translateY(-50%);width:.95rem;height:.95rem;border-radius:50%;background:var(--teal) url("data:image/svg+xml;utf8,") center/.62rem .62rem no-repeat}
.svc-figure{background:linear-gradient(180deg,#fff,#fbfefe);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-md);max-width:980px;margin:0 auto}
.svc-figure-caption{margin:.9rem 0 0;text-align:center;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.svc-figure svg{width:100%;height:auto;display:block}
.metrics-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:880px;margin:0 auto}
.metrics-strip .ms-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.3rem;box-shadow:var(--shadow-sm);text-align:left}
.metrics-strip .ms-card h4{margin:0 0 .35rem;font-size:1rem;color:var(--ink);display:flex;align-items:center;gap:.55rem}
.metrics-strip .ms-card h4::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(13,138,138,.15)}
.metrics-strip .ms-card p{margin:0;font-size:.92rem;color:var(--body);line-height:1.5}
@media (max-width:720px){.metrics-strip{grid-template-columns:1fr}}
/* Assess → Build → Run band */
.abr-band{background:linear-gradient(135deg,#0a1628 0%,#1e3a5f 60%,#0d8a8a 130%);color:#dde2eb;border-radius:20px;padding:2.2rem 2rem;position:relative;overflow:hidden}
.abr-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.abr-band > *{position:relative}
.abr-band .eyebrow{color:#7adcdc;background:rgba(122,220,220,.12);border-color:rgba(122,220,220,.25)}
.abr-band h2{color:#fff;margin:.4rem 0 1.4rem}
.abr-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.9rem;align-items:stretch}
.abr-step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:1.1rem 1.2rem;color:#dde2eb}
.abr-step.current{background:rgba(122,220,220,.14);border-color:#7adcdc;box-shadow:0 0 0 1px #7adcdc inset,0 12px 30px -18px rgba(122,220,220,.4)}
.abr-step .abr-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#7adcdc;font-weight:700}
.abr-step h3{margin:.25rem 0 .55rem;color:#fff;font-size:1.05rem}
.abr-step ul{list-style:none;padding-left:0;margin:0;display:grid;gap:.3rem;font-size:.88rem;color:#c7d3df}
.abr-step ul li{padding-left:1rem;position:relative}
.abr-step ul li::before{content:"›";position:absolute;left:0;color:#7adcdc;font-weight:700}
.abr-arrow{display:flex;align-items:center;justify-content:center;color:#7adcdc;font-size:1.4rem;font-weight:700}
@media(max-width:840px){.abr-flow{grid-template-columns:1fr;gap:.7rem}.abr-arrow{transform:rotate(90deg);padding:.2rem 0}}
/* Related services grid */
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.2rem}
.related-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.3rem;box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease}
.related-card:hover{transform:translateY(-2px);border-color:var(--teal)}
.related-card h3{margin:.1rem 0 .4rem;font-size:1.02rem}
.related-card h3 a{color:var(--ink);text-decoration:none;border-bottom:2px solid rgba(13,138,138,.3)}
.related-card h3 a:hover{border-color:var(--teal)}
.related-card p{margin:0;font-size:.9rem;color:var(--body)}
/* Stronger conversion CTA band */
.conv-band{background:linear-gradient(180deg,#fbfefe,#fff);border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:18px;padding:2rem 2.2rem;text-align:left;box-shadow:var(--shadow-sm)}
.conv-band h2{margin:.1rem 0 .55rem;color:var(--ink)}
.conv-band p{margin:0 0 1rem;color:var(--body)}
.conv-band .btn-row{justify-content:flex-start}
/* === v1.1 Trust & Visual Components === */
.industries-strip{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-top:1.4rem}
.industries-strip .ind-pill{font-size:.82rem;font-weight:500;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem}
.industries-note{text-align:center;font-size:.85rem;color:var(--muted);margin-top:.9rem}
.evidence{display:grid;grid-template-columns:1.05fr 1fr;gap:1.4rem;background:linear-gradient(180deg,#fff,#f6fbfb);border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:16px;padding:1.6rem 1.7rem;box-shadow:var(--shadow-sm)}
.evidence-tag{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.evidence h3{margin:.35rem 0 .6rem;font-size:1.1rem;color:var(--ink)}
.evidence-row{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;font-size:.93rem;color:var(--body)}
.evidence-row li{padding-left:1.05rem;position:relative}
.evidence-row li::before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;border-radius:50%;background:var(--teal)}
.evidence-row li b{color:var(--ink);font-weight:600}
.evidence-meta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;align-self:start}
.evidence-meta .em-cell{display:flex;flex-direction:column;gap:.15rem}
.evidence-meta .em-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.evidence-meta .em-value{font-size:.95rem;color:var(--ink);font-weight:600}
@media(max-width:780px){.evidence{grid-template-columns:1fr}}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.2rem;font-size:.93rem;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.compare-table th,.compare-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.compare-table thead th{background:#f5f8f9;font-family:'Space Grotesk',sans-serif;color:var(--ink);font-size:.86rem;letter-spacing:.02em}
.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table td:first-child{color:var(--ink);font-weight:600;width:24%}
.compare-table .yes{color:var(--teal);font-weight:700}
.compare-table .no{color:#b14545;font-weight:600}
.contact-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
.contact-steps .cs-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.3rem;box-shadow:var(--shadow-sm);position:relative}
.contact-steps .cs-num{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;font-size:.85rem;margin-bottom:.6rem}
.contact-steps .cs-card h3{font-size:1rem;margin:0 0 .35rem;color:var(--ink)}
.contact-steps .cs-card p{margin:0;font-size:.92rem;color:var(--body);line-height:1.5}
@media(max-width:780px){.contact-steps{grid-template-columns:1fr}}
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-top:1.4rem}
.cap-grid .cap-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}
.cap-grid .cap-card h4{margin:0 0 .25rem;font-size:.98rem;color:var(--ink);display:flex;align-items:center;gap:.5rem}
.cap-grid .cap-card h4::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(13,138,138,.18)}
.cap-grid .cap-card p{margin:0;font-size:.88rem;color:var(--body);line-height:1.5}
.timeline-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1.4rem;position:relative}
.timeline-rail::before{content:"";position:absolute;left:1.25rem;right:1.25rem;top:1.1rem;height:2px;background:linear-gradient(90deg,rgba(13,138,138,.15),rgba(13,138,138,.55),rgba(13,138,138,.15));z-index:0}
.timeline-rail .tl-cell{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.4rem 1.1rem 1rem;position:relative;z-index:1}
.timeline-rail .tl-cell::before{content:"";position:absolute;top:-7px;left:1.1rem;width:14px;height:14px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #fff,0 0 0 5px rgba(13,138,138,.35)}
.timeline-rail .tl-week{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.timeline-rail .tl-cell h4{margin:.3rem 0 .25rem;font-size:.95rem;color:var(--ink)}
.timeline-rail .tl-cell p{margin:0;font-size:.86rem;color:var(--body);line-height:1.5}
@media(max-width:1020px){.timeline-rail{grid-template-columns:repeat(2,1fr)}.timeline-rail::before{display:none}}
@media(max-width:600px){.timeline-rail{grid-template-columns:1fr}}
/* ============ Insights Hub & Article ============ */
.hero-insights{padding:3.5rem 0 2rem;background:linear-gradient(180deg,#f7fafa 0%,#fff 100%)}
.hero-insights h1{max-width:760px}
.hero-insights .lede{max-width:680px}
.insights-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.insights-filters .chip{background:#fff;border:1px solid var(--border);color:var(--ink);border-radius:999px;padding:.35rem .85rem;font-size:.82rem;font-weight:600}
.hub-section-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--teal);font-weight:700;margin-bottom:1rem}
.insights-featured{margin-bottom:.5rem}
.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.4rem}
.insight-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}
.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.insight-card.featured{display:grid;grid-template-columns:1.1fr 1fr;min-height:280px}
.insight-card.featured .insight-card__image{min-height:240px}
@media(max-width:780px){.insight-card.featured{grid-template-columns:1fr}}
.insight-card__image{position:relative;display:block;min-height:170px;background:linear-gradient(135deg,#0d8a8a,#0a4d6e);overflow:hidden}
.insight-card__image.cat-ai-strategy{background:linear-gradient(135deg,#0a4d6e,#0d8a8a)}
.insight-card__image.cat-prototype-to-production{background:linear-gradient(135deg,#0d8a8a,#1f6b3e)}
.insight-card__image.cat-data-readiness{background:linear-gradient(135deg,#6b3aa1,#0a4d6e)}
.insight-card__image.cat-engineering{background:linear-gradient(135deg,#1c2a3a,#0d8a8a)}
.insight-card__image::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 60%)}
.insight-card__cat{position:absolute;top:.85rem;left:.95rem;background:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(4px);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;padding:.3rem .65rem;border-radius:999px;z-index:1}
.insight-card__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.insight-card__body h3{font-size:1.1rem;line-height:1.3;margin:0;color:var(--ink)}
.insight-card__body h3 a{color:inherit;text-decoration:none}
.insight-card__body h3 a:hover{color:var(--teal)}
.insight-card__body p{margin:0;color:var(--body);font-size:.92rem;line-height:1.55}
.insight-card__meta{font-size:.78rem;color:#6b7280;margin:0}
.insight-card__cta{font-weight:600;color:var(--teal);text-decoration:none}
.insight-card.featured .insight-card__body h3{font-size:1.4rem}
/* Breadcrumbs */
.breadcrumbs{padding:.85rem 0;background:#f7fafa;border-bottom:1px solid var(--border);font-size:.85rem;color:#6b7280}
.breadcrumbs a{color:var(--teal);text-decoration:none}
.breadcrumbs span[aria-current]{color:var(--ink)}
/* Article hero */
.article-hero{padding:2.5rem 0 1.5rem;background:linear-gradient(180deg,#f7fafa 0%,#fff 100%)}
.article-hero h1{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;max-width:760px;margin:.5rem 0 1.25rem}
.article-eyebrow{margin:0;font-size:.82rem;color:#6b7280;text-transform:uppercase;letter-spacing:.1em}
.article-eyebrow .article-cat{color:var(--teal);font-weight:700}
.article-eyebrow .dot{margin:0 .35rem;color:#cbd5e1}
.article-byline{display:flex;align-items:center;gap:.75rem;font-size:.92rem;color:var(--body)}
.byline-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;font-size:.85rem}
.byline-role{color:#6b7280;font-size:.82rem}
.editor-note{margin-top:1.25rem;padding:.85rem 1rem;background:#fff;border-left:3px solid var(--teal);border-radius:6px;font-size:.88rem;color:var(--body);max-width:760px;box-shadow:var(--shadow-sm)}
/* Article shell w/ TOC */
.article-shell{display:grid;grid-template-columns:220px minmax(0,720px);gap:3rem;justify-content:center;padding-top:2.5rem;padding-bottom:1rem}
@media(max-width:980px){.article-shell{grid-template-columns:1fr;gap:1.5rem}}
.toc{position:sticky;top:1.5rem;align-self:start;font-size:.88rem;border-left:2px solid var(--border);padding-left:1rem}
.toc h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#6b7280;margin:0 0 .65rem;font-weight:700}
.toc ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;counter-reset:toc}
.toc li{counter-increment:toc;line-height:1.4}
.toc li::before{content:counter(toc,decimal-leading-zero) " ";color:var(--teal);font-weight:700;font-size:.8rem}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--teal)}
@media(max-width:980px){.toc{position:static;border-left:0;padding-left:0}}
.article-body{max-width:720px;font-size:1.04rem;line-height:1.75;color:var(--body)}
.article-body .article-lede{font-size:1.18rem;line-height:1.6;color:var(--ink);margin:0 0 1.5rem}
.article-body h2{font-size:1.5rem;line-height:1.3;color:var(--ink);margin:2.4rem 0 .85rem;letter-spacing:-.01em}
.article-body h3{font-size:1.18rem;color:var(--ink);margin:1.8rem 0 .6rem}
.article-body p{margin:0 0 1.05rem}
.article-body a:not(.btn){color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-body a.btn{text-decoration:none}
.article-body ul.article-list{padding-left:1.1rem;margin:0 0 1.4rem;display:flex;flex-direction:column;gap:.7rem}
.article-body ul.article-list li{line-height:1.6}
.pull-quote{margin:2rem 0;padding:1rem 1.4rem;border-left:4px solid var(--teal);background:#f7fafa;font-size:1.12rem;line-height:1.55;color:var(--ink);font-style:italic;border-radius:0 8px 8px 0}
.callout{margin:2.2rem 0;padding:1.3rem 1.4rem;border-radius:14px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}
.callout-cta{background:linear-gradient(180deg,#f7fafa,#fff);border-color:rgba(13,138,138,.3)}
.callout h3{margin:0 0 .4rem;color:var(--ink);font-size:1.08rem}
.callout p{margin:0 0 .6rem}
.callout .btn{margin-top:.3rem}
/* ---------- Founding insight badge + hero image ---------- */
.founding-badge{display:inline-flex;align-items:center;gap:.45rem;margin:.6rem 0 0;padding:.32rem .75rem;border-radius:999px;background:linear-gradient(135deg,#0d8a8a,#0a6fb0);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 16px -8px rgba(13,138,138,.5)}
.founding-badge::before{content:"\2605";font-size:.85rem;line-height:1}
.founding-subtitle{margin:.55rem 0 0;font-size:.92rem;color:#5b6877;font-style:italic;max-width:60ch}
.article-hero-image{margin:1.6rem 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 24px 50px -28px rgba(8,25,40,.35);background:#f7fafa}
.article-hero-image img{display:block;width:100%;height:auto}
/* ---------- Numbered question sections ---------- */
.article-body .numbered-section{position:relative;margin:2.6rem 0 1.4rem;padding-left:3.4rem}
.article-body .numbered-section .num{position:absolute;left:0;top:.05rem;width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#0d8a8a,#0a6fb0);color:#fff;font-weight:700;font-family:'Space Grotesk',sans-serif;font-size:1.1rem;box-shadow:0 8px 18px -10px rgba(13,138,138,.55)}
.article-body .numbered-section h2{margin:0;font-size:1.35rem;line-height:1.3}
/* ---------- Checklist boxes ---------- */
.article-body .checklist{margin:1rem 0 1.6rem;padding:1.1rem 1.3rem;background:#f7fafa;border:1px solid var(--border);border-left:4px solid #0d8a8a;border-radius:12px}
.article-body .checklist h4{margin:0 0 .55rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:#0a4a4a}
.article-body .checklist ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}
.article-body .checklist li{position:relative;padding-left:1.6rem;line-height:1.55}
.article-body .checklist li::before{content:"";position:absolute;left:0;top:.32rem;width:14px;height:14px;border:1.5px solid #0d8a8a;border-radius:3px;background:#fff}
.key-takeaways{margin:2.5rem 0 1rem;padding:1.4rem 1.5rem;background:#0a4d6e;color:#fff;border-radius:14px}
.key-takeaways h2{color:#fff;margin:0 0 .85rem;font-size:1.15rem;text-transform:uppercase;letter-spacing:.12em}
.key-takeaways ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.55rem}
.key-takeaways li{line-height:1.55}
.article-cross-links{margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.article-cross-links h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin:0 0 .65rem}
.article-cross-links ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;color:var(--body)}
.divider{border:none;height:1px;background:var(--border);margin:2.4rem 0}