/* Paramount Cyber — shared layout (all product pages) */
html{scroll-behavior:smooth;overflow-x:hidden;width:100%}
body{
  max-width:100%;overscroll-behavior-x:none;
  padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);
}
main,nav,footer{position:relative;z-index:2;max-width:100%}
main{overflow-x:hidden}

nav{
  position:sticky;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;
  gap:10px;padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));
  min-height:58px;background:rgba(5,7,10,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line,#1a2738);
}
.logo{
  font-weight:700;letter-spacing:4px;font-size:16px;color:var(--white,#eef5fb);
  text-decoration:none;flex-shrink:0;font-family:var(--font-d,"Rajdhani",sans-serif);
}
.nav-links{
  display:flex;align-items:center;min-width:0;flex:1;justify-content:flex-end;gap:10px;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.nav-links::-webkit-scrollbar{display:none}
.nav-hub{
  font-family:var(--font-m,"Share Tech Mono",monospace);font-size:10px;letter-spacing:1.5px;
  text-transform:uppercase;text-decoration:none;color:var(--dim,#5b6e82);white-space:nowrap;
  padding:8px 0;transition:color .2s;
}
.nav-hub:hover{color:var(--white,#eef5fb)}
.nav-hub.active{color:var(--accent,var(--green,#39ff7a))}
@media(max-width:620px){.nav-hub{display:none}}

.prod-nav{
  display:flex;flex-shrink:0;border:1px solid var(--line,#1a2738);
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
}
.prod-nav a{
  font-family:var(--font-m,"Share Tech Mono",monospace);font-size:9px;letter-spacing:1px;
  text-transform:uppercase;padding:9px 11px;text-decoration:none;color:var(--dim,#5b6e82);
  transition:color .2s,background .2s;white-space:nowrap;flex-shrink:0;
}
.prod-nav a:not(:last-child){border-right:1px solid var(--line,#1a2738)}
.prod-nav a:hover{color:var(--white,#eef5fb)}
.prod-nav a.active{font-weight:700;color:#03140a;background:var(--accent,var(--green,#39ff7a))}

.site-footer{
  border-top:1px solid var(--line,#1a2738);padding:26px 22px;
  padding-bottom:max(26px,env(safe-area-inset-bottom));
  font-family:var(--font-m,"Share Tech Mono",monospace);font-size:11px;color:var(--dim,#5b6e82);
  letter-spacing:1px;
}
.site-footer .foot-row{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px;
}
.legal{
  font-size:10px;line-height:1.55;color:var(--dim,#5b6e82);opacity:.85;
  max-width:920px;letter-spacing:.3px;text-transform:none;
}
.foot-links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:10px}
.foot-links a{color:var(--dim,#5b6e82);text-decoration:none;letter-spacing:1px;text-transform:uppercase}
.foot-links a:hover{color:var(--white,#eef5fb)}

/* legal / policy pages */
.legal-page{max-width:760px;margin:0 auto;padding:56px 20px 80px}
.legal-page h1{font-size:clamp(26px,4vw,36px);color:var(--white,#eef5fb);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-family:var(--font-d,"Rajdhani",sans-serif)}
.legal-page .updated{font-family:var(--font-m,"Share Tech Mono",monospace);font-size:11px;color:var(--dim,#5b6e82);margin-bottom:32px;letter-spacing:1px}
.legal-page h2{font-size:18px;color:var(--white,#eef5fb);margin:28px 0 10px;letter-spacing:.5px;font-family:var(--font-d,"Rajdhani",sans-serif)}
.legal-page p,.legal-page li{font-size:15px;color:var(--txt,#c9d6e2);margin-bottom:12px;line-height:1.6}
.legal-page ul{margin:0 0 16px 20px}

/* solutions hub */
.sol-hero{padding:56px 20px 40px;text-align:center;border-bottom:1px solid var(--line,#1a2738)}
.sol-hero h1{font-size:clamp(28px,5vw,42px);color:var(--white,#eef5fb);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-family:var(--font-d,"Rajdhani",sans-serif)}
.sol-hero p{color:var(--dim,#5b6e82);max-width:560px;margin:0 auto;font-size:17px}
.sol-grid{max-width:1140px;margin:0 auto;padding:48px 20px 72px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.sol-card{
  border:1px solid var(--line,#1a2738);background:var(--panel,#0b1119);padding:28px 24px;text-decoration:none;color:inherit;
  transition:border-color .2s,transform .2s;display:block;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
}
.sol-card:hover{transform:translateY(-3px)}
.sol-card .tag{font-family:var(--font-m,"Share Tech Mono",monospace);font-size:10px;letter-spacing:2px;margin-bottom:10px}
.sol-card h2{font-size:20px;color:var(--white,#eef5fb);text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px;font-family:var(--font-d,"Rajdhani",sans-serif)}
.sol-card p{font-size:14px;color:var(--dim,#5b6e82);line-height:1.55;margin-bottom:16px}
.sol-card .go{font-family:var(--font-m,"Share Tech Mono",monospace);font-size:11px;letter-spacing:2px}
.sol-card.sec{border-color:rgba(57,255,122,.25)}.sol-card.sec:hover{border-color:var(--green,#39ff7a)}.sol-card.sec .tag,.sol-card.sec .go{color:var(--green,#39ff7a)}
.sol-card.farm{border-color:rgba(58,208,255,.2)}.sol-card.farm:hover{border-color:var(--cyan,#3ad0ff)}.sol-card.farm .tag,.sol-card.farm .go{color:var(--cyan,#3ad0ff)}
.sol-card.voice{border-color:rgba(255,179,71,.25)}.sol-card.voice:hover{border-color:var(--amber,#ffb347)}.sol-card.voice .tag,.sol-card.voice .go{color:var(--amber,#ffb347)}
.sol-card.apps{border-color:rgba(157,107,255,.28)}.sol-card.apps:hover{border-color:var(--violet,#9d6bff)}.sol-card.apps .tag,.sol-card.apps .go{color:var(--violet,#9d6bff)}
.sol-scope{max-width:1140px;margin:0 auto;padding:32px 20px 56px;border-top:1px solid var(--line,#1a2738);text-align:center}
.sol-scope p{font-size:14px;color:var(--dim,#5b6e82);max-width:640px;margin:0 auto 18px;line-height:1.55}
.sol-scope .btn{margin-top:4px}

@media(max-width:620px){
  nav{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}
  .logo{font-size:13px;letter-spacing:2px;width:100%}
  .nav-links{width:100%;justify-content:stretch}
  .prod-nav{width:100%}
  .prod-nav a{flex:1;text-align:center;padding:11px 4px;font-size:8px;letter-spacing:.3px}
  .site-footer .foot-row{flex-direction:column;text-align:center}
}