/*
Theme Name: WNY IT Services
Theme URI: https://wnyitservices.com/
Author: WNY IT Services
Description: Custom corporate WordPress theme for WNY IT Services, focused on digital media platforms, infrastructure management, IT management, hosting, and data center consulting.
Version: 2.6.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: wny-it-services
*/
:root{--navy:#061224;--navy2:#071b32;--ink:#0b1730;--muted:#536072;--line:#e6eaf0;--blue:#0969ff;--blue2:#43a0ff;--purple:#7d5cff;--white:#fff;--soft:#f7f9fc;--max:1180px;--wide:1320px;--shadow:0 20px 60px rgba(5,20,40,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.text-center{text-align:center}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:900;margin:0 0 12px}.section-title{font-size:clamp(31px,3.4vw,46px);line-height:1.08;margin:0;color:var(--ink);letter-spacing:-.035em}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:15px 22px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:900;border:1px solid transparent;transition:.22s ease}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 14px 34px rgba(9,105,255,.26)}.btn.primary:hover{transform:translateY(-2px);background:#005ce0}.btn.ghost{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.02)}.btn.ghost:hover{background:rgba(255,255,255,.08)}
.site-header{position:absolute;left:0;right:0;top:0;z-index:50;color:#fff;background:linear-gradient(180deg,rgba(2,8,18,.64),rgba(2,8,18,0))}.header-inner{width:min(var(--wide),calc(100% - 64px));height:96px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{color:#fff;display:flex;align-items:center;flex:0 0 auto}.brand svg{width:154px;height:auto}.main-nav{flex:1;display:flex;justify-content:center}.primary-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}.primary-menu li{list-style:none;margin:0;padding:0}.primary-menu a{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:900;color:#fff;opacity:.94;position:relative;white-space:nowrap}.primary-menu a:after{content:"";position:absolute;left:0;bottom:-12px;width:0;height:2px;background:var(--blue);transition:.18s}.primary-menu a:hover:after{width:100%}.header-cta{padding:14px 22px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hero{min-height:655px;background:radial-gradient(circle at 85% 5%,rgba(9,105,255,.25),transparent 32%),linear-gradient(90deg,#020711 0%,#061224 44%,#071c34 100%);color:#fff;overflow:hidden}.hero-inner{width:min(var(--wide),calc(100% - 64px));margin:0 auto;min-height:655px;padding-top:96px;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:58px}.hero-copy{max-width:625px;position:relative;z-index:2}.hero h1{font-size:clamp(50px,5vw,72px);line-height:.98;letter-spacing:-.06em;margin:0 0 25px}.hero h1 strong{display:inline;color:var(--blue);font-weight:900}.hero p{font-size:17px;line-height:1.7;color:#dce6f4;max-width:600px;margin:0 0 30px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-media{height:520px;border-radius:0 0 0 42px;background-image:linear-gradient(90deg,rgba(3,8,16,.24),rgba(3,8,16,.05)),url('assets/images/hero-datacenter.jpg');background-size:cover;background-position:center;box-shadow:-28px 42px 90px rgba(0,0,0,.38);position:relative}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,15,.28),rgba(2,7,15,0) 35%,rgba(2,7,15,.12));border-radius:inherit;pointer-events:none}.platform-strip{background:#fff;padding:50px 0}.strip-title{text-align:center;margin:0 0 30px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-card{min-width:0;padding:30px 34px;border-right:1px solid var(--line)}.platform-card:last-child{border-right:0}.platform-logo{height:58px;margin-bottom:16px;display:flex;align-items:center;overflow:hidden}.platform-logo svg{width:100%;max-width:230px;height:auto;flex-shrink:1}.platform-card p{font-size:15px;color:#39475d;margin:0 0 18px}.text-link{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--blue);text-transform:uppercase}
.split-about{display:grid;grid-template-columns:1.02fr 1fr;background:var(--soft)}.diagram-panel{background:radial-gradient(circle at 50% 50%,rgba(9,105,255,.16),transparent 33%),linear-gradient(135deg,#04101f,#081a30);color:#fff;padding:66px 64px;min-height:420px;display:grid;place-items:center}.diagram{width:100%;max-width:535px}.about-panel{background:#fff;padding:68px 70px;display:flex;flex-direction:column;justify-content:center}.about-panel h2{font-size:clamp(34px,3.4vw,45px);line-height:1.08;margin:0 0 20px;letter-spacing:-.04em}.about-panel p{color:#455267;margin:0 0 17px}.about-panel .btn{align-self:flex-start;margin-top:12px}.leadership{background:linear-gradient(135deg,#061224,#061d36);color:#fff;padding:58px 0}.leadership-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:50px;align-items:center}.leadership h2{font-size:clamp(30px,3vw,38px);line-height:1.08;margin:0 0 14px;letter-spacing:-.035em}.leadership p{color:#cbd7e7;margin:0 0 22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat{text-align:center;border-left:1px solid rgba(255,255,255,.16);padding:12px 18px}.stat:first-child{border-left:0}.stat svg{width:44px;height:44px;margin:0 auto 12px;color:var(--blue)}.stat strong{display:block;font-size:34px;line-height:1}.stat span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#b9c9df;margin-top:8px}.what-we-do{padding:70px 0 42px;background:#fff}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:34px}.service-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:30px 25px;box-shadow:0 8px 26px rgba(10,26,50,.05);transition:.2s;text-align:center}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d6e2f0}.service-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#6b45d9);display:grid;place-items:center;color:#fff;margin:0 auto 20px}.service-icon svg{width:30px}.service-card h3{font-size:20px;line-height:1.14;margin:0 0 12px}.service-card p{font-size:15px;color:#536072;margin:0}.values{padding:34px 0 74px;background:#fff}.values-inner{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.value{padding:28px 28px 0;border-right:1px solid var(--line)}.value:last-child{border-right:0}.value svg{width:38px;color:var(--blue);margin-bottom:12px}.value h3{margin:0 0 8px;font-size:18px}.value p{margin:0;color:#536072;font-size:14px}
.page-hero{padding:170px 0 100px;background:radial-gradient(circle at 82% 16%,rgba(9,105,255,.25),transparent 30%),linear-gradient(135deg,#020914,#071a30);color:#fff}.page-hero h1{font-size:clamp(46px,5vw,70px);line-height:1.02;letter-spacing:-.055em;max-width:950px;margin:0 0 22px}.page-hero p{font-size:19px;line-height:1.7;color:#d6e0ef;max-width:790px;margin:0}.content-section{padding:74px 0}.page-intro{text-align:center;max-width:820px;margin:0 auto 42px}.page-intro h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:0 0 14px;letter-spacing:-.045em}.page-intro p{color:#536072;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.feature-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:34px;box-shadow:0 12px 34px rgba(10,26,50,.06)}.feature-card .service-icon{margin:0 0 20px}.feature-card h3{font-size:28px;line-height:1.12;margin:0 0 14px}.feature-card p,.feature-card li{color:#536072}.feature-card ul{margin:0;padding-left:20px}.platform-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.platform-feature{border:1px solid var(--line);border-radius:20px;padding:34px;background:#fff;box-shadow:0 14px 38px rgba(10,26,50,.06);display:grid;gap:18px}.platform-feature .platform-logo{height:76px;margin:0}.platform-feature .platform-logo svg{max-width:265px}.platform-feature p{font-size:16px;color:#536072;margin:0}.platform-meta{display:flex;gap:10px;flex-wrap:wrap}.platform-meta span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#0f5dde;background:#eef5ff;border:1px solid #d7e8ff;border-radius:999px;padding:7px 10px}.process-band{background:#071322;color:#fff;padding:80px 0}.process-band .section-title{color:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px}.process-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:18px;padding:30px}.process-card strong{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0969ff;margin-bottom:18px}.process-card h3{font-size:24px;margin:0 0 10px}.process-card p{color:#cbd7e7;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:var(--shadow)}.field{margin-bottom:18px}.field label{display:block;font-weight:800;font-size:13px;margin-bottom:8px}.field input,.field textarea{width:100%;border:1px solid #d9e1ec;border-radius:8px;padding:14px 16px;font:inherit}.field textarea{min-height:150px}.notice{padding:14px 16px;border-radius:8px;margin-bottom:18px}.notice.success{background:#ecfdf3;color:#027a48}.notice.error{background:#fff2f0;color:#b42318}.prose{font-size:18px;color:#3f4b5f}.prose h2{font-size:36px;color:#0b1730;line-height:1.1}
.site-footer{background:#061224;color:#dce8f8;padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:42px}.footer-logo svg{width:145px}.footer h4{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 18px}.footer p,.footer li{font-size:14px;color:#b9c9df}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:9px 0}.social{display:flex;gap:10px;margin-top:20px}.social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;color:#91a5bd;font-size:13px}
@media(max-width:1100px){.header-inner{height:auto;padding:24px 0}.brand svg{width:145px}.primary-menu{gap:18px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:135px 0 70px}.hero-media{height:420px}.platform-grid,.cards,.values-inner,.stats{grid-template-columns:repeat(2,1fr)}.split-about,.leadership-grid,.feature-grid,.platform-page-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.platform-card:nth-child(2){border-right:0}.platform-card{border-bottom:1px solid var(--line)}}
@media(max-width:760px){.container,.header-inner,.hero-inner{width:min(100% - 32px,var(--max))}.header-inner{padding:22px 0}.brand svg{width:132px}.header-cta{display:none}.menu-toggle{display:block}.main-nav{position:absolute;left:16px;right:16px;top:78px;background:#071322;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px;display:none}.main-nav.open{display:block}.primary-menu{display:grid;gap:14px;justify-content:start}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-media{height:300px}.platform-grid,.cards,.values-inner,.stats,.process-grid,.footer-grid{grid-template-columns:1fr}.platform-card,.value{border-right:0}.diagram-panel,.about-panel{padding:44px 26px}.copyright{display:grid;gap:10px}.page-hero{padding:135px 0 70px}.page-hero h1{font-size:42px}}

/* v1.3 precision layout pass: closer to the approved rendering */
:root{--max:1260px;--wide:1680px}
body{overflow-x:hidden}.site-header{background:linear-gradient(180deg,rgba(2,7,15,.78),rgba(2,7,15,.10) 72%,rgba(2,7,15,0))}.header-inner{width:min(var(--wide),calc(100% - 90px));height:86px}.brand svg{width:156px}.primary-menu{gap:30px}.primary-menu a{font-size:12px;letter-spacing:.06em}.header-cta{padding:13px 22px;border-radius:5px}
.hero{min-height:500px;background-image:linear-gradient(90deg,rgba(2,7,15,.98) 0%,rgba(2,7,15,.88) 26%,rgba(2,7,15,.42) 53%,rgba(2,7,15,.12) 100%),linear-gradient(180deg,rgba(2,7,15,.55) 0%,rgba(2,7,15,.08) 48%,rgba(2,7,15,.42) 100%),url('assets/images/hero-datacenter-clean.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;color:#fff}.hero-inner{width:min(var(--wide),calc(100% - 90px));min-height:500px;display:block;padding:112px 0 58px}.hero-copy{width:min(610px,48vw);max-width:610px}.hero h1{font-size:clamp(42px,3.75vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}.hero h1 strong{display:inline;color:var(--blue)}.hero p{font-size:16px;line-height:1.68;max-width:560px;margin-bottom:26px;color:#e2ebf7}.hero-media{display:none!important}.hero-actions .btn{min-width:142px;height:50px;padding:0 22px}.platform-strip{padding:52px 0 55px}.platform-strip .container{width:min(1280px,calc(100% - 90px))}.strip-title{margin-bottom:27px}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-color:#dde5ef}.platform-card{padding:28px 34px 30px;min-height:190px}.platform-logo{height:64px;overflow:visible;margin-bottom:15px}.platform-logo svg{width:100%;max-width:245px;max-height:64px;object-fit:contain}.platform-card p{font-size:15px;line-height:1.55;min-height:70px;margin-bottom:12px}.text-link{display:inline-block;white-space:nowrap}.split-about{grid-template-columns:1fr 1fr}.diagram-panel{min-height:380px;padding:54px 58px}.diagram{max-width:520px}.about-panel{padding:58px 70px;min-height:380px}.about-panel h2{font-size:clamp(31px,3.0vw,42px)}.about-panel p{font-size:16px;line-height:1.65}.leadership{padding:54px 0}.leadership .container{width:min(1280px,calc(100% - 90px))}.leadership-grid{grid-template-columns:.94fr 1.65fr;gap:48px}.stats{align-items:center}.stat{padding:10px 26px}.stat strong{font-size:34px}.what-we-do{padding:64px 0 36px}.what-we-do .container{width:min(1280px,calc(100% - 90px))}.what-we-do .section-title{font-size:clamp(28px,2.8vw,40px);max-width:920px;margin:0 auto}.cards{gap:22px;margin-top:32px}.service-card{padding:26px 22px 28px;border-radius:8px;min-height:225px}.service-icon{width:50px;height:50px;border-radius:12px;margin-bottom:18px}.service-card h3{font-size:18px;line-height:1.12}.service-card p{font-size:14px;line-height:1.55}.values{padding:28px 0 68px}.values .container{width:min(1280px,calc(100% - 90px))}.values-inner{margin-top:10px}.value{padding:26px 30px 0}.value p{line-height:1.55}.site-footer{padding-top:56px}.footer-grid{width:min(1280px,calc(100% - 90px));margin:0 auto;grid-template-columns:1.25fr .8fr .9fr 1.1fr 1fr;gap:42px}.footer-logo svg{width:150px}.copyright{width:min(1280px,calc(100% - 90px));margin-left:auto;margin-right:auto}
@media(max-width:1180px){.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:min(100% - 48px,var(--max))}.hero{min-height:auto}.hero-inner{min-height:560px}.hero-copy{width:min(600px,70vw)}.primary-menu{gap:17px}.brand svg{width:140px}.platform-grid,.cards,.values-inner,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card:nth-child(2){border-right:0}.split-about,.leadership-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner,.hero-inner,.container,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:calc(100% - 32px)}.header-inner{height:auto;padding:22px 0}.hero-inner{padding:126px 0 54px;min-height:560px}.hero-copy{width:100%}.hero h1{font-size:43px}.platform-grid,.cards,.values-inner,.stats{grid-template-columns:1fr}.platform-card,.platform-card:nth-child(2),.value{border-right:0}.platform-card{border-bottom:1px solid var(--line)}.diagram-panel,.about-panel{padding:42px 24px}.footer-grid{grid-template-columns:1fr}}


/* v1.4 polish pass: typography, width, crisp hero, logo, colors, and metrics */
:root{
  --navy:#041120;
  --navy2:#071b32;
  --ink:#07152c;
  --muted:#4e5d72;
  --line:#dfe7f1;
  --blue:#0874ff;
  --blue2:#36a4ff;
  --purple:#7866ff;
  --max:1390px;
  --wide:1920px;
  --shadow:0 22px 60px rgba(7,21,44,.12);
}
html{font-size:16px}body{font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-weight:500;letter-spacing:-.01em}.container{width:min(var(--max),calc(100% - 96px))}.section-title{font-weight:800;color:var(--ink);letter-spacing:-.045em}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.24em;font-weight:800}.btn{border-radius:5px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:.055em}.btn.primary{background:var(--blue);box-shadow:0 16px 34px rgba(8,116,255,.25)}.btn.ghost{border-color:rgba(255,255,255,.46);background:rgba(0,0,0,.08)}
.site-header{background:linear-gradient(180deg,rgba(1,7,16,.58),rgba(1,7,16,0));}.header-inner{width:min(var(--wide),calc(100% - 112px));height:86px}.brand svg{width:172px;height:auto}.primary-menu{gap:32px}.primary-menu a{font-size:12px;font-weight:800;letter-spacing:.055em;color:#fff;opacity:.96}.primary-menu a:after{bottom:-10px;background:var(--blue)}.header-cta{height:48px;padding:0 24px;font-size:12px}
.hero{min-height:620px;background-image:linear-gradient(90deg,rgba(2,7,15,.96) 0%,rgba(2,7,15,.89) 29%,rgba(2,7,15,.55) 50%,rgba(2,7,15,.16) 84%,rgba(2,7,15,.08) 100%),linear-gradient(180deg,rgba(2,7,15,.30) 0%,rgba(2,7,15,.04) 48%,rgba(2,7,15,.40) 100%),url('assets/images/hero-datacenter-v14.svg');background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-inner{width:min(var(--wide),calc(100% - 112px));min-height:620px;padding:112px 0 74px}.hero-copy{width:min(760px,52vw);max-width:760px}.hero h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(52px,4.55vw,82px);line-height:1.015;letter-spacing:-.065em;font-weight:800;margin:0 0 24px}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--blue);font-weight:800}.hero p{font-size:17px;line-height:1.75;color:#e4edf8;max-width:650px;margin-bottom:30px;font-weight:500}.hero-actions{gap:16px}.hero-actions .btn{height:52px;min-width:152px}.hero-media{display:none!important}
.platform-strip{padding:56px 0 58px}.platform-strip .container{width:min(1420px,calc(100% - 112px))}.strip-title{font-size:12px;letter-spacing:.26em;color:var(--blue);font-weight:800}.platform-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-card{padding:31px 38px 32px;min-height:204px}.platform-logo{height:68px;margin-bottom:15px;overflow:visible}.platform-logo svg{max-height:68px;max-width:260px}.platform-card p{font-size:15px;line-height:1.62;color:#445369;font-weight:500}.text-link{font-size:12px;letter-spacing:.07em;color:var(--blue);font-weight:800}
.split-about{grid-template-columns:1fr 1fr}.diagram-panel{min-height:405px;padding:60px 68px;background:radial-gradient(circle at 50% 50%,rgba(8,116,255,.18),transparent 34%),linear-gradient(135deg,#04101f,#071b31)}.diagram{max-width:540px}.about-panel{min-height:405px;padding:64px 78px}.about-panel h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(34px,3.05vw,46px);letter-spacing:-.052em;font-weight:800;color:var(--ink);line-height:1.08}.about-panel p{color:#455267;font-size:16px;line-height:1.72;font-weight:500}.about-panel .eyebrow{margin-bottom:16px}.about-panel .btn{margin-top:16px}
.leadership{background:linear-gradient(135deg,#061326,#071e37);padding:60px 0}.leadership .container{width:min(1420px,calc(100% - 112px))}.leadership-grid{grid-template-columns:.95fr 1.7fr;gap:54px}.leadership h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(32px,2.85vw,44px);font-weight:800;letter-spacing:-.05em;color:#fff}.leadership p{color:#cdd9e9;font-size:16px;line-height:1.68}.stat{padding:8px 28px}.stat svg{width:46px;height:46px;color:var(--blue);margin-bottom:13px}.stat strong{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:39px;letter-spacing:-.045em;font-weight:800}.stat span{font-size:11px;line-height:1.22;letter-spacing:.08em;color:#c2d1e4;font-weight:800;max-width:128px;margin-left:auto;margin-right:auto}
.what-we-do{padding:76px 0 42px}.what-we-do .container,.values .container{width:min(1420px,calc(100% - 112px))}.what-we-do .section-title{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(32px,3.1vw,46px);max-width:1000px;font-weight:800;letter-spacing:-.052em}.cards{gap:24px;margin-top:38px}.service-card{min-height:232px;padding:30px 26px;border-color:#e3eaf3;border-radius:10px;box-shadow:0 8px 24px rgba(7,21,44,.045)}.service-icon{background:linear-gradient(135deg,var(--blue),#7659f5);border-radius:13px;width:54px;height:54px}.service-card h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;color:var(--ink);font-size:19px;line-height:1.14;letter-spacing:-.025em}.service-card p{color:#536176;font-size:14px;line-height:1.58;font-weight:500}.values{padding:34px 0 78px}.values-inner{border-top:1px solid var(--line)}.value{padding:30px 34px 0}.value svg{color:var(--blue);width:36px}.value h3{font-size:18px;font-weight:800;color:var(--ink)}.value p{font-size:14px;color:#536176;line-height:1.6;font-weight:500}
.site-footer{background:#061224;color:#dce8f8}.footer-grid{width:min(1420px,calc(100% - 112px));grid-template-columns:1.35fr .8fr .9fr 1.15fr 1fr}.footer-logo svg{width:158px}.site-footer ul{list-style:none!important;margin:0!important;padding:0!important}.site-footer li{list-style:none!important;margin:9px 0!important;padding:0!important}.site-footer li::marker{content:""}.footer p,.footer li{color:#bed0e5;font-weight:500}.copyright{width:min(1420px,calc(100% - 112px))}
@media(max-width:1180px){.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:min(100% - 48px,var(--max))}.hero{min-height:auto}.hero-inner{min-height:610px;padding-top:126px}.hero-copy{width:min(760px,78vw)}.hero h1{font-size:clamp(46px,7vw,66px)}.primary-menu{gap:18px}.brand svg{width:152px}.platform-grid,.cards,.values-inner,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split-about,.leadership-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner,.hero-inner,.container,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:calc(100% - 32px)}.brand svg{width:140px}.hero-inner{padding:124px 0 58px;min-height:610px}.hero-copy{width:100%}.hero h1{font-size:43px}.hero h1 span,.hero h1 strong{display:inline}.platform-grid,.cards,.values-inner,.stats{grid-template-columns:1fr}.platform-card,.value{border-right:0}.diagram-panel,.about-panel{padding:42px 24px}.footer-grid{grid-template-columns:1fr}}

/* v1.5 refinements requested after site preview */
:root{
  --navy:#041120;
  --navy2:#07192f;
  --ink:#07152c;
  --muted:#536176;
  --line:#dfe7f1;
  --blue:#0874ff;
  --blue2:#32a3ff;
  --purple:#785cff;
  --max:1120px;
  --wide:1220px;
  --shadow:0 18px 48px rgba(7,21,44,.11);
}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;color:var(--ink);letter-spacing:-.008em}h1,h2,h3,h4,.section-title,.hero h1,.page-hero h1{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:800}.container{width:min(var(--max),calc(100% - 64px))}.section-title{font-size:clamp(30px,2.8vw,42px);letter-spacing:-.042em}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--blue);font-weight:900}.btn{border-radius:5px;padding:14px 20px;font-size:11px;letter-spacing:.055em;font-weight:900}.site-header{background:linear-gradient(180deg,rgba(2,8,18,.72),rgba(2,8,18,0))}.header-inner{width:min(var(--wide),calc(100% - 72px));height:86px;gap:20px}.brand{width:176px}.brand-logo{width:176px;height:auto;display:block}.main-nav{flex:1;justify-content:flex-end;margin-left:auto;margin-right:16px}.primary-menu{gap:24px}.primary-menu a{font-size:11px;letter-spacing:.055em;font-weight:900;color:#fff;opacity:.98}.header-cta{height:44px;min-width:118px;padding:0 18px}.hero{min-height:600px;background-image:linear-gradient(90deg,rgba(2,7,15,.97) 0%,rgba(2,7,15,.9) 31%,rgba(2,7,15,.58) 52%,rgba(2,7,15,.17) 86%,rgba(2,7,15,.06) 100%),linear-gradient(180deg,rgba(2,7,15,.24) 0%,rgba(2,7,15,.04) 50%,rgba(2,7,15,.42) 100%),url('assets/images/hero-datacenter-v14.svg');background-size:cover;background-position:center center}.hero-inner{width:min(var(--wide),calc(100% - 72px));min-height:600px;padding:108px 0 64px;display:block}.hero-copy{width:min(620px,48vw);max-width:620px}.hero h1{font-size:clamp(40px,3.35vw,58px);line-height:1.04;letter-spacing:-.055em;margin:0 0 24px}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--blue)}.hero p{font-size:15px;line-height:1.72;color:#e4edf8;max-width:560px;margin-bottom:28px}.hero-actions .btn{height:48px;min-width:138px}.platform-strip{padding:54px 0}.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:min(var(--wide),calc(100% - 72px))}.platform-card{padding:30px 34px;min-height:198px}.platform-logo{height:64px}.platform-logo svg{max-height:64px;max-width:250px}.platform-card p{font-size:14px;line-height:1.62;color:#46556b}.split-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diagram-panel{min-height:390px;padding:56px 54px}.about-panel{min-height:390px;padding:58px 64px}.about-panel h2{font-size:clamp(30px,2.7vw,40px);line-height:1.1;letter-spacing:-.045em}.about-panel p{font-size:15px;line-height:1.7;color:#46556b}.leadership{padding:56px 0}.leadership-grid{grid-template-columns:.95fr 1.55fr;gap:44px}.leadership h2{font-size:clamp(28px,2.5vw,38px);letter-spacing:-.044em}.leadership p{font-size:15px}.stat strong{font-size:34px}.stat span{font-size:10px;letter-spacing:.075em;max-width:118px}.what-we-do{padding:70px 0 40px}.cards{gap:22px;margin-top:34px}.service-card{padding:28px 24px;min-height:218px}.service-card h3{font-size:18px}.service-card p{font-size:14px}.values{padding:32px 0 72px}.value{padding:28px 28px 0}.site-footer{padding-top:58px;background:#061224}.footer-logo-img{width:180px;height:auto;display:block}.footer-grid{grid-template-columns:1.3fr .75fr .9fr 1.15fr 1fr;gap:38px}.site-footer a:hover{color:#fff}.copyright{padding:24px 0 32px}.page-hero{padding:155px 0 84px;background:radial-gradient(circle at 82% 16%,rgba(8,116,255,.22),transparent 30%),linear-gradient(135deg,#020914,#071a30)}.page-hero h1{font-size:clamp(40px,4vw,60px);max-width:900px;line-height:1.02;letter-spacing:-.055em}.page-hero p{font-size:18px;max-width:780px;color:#d6e0ef}.feature-grid,.platform-page-grid{gap:24px}.feature-card,.platform-feature{border-radius:16px;padding:32px}.page-intro h2{font-size:clamp(30px,3.1vw,44px)}.profile-card{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.profile-avatar{aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,#071a30,#0b2c55);display:grid;place-items:center;color:#fff;font-size:54px;font-family:"Inter Tight",Inter,sans-serif;font-weight:800;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-card h3{font-size:30px;margin:0 0 8px;letter-spacing:-.035em}.profile-card p{margin:0;color:#536176}.legal-content{max-width:900px}.legal-content h2{font-size:28px;margin-top:34px}.legal-content p,.legal-content li{color:#536176}.legal-content ul{padding-left:22px}
@media(max-width:1180px){.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:min(100% - 48px,var(--max))}.brand{width:156px}.brand-logo{width:156px}.primary-menu{gap:16px}.hero-copy{width:min(590px,66vw)}.hero h1{font-size:clamp(40px,5.6vw,54px)}.platform-grid,.cards,.values-inner,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split-about,.leadership-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.header-inner{height:auto;padding:22px 0;align-items:flex-start}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:24px;right:24px;background:#071224;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px}.main-nav.open{display:block}.primary-menu{display:grid;gap:14px}.header-cta{margin-left:auto}.hero{min-height:auto}.hero-inner{padding:130px 0 62px;min-height:570px}.hero-copy{width:100%}.hero h1{font-size:42px}.platform-grid,.cards,.values-inner,.stats{grid-template-columns:1fr}.platform-card,.value{border-right:0;border-bottom:1px solid var(--line)}.diagram-panel,.about-panel{padding:42px 24px}.footer-grid{grid-template-columns:1fr}.profile-card{grid-template-columns:1fr}.profile-avatar{width:180px}}


/* v1.6 headshot and official-logo polish */
:root{--max:1120px;--wide:1240px;--ink:#09162b;--muted:#526177;--blue:#0875ff;--navy:#061224;--line:#e2e8f0}
.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:min(var(--wide),calc(100% - 96px))}
.brand{width:210px}.brand-logo{width:210px;height:auto;object-fit:contain}.footer-logo-img{width:220px;height:auto;object-fit:contain}
.main-nav{justify-content:flex-end;margin-left:auto;margin-right:22px}.primary-menu{gap:24px}.header-cta{min-width:126px}
.hero{min-height:585px}.hero-inner{min-height:585px;padding:106px 0 66px}.hero-copy{width:min(575px,45vw);max-width:575px}.hero h1{font-size:clamp(38px,3.15vw,54px);line-height:1.045;letter-spacing:-.058em}.hero p{font-size:15.5px;max-width:545px;color:#e7eff9}.section-title{letter-spacing:-.045em}.platform-strip{padding:50px 0 54px}.platform-card{padding-left:32px;padding-right:32px}.split-about{max-width:100%;overflow:hidden}.diagram-panel,.about-panel{min-height:400px}.leadership{padding:58px 0}.what-we-do{padding-top:68px}.site-footer{padding-top:56px}.footer-grid{gap:36px}.profile-card{grid-template-columns:240px 1fr;align-items:center}.profile-avatar{border-radius:18px;box-shadow:0 22px 60px rgba(5,20,40,.16)}.profile-avatar img{filter:saturate(.98) contrast(1.02)}
@media(max-width:1180px){.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:min(100% - 48px,var(--max))}.brand,.brand-logo{width:180px}.footer-logo-img{width:190px}.hero-copy{width:min(560px,68vw)}.hero h1{font-size:clamp(38px,5vw,52px)}}
@media(max-width:860px){.brand,.brand-logo{width:165px}.footer-logo-img{width:180px}.hero-copy{width:100%}.profile-card{grid-template-columns:1fr}.profile-avatar{width:min(260px,100%)}}

/* v1.7 requested polish: white logo, meaningful hero, narrower layout, readable headings */
:root{
  --max:1080px;
  --wide:1160px;
  --ink:#09162b;
  --muted:#516176;
  --blue:#0875ff;
  --navy:#051224;
  --navy2:#071b32;
  --line:#e3e9f2;
}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-weight:500;letter-spacing:0}
h1,h2,h3,h4,.section-title,.hero h1,.page-hero h1{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800;letter-spacing:-.032em}.page-hero h1,.hero h1{font-weight:800;letter-spacing:-.028em;line-height:1.08}.section-title{letter-spacing:-.026em}.container{width:min(var(--max),calc(100% - 64px))}.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright{width:min(var(--wide),calc(100% - 88px))}
.site-header{background:linear-gradient(180deg,rgba(2,8,18,.68),rgba(2,8,18,.08) 72%,rgba(2,8,18,0))}.header-inner{height:82px}.brand{width:185px}.brand-logo{width:185px;filter:none}.main-nav{justify-content:flex-end;margin-left:auto;margin-right:18px}.primary-menu{gap:22px}.primary-menu a{font-size:11px;letter-spacing:.06em}.header-cta{min-width:118px;height:44px}
.footer-logo-img{width:190px;filter:none}.site-footer .social a:first-child{text-transform:none}
.hero{min-height:560px;background-image:linear-gradient(90deg,rgba(2,7,15,.98) 0%,rgba(2,7,15,.92) 29%,rgba(2,7,15,.62) 50%,rgba(2,7,15,.24) 78%,rgba(2,7,15,.08) 100%),linear-gradient(180deg,rgba(2,7,15,.18),rgba(2,7,15,.30)),url('assets/images/hero-meaningful.jpg');background-size:cover;background-position:center right}.hero-inner{min-height:560px;padding:104px 0 58px}.hero-copy{width:min(525px,43vw);max-width:525px}.hero h1{font-size:clamp(34px,3vw,48px);margin-bottom:22px}.hero h1 strong{color:var(--blue)}.hero p{font-size:15px;line-height:1.72;max-width:520px;color:#e6eef8}.hero-actions .btn{height:46px;min-width:132px}
.page-hero{padding:146px 0 78px}.page-hero h1{font-size:clamp(36px,3.5vw,54px);max-width:900px}.page-hero p{font-size:17px;max-width:760px;color:#d9e4f2}.btn{letter-spacing:.06em}.eyebrow{letter-spacing:.22em;color:var(--blue)}
.platform-strip{padding:48px 0 54px}.platform-card{padding:28px 30px;min-height:190px}.platform-logo{height:60px}.platform-logo svg{max-height:60px;max-width:235px}.platform-card p{max-width:240px;color:#46566d}.platform-grid{border-color:var(--line)}
.split-about{width:min(var(--wide),calc(100% - 88px));margin:0 auto;grid-template-columns:.95fr 1.05fr;background:#fff}.diagram-panel{min-height:390px;padding:54px 48px;border-radius:0;background:radial-gradient(circle at 52% 46%,rgba(8,117,255,.18),transparent 34%),linear-gradient(135deg,#04101f,#071b32)}.diagram{max-width:500px;margin-left:auto;margin-right:0}.about-panel{min-height:390px;padding:58px 58px;background:#fff}.about-panel h2{font-size:clamp(30px,2.5vw,38px);letter-spacing:-.026em}.about-panel p{max-width:680px;font-size:15px;line-height:1.72;color:#44536a}.about-panel .btn{margin-top:10px}
.leadership{margin-top:0;padding:58px 0;background:linear-gradient(135deg,#061224,#071d36)}.leadership-grid{grid-template-columns:.9fr 1.55fr}.leadership h2{letter-spacing:-.026em}.stat strong{font-size:34px}.stat span{font-size:10px;line-height:1.25;color:#c5d4e7}
.what-we-do{padding:68px 0 42px}.what-we-do .section-title{font-size:clamp(30px,2.6vw,40px);max-width:820px;margin-left:auto;margin-right:auto}.cards{gap:20px}.service-card{min-height:208px;padding:28px 22px}.service-card h3{letter-spacing:-.015em}.values{padding:34px 0 74px}.value p{color:#526177}.legal-content{max-width:840px}.legal-content h2{letter-spacing:-.02em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.prose h2{font-size:clamp(30px,3vw,42px);line-height:1.1;letter-spacing:-.026em;margin:0 0 18px}.prose p,.prose li{color:#526177;font-size:16px;line-height:1.72}.career-card h3{font-size:26px;letter-spacing:-.02em}.career-card ul{margin-bottom:0}
@media(max-width:1180px){.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright,.split-about{width:min(100% - 48px,var(--max))}.brand,.brand-logo{width:168px}.footer-logo-img{width:180px}.hero-copy{width:min(520px,58vw)}.hero h1{font-size:clamp(34px,4.5vw,46px)}.split-about,.leadership-grid,.two-col{grid-template-columns:1fr}.diagram{margin:0 auto}.about-panel p{max-width:760px}}
@media(max-width:860px){.header-inner,.hero-inner,.container,.platform-strip .container,.leadership .container,.what-we-do .container,.values .container,.footer-grid,.copyright,.split-about{width:calc(100% - 32px)}.brand,.brand-logo{width:156px}.hero{background-position:center center}.hero-inner{padding:124px 0 56px}.hero-copy{width:100%}.hero h1{font-size:38px}.split-about{width:100%;display:block}.diagram-panel,.about-panel{padding:40px 24px}.page-hero h1{font-size:38px}.two-col{grid-template-columns:1fr}}

/* v1.8 refinements */
body{font-weight:400;color:#0a1730}
.site-header .brand-logo,.site-footer .footer-logo-img{filter:none}
.brand{width:205px}.brand-logo{width:205px;max-height:56px;object-fit:contain;object-position:left center}.footer-logo-img{width:205px;max-height:64px;object-fit:contain;object-position:left center}
.hero{background-image:linear-gradient(90deg,rgba(2,7,15,.98) 0%,rgba(2,7,15,.91) 31%,rgba(2,7,15,.58) 56%,rgba(2,7,15,.18) 100%),url('assets/images/hero-platform-command.svg');background-size:cover;background-position:center right}
.hero h1,.page-hero h1{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800;letter-spacing:-.018em;line-height:1.11;text-rendering:geometricPrecision}
.hero h1{font-size:clamp(34px,2.75vw,46px);max-width:560px}.hero p{font-weight:400;color:#e8f0fb}.page-hero h1{font-size:clamp(36px,3.25vw,50px);max-width:860px}.page-hero p{font-weight:400}.about-panel p{max-width:620px}.about-panel h2{max-width:640px}.diagram-panel{justify-items:end}.diagram{margin-left:auto;margin-right:18px;max-width:505px}
.site-footer{font-weight:400}.site-footer p,.site-footer li,.site-footer a{font-weight:400;color:#b7c7dc}.site-footer h4{font-weight:900;color:#fff}.site-footer ul li::marker{content:""}.site-footer ul{list-style:none!important}.site-footer li{list-style:none!important}.footer-grid li{list-style:none!important}.copyright,.copyright a{font-weight:400;color:#9fb2ca}
.platform-card p{font-weight:400}.text-link{font-weight:900}.platform-logo svg[aria-label="CruiseShip.net"]{max-width:250px}.profile-card{align-items:start}.profile-card p{font-weight:400}.bio-grid{display:grid;grid-template-columns:360px 1fr;gap:44px;align-items:start}.bio-photo{border-radius:22px;overflow:hidden;box-shadow:0 24px 80px rgba(6,18,36,.18);background:#061224}.bio-photo img{width:100%;height:100%;object-fit:cover;display:block}.bio-content .lead{font-size:18px;line-height:1.75;color:#415066}.milestone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}.milestone{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;box-shadow:0 12px 34px rgba(10,26,50,.05)}.milestone strong{display:block;color:var(--blue);font-size:24px;margin-bottom:8px}.milestone p{font-size:14px;color:#536176;margin:0}.about-dark{background:linear-gradient(135deg,#061224,#071d36);color:#fff}.about-dark .page-intro h2,.about-dark .section-title{color:#fff}.about-dark p{color:#cbd7e7}.about-dark .feature-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12);box-shadow:none}.about-dark .feature-card h3{color:#fff}.about-dark .feature-card p{color:#cbd7e7}
@media(max-width:1180px){.brand,.brand-logo{width:180px}.bio-grid{grid-template-columns:1fr}.bio-photo{max-width:420px}.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram{margin-right:0}}
@media(max-width:760px){.brand,.brand-logo{width:158px}.hero h1{font-size:36px}.milestone-grid{grid-template-columns:1fr}.bio-photo{max-width:100%}}

/* v1.9 directed revisions */
:root{
  --max:1060px;
  --wide:1120px;
  --blue:#0875ff;
  --navy:#051224;
  --ink:#0a1730;
}
.header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.footer-grid,.copyright,.split-about{width:min(var(--wide),calc(100% - 96px));}
.brand{width:176px;}
.brand-logo{width:176px;max-height:48px;object-fit:contain;object-position:left center;}
.footer-logo-img{width:176px;max-height:58px;object-fit:contain;object-position:left center;}
.hero{background-image:linear-gradient(90deg,rgba(2,7,15,.99) 0%,rgba(2,7,15,.96) 31%,rgba(2,7,15,.70) 55%,rgba(2,7,15,.18) 100%),url('assets/images/hero-rendered-datacenter.jpg');background-position:center center;background-size:cover;}
.hero h1,.page-hero h1{letter-spacing:-.006em;line-height:1.13;font-weight:800;}
.hero h1{font-size:clamp(34px,2.65vw,44px);max-width:560px;}
.page-hero h1{font-size:clamp(34px,3.05vw,48px);}
.platform-logo svg[aria-label="CruiseShip.net"]{max-width:195px!important;}
.platform-card:last-child .platform-logo{overflow:hidden;}
.split-about{grid-template-columns:.92fr 1.08fr;}
.diagram-panel{justify-items:end;padding-left:72px;padding-right:36px;}
.diagram{max-width:485px;margin-left:auto;margin-right:0;transform:translateX(26px);}
.about-panel p{max-width:560px;}
.leadership .stat strong{font-size:32px;}
.what-we-do{padding-bottom:78px;}
.values{display:none!important;}
.site-footer p,.site-footer li,.site-footer a{font-size:13px;line-height:1.65;font-weight:400;color:#b7c7dc;}
.site-footer h4{font-size:14px;line-height:1.2;font-weight:900;color:#fff;}
.footer-grid{gap:32px;}
.copyright,.copyright a{font-size:12px;font-weight:400;}
.bio-content p,.bio-content .lead{font-size:16px!important;line-height:1.72!important;color:#526177;}
.founder-link{display:inline-flex;margin-top:4px;}
.infra-intro{padding-bottom:28px;}
.infra-services{padding-top:34px;}
.contact-form .notice{padding:14px 16px;border-radius:8px;margin-bottom:18px;font-weight:700;}
.contact-form .notice.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}
.contact-form .notice.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;}
@media(max-width:1180px){
  .header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.footer-grid,.copyright,.split-about{width:min(100% - 48px,var(--max));}
  .brand,.brand-logo{width:158px;}
  .footer-logo-img{width:164px;}
  .diagram{transform:none;}
}
@media(max-width:860px){
  .header-inner,.hero-inner,.platform-strip .container,.leadership .container,.what-we-do .container,.footer-grid,.copyright,.split-about{width:calc(100% - 32px);}
  .brand,.brand-logo{width:148px;}
  .hero h1{font-size:36px;}
}


/* v2.0 focused corrections */
:root{--wide:1120px;--max:1060px;}
.platform-logo svg[aria-label="CruiseShip.net"]{max-width:168px!important;width:168px!important;height:auto;overflow:visible!important;}
.platform-card:last-child .platform-logo{overflow:visible!important;}
.platform-card:last-child{overflow:hidden;}
.split-about{grid-template-columns:1fr 1fr;}
.diagram-panel{justify-items:center!important;padding:54px 48px!important;}
.diagram{max-width:500px!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;}
@media(max-width:1180px){.diagram{margin-left:auto!important;margin-right:auto!important;transform:none!important;}}


/* v2.3 approved hero image update */
.hero{
  background-image:
    linear-gradient(90deg,rgba(2,7,15,.98) 0%,rgba(2,7,15,.92) 30%,rgba(2,7,15,.58) 54%,rgba(2,7,15,.18) 100%),
    url('assets/images/hero-v23-approved.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
}


/* v2.4 hero refresh: balanced background + exact 3-line headline */
.hero{
  background-image:
    linear-gradient(90deg, rgba(2,7,15,.99) 0%, rgba(2,7,15,.96) 28%, rgba(2,7,15,.76) 48%, rgba(2,7,15,.38) 70%, rgba(2,7,15,.14) 100%),
    linear-gradient(180deg, rgba(2,7,15,.12), rgba(2,7,15,.30)),
    url('assets/images/hero-v24-balanced-datacenter.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 560px !important;
}

.hero-inner{
  min-height: 560px !important;
  padding-top: 108px !important;
  padding-bottom: 62px !important;
}

.hero-copy{
  width: min(760px, 58vw) !important;
  max-width: 760px !important;
}

.hero h1.hero-title{
  max-width: 760px !important;
  font-size: clamp(38px, 3.15vw, 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.026em !important;
  margin-bottom: 24px !important;
}

.hero h1.hero-title .hero-title-line{
  display: block !important;
  white-space: nowrap !important;
}

.hero h1.hero-title strong.hero-title-line{
  color: var(--blue) !important;
  font-weight: 800 !important;
}

.hero p{
  max-width: 560px !important;
}

@media (max-width: 980px){
  .hero-copy{
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero h1.hero-title .hero-title-line{
    white-space: normal !important;
  }
  .hero{
    background-position: 58% center !important;
  }
}


/* v2.5 width refinement: slightly wider 1240px site container */
:root{
  --container: 1240px;
}

.container,
.site-container,
.wrap,
.hero .container,
.site-header .container,
.platform-grid,
.footer-grid,
.page-content .container{
  max-width: 1240px !important;
}

.home-about,
.stats-inner,
.services-grid,
.values-grid,
.footer-bottom{
  max-width: 1240px !important;
}

/* Keep long copy readable even within the wider container */
.home-about-copy p,
.page-copy p,
.hero p,
.page-section p{
  max-width: 680px;
}


/* v2.5.1 emergency fix: restores valid SVG icon stroke-width after v2.5 */


/* v2.5.2 platform logo polish: restore CruiseShip.net visual weight now that site width is 1240px */
.platform-card .cruiseship-logo,
.platform-logo.cruiseship,
.platform-logo-cruiseship{
  max-width: 190px !important;
  width: 190px !important;
  overflow: visible !important;
}

.platform-card .cruiseship-logo svg,
.platform-logo.cruiseship svg,
.platform-logo-cruiseship svg,
svg[aria-label="CruiseShip.net"]{
  width: 190px !important;
  max-width: 190px !important;
  height: auto !important;
  overflow: visible !important;
}

@media (max-width: 860px){
  .platform-card .cruiseship-logo,
  .platform-logo.cruiseship,
  .platform-logo-cruiseship,
  .platform-card .cruiseship-logo svg,
  .platform-logo.cruiseship svg,
  .platform-logo-cruiseship svg,
  svg[aria-label="CruiseShip.net"]{
    width: 170px !important;
    max-width: 170px !important;
  }
}


/* v2.5.3 sticky header refinement */
.site-header{
  transition: background .22s ease, box-shadow .22s ease, border-color .22s ease, backdrop-filter .22s ease;
}

.site-header .header-inner,
.site-header .brand svg{
  transition: height .22s ease, width .22s ease;
}

.site-header.is-sticky{
  position: fixed !important;
  background: rgba(2, 8, 18, .94) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}

.site-header.is-sticky .header-inner{
  height: 72px !important;
}

.site-header.is-sticky .brand svg{
  width: 132px !important;
}

.site-header.is-sticky .header-cta{
  padding-top: 12px;
  padding-bottom: 12px;
}

body.admin-bar .site-header.is-sticky{
  top: 32px;
}

@media (max-width: 782px){
  body.admin-bar .site-header.is-sticky{
    top: 46px;
  }
}

@media (max-width: 860px){
  .site-header.is-sticky .header-inner{
    height: 68px !important;
  }
  .site-header.is-sticky .brand svg{
    width: 124px !important;
  }
}


/* v2.5.4 sticky header polish: remove resize flash */
.site-header{
  position: fixed !important;
  background: linear-gradient(180deg,rgba(2,8,18,.64),rgba(2,8,18,0)) !important;
  transition: background .20s ease, box-shadow .20s ease, border-color .20s ease, backdrop-filter .20s ease !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.site-header .header-inner{
  height: 96px !important;
  transition: none !important;
}

.site-header .brand svg{
  width: 154px !important;
  transition: none !important;
}

.site-header.is-sticky{
  background: rgba(2, 8, 18, .94) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}

/* Keep dimensions identical during sticky state so there is no white flash/reflow */
.site-header.is-sticky .header-inner{
  height: 96px !important;
}

.site-header.is-sticky .brand svg{
  width: 154px !important;
}

.site-header.is-sticky .header-cta{
  padding: 14px 22px !important;
}

@media (max-width: 860px){
  .site-header .header-inner,
  .site-header.is-sticky .header-inner{
    height: 82px !important;
  }

  .site-header .brand svg,
  .site-header.is-sticky .brand svg{
    width: 136px !important;
  }
}


/* v2.5.5 stable header: remove scroll-triggered visual animation/flash entirely */
.site-header,
.site-header.is-sticky{
  position: fixed !important;
  background: rgba(2, 8, 18, .94) !important;
  background-image: none !important;
  transition: none !important;
  animation: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;
  transform: none !important;
  backface-visibility: visible !important;
}

.site-header *,
.site-header.is-sticky *{
  transition-property: color, background-color, border-color, opacity !important;
  transition-duration: 0s !important;
  animation: none !important;
}

.site-header .header-inner,
.site-header.is-sticky .header-inner{
  height: 96px !important;
}

.site-header .brand svg,
.site-header.is-sticky .brand svg{
  width: 154px !important;
}

.site-header .header-cta,
.site-header.is-sticky .header-cta{
  padding: 14px 22px !important;
}

@media (max-width: 860px){
  .site-header .header-inner,
  .site-header.is-sticky .header-inner{
    height: 82px !important;
  }

  .site-header .brand svg,
  .site-header.is-sticky .brand svg{
    width: 136px !important;
  }
}


/* v2.5.6 header: translucent at top, solid after scroll, no animation or resize */
.site-header{
  position: fixed !important;
  background: linear-gradient(180deg, rgba(2,8,18,.66), rgba(2,8,18,0)) !important;
  background-image: linear-gradient(180deg, rgba(2,8,18,.66), rgba(2,8,18,0)) !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,0) !important;
  transition: none !important;
  animation: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

.site-header.is-sticky{
  background: rgba(2, 8, 18, .94) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;
  transition: none !important;
  animation: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-header *,
.site-header.is-sticky *{
  animation: none !important;
}

.site-header .header-inner,
.site-header.is-sticky .header-inner{
  height: 96px !important;
  transition: none !important;
}

.site-header .brand svg,
.site-header.is-sticky .brand svg{
  width: 154px !important;
  transition: none !important;
}

.site-header .header-cta,
.site-header.is-sticky .header-cta{
  padding: 14px 22px !important;
}

@media (max-width: 860px){
  .site-header .header-inner,
  .site-header.is-sticky .header-inner{
    height: 82px !important;
  }

  .site-header .brand svg,
  .site-header.is-sticky .brand svg{
    width: 136px !important;
  }
}


/* v2.5.7 hero headline size refinement */
.hero h1.hero-title{
  font-size: clamp(34px, 2.85vw, 47px) !important;
  line-height: 1.10 !important;
  letter-spacing: -.024em !important;
  max-width: 720px !important;
}

@media (max-width: 1180px){
  .hero h1.hero-title{
    font-size: clamp(33px, 3.8vw, 45px) !important;
  }
}

@media (max-width: 640px){
  .hero h1.hero-title{
    font-size: clamp(31px, 8vw, 38px) !important;
    line-height: 1.12 !important;
  }
}


/* v2.5.8 hero vertical alignment refinement */
.hero-inner{
  padding-top: 138px !important;
  padding-bottom: 58px !important;
}

@media (max-width: 980px){
  .hero-inner{
    padding-top: 122px !important;
    padding-bottom: 54px !important;
  }
}

@media (max-width: 640px){
  .hero-inner{
    padding-top: 112px !important;
    padding-bottom: 48px !important;
  }
}


/* v2.5.9 CruiseShip.net platform logo refinement */
.platform-card .cruiseship-logo,
.platform-logo.cruiseship,
.platform-logo-cruiseship{
  max-width: 205px !important;
  width: 205px !important;
  overflow: visible !important;
}

.platform-card .cruiseship-logo svg,
.platform-logo.cruiseship svg,
.platform-logo-cruiseship svg,
svg[aria-label="CruiseShip.net"]{
  width: 205px !important;
  max-width: 205px !important;
  height: auto !important;
  overflow: visible !important;
}

.platform-card:nth-child(4) svg[aria-label="CruiseShip.net"]{
  transform: scale(1.08);
  transform-origin: left center;
}

@media (max-width: 860px){
  .platform-card .cruiseship-logo,
  .platform-logo.cruiseship,
  .platform-logo-cruiseship,
  .platform-card .cruiseship-logo svg,
  .platform-logo.cruiseship svg,
  .platform-logo-cruiseship svg,
  svg[aria-label="CruiseShip.net"]{
    width: 180px !important;
    max-width: 180px !important;
  }

  .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"]{
    transform: none;
  }
}


/* v2.6.0 CruiseShip.net platforms page logo refinement */
.platform-detail-card svg[aria-label="CruiseShip.net"],
.platform-card svg[aria-label="CruiseShip.net"],
.page-platforms svg[aria-label="CruiseShip.net"]{
  width: 205px !important;
  max-width: 205px !important;
  height: auto !important;
  overflow: visible !important;
  transform: scale(1.08);
  transform-origin: left center;
}

@media (max-width: 860px){
  .platform-detail-card svg[aria-label="CruiseShip.net"],
  .platform-card svg[aria-label="CruiseShip.net"],
  .page-platforms svg[aria-label="CruiseShip.net"]{
    width: 180px !important;
    max-width: 180px !important;
    transform: none;
  }
}


/* v2.6.1 CruiseShip.net platforms page logo stronger selector */
.platform-detail-grid .platform-detail:nth-child(4) .platform-detail-logo svg,
.platforms-grid .platform-card:nth-child(4) .platform-logo svg,
.platform-card:nth-child(4) svg[aria-label="CruiseShip.net"],
.platform-detail:nth-child(4) svg[aria-label="CruiseShip.net"],
svg[aria-label="CruiseShip.net"]{
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
  overflow: visible !important;
  transform: scale(1.12) !important;
  transform-origin: left center !important;
}

.platform-detail-grid .platform-detail:nth-child(4) .platform-detail-logo,
.platforms-grid .platform-card:nth-child(4) .platform-logo{
  width: 230px !important;
  max-width: 230px !important;
  overflow: visible !important;
}

@media (max-width: 860px){
  .platform-detail-grid .platform-detail:nth-child(4) .platform-detail-logo svg,
  .platforms-grid .platform-card:nth-child(4) .platform-logo svg,
  .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"],
  .platform-detail:nth-child(4) svg[aria-label="CruiseShip.net"],
  svg[aria-label="CruiseShip.net"]{
    width: 185px !important;
    max-width: 185px !important;
    transform: none !important;
  }

  .platform-detail-grid .platform-detail:nth-child(4) .platform-detail-logo,
  .platforms-grid .platform-card:nth-child(4) .platform-logo{
    width: 190px !important;
    max-width: 190px !important;
  }
}


/* v2.6.2 CruiseShip.net homepage/platforms balance
   Keep the Platforms page larger, but prevent homepage clipping. */
.home .platform-card:nth-child(4) .platform-logo,
body.home .platform-card:nth-child(4) .platform-logo,
.front-page .platform-card:nth-child(4) .platform-logo{
  width: 205px !important;
  max-width: 205px !important;
  overflow: visible !important;
}

.home .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"],
body.home .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"],
.front-page .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"]{
  width: 198px !important;
  max-width: 198px !important;
  height: auto !important;
  overflow: visible !important;
  transform: scale(1.02) !important;
  transform-origin: left center !important;
}

/* Platforms page can stay larger because the card layout has more room. */
body:not(.home) .platform-feature:nth-child(4) .platform-logo,
body:not(.home) .platform-feature:nth-child(4) svg[aria-label="CruiseShip.net"]{
  width: 220px !important;
  max-width: 220px !important;
  overflow: visible !important;
  transform: scale(1.10) !important;
  transform-origin: left center !important;
}

@media (max-width: 860px){
  .home .platform-card:nth-child(4) .platform-logo,
  body.home .platform-card:nth-child(4) .platform-logo,
  .front-page .platform-card:nth-child(4) .platform-logo,
  .home .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"],
  body.home .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"],
  .front-page .platform-card:nth-child(4) svg[aria-label="CruiseShip.net"],
  body:not(.home) .platform-feature:nth-child(4) .platform-logo,
  body:not(.home) .platform-feature:nth-child(4) svg[aria-label="CruiseShip.net"]{
    width: 180px !important;
    max-width: 180px !important;
    transform: none !important;
  }
}