/* Art direction: cloud infrastructure brand → premium, dependable, modern
   Palette: restrained neutral surfaces with teal accent for trust and clarity
   Typography: Cabinet Grotesk + Satoshi for clear technical presence and readable body copy
   Density: balanced */
:root,[data-theme="light"]{--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2.2rem,1.2rem + 4vw,4.8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#edeae5;--color-border:#d4d1ca;--color-divider:#dcd9d5;--color-text:#28251d;--color-text-muted:#66635d;--color-text-faint:#9c9993;--color-text-inverse:#f9f8f4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-highlight:#d5e9e6;--color-blue:#006494;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(0.2 0.01 80 / .06);--shadow-md:0 8px 24px oklch(0.2 0.01 80 / .09);--shadow-lg:0 18px 60px oklch(0.2 0.01 80 / .14);--transition:180ms cubic-bezier(.16,1,.3,1);--font-body:'Satoshi','Inter',sans-serif;--font-display:'Cabinet Grotesk','Inter',sans-serif;--content:1200px;--content-narrow:760px}
[data-theme="dark"]{--color-bg:#171614;--color-surface:#1c1b19;--color-surface-2:#201f1d;--color-surface-offset:#25231f;--color-border:#393836;--color-divider:#262523;--color-text:#e4e2dd;--color-text-muted:#ada9a2;--color-text-faint:#7f7b75;--color-text-inverse:#171614;--color-primary:#4f98a3;--color-primary-hover:#66aeb8;--color-primary-highlight:#2b393b;--color-blue:#75add6;--shadow-sm:0 1px 2px oklch(0 0 0 / .22);--shadow-md:0 8px 24px oklch(0 0 0 / .3);--shadow-lg:0 18px 60px oklch(0 0 0 / .42)}
@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg:#171614;--color-surface:#1c1b19;--color-surface-2:#201f1d;--color-surface-offset:#25231f;--color-border:#393836;--color-divider:#262523;--color-text:#e4e2dd;--color-text-muted:#ada9a2;--color-text-faint:#7f7b75;--color-text-inverse:#171614;--color-primary:#4f98a3;--color-primary-hover:#66aeb8;--color-primary-highlight:#2b393b;--color-blue:#75add6}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg)}img,svg{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.skip-link{position:absolute;left:var(--space-4);top:-40px;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);z-index:100}.skip-link:focus{top:var(--space-4)}
.container{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}.container-narrow{width:min(calc(100% - 2rem),var(--content-narrow));margin-inline:auto}
.header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--color-bg) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0}.brand{display:flex;align-items:center;gap:var(--space-3);font-weight:700}.brand-mark{width:42px;height:42px;padding:8px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary-highlight),color-mix(in oklab,var(--color-primary) 18%,var(--color-surface)))}.brand svg{width:24px;height:24px;color:var(--color-primary)}.nav-links{display:flex;gap:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.nav-links a.active,.nav-links a:hover{color:var(--color-text)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle,.menu-toggle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:.88rem 1.2rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;transition:transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}
.hero{padding:clamp(4rem,10vw,7rem) 0 var(--space-20)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-10);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .8rem;border-radius:var(--radius-full);background:var(--color-primary-highlight);color:var(--color-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}h1,h2,h3{font-family:var(--font-display);line-height:1.05;letter-spacing:-.03em}h1{font-size:var(--text-2xl);max-width:11ch;margin-top:var(--space-5)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{max-width:72ch}.lead{margin-top:var(--space-5);color:var(--color-text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.panel,.card,.stat,.price-card,.faq-item,.contact-panel,.service-panel,.timeline-item,.feature-panel,.resource-panel{background:var(--color-surface-2);border:1px solid color-mix(in oklab,var(--color-text) 9%,transparent);border-radius:var(--radius-xl)}.hero-panel{position:relative;padding:var(--space-6);background:radial-gradient(circle at top left,color-mix(in oklab,var(--color-primary) 10%,transparent),transparent 38%),var(--color-surface);box-shadow:var(--shadow-lg);overflow:hidden}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(color-mix(in oklab,var(--color-text) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--color-text) 6%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 88%)}.hero-stack{position:relative;display:grid;gap:var(--space-4)}.metric{padding:var(--space-4);border-radius:calc(var(--radius-xl) - .5rem);background:var(--color-surface-2)}.metric small,.tiny{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.metric strong,.stat strong{display:block;font-size:var(--text-xl);font-family:var(--font-display);margin-top:var(--space-2)}.bars{display:flex;align-items:end;gap:10px;height:130px;margin-top:var(--space-3)}.bar{flex:1;border-radius:999px 999px .7rem .7rem;background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary) 72%,white),var(--color-primary));animation:grow 1.1s ease both}.bar:nth-child(2){animation-delay:.08s}.bar:nth-child(3){animation-delay:.16s}.bar:nth-child(4){animation-delay:.24s}.bar:nth-child(5){animation-delay:.32s}@keyframes grow{from{transform:scaleY(.25);transform-origin:bottom;opacity:.45}to{transform:scaleY(1);opacity:1}}
.section{padding:clamp(3.5rem,8vw,6rem) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-8)}.section-head p{color:var(--color-text-muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.card,.stat,.price-card,.faq-item,.contact-panel,.service-panel,.timeline-item,.feature-panel,.resource-panel{padding:var(--space-5)}.card:hover,.service-panel:hover,.resource-panel:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);transition:transform var(--transition),box-shadow var(--transition)}
.list-clean{list-style:none;display:grid;gap:var(--space-3)}.list-clean li{display:flex;gap:var(--space-3);color:var(--color-text-muted)}.list-clean li::before{content:"";width:10px;height:10px;border-radius:50%;margin-top:.55rem;background:var(--color-primary);flex:none}
.page-hero{padding:clamp(3rem,8vw,5rem) 0 var(--space-12)}.page-hero h1{max-width:13ch}.breadcrumbs{display:flex;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.price-card.featured{background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary) 10%,var(--color-surface-2)),var(--color-surface-2));box-shadow:var(--shadow-md)}.price{font-family:var(--font-display);font-size:clamp(2rem,1rem + 2vw,3rem);margin:var(--space-3) 0}.muted{color:var(--color-text-muted)}
.faq-wrap{display:grid;gap:var(--space-4)}.faq-item summary{list-style:none;cursor:pointer;font-weight:700;font-size:var(--text-lg);font-family:var(--font-body)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-top:var(--space-3);color:var(--color-text-muted)}
.form-grid{display:grid;gap:var(--space-4)}.field{display:grid;gap:var(--space-2)}label{font-size:var(--text-sm);font-weight:700}input,textarea,select{width:100%;padding:1rem;border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);background:var(--color-bg)}textarea{min-height:140px;resize:vertical}
.cta-band{padding:var(--space-8);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in oklab,var(--color-primary) 14%,var(--color-surface)),var(--color-surface));border:1px solid color-mix(in oklab,var(--color-primary) 18%,var(--color-border))}.cta-band p{color:var(--color-text-muted);margin-top:var(--space-3)}
.footer{padding:var(--space-10) 0;border-top:1px solid var(--color-divider);color:var(--color-text-muted)}.footer-row{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-nav{display:flex;gap:var(--space-4);flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){.hero-grid,.grid-3,.grid-2,.stats-grid,.pricing-grid{grid-template-columns:1fr}.section-head,.footer-row{flex-direction:column;align-items:flex-start}.nav-links{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);display:none;flex-direction:column;align-items:flex-start;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);box-shadow:var(--shadow-md)}.nav-links.open{display:flex}.menu-toggle{display:inline-flex}.desktop-cta{display:none}h1{max-width:14ch}}