:root{--navy:#04152c;--blue:#0878ef;--blue2:#0c5fd2;--cyan:#13bdf0;--ink:#111827;--muted:#657187;--line:#dce4ee;--soft:#f6f9fc;--white:#fff;--shadow:0 18px 50px rgba(15,40,70,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);line-height:1.65;background:white}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#02142d;color:white;font-size:.9rem}.topbar-inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-contact{display:flex;gap:26px;flex-wrap:wrap}.topbar a{color:#eef6ff}.topbar-note{color:#9fb3c8;font-size:.8rem}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:white;font-weight:800;background:linear-gradient(145deg,var(--blue),var(--cyan))}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:1.65rem;letter-spacing:-.04em;color:#07172f}.brand-text small{font-size:.62rem;font-weight:800;letter-spacing:.06em;margin-top:6px}.main-nav{display:flex;gap:26px;align-items:center;font-size:.94rem;font-weight:600}.main-nav>a:not(.btn):hover{color:var(--blue)}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:10px;border:1px solid var(--blue);background:linear-gradient(135deg,var(--blue2),var(--blue));color:white;font-weight:700;box-shadow:0 10px 24px rgba(8,120,239,.18)}.btn-small{min-height:46px;padding:0 20px}.hero{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 82% 26%,rgba(0,147,255,.18),transparent 26%),linear-gradient(105deg,#03152c 0%,#061c34 53%,#072342 100%)}.hero-grid{min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:72px 0}.eyebrow{color:var(--blue);text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.14em;margin-bottom:14px}.eyebrow.light{color:#7de4ff}.hero h1{margin:0 0 22px;font-size:clamp(2.75rem,5.2vw,4.65rem);line-height:1.05;letter-spacing:-.055em}.hero h1 span{color:#1293ff}.hero-copy>p{color:#c8d7e7;max-width:690px;font-size:1.1rem}.hero-actions{display:flex;gap:14px;margin:32px 0 22px;flex-wrap:wrap}.btn-outline{background:transparent;border-color:rgba(255,255,255,.26);box-shadow:none}.hero-contact{display:flex;gap:10px;flex-wrap:wrap;color:#9fc2dd;font-size:.9rem}.hero-visual{min-height:380px;position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(5,23,45,.96),rgba(4,39,69,.88));box-shadow:0 30px 70px rgba(0,0,0,.26)}.server{position:absolute;top:42px;width:90px;height:300px;padding:15px 12px;border:1px solid rgba(94,185,255,.35);border-radius:12px;background:linear-gradient(180deg,rgba(7,26,48,.96),rgba(5,17,32,.96));display:grid;gap:9px}.s1{right:28px}.s2{right:132px}.s3{right:236px}.server i{display:block;border-radius:4px;background:linear-gradient(90deg,#0a5ec2 0 12%,#0e9ff3 12% 30%,#0c2f5b 30%)}.laptop{position:absolute;left:34px;bottom:55px;width:230px}.screen{height:145px;border:7px solid #14283e;border-radius:10px;background:linear-gradient(135deg,#0b3157,#0c74be);padding:22px}.screen b{display:block;height:8px;background:#67d7ff;border-radius:20px;margin-bottom:11px;width:80%}.screen b:nth-child(2){width:55%}.screen em{display:block;height:55px;margin-top:18px;border:1px solid rgba(255,255,255,.35);border-radius:6px}.keyboard{width:260px;height:18px;margin-left:-15px;border-radius:2px 2px 18px 18px;background:#20364a}.shield{position:absolute;left:235px;top:45px;width:70px;height:80px;display:grid;place-items:center;border-radius:20px 20px 30px 30px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:1.8rem;font-weight:800}.section{padding:92px 0}.section-heading{max-width:760px;margin:0 auto 44px;text-align:center}.section h2{margin:0 0 15px;font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.12;letter-spacing:-.045em}.section p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-grid article{min-height:300px;padding:28px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 9px 30px rgba(15,40,70,.05);text-align:center}.icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:15px;background:#edf6ff;color:#075fc6;font-size:1.7rem;font-weight:800}.service-grid h3{margin:0 0 10px}.service-grid p{font-size:.92rem}.service-grid a,.text-link{color:var(--blue2);font-weight:700}.dark{background:linear-gradient(135deg,#05172d,#082643);color:white}.dark p{color:#afc5d8}.solutions{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.solution-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.solution-list>div{padding:22px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055)}.solution-list strong{display:block;margin-bottom:7px}.solution-list span{color:#abc2d7;font-size:.9rem}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-panel{display:grid;gap:14px}.about-panel>div{padding:22px 24px;border-radius:16px;background:white;border:1px solid var(--line)}.about-panel strong{display:block;color:var(--blue2);font-size:1.15rem;margin-bottom:6px}.about-panel span{color:var(--muted);font-size:.94rem}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-grid>div{padding:26px;border-radius:16px;border:1px solid var(--line)}.why-grid span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf6ff;color:var(--blue2);font-weight:800;margin-bottom:18px}.why-grid strong{display:block}.why-grid p{font-size:.9rem}.cta{background:linear-gradient(135deg,#0a62ce,#0c93e9);color:white}.cta-inner{min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{margin:0;max-width:780px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.1}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-light{background:white;color:#075fc6;border-color:white}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-cards{display:grid;gap:12px;margin-top:28px}.contact-cards a{display:flex;gap:14px;align-items:center;padding:16px;border-radius:14px;border:1px solid var(--line);background:white}.contact-cards span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#edf6ff}.contact-cards small{display:block;color:var(--muted)}.contact-cards strong{font-size:.94rem}.contact-form{padding:30px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:block;margin-bottom:16px;font-size:.87rem;font-weight:700;color:#34465d}input,select,textarea{width:100%;margin-top:7px;padding:13px 14px;border-radius:10px;border:1px solid #cbd6e2;font:inherit}textarea{resize:vertical}.form-note{font-size:.76rem}.hidden{display:none}footer{background:#03152c;color:#a8bdd1;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr 1fr;gap:42px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid>div:first-child{gap:14px}.footer-brand .brand-text strong{color:white}.footer-brand .brand-text small{color:#b6c8da}.footer-grid h4{color:white;margin:0 0 10px}.footer-grid p{max-width:420px;margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:46px;padding-top:20px;font-size:.82rem}@media(max-width:980px){.topbar-note{display:none}.main-nav{position:absolute;top:90px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:18px 20px 24px;background:white;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:11px 0}.nav-toggle{display:block}.hero-grid,.solutions,.split,.contact-grid{grid-template-columns:1fr}.service-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.topbar-inner{padding:10px 0}.topbar-contact{gap:10px 18px;font-size:.8rem}.brand-text strong{font-size:1.3rem}.brand-text small{font-size:.53rem}.section{padding:72px 0}.hero-grid{padding:64px 0}.hero h1{font-size:2.5rem}.hero-actions{flex-direction:column}.hero-visual{min-height:300px}.server{height:230px;top:34px;width:66px}.s1{right:15px}.s2{right:90px}.s3{right:165px}.laptop{left:18px;bottom:40px;transform:scale(.72);transform-origin:left bottom}.shield{left:170px;top:36px;transform:scale(.8)}.service-grid,.why-grid,.solution-list,.form-row,.footer-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start;justify-content:center;padding:50px 0}.cta-actions{align-items:flex-start}.footer-bottom{flex-direction:column}}


.pricing-section { background: #ffffff; }
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: stretch;
}
.price-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: white;
  box-shadow: 0 10px 32px rgba(15,40,70,.06);
}
.price-card.featured {
  border: 2px solid var(--blue);
  box-shadow: 0 20px 50px rgba(8,120,239,.14);
  transform: translateY(-8px);
}
.price-label {
  display: inline-block;
  align-self: flex-start;
  margin-bottom: 18px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #edf6ff;
  color: var(--blue-2);
  font-size: .75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.price-card.featured .price-label {
  background: var(--blue);
  color: white;
}
.price-card h3 { margin: 0 0 12px; font-size: 1.25rem; }
.price {
  color: #07172f;
  font-size: 2.7rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.05em;
  margin-bottom: 18px;
}
.price small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: 0;
}
.price-card > p { min-height: 54px; margin-top: 0; }
.price-card ul {
  flex: 1;
  padding: 0;
  margin: 10px 0 26px;
  list-style: none;
}
.price-card li {
  position: relative;
  padding: 8px 0 8px 25px;
  color: #4e5d70;
  font-size: .92rem;
  border-bottom: 1px solid #eef2f6;
}
.price-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--blue);
  font-weight: 800;
}
.price-btn { width: 100%; }
.pricing-note {
  max-width: 820px;
  margin: 34px auto 0;
  text-align: center;
  font-size: .88rem;
}
@media (max-width: 900px) {
  .pricing-grid { grid-template-columns: 1fr; }
  .price-card.featured { transform: none; }
}


