/* Paramount Cyber — shared visual system */
:root{
  --bg:#05070a;--bg2:#080c12;--panel:#0b1119;--panel2:#0e1520;
  --line:#1a2738;--line2:#223349;--txt:#c9d6e2;--dim:#5b6e82;--white:#eef5fb;
  --green:#39ff7a;--green-dim:rgba(57,255,122,.14);
  --red:#ff2d4e;--red-dim:rgba(255,45,78,.12);
  --amber:#ffb347;--cyan:#3ad0ff;--violet:#9d6bff;
  --font-d:"Rajdhani",sans-serif;--font-m:"Share Tech Mono",Menlo,monospace;
  --accent:var(--green);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--bg);color:var(--txt);font-family:var(--font-d);
  font-size:16px;line-height:1.55;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px);
}
.grid-bg{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(rgba(57,255,122,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,122,.03) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
}
body.theme-farm .grid-bg{
  background:linear-gradient(rgba(58,208,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(58,208,255,.03) 1px,transparent 1px);
  background-size:42px 42px;
}
body.theme-voice .grid-bg{
  background:linear-gradient(rgba(255,179,71,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,179,71,.025) 1px,transparent 1px);
  background-size:42px 42px;
}
body.theme-apps .grid-bg{
  background:linear-gradient(rgba(157,107,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(157,107,255,.03) 1px,transparent 1px);
  background-size:42px 42px;
}
.atmo{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 85% 55% at 50% -15%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 72%),var(--bg);
}
::selection{background:var(--accent);color:#03140a}
body.theme-farm ::selection{background:var(--cyan);color:#031018}
body.theme-voice ::selection{background:var(--amber);color:#1a1000}
body.theme-apps ::selection{background:var(--violet);color:#0a0614}
body.theme-apps .hero{border-bottom-color:rgba(157,107,255,.22)}
.logo b,.blink{color:var(--accent)}
.blink{animation:blink 1.2s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* hero */
.hero{
  position:relative;padding:68px 20px 52px;border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse 60% 50% at 50% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);
}
body.theme-farm .hero{border-bottom-color:rgba(58,208,255,.2)}
body.theme-voice .hero{border-bottom-color:rgba(255,179,71,.2)}
.hero-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.tag-top{
  display:inline-block;font-family:var(--font-m);font-size:11px;letter-spacing:2px;
  color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
  padding:6px 14px;margin-bottom:20px;background:color-mix(in srgb,var(--accent) 10%,transparent);
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
h1{
  font-size:clamp(30px,5vw,52px);font-weight:700;letter-spacing:1.5px;
  color:var(--white);line-height:1.08;text-transform:uppercase;margin-bottom:16px;
}
h1 .accent{color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent)}
.hero-sub{font-size:clamp(16px,2.1vw,18px);color:var(--txt);margin-bottom:12px;font-weight:500;max-width:540px;line-height:1.5}
.hero-proof{font-family:var(--font-m);font-size:12px;color:var(--dim);margin-bottom:24px;line-height:1.5}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  display:inline-block;font-family:var(--font-m);font-size:13px;letter-spacing:1px;
  padding:14px 24px;text-decoration:none;cursor:pointer;border:none;text-transform:uppercase;
  transition:filter .15s,box-shadow .15s,border-color .15s;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));
}
.btn-go{background:var(--accent);color:#03140a;font-weight:700;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 28%,transparent)}
body.theme-voice .btn-go{color:#1a1000}
.btn-go:hover{filter:brightness(1.1)}
.btn-line{background:transparent;color:var(--txt);border:1px solid var(--line2);clip-path:none}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}

.hud{display:flex;justify-content:center;flex-wrap:wrap;margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hud .h{padding:14px 28px;border-right:1px solid var(--line);text-align:center;min-width:130px}
.hud .h:first-child{border-left:1px solid var(--line)}
.hud .n{font-family:var(--font-m);font-size:24px;color:var(--accent)}
.hud .l{font-size:10px;letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;margin-top:2px}

/* sections */
section{padding:64px 20px;max-width:1140px;margin:0 auto}
.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.sec-head .bar{width:34px;height:3px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.sec-head .kicker{font-family:var(--font-m);font-size:11px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}
h2{font-size:clamp(24px,3.5vw,34px);font-weight:700;color:var(--white);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.sec-sub{color:var(--dim);max-width:680px;margin-bottom:32px;font-size:16px;line-height:1.55}
.sec-sub a{color:var(--accent)}

.gates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.gate-card{
  background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--line);
  padding:22px 20px;transition:border-color .2s,transform .2s;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
}
a.gate-card{text-decoration:none;color:inherit;display:block}
.gate-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.gate-card .gn{font-family:var(--font-m);font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:4px}
.gate-card h3{font-size:18px;color:var(--white);letter-spacing:.5px;margin:4px 0 8px;text-transform:uppercase}
.gate-card p{font-size:14px;color:var(--txt);opacity:.9;line-height:1.55}
.gate-card .go{font-family:var(--font-m);font-size:11px;color:var(--accent);letter-spacing:1.5px;margin-top:12px;display:block}

.pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pkg{border:1px solid var(--line);background:linear-gradient(170deg,var(--panel),var(--panel2));padding:26px 22px}
.pkg.hot{border-color:var(--accent);box-shadow:0 0 32px color-mix(in srgb,var(--accent) 10%,transparent)}
.pkg .ph{font-family:var(--font-m);font-size:10px;letter-spacing:2px;color:var(--accent);text-transform:uppercase}
.pkg h3{font-size:19px;color:var(--white);margin:8px 0 14px;letter-spacing:.5px;text-transform:uppercase}
.pkg ul{list-style:none;font-size:14px}
.pkg li{padding:5px 0 5px 22px;position:relative;color:var(--txt)}
.pkg li:before{content:"✓";position:absolute;left:2px;color:var(--accent);font-family:var(--font-m)}
.pkg .pnote{margin-top:16px;font-family:var(--font-m);font-size:10px;color:var(--dim);letter-spacing:1px}

.cta-zone{text-align:center;padding:72px 20px;border-top:1px solid var(--line);background:var(--bg2)}
.cta-zone h2{margin-bottom:12px}
.cta-zone p{color:var(--dim);max-width:520px;margin:0 auto 24px;line-height:1.55}
.phone-num{font-family:var(--font-m);font-size:clamp(20px,4vw,28px);color:var(--accent);text-decoration:none;letter-spacing:2px;display:block;margin-bottom:16px}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:12px}
.cta-note{font-family:var(--font-m);font-size:10px;color:var(--dim);letter-spacing:.5px;line-height:1.5;max-width:420px;margin:0 auto}
.cta-note a{color:var(--accent);text-decoration:none}
.cta-note a:hover{text-decoration:underline}
.who{font-family:var(--font-m);font-size:11px;color:var(--dim);letter-spacing:2px;margin-bottom:20px}

.trust-zone{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);padding:64px 20px}
.trust-inner{max-width:1140px;margin:0 auto}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.trust-card{border:1px solid var(--line);background:var(--panel);padding:20px 18px;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.trust-card .t-label{font-family:var(--font-m);font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:8px}
.trust-card h3{font-size:15px;color:var(--white);text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}
.trust-card p{font-size:13px;color:var(--dim);line-height:1.55}
.trust-note{margin-top:20px;padding:14px 16px;border:1px solid var(--line);background:var(--panel);
  font-size:12px;color:var(--dim);line-height:1.55}
.trust-note b{color:var(--accent)}

.portfolio-strip{
  max-width:1140px;margin:0 auto;padding:32px 20px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  border-top:1px solid var(--line);background:var(--bg2);
}
.portfolio-strip p{font-size:14px;color:var(--dim);max-width:480px;line-height:1.5}
.portfolio-strip .btn{margin:0}

.contrast-zone{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);padding:52px 20px}
.contrast-inner{max-width:960px;margin:0 auto}
.contrast-zone h2{text-align:center;margin-bottom:8px}
.contrast-zone .sec-sub{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:28px}
.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contrast-col{
  border:1px solid var(--line);padding:22px 20px;background:var(--panel);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.contrast-col.before{border-color:rgba(255,45,78,.28)}
.contrast-col.after{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}
.contrast-col .clabel{font-family:var(--font-m);font-size:9px;letter-spacing:2px;margin-bottom:14px;text-transform:uppercase}
.contrast-col.before .clabel{color:var(--red)}
.contrast-col.after .clabel{color:var(--accent)}
.contrast-col ul{list-style:none;font-size:14px;line-height:1.55}
.contrast-col li{padding:7px 0 7px 16px;position:relative;color:var(--txt)}
.contrast-col.before li{color:var(--dim)}
.contrast-col li:before{content:"";position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%}
.contrast-col.before li:before{background:var(--red)}
.contrast-col.after li:before{background:var(--accent)}
.ref-note{margin-top:22px;text-align:center;font-family:var(--font-m);font-size:10px;color:var(--dim);letter-spacing:.5px;line-height:1.5}

.rv{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .blink{animation:none}
}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-sub,.hero-proof{margin-left:auto;margin-right:auto}
  .hero-btns{justify-content:center}
}
@media(max-width:620px){
  .hero{padding:44px 16px 36px}
  h1{font-size:clamp(24px,7vw,52px);letter-spacing:1px}
  .tag-top{font-size:9px;padding:5px 10px;letter-spacing:1px}
  section,.trust-zone{padding-left:16px;padding-right:16px}
  .hero-btns{flex-direction:column;width:100%;max-width:300px;margin:0 auto}
  .hero-btns .btn{width:100%;text-align:center}
  .cta-actions{flex-direction:column;width:100%;max-width:300px;margin-left:auto;margin-right:auto}
  .cta-actions .btn{width:100%;text-align:center}
  .hud{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line)}
  .hud .h{min-width:0;padding:12px;border-right:none;border-bottom:1px solid var(--line)}
  .hud .h:first-child{border-left:none}
  .hud .h:nth-child(odd){border-right:1px solid var(--line)}
  .gates,.pkgs{grid-template-columns:1fr}
  .portfolio-strip{flex-direction:column;text-align:center}
  .contrast-grid{grid-template-columns:1fr}
}