*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#07101f;color:#f7fbff;line-height:1.55}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(6,14,28,.96);border-bottom:1px solid #183047;backdrop-filter:blur(12px)}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:800}.mark{width:38px;height:38px;border:1px solid #18dfe0;border-radius:9px;display:grid;place-items:center;color:#18e6e2;font-weight:900;background:#0a1a2b}.brand .word{color:#f7fbff}.brand .word b{color:#17e5e1}.links{display:flex;align-items:center;gap:22px}.links a{text-decoration:none;font-weight:650;font-size:14px;color:#dbe7ef}.links a:hover,.links .active{color:#18e6e2}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;text-decoration:none;font-weight:800;border:1px solid #19e7e2;cursor:pointer;font:inherit}.primary{background:#19e7e2;color:#031216;box-shadow:0 8px 26px rgba(25,231,226,.16)}.secondary{color:#19e7e2;background:transparent}.navbtn{min-height:44px}.menu{display:none;background:none;border:0;color:#fff;font-size:27px}.hero{background:linear-gradient(105deg,#07101f 0%,#0a1728 55%,#0e1d30 100%);border-bottom:1px solid #132b42}.heroGrid{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:70px 0}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#8fa9bc;margin-bottom:14px}.hero h1,.pageHero h1{font-size:clamp(46px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px}.hero h1 em,.pageHero h1 em{font-style:normal;color:#19e7e2}.hero p,.pageHero p{font-size:18px;color:#b8c7d5;max-width:700px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.trust{display:flex;gap:24px;margin-top:32px;color:#d8e3ec;font-size:14px}.trust b{color:#19e7e2}.photo{height:430px;border-radius:18px;overflow:hidden;position:relative;background:#0c1a2b url('https://images.pexels.com/photos/37605911/pexels-photo-37605911/free-photo-of-it-technician-working-in-data-center-server-room.jpeg?auto=compress&dpr=1&w=1400') center/cover no-repeat;box-shadow:0 28px 70px rgba(0,0,0,.32);border:1px solid #1a3952}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,28,.22),rgba(5,14,28,.02)),linear-gradient(0deg,rgba(5,14,28,.22),transparent 45%)}.photoTag{position:absolute;z-index:2;left:20px;bottom:20px;background:rgba(4,14,25,.9);border:1px solid #28506b;border-radius:10px;padding:12px 15px;font-size:13px}.photoTag strong{display:block;color:#19e7e2;font-size:15px}.section{padding:82px 0}.section.alt{background:#0a1525}.section.dark{background:#06101d}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.heading h2,.section h2,.cta h2{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:0}.heading>a,.textlink{color:#19e7e2;text-decoration:none;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:185px;padding:24px;border-radius:13px;background:#0b192b;border:1px solid #18364e;text-decoration:none;display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#2a6c80;background:#0e2035}.icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:#102c48;color:#55d8ff;font-size:22px;margin-bottom:18px}.card h3{margin:0 0 7px;font-size:18px}.card p{margin:0;color:#aebdca;font-size:14px}.arrow{margin-top:auto;padding-top:14px;color:#19e7e2;font-weight:900}.localGrid,.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.localVisual{height:360px;border-radius:18px;background:linear-gradient(145deg,#0d2438,#07101f);border:1px solid #18364e;display:grid;place-items:center;position:relative;overflow:hidden}.localVisual:before{content:"JJ";font-size:140px;font-weight:900;color:rgba(25,231,226,.07)}.localVisual:after{content:"LOCAL IT • REAL SUPPORT";position:absolute;font-weight:800;letter-spacing:.16em;color:#19e7e2}.muted{color:#b8c7d5}.checklist{padding-left:20px;color:#dce7ee}.checklist li{margin:9px 0}.cta{padding:70px 0;background:#06101d}.ctaBox{border:1px solid #1b455c;border-radius:16px;background:linear-gradient(120deg,#0b1d31,#0c2534);padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta p{margin:10px 0 0;color:#b9c8d4}.pageHero{padding:88px 0 72px;background:linear-gradient(120deg,#07101f,#0b1b2d);border-bottom:1px solid #173149}.pageHero h1{font-size:clamp(42px,5vw,62px);max-width:900px}.pageHero p{margin-bottom:0}.serviceRows{display:grid;gap:18px}.serviceRow{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px;border:1px solid #18364e;border-radius:14px;background:#0b192b}.serviceRow .icon{margin:0}.serviceRow h3{margin:0 0 6px;font-size:22px}.serviceRow p{margin:0;color:#aebdca}.pill{display:inline-block;padding:6px 10px;border:1px solid #24536a;border-radius:999px;color:#9bdfe3;font-size:12px;font-weight:800;margin:4px 6px 0 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value{padding:26px;border:1px solid #18364e;border-radius:14px;background:#0b192b}.value h3{margin-top:0}.contactGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.panel{padding:28px;border:1px solid #18364e;border-radius:14px;background:#0b192b}.formGroup{margin-bottom:18px}.formGroup label{display:block;margin-bottom:7px;font-weight:700}.formGroup input,.formGroup select,.formGroup textarea{width:100%;padding:13px 14px;border-radius:8px;border:1px solid #28506b;background:#071321;color:#f7fbff;font:inherit}.formGroup textarea{min-height:150px;resize:vertical}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{outline:2px solid rgba(25,231,226,.25);border-color:#19e7e2}.contactItem{padding:15px 0;border-bottom:1px solid #173149}.contactItem:last-child{border-bottom:0}.contactItem strong{display:block;color:#19e7e2}.alert{padding:14px 16px;border-radius:9px;margin-bottom:18px;border:1px solid #28506b;background:#0a2030}.faqList{display:grid;gap:12px}.faqItem{border:1px solid #18364e;border-radius:12px;background:#0b192b;overflow:hidden}.faqItem summary{cursor:pointer;padding:20px 22px;font-weight:800;list-style:none}.faqItem summary::-webkit-details-marker{display:none}.faqItem summary:after{content:"+";float:right;color:#19e7e2;font-size:22px}.faqItem[open] summary:after{content:"–"}.faqItem p{padding:0 22px 20px;margin:0;color:#aebdca}.hostingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hostCard{padding:28px;border:1px solid #18364e;border-radius:14px;background:#0b192b}.hostCard.featured{border-color:#19e7e2;background:linear-gradient(150deg,#0b192b,#0b2431)}.hostCard h3{margin:12px 0 8px}.hostCard p{color:#aebdca}.hostCard ul{padding-left:18px;color:#dce7ee}.hostCard li{margin:8px 0}.portfolioGrid{display:block}.portfolioGrid #portfolioProjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project{height:100%;transition:transform .2s,border-color .2s,background .2s}.project:hover{transform:translateY(-3px);border-color:#2a6c80;background:#0e2035}.project{padding:28px;border:1px solid #18364e;border-radius:14px;background:#0b192b}.project h3{margin-top:0}.project p{color:#aebdca}.statusDot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#2ee59d;margin-right:8px}.footer{padding:48px 0 25px;background:#040b14;border-top:1px solid #132b42}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#9fb0bf;font-size:14px}.footer a{text-decoration:none}.footer h4{margin:0 0 12px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:7px 0}.copy{border-top:1px solid #132434;margin-top:35px;padding-top:20px;color:#728698;font-size:13px}.center{text-align:center}.errorCode{font-size:clamp(80px,15vw,180px);line-height:1;color:#19e7e2;font-weight:900;letter-spacing:-.06em;margin:0}.small{font-size:13px;color:#8196a8}
@media(max-width:980px){.links{display:none;position:absolute;top:78px;left:0;right:0;background:#07101f;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid #183047}.links.open{display:flex}.menu{display:block}.heroGrid{grid-template-columns:1fr;padding:55px 0}.photo{height:380px}.cards,.hostingGrid,.values{grid-template-columns:repeat(2,1fr)}.localGrid,.split,.contactGrid{grid-template-columns:1fr}.ctaBox{align-items:flex-start;flex-direction:column}.footerGrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.navin{height:68px}.links{top:68px}.heroGrid{padding:42px 0;gap:32px}.hero h1{font-size:43px}.hero p{font-size:16px}.actions{display:grid}.trust{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo{height:260px}.section{padding:58px 0}.heading{align-items:flex-start}.heading>a{display:none}.cards,.hostingGrid,.values{grid-template-columns:1fr}.portfolioGrid #portfolioProjects{grid-template-columns:1fr}.localVisual{height:240px}.cta{padding:50px 0}.ctaBox{padding:28px 24px}.footerGrid{grid-template-columns:1fr}.serviceRow{grid-template-columns:1fr}.pageHero{padding:62px 0 52px}}

/* 2026-10-03 header/nav polish */
@media (min-width:981px){
  .navin{height:82px;gap:32px}
  .brand{flex:0 0 auto}
  .links{gap:26px;margin-left:auto}
  .links a{font-size:14.5px;line-height:1;white-space:nowrap;padding:12px 0}
  .links a:not(.navbtn){position:relative}
  .links a:not(.navbtn):after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;background:#19e7e2;transform:scaleX(0);transition:transform .18s ease}
  .links a:not(.navbtn):hover:after,.links a.active:not(.navbtn):after{transform:scaleX(1)}
  .navbtn{min-height:46px;padding:0 21px!important;margin-left:6px;border-radius:9px;font-size:14px!important;font-weight:850!important;box-shadow:0 8px 24px rgba(25,231,226,.2)}
  .navbtn:hover{color:#031216!important;transform:translateY(-1px);box-shadow:0 10px 28px rgba(25,231,226,.28)}
}

@media (max-width:1100px) and (min-width:981px){
  .wrap{width:min(1180px,calc(100% - 28px))}
  .navin{gap:18px}
  .brand{font-size:19px;gap:9px}
  .mark{width:35px;height:35px}
  .links{gap:15px}
  .links a{font-size:13px}
  .navbtn{padding:0 15px!important;margin-left:2px}
}

@media(max-width:980px){
  .links{gap:4px;padding:18px 20px 22px}
  .links a{font-size:15px;padding:12px 14px;border-radius:7px}
  .links a:hover,.links a.active{background:#0b192b}
  .links .navbtn{margin-top:8px;min-height:48px;padding:0 18px;color:#031216;text-align:center}
}