/* Professional pricing enhancements */
.pricing-grid-four {
  grid-template-columns: repeat(4, 1fr);
}
.price-card {
  overflow: hidden;
}
.package-for {
  min-height: 48px;
  margin-top: -3px !important;
  font-size: .83rem !important;
}
.popular-ribbon {
  position: absolute;
  top: 16px;
  right: -37px;
  width: 145px;
  padding: 6px 0;
  transform: rotate(38deg);
  background: var(--blue);
  color: white;
  text-align: center;
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.pricing-extras {
  margin-top: 34px;
  padding: 26px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-radius: 18px;
  background: linear-gradient(135deg, #05172d, #082643);
  color: white;
}
.pricing-extras strong {
  display: block;
  margin-bottom: 5px;
  font-size: 1.1rem;
}
.pricing-extras span {
  display: block;
  max-width: 780px;
  color: #b7cada;
  font-size: .9rem;
}
.btn-secondary-dark {
  flex: 0 0 auto;
  background: white;
  color: #075fc6;
  border-color: white;
  box-shadow: none;
}
.pricing-disclaimer {
  max-width: 980px;
  margin: 24px auto 0;
  color: #68778a;
  text-align: center;
  font-size: .76rem;
  line-height: 1.6;
}
@media (max-width: 1100px) {
  .pricing-grid-four { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .pricing-grid-four { grid-template-columns: 1fr; }
  .pricing-extras { flex-direction: column; align-items: flex-start; }
}


/* Fixed professional pricing section */
.pricing-section { background:#fff; }
.pricing-grid-four { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; align-items:stretch; }
.price-card { position:relative; overflow:hidden; display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 32px rgba(15,40,70,.07); }
.price-card.featured { border:2px solid var(--blue); box-shadow:0 20px 50px rgba(8,120,239,.14); transform:translateY(-8px); }
.price-label { display:inline-block; align-self:flex-start; margin-bottom:16px; padding:6px 11px; border-radius:999px; background:#edf6ff; color:var(--blue-2); font-size:.73rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.price-card.featured .price-label { background:var(--blue); color:#fff; }
.package-for { min-height:52px; font-size:.84rem!important; margin-top:0!important; }
.price { font-size:2.55rem; font-weight:800; line-height:1; color:#07172f; margin:14px 0 18px; letter-spacing:-.04em; }
.price small { display:block; margin-top:8px; color:var(--muted); font-size:.72rem; font-weight:600; letter-spacing:0; }
.price-card ul { list-style:none; padding:0; margin:8px 0 24px; flex:1; }
.price-card li { position:relative; padding:8px 0 8px 24px; border-bottom:1px solid #eef2f6; color:#4e5d70; font-size:.9rem; }
.price-card li::before { content:"✓"; position:absolute; left:0; color:var(--blue); font-weight:800; }
.price-btn { width:100%; }
.popular-ribbon { position:absolute; top:16px; right:-38px; width:148px; padding:6px 0; transform:rotate(38deg); background:var(--blue); color:#fff; text-align:center; font-size:.6rem; font-weight:800; letter-spacing:.08em; }
.pricing-extras { margin-top:34px; padding:26px 30px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-radius:18px; background:linear-gradient(135deg,#05172d,#082643); color:#fff; }
.pricing-extras strong { display:block; margin-bottom:6px; font-size:1.08rem; }
.pricing-extras span { display:block; max-width:800px; color:#b7cada; font-size:.9rem; }
.btn-secondary-dark { flex:0 0 auto; background:#fff; color:#075fc6; border-color:#fff; box-shadow:none; }
.pricing-disclaimer { max-width:980px; margin:22px auto 0; text-align:center; color:#68778a; font-size:.76rem; }
@media (max-width:1100px) { .pricing-grid-four { grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px) { .pricing-grid-four { grid-template-columns:1fr; } .price-card.featured { transform:none; } .pricing-extras { flex-direction:column; align-items:flex-start; } }


/* Legal pages */
.legal-links { display:flex; gap:18px; flex-wrap:wrap; }
.legal-links a:hover { color:#fff; }
.legal-hero {
  padding:72px 0;
  color:#fff;
  background:linear-gradient(135deg,#03152c,#082643);
}
.legal-hero h1 { margin:0 0 10px; font-size:clamp(2.4rem,5vw,4rem); letter-spacing:-.045em; }
.legal-hero p { margin:0; color:#b8cada; }
.legal-content { padding:70px 0 90px; }
.legal-document { max-width:900px; margin:0 auto; }
.legal-document h2 { margin-top:38px; font-size:1.5rem; color:#07172f; }
.legal-document h3 { margin-top:25px; font-size:1.05rem; }
.legal-document p, .legal-document li { color:#536275; }
.legal-document a { color:var(--blue-2); font-weight:600; }
.legal-document .notice {
  padding:18px 20px; border-left:4px solid var(--blue);
  border-radius:8px; background:#f3f8fe; color:#40536a;
}
.legal-document ul { padding-left:22px; }
.legal-back { display:inline-block; margin-bottom:28px; color:var(--blue-2); font-weight:700; }
@media (max-width:640px) {
  .legal-links { gap:10px 16px; }
}