body{background:#061424;color:#f6f9ff;font-family:Source,Arial,sans-serif}p{color:#d0d9e6}h1,h2,h3{font-family:Source,Arial,sans-serif;letter-spacing:-.035em;font-weight:750}h1{line-height:1.02}em{font-style:normal;color:#00aaff}.preview-banner{background:#10314a;color:#dff4ff}.header{background:#041121;border-color:#17344c}.brand{color:#00aaff;font-size:1.05rem}.brand small{color:#cce8f7}.brand-mark,.brand-mark span{color:#00aaff;border:0;padding:0;font-size:2rem}.button{background:#078bf3;border-color:#078bf3;border-radius:6px;color:white}.button:hover{background:#0075d4}.outline{background:transparent;color:white;border-color:#00aaff}.text-link{color:#fff;border-color:#0aaaff}.header nav a:hover{color:#00aaff}.blue-hero{background:linear-gradient(90deg,#041223 0%,rgba(3,18,35,.94) 36%,rgba(3,18,35,.28) 72%),url('hero-laptop.png') center/cover no-repeat;padding:80px 0;min-height:440px;display:flex;align-items:center}.blue-hero-inner h1{font-size:clamp(3.5rem,6vw,5.5rem);margin:14px 0}.blue-hero .lead{max-width:420px;font-size:1.15rem}.blue-hero .eyebrow,.eyebrow{color:#00b8ff}.blue-hero .actions{gap:15px}.benefits-strip{background:#061320;padding:28px 0 34px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:20px}.benefits-grid span,.benefits-grid strong,.benefits-grid small{display:block}.benefits-grid span{font-size:2rem;color:#00adff;line-height:1.1}.benefits-grid strong{margin:8px 0 3px}.benefits-grid small{font-size:.88rem;color:#b9cada}.statement,.alt-section,.related{background:#0b1e32}.services-area,.contact-area,.content-section,.legal-page{background:#061424}.work-area{background:#091a2c}.service-grid{border-color:#264056}.service-card{background:#0a1c30;border-color:#264056}.service-card:hover{background:#112b43}.service-number,.arrow,.work-caption small{color:#00aeff}.work-image{background:#10263e}.text-project{background:#102941}.text-project small{color:#00b4ff}.hosting-band{background:#04101e}.hosting-band em{color:#00aaff}.hosting-band p{color:#c4d3e0}.hosting-lines div{border-color:#284156}.hosting-lines span{color:#00aaff}.hosting-lines small{color:#c0cfdf}.contact-form{background:#0c2137;box-shadow:10px 10px 0 #102f4c}.contact-form input,.contact-form textarea,.contact-form select,.content-inner input,.content-inner textarea,.content-inner select{background:#08192b;color:#fff;border-color:#35516b}.page-hero{background:#071a2d}.page-hero-aside{background:#102b45;color:#00baff}.page-hero-aside strong span{color:white}.content-inner article{background:#0a1d31;border-color:#28445e}.content-inner a:not(.button){color:#46c5ff}.content-inner button{background:#008ff0}.content-inner details{border-color:#2a4156}.hosting-hero{text-align:center;padding:68px 0 15px;background:#061424}.hosting-hero h1{font-size:3.3rem;margin-bottom:8px}.hosting-hero p{margin-bottom:5px}#plans.content-section{padding:45px 0 90px}#plans .section-heading{text-align:center;display:block}#plans .section-heading h2{font-size:1.8rem}#plans .section-heading>p{max-width:700px;margin:12px auto}.plan-grid article{background:#0b1c30;border:1px solid #29435c;border-radius:7px}.plan-grid article.featured{border:2px solid #00adff}.plan-grid h3{font-size:1.7rem}.plan-grid article small{color:#00baff}.plan-grid strong{color:white}.plan-grid .outline{background:#078bf3;color:white}.preview-notice{background:#132e43;border-color:#00aeff;color:#dceaf7}footer{background:#030d19}.foot-top p,.foot-top a{color:#c3d0dc}.footer-brand .brand-mark span{color:#00aaff}.foot-bottom{border-color:#243c52}.policy-nav{border-color:#00aeff;color:#a8becf}.menu-toggle{color:white;border-color:#28516c}.fidget img{background:#11263c!important}.work-caption h3,.service-card h3{color:white}@media(max-width:650px){.blue-hero{min-height:470px;background-position:62% center}.blue-hero:before{content:'';position:absolute;inset:0;background:rgba(2,15,29,.5)}.blue-hero{position:relative}.blue-hero-inner{position:relative}.blue-hero-inner h1{font-size:3.7rem}.benefits-grid{grid-template-columns:1fr 1fr}}
.blue-hero{min-height:440px}.benefits-strip{padding:26px 0 32px}.home-hero h1{font-weight:800}.header nav{gap:23px}.header nav a{white-space:nowrap}@media(max-width:1100px){.header nav{gap:13px}.header nav a{font-size:.85rem}}@media(max-width:950px){.header nav{gap:0}}
/* Lighter content areas while retaining the dark blue hero and navigation. */
body{background:#f3f7fb;color:#172c42}
.statement,.alt-section,.related{background:#e6f0f8;color:#152e46}
.services-area,.contact-area,.content-section,.legal-page{background:#f6f9fc;color:#152e46}
.work-area{background:#fff;color:#152e46}
.statement p,.services-area p,.contact-area p,.content-section p,.legal-page p,.related p,.work-area p{color:#475d72}
.statement .text-link,.contact-area .text-link,.content-section .text-link{color:#006cbb;border-color:#76b6df}
.service-grid{border-color:#c9d9e8}
.service-card{background:#fff;border-color:#c9d9e8}
.service-card:hover{background:#eaf5ff}
.service-card h3,.work-caption h3{color:#15304a}
.work-image{background:#e0ebf5}
.text-project{background:#e4f1fa;color:#17334e}
.contact-form{background:#fff;box-shadow:10px 10px 0 #d9eaf7;color:#172d44}
.contact-form input,.contact-form textarea,.contact-form select,.content-inner input,.content-inner textarea,.content-inner select{background:#fff;color:#182d41;border-color:#a9bfd1}
.content-inner article{background:#fff;border-color:#ccdeec;color:#1b344d}
.content-inner a:not(.button){color:#006ab4}
.content-inner details{border-color:#c3d6e5}
.page-hero{background:#eaf3fa;color:#152e46}
.page-hero p{color:#475e73}
.page-hero .text-link{color:#006cbb}
.hosting-hero{background:#eaf3fa;color:#152e46}
.hosting-hero p{color:#475e73}
.plan-grid article{background:#fff;color:#17334e;border-color:#bed4e5;box-shadow:0 8px 25px rgba(20,70,110,.06)}
.plan-grid strong{color:#102d49}
.plan-grid article p{color:#475d72}
.plan-grid .outline{color:#fff}
.preview-notice{background:#e1f1fc;color:#17334e}
.policy-nav{color:#526c82}

/* Improve readability on dark backgrounds */
.header nav a { color: #ffffff; }
.header nav a:hover { color: #00baff; }
.header nav .nav-cta { color: #ffffff; }

.blue-hero h1 { color: #ffffff; }
.blue-hero h1 em { color: #00aaff; }
.blue-hero .lead { color: #ffffff; }

.benefits-grid strong { color: #ffffff; }
.benefits-grid small { color: #d7e5f2; }
.benefits-grid span { color: #00baff; }

/* Readable text on the dark homepage */
.header nav a { color: #ffffff; }
.header nav a:hover { color: #00baff; }
.header nav .nav-cta { color: #ffffff; }
.blue-hero h1 { color: #ffffff; }
.blue-hero h1 em { color: #00aaff; }
.blue-hero .lead { color: #ffffff; }
.benefits-grid strong { color: #ffffff; }
.benefits-grid small { color: #d7e5f2; }
.benefits-grid span { color: #00baff; }


/* Consistent navy, white and blue across all pages */
body {
  background: #061424;
  color: #f5f9ff;
}

.statement, .alt-section, .related,
.services-area, .contact-area, .content-section,
.legal-page, .work-area, .page-hero, .hosting-hero {
  background: #07192b;
  color: #f5f9ff;
}

.statement p, .services-area p, .contact-area p,
.content-section p, .legal-page p, .related p,
.work-area p, .page-hero p, .hosting-hero p {
  color: #cedbe8;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}

em, .eyebrow, .service-number, .arrow {
  color: #00b2ff;
}

.service-grid {
  border-color: #29455f;
}

.service-card, .plan-grid article, .content-inner article,
.contact-form, .text-project {
  background: #0d2339;
  color: #ffffff;
  border-color: #294b67;
}

.service-card:hover {
  background: #153550;
}

.service-card h3, .work-caption h3,
.plan-grid strong, .content-inner article h3 {
  color: #ffffff;
}

.service-card p, .plan-grid article p {
  color: #cedbe8;
}

.contact-form input, .contact-form textarea,
.contact-form select, .content-inner input,
.content-inner textarea, .content-inner select {
  background: #ffffff;
  color: #172d41;
  border-color: #8da9bf;
}

.page-hero-aside {
  background: #102b45;
  color: #00baff;
}

.text-link, .content-inner a:not(.button),
.related-links a {
  color: #45c3ff;
  border-color: #45c3ff;
}

.preview-notice {
  background: #17364e;
  color: #ffffff;
  border-color: #00baff;
}

.policy-nav {
  color: #c6d8e8;
}

.header nav a, .blue-hero h1,
.blue-hero .lead, .benefits-grid strong {
  color: #ffffff;
}

.header nav a:hover {
  color: #00baff;
}

.blue-hero h1 em, .benefits-grid span {
  color: #00baff;
}

.benefits-grid small {
  color: #d7e5f2;
}


/* Web design package layout */
.content-inner .service-pricing {
  display: block;
  max-width: none;
}

.content-inner .service-pricing-head {
  display: block;
  max-width: 720px;
  margin-bottom: 40px;
}

.service-pricing-head h2 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  margin-bottom: 16px;
}

.content-inner .twc-packages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.content-inner .twc-package {
  display: flex;
  flex-direction: column;
  padding: 28px;
  background: #0d2339;
  border: 1px solid #294b67;
  border-radius: 8px;
}

.content-inner .twc-package.featured {
  border: 2px solid #00aaff;
}

.twc-package h2,
.twc-package h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 12px 0;
  color: #ffffff;
}

.twc-package p,
.twc-package li {
  color: #d5e2ee;
}

.twc-package .twc-price {
  display: block;
  color: #ffffff;
  font-size: 1.7rem;
  font-weight: 700;
  margin: 15px 0;
}

.twc-package ul {
  padding-left: 20px;
  margin-bottom: 25px;
}

.twc-package .choose-package {
  margin-top: auto;
  width: 100%;
  border-radius: 6px;
}

@media (max-width: 850px) {
  .content-inner .twc-packages {
    grid-template-columns: 1fr;
  }
}

/* Balanced Blue: navy framing, light content and blue actions. Visual styling only. */
:root{--twc-navy:#041a33;--twc-ink:#122c49;--twc-muted:#425b73;--twc-blue:#0064df;--twc-pale:#eaf3fc;--twc-line:#cadced}
body{background:#fff;color:var(--twc-ink)}
p{color:var(--twc-muted)}
h1,h2,h3,h4,h5,h6{color:var(--twc-ink)}
em,.eyebrow,.service-number,.arrow,.text-project small,.work-caption small{color:#005bc4}
.header,footer{background:var(--twc-navy);color:#fff;border-color:#204266}
.header .brand,.header .brand small,.footer-brand,.footer-brand small{color:#fff}
.header .brand-mark,.footer-brand .brand-mark{color:#37b6ff}
.header nav a{color:#fff}.header nav a:hover{color:#7dd0ff}
.menu-toggle{color:#fff;border-color:#6786a7}
.blue-hero{background-color:var(--twc-navy)}
.page-hero,.hosting-hero{background:var(--twc-navy);color:#fff}
.blue-hero h1,.page-hero h1,.page-hero h2,.hosting-hero h1{color:#fff}
.blue-hero h1 em,.page-hero em,.hosting-hero em{color:#46b8ff}
.blue-hero p,.page-hero p,.hosting-hero p{color:#dce9f7}
.blue-hero .eyebrow,.page-hero .eyebrow,.hosting-hero .eyebrow{color:#72caff}
.page-hero-aside{background:#103456;color:#7bd0ff;border:1px solid #355c7c;border-radius:10px}
.page-hero-aside strong,.page-hero-aside strong span{color:#fff}
.benefits-strip{background:var(--twc-navy)}
.benefits-grid strong{color:#fff}.benefits-grid small{color:#d7e5f2}
.services-area,.content-section,.contact-area,.legal-page,.work-area{background:#fff;color:var(--twc-ink)}
.statement,.alt-section,.content-section.alt-section,.related{background:var(--twc-pale);color:var(--twc-ink)}
.statement p,.services-area p,.contact-area p,.content-section p,.legal-page p,.related p,.work-area p{color:var(--twc-muted)}
.service-grid{border-color:var(--twc-line)}
.service-card,.plan-grid article,.content-inner article,.contact-form,.text-project{background:#fff;color:var(--twc-ink);border-color:var(--twc-line)}
.service-card:hover{background:#f0f7ff}
.service-card h3,.work-caption h3,.plan-grid strong,.content-inner article h3{color:var(--twc-ink)}
.service-card p,.plan-grid article p{color:var(--twc-muted)}
.work-image{background:#e3eff9}.text-project{border:1px solid var(--twc-line);border-radius:8px}
.contact-form{box-shadow:10px 10px 0 #e1eefb;border:1px solid var(--twc-line);border-radius:10px}
.contact-form input,.contact-form textarea,.contact-form select,.content-inner input,.content-inner textarea,.content-inner select{background:#fff;color:var(--twc-ink);border-color:#8ba9c4;border-radius:6px}
input::placeholder,textarea::placeholder{color:#587088;opacity:1}
input[type=checkbox]{accent-color:var(--twc-blue)}
.button,.content-inner button{background:var(--twc-blue);border-color:var(--twc-blue);color:#fff;border-radius:6px}
.button:hover,.content-inner button:hover{background:#004eaf;border-color:#004eaf;color:#fff}
.button.outline,.outline{background:#fff;color:#0055be;border-color:#0064df}
.button.outline:hover{background:#e6f1ff;color:#003f8c}
.header .button,.header .nav-cta{background:var(--twc-blue);color:#fff}
.blue-hero .outline,.page-hero .outline,.hosting-band .outline{background:transparent;color:#fff;border-color:#80b1de}
.text-link,.statement .text-link,.contact-area .text-link,.content-section .text-link,.content-inner a:not(.button),.related-links a{color:#0054b8;border-color:#76a8d8}
.blue-hero .text-link,.page-hero .text-link{color:#fff;border-color:#76b8ed}
.plan-grid article{box-shadow:0 8px 25px #143b6010}.plan-grid article.featured{border-color:var(--twc-blue)}
.plan-grid article small{color:#0055be}.plan-grid .outline{background:var(--twc-blue);color:#fff}
.content-inner details{border-color:var(--twc-line)}
.preview-notice{background:#e7f2ff;border-color:var(--twc-blue);color:var(--twc-ink)}
.policy-nav{color:var(--twc-muted);border-color:var(--twc-blue)}
.hosting-band{background:var(--twc-navy)}.hosting-band h2{color:#fff}.hosting-band p{color:#dce9f7}.hosting-band em{color:#46b8ff}
.foot-top p,.foot-top a,.foot-bottom{color:#cfdeee}.foot-top b{color:#fff}.foot-bottom{border-color:#315272}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0071e8;outline-offset:4px}
.header a:focus-visible,.blue-hero a:focus-visible,footer a:focus-visible{outline-color:#88d3ff}

/* Preserve existing section-heading scale when promoting the main heading to H1. */
.section-heading h1,.statement-grid h1,#contact h1{font-size:clamp(2.5rem,4.2vw,4.5rem);line-height:1.07;margin-bottom:0}.statement-grid h1,#contact h1{margin-bottom:24px}