:root{color-scheme:dark;--navy:#030c16;--white:#f4f5fb;--muted:#cbd3e4;--cyan:#63dcff;--gold:#ffdb81;font-family:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);min-height:100svh;position:relative}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}.scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#020a13 0%,transparent 31%),url('assets/server-room.png') top center/cover no-repeat;pointer-events:none}.site-header{max-width:1536px;margin:auto;padding:28px 4.2% 0;min-height:75px}nav{display:flex;justify-content:flex-end;gap:40px}nav a{font-size:.9rem;letter-spacing:.025em;position:relative;padding-bottom:14px;white-space:nowrap}nav a:first-child:after{content:'';height:2px;width:56px;background:var(--cyan);position:absolute;bottom:0;left:0;box-shadow:0 0 8px #63dcff66}nav a:hover{color:var(--cyan)}main{max-width:1536px;margin:auto;padding:0 4%}.hero{padding-top:28px}.brand{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%}.brand-mark{width:clamp(120px,13vw,200px);height:auto;flex-shrink:0}.wordmark h1{font-size:clamp(3rem,5.4vw,5.2rem);letter-spacing:-.045em;margin:0;font-weight:650;line-height:1.13;background:linear-gradient(#fff 12%,#ebedf1 32%,#8d969f 55%,#e9edf1 76%,#b4bbc1);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #b9cce844)}.wordmark>p{text-transform:uppercase;letter-spacing:.53em;margin:10px 0 0 5px;font-size:clamp(1rem,1.85vw,1.8rem);font-weight:300;white-space:nowrap}.intro{margin-top:82px}.intro h2{font-size:clamp(2rem,3.65vw,3.55rem);letter-spacing:-.047em;margin:0 0 12px;font-weight:550;line-height:1.15}.intro>p{font-size:clamp(1.05rem,1.85vw,1.78rem);font-weight:350;letter-spacing:-.018em;margin:0;line-height:1.45}.signature{margin-top:48px}.signature>span{display:block;width:110px;height:2px;background:linear-gradient(90deg,var(--cyan) 0 44%,transparent 44% 54%,var(--gold) 54%);box-shadow:0 0 12px #63dcff33}.signature p{text-transform:uppercase;letter-spacing:.43em;font-size:.8rem;line-height:1.85;margin:38px 0 0 5px;color:#d9dfeb}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:70px}.service{text-align:left;color:var(--white);background:linear-gradient(130deg,#03111dcf,#07121ddd);border:1px solid #315469;border-radius:7px;padding:30px 30px 27px;cursor:pointer;min-width:0;transition:background .2s,border-color .2s,transform .2s;box-shadow:inset 0 1px 0 #ffffff06}.service svg{width:58px;height:58px;fill:none;stroke:var(--cyan);stroke-width:1.7;filter:drop-shadow(0 0 5px #27caff44);margin-bottom:14px}.service.gold svg{stroke:var(--gold);filter:drop-shadow(0 0 5px #ffd27033)}.service h3{font-size:clamp(1rem,1.45vw,1.4rem);font-weight:450;letter-spacing:.015em;margin:0 0 12px}.service p{font-size:1.05rem;line-height:1.6;margin:0;color:var(--muted);font-weight:350}.accent{display:block;width:35px;height:2px;background:var(--cyan);margin-top:21px}.gold .accent{background:var(--gold)}.service:hover{background:#0c2030ed;border-color:var(--cyan);transform:translateY(-3px)}.service.gold:hover{border-color:var(--gold)}footer{max-width:1536px;margin:auto;text-align:right;padding:45px 4% 48px;text-transform:uppercase;font-size:.75rem;letter-spacing:.22em;color:#b5bfd2}footer span{margin:0 16px}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.skip{position:absolute;top:-60px;left:20px;padding:12px;background:var(--navy);z-index:10}.skip:focus{top:12px}dialog{background:#071624;color:var(--white);border:1px solid #3f6379;border-radius:10px;max-width:600px;width:calc(100% - 32px);padding:44px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:14px;top:10px;width:42px;height:42px;background:transparent;border:0;color:#eee;font-size:2rem;cursor:pointer}dialog .eyebrow{color:var(--cyan);text-transform:uppercase;font-size:.8rem;letter-spacing:.13em;margin:0 0 28px}dialog h2{font-size:2rem;font-weight:500;margin:0 0 18px}#detail-copy{color:var(--muted);font-size:1.1rem;line-height:1.7;margin:0}
@media(min-width:1600px){.scene{background-size:cover}.hero{padding-top:50px}.intro{margin-top:95px}.services{margin-top:90px}}
@media(max-width:1100px){nav{gap:25px}.intro{margin-top:62px}.service{padding:22px 18px}.service p{font-size:1rem}.services{gap:14px;margin-top:55px}.scene{background-position:58% top}}
@media(max-width:760px){.site-header{padding:24px 6% 0;min-height:0}nav{justify-content:flex-start;gap:14px 23px;flex-wrap:wrap}nav a{font-size:.85rem;padding-bottom:10px}main{padding:0 6%}.hero{padding-top:38px}.brand-mark{width:100px}.wordmark h1{font-size:clamp(2.4rem,7.2vw,3.5rem)}.wordmark>p{font-size:.95rem;letter-spacing:.34em}.intro{margin-top:52px}.intro h2{font-size:2.45rem;max-width:550px;line-height:1.15}.intro>p{max-width:510px;font-size:1.15rem}.signature{margin-top:30px}.signature p{margin-top:25px;font-size:.75rem}.services{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}.service h3{font-size:1.12rem}.service p br{display:none}.scene{background:linear-gradient(90deg,#020c17e8,#020c1770),linear-gradient(0deg,#020a13 0%,transparent 70%),url('assets/server-room.png') center top/auto 850px no-repeat}.service svg{width:48px;height:48px}footer{text-align:center;letter-spacing:.15em;font-size:.7rem;padding:35px 6%}footer span{margin:0 8px}}
@media(max-width:400px){.brand{gap:0}.brand-mark{width:85px}.wordmark>p{letter-spacing:.25em}.intro h2{font-size:2.1rem}.services{grid-template-columns:1fr}.service{padding:24px}.service p br{display:initial}dialog{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Homepage continuation and dedicated service pages. Opening brand dimensions remain unchanged. */
.opening{position:relative;isolation:isolate;overflow:clip;min-height:100svh}.opening .scene{background-position:center calc(0px + var(--scene-shift,0px));will-change:background-position}.service{display:flex;flex-direction:column;align-items:flex-start}.service .accent{margin-top:auto}.service p{margin-bottom:21px}.continuation{background:#030d18;position:relative;border-top:1px solid #244054}.section-wrap,.automation-band,.endnote{max-width:1416px;margin:auto;padding:110px 4%}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--cyan);font-size:.8rem;line-height:1.6;margin:0 0 24px}.section-heading{max-width:820px}.continuation h2,.content-section h2,.closing-section h2{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:0 0 28px}.section-heading>p:last-child,.automation-band p,.approach p,.closing-section>p:not(.eyebrow),.about-story>p:not(.eyebrow){color:var(--muted);font-size:1.15rem;line-height:1.75}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:70px}.connection{display:block;border-top:1px solid #365263;padding-top:28px}.index{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.connection h3,.scope-grid h3{font-size:1.5rem;font-weight:500;margin:30px 0 16px}.connection p,.scope-grid p{color:var(--muted);font-size:1.05rem;line-height:1.75}.text-link{display:inline-block;color:var(--cyan);font-size:.95rem;margin-top:18px;border-bottom:1px solid #3c7d92;padding-bottom:6px}.connection:hover .text-link{color:#fff}.automation-band{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #244054;border-bottom:1px solid #244054;background:radial-gradient(ellipse at 20% 50%,#10283b99,transparent 65%)}.automation-band .eyebrow{color:var(--gold);font-size:.8rem}.outline-link{display:inline-block;border:1px solid #53839a;padding:15px 22px;font-size:.95rem;border-radius:3px;margin-top:16px;transition:background .2s}.outline-link:hover{background:#143246}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach ol,.process-section ol{padding:0;margin:0;list-style:none}.approach li,.process-section li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #294251}.approach li:first-child,.process-section li:first-child{padding-top:0}.approach li>span,.process-section li>span{color:var(--gold);font-size:.8rem;padding-top:7px}.approach h3{margin:0;font-size:1.5rem;font-weight:500}.approach p{margin:10px 0 0;font-size:1.05rem}.endnote{padding-top:30px;padding-bottom:90px;text-align:center}.endnote p{font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.025em}.endnote a{color:var(--cyan);border-bottom:1px solid #4b8799;padding-bottom:8px}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}.motion-ready .reveal{transition:opacity .8s ease,transform .8s ease}.connection:nth-child(2){transition-delay:.1s}.connection:nth-child(3){transition-delay:.2s}.inner-page{background:#030d18}.inner-header{max-width:1536px;margin:auto;padding:26px 4%;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #234052}.home-brand{font-size:1.6rem;font-weight:600;letter-spacing:-.04em;white-space:nowrap}.home-brand span{display:block;font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.35em;margin-top:4px}.inner-header nav{gap:23px;flex-wrap:wrap}.inner-header nav a{font-size:.82rem;padding:10px 0}.inner-header nav a:first-child:after{display:none}.inner-header nav a[aria-current=page]{color:var(--cyan);border-bottom:1px solid var(--cyan)}.service-main{padding:0;max-width:none}.service-hero{position:relative;padding:45px max(5%,calc((100% - 1300px)/2)) 100px;background:linear-gradient(90deg,#030d18 15%,#030d18dc 55%,#030d1855),url('assets/server-room.png') center/cover;border-bottom:1px solid #244054}.back-link{display:inline-block;color:#c7d8e5;font-size:.9rem;margin-bottom:65px;border-bottom:1px solid #608394;padding-bottom:6px}.service-hero h1{font-size:clamp(2.8rem,5vw,5.6rem);line-height:1.06;letter-spacing:-.055em;font-weight:550;max-width:960px;margin:0 0 32px}.lead{max-width:750px;font-size:1.25rem;line-height:1.75;color:var(--muted)}.content-section,.closing-section{max-width:1416px;margin:auto;padding:100px 4%}.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:55px}.scope-grid article{border-top:1px solid #385160;padding-top:28px}.process-section,.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid #244054}.process-section p{font-size:1.15rem;color:var(--muted);line-height:1.7;margin:0}.faq-section details{border-bottom:1px solid #294251;padding:24px 0}.faq-section details:first-child{padding-top:0}.faq-section summary{font-size:1.15rem;line-height:1.5;cursor:pointer;color:#e7eff5;padding-right:15px}.faq-section details p{font-size:1.05rem;color:var(--muted);line-height:1.75}.faq-section summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.closing-section{border-top:1px solid #244054;border-bottom:1px solid #244054;background:radial-gradient(ellipse at 90% 50%,#16324588,transparent 65%)}.closing-section>p:not(.eyebrow){max-width:800px}.related{padding-top:65px;padding-bottom:65px}.related>div{display:flex;gap:24px 40px;flex-wrap:wrap}.related a{font-size:1.1rem;color:var(--cyan);border-bottom:1px solid #376879;padding-bottom:7px}.inner-footer{border-top:1px solid #244054;display:flex;justify-content:space-between;align-items:center;text-align:left;text-transform:none;letter-spacing:0;font-size:.9rem;gap:25px}.inner-footer span{margin:0;color:#9facbb}.about-story{max-width:1000px}.about-story h2{margin-bottom:40px}
@media(max-width:1000px){.inner-header{flex-direction:column;align-items:flex-start;gap:16px}.inner-header nav{justify-content:flex-start}.section-wrap,.automation-band,.endnote,.content-section,.closing-section{padding:75px 6%}.connection-grid,.scope-grid{gap:28px}.automation-band,.approach,.process-section,.faq-section{gap:40px}.inner-footer{padding:35px 6%}.service-hero{padding-left:6%;padding-right:6%}.connection h3,.scope-grid h3{font-size:1.3rem}}
@media(max-width:700px){.connection-grid,.scope-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.automation-band,.approach,.process-section,.faq-section{grid-template-columns:1fr;gap:32px}.section-wrap,.automation-band,.endnote,.content-section,.closing-section{padding:60px 6%}.connection h3,.scope-grid h3{margin-top:20px;font-size:1.5rem}.service-hero{padding-top:30px;padding-bottom:65px}.back-link{margin-bottom:45px}.lead{font-size:1.1rem}.inner-header nav{gap:7px 20px}.inner-header nav a{font-size:.85rem}.inner-footer{align-items:flex-start;flex-direction:column}.related>div{flex-direction:column;align-items:flex-start}.service p{margin-bottom:21px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.opening .scene{background-position:center top;will-change:auto}}

/* Keep the expanded homepage navigation within the available width. */
.site-header nav{flex-wrap:wrap}

/* Shared phone contact; accepted brand dimensions are preserved. */
.contact-top{max-width:1536px;margin:auto;padding:14px 4.2% 0;display:flex;justify-content:flex-end}.contact-top a{display:inline-flex;align-items:center;min-height:44px;color:var(--cyan);font-size:1.25rem;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;transform:translateY(12px)}.contact-top a:hover{color:var(--white)}@media(max-width:760px){.contact-top{padding:8px 6% 0}}