:root{--bg:#07111f;--panel:#0d1b2d;--panel2:#10253e;--text:#f7fbff;--muted:#afbed0;--blue:#2697ff;--green:#43d17a;--gold:#ffd058;--line:#1d3e63;--white:#fff;--ink:#0b1520}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none} .container{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(5,12,23,.93);backdrop-filter:blur(10px);border-bottom:1px solid #17314f}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px} .brand{font-size:24px;font-weight:900;letter-spacing:.4px} .brand span{color:var(--blue)}
nav{display:flex;gap:22px;align-items:center} nav a{color:#dce8f6;font-size:14px;font-weight:700} .btn{display:inline-block;padding:13px 21px;border-radius:9px;font-weight:800;border:1px solid transparent}
.btn-blue{background:var(--blue);color:#fff} .btn-green{background:var(--green);color:#072016} .btn-outline{border-color:#31577c;color:#e9f3ff}
.hero{padding:88px 0 74px;background:radial-gradient(circle at 80% 20%,#123e70 0,transparent 32%),linear-gradient(180deg,#07111f,#091628)} .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.eyebrow{display:inline-block;color:#8dcaff;text-transform:uppercase;letter-spacing:1.8px;font-weight:900;font-size:12px;margin-bottom:18px} h1{font-size:clamp(46px,7vw,78px);line-height:1.02;margin:0 0 24px;letter-spacing:-2.2px}
.accent{color:var(--blue)} .lead{font-size:21px;color:#c6d4e3;max-width:720px;margin-bottom:28px} .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:linear-gradient(145deg,#10233b,#0b1727);border:1px solid #24486d;border-radius:22px;padding:34px;box-shadow:0 28px 70px rgba(0,0,0,.35)}
.hero-card h3{font-size:27px;margin-top:0} .check{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px} .check div{background:#0a1828;border:1px solid #193b5f;padding:16px;border-radius:12px;color:#dbe8f4} .check b{display:block;color:#63baff;margin-bottom:3px}
section{padding:78px 0} .white{background:#fff;color:var(--ink)} .light{background:#f4f7fb;color:var(--ink)} .section-head{text-align:center;max-width:820px;margin:0 auto 46px} .section-head h2{font-size:42px;line-height:1.1;margin:8px 0 14px} .section-head p{color:#5f7185;font-size:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .card{background:#fff;border:1px solid #dfe7f0;border-radius:16px;padding:27px;box-shadow:0 10px 35px rgba(12,35,60,.06)} .card h3{font-size:22px;margin:4px 0 9px} .card p{color:#607287} .icon{width:44px;height:44px;border-radius:11px;background:#eaf5ff;color:#147ee4;display:grid;place-items:center;font-weight:900;font-size:19px}
.publisher{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center} .publisher-box{background:#0d1b2d;border:1px solid #20466d;border-radius:18px;padding:32px} .publisher-box h2{font-size:39px;margin:0 0 15px} .publisher-box p{color:#b9c9da} .bullet{margin:18px 0;padding-left:0;list-style:none} .bullet li{margin:10px 0;color:#d9e5f0} .bullet li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}
.monitor-preview{background:#fff;color:#0a1520;border-radius:18px;padding:26px;box-shadow:0 20px 55px rgba(0,0,0,.18)} .monitor-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px} .pill{font-size:12px;font-weight:900;padding:7px 11px;border-radius:30px;background:#e9fff1;color:#14713c}
.site-row{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:14px;padding:14px 0;border-bottom:1px solid #e4ebf2;font-size:14px} .ok{color:#168c48;font-weight:900}
.offer{background:linear-gradient(135deg,#071a30,#0d477d);text-align:center} .offer h2{font-size:44px;margin:0 0 12px} .offer .price{font-size:64px;font-weight:950;color:var(--gold)} .offer p{max-width:700px;margin:0 auto 25px;color:#d7e7f5}
.footer{padding:34px 0;background:#030914;border-top:1px solid #17314f;color:#94a6b9} .footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.small{font-size:13px;color:#9fb0c2}
@media(max-width:900px){nav{display:none}.hero-grid,.publisher{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.check{grid-template-columns:1fr}.site-row{grid-template-columns:1fr 1fr}.site-row span:last-child{display:none}}

.page-hero{padding:72px 0 48px;background:radial-gradient(circle at 80% 20%,#123e70 0,transparent 32%),linear-gradient(180deg,#07111f,#091628)}
.page-hero h1{font-size:clamp(40px,6vw,64px)}
.content{max-width:880px;margin:auto}.content h2{font-size:34px;margin-top:38px}.content p,.content li{color:#53687e}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.price-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:30px;box-shadow:0 10px 35px rgba(12,35,60,.06)}.price-card.featured{border:2px solid var(--blue)}.price-big{font-size:44px;font-weight:950;color:#0e76d5}.form-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:30px;max-width:760px;margin:auto}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-weight:800}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #cbd7e3;border-radius:8px;font:inherit}.field textarea{min-height:130px;resize:vertical}.notice{padding:14px 16px;border-radius:10px;background:#eaf5ff;color:#124f81}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-list .card{height:100%}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#cbd9e7}@media(max-width:900px){.grid2,.service-list{grid-template-columns:1fr}}

/* REV27 mobile/menu + contrast fixes */
.dark .card, .hero .card {
  background:#fff;
  color:#101827;
}
.dark .card h1,.dark .card h2,.dark .card h3,.dark .card h4,
.dark .card p,.dark .card li,.dark .card strong,
.hero .card h1,.hero .card h2,.hero .card h3,.hero .card h4,
.hero .card p,.hero .card li,.hero .card strong {
  color:#101827;
}
.dark .card li,.hero .card li { margin:.45rem 0; }
.mobile-menu-btn{
  display:none;background:#1473e6;color:#fff;border:0;border-radius:9px;
  padding:10px 13px;font-size:22px;line-height:1;cursor:pointer
}
@media(max-width:820px){
  .nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .nav .brand{font-size:26px}
  .mobile-menu-btn{display:block}
  .nav nav{
    display:none;position:absolute;left:0;right:0;top:100%;z-index:9999;
    background:#07111f;border-top:1px solid #20354c;padding:12px 18px 18px;
    box-shadow:0 14px 30px rgba(0,0,0,.3)
  }
  .nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}
  .nav nav a{display:block;padding:12px 10px}
  .nav nav .btn{text-align:center;margin-top:6px}
  .hero h1{font-size:clamp(38px,10vw,58px)}
  .dark h2{font-size:clamp(30px,8vw,44px)}
  .cards{grid-template-columns:1fr}
}

/* REV28 homepage navigation correction */
@media(max-width:820px){
  header .container.nav{position:relative;}
  header .container.nav > .mobile-menu-btn{margin-left:auto;display:block;}
  header .container.nav > nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:100%;
  }
}