/* ════════════════════════════════════════
   Tralient — WatchGuard Page Styles v1.1
════════════════════════════════════════ */
:root{
  --wg-red:#cc0000;--wg-red-dark:#9a0000;--wg-charcoal:#1a1c22;
  --prime-color:#3d54cc;--adv-color:#cc0000;--cloud-color:#f5a623;
}
.watchguard-page{background:var(--wg-charcoal);}
.watchguard-page #topbar{display:none;}
.watchguard-page #navbar{display:none;}
.watchguard-page #footer{display:none;}

/* ── WG Container ── */
.wg-container{max-width:1240px;margin:0 auto;padding:0 2rem;}
.wg-container--narrow{max-width:900px;margin:0 auto;padding:0 2rem;}

/* ── WG Eyebrow / Title ── */
.wg-eyebrow{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--wg-red);display:block;margin-bottom:.75rem;}
.wg-section-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;line-height:1;color:var(--white);}

/* ── WG Buttons ── */
.wg-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;padding:.85rem 2rem;border-radius:2px;text-decoration:none;transition:all .25s ease;cursor:pointer;border:none;}
.wg-btn-red{background:var(--wg-red);color:#fff;}
.wg-btn-red:hover{background:var(--wg-red-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(204,0,0,.45);}
.wg-btn-orange{background:#f5a623;color:#0f1a45;}
.wg-btn-orange:hover{background:#ff9500;transform:translateY(-2px);box-shadow:0 8px 28px rgba(245,166,35,.4);}
.wg-btn-outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.wg-btn-outline-white:hover{border-color:var(--wg-red);color:var(--wg-red);}
.wg-btn-outline-red{background:transparent;color:var(--wg-red);border:1.5px solid var(--wg-red);}
.wg-btn-outline-red:hover{background:var(--wg-red);color:#fff;}

/* ── Animations ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.reveal.up{opacity:1;transform:none;}
.reveal-l{opacity:0;transform:translateX(-28px);transition:opacity .65s ease,transform .65s ease;}
.reveal-l.up{opacity:1;transform:none;}
.reveal-r{opacity:0;transform:translateX(28px);transition:opacity .65s ease,transform .65s ease;}
.reveal-r.up{opacity:1;transform:none;}

/* ── WG Topbar (standalone only) ── */
#wg-topbar{background:#080c1e;padding:.4rem 0;font-family:'Space Mono',monospace;font-size:.68rem;color:#8a9ab8;border-bottom:1px solid rgba(255,255,255,.05);}
#wg-topbar .wg-topbar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;}
#wg-topbar a{color:#f5a623;text-decoration:none;}

/* ── WG Navbar ── */
#wg-navbar{position:sticky;top:0;z-index:1000;background:#0f1a45;border-bottom:2px solid var(--wg-red);box-shadow:0 4px 32px rgba(0,0,0,.5);}
#wg-navbar .wg-nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}
.wg-nav-logo{display:flex;align-items:center;gap:1.25rem;text-decoration:none;}
.wg-nav-logo img,.wg-nav-logo .custom-logo-link img{height:42px;width:auto;}
.wg-nav-logo-divider{width:1px;height:32px;background:rgba(255,255,255,.15);}
.wg-nav-logo-brand{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wg-red);line-height:1.2;}
.wg-nav-logo-brand span{display:block;color:rgba(255,255,255,.4);font-weight:400;font-size:.65rem;}
.wg-nav-links{display:flex;align-items:center;gap:.2rem;list-style:none;}
.wg-nav-links a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);text-decoration:none;padding:.45rem .8rem;border-radius:2px;transition:all .2s;}
.wg-nav-links a:hover{color:#fff;background:rgba(255,255,255,.06);}
.wg-nav-back{font-size:.75rem;color:rgba(255,255,255,.35);text-decoration:none;font-family:'Space Mono',monospace;letter-spacing:.08em;}
.wg-nav-back:hover{color:#f5a623;}

/* ── Hero ── */
#hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--wg-charcoal);overflow:hidden;}
.hero-bg-layers{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 100% 50%,rgba(204,0,0,.12) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(26,43,109,.3) 0%,transparent 60%),linear-gradient(160deg,#0a0d1a 0%,#12162e 40%,#1a0303 100%);}
.hero-grid-overlay{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(rgba(200,208,220,1) 1px,transparent 1px),linear-gradient(90deg,rgba(200,208,220,1) 1px,transparent 1px);background-size:44px 44px;}
.hero-stripe{position:absolute;top:-20%;right:-5%;width:3px;height:140%;background:linear-gradient(to bottom,transparent,var(--wg-red),transparent);transform:rotate(12deg);opacity:.6;}
.hero-content{position:relative;z-index:2;max-width:760px;padding:3rem 0;}
.hero-partnership-badge{display:inline-flex;align-items:center;gap:.75rem;background:rgba(204,0,0,.12);border:1px solid rgba(204,0,0,.3);border-radius:2px;padding:.5rem 1rem;margin-bottom:2.5rem;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--wg-red);animation:pulse-red 1.8s ease-in-out infinite;}
@keyframes pulse-red{0%,100%{box-shadow:0 0 0 0 rgba(204,0,0,.6)}50%{box-shadow:0 0 0 6px rgba(204,0,0,0)}}
.hero-partnership-badge strong{color:var(--wg-red);}
.hero-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.92;color:#fff;margin-bottom:1.75rem;}
.hero-title .line-red{color:var(--wg-red);display:block;}
.hero-title .line-dim{color:rgba(255,255,255,.35);font-weight:300;display:block;}
.hero-desc{font-size:1.12rem;color:rgba(255,255,255,.55);line-height:1.75;max-width:580px;margin-bottom:2.5rem;}
.hero-desc strong{color:rgba(255,255,255,.85);font-weight:500;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem;}
.hero-proof{display:flex;gap:3rem;flex-wrap:wrap;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);}
.hero-proof-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2.4rem;color:var(--wg-red);line-height:1;}
.hero-proof-label{font-size:.75rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.12em;margin-top:.2rem;}
.hero-visual{position:absolute;right:0;top:0;bottom:0;width:42%;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden;}
.hero-shield{width:420px;height:420px;position:relative;}
.hero-shield svg{width:100%;height:100%;}
.shield-ring{position:absolute;border-radius:50%;border:1px solid rgba(204,0,0,.15);animation:ring-pulse 4s ease-in-out infinite;}
.shield-ring:nth-child(1){inset:0;animation-delay:0s;}
.shield-ring:nth-child(2){inset:-40px;animation-delay:1s;opacity:.6;}
.shield-ring:nth-child(3){inset:-80px;animation-delay:2s;opacity:.3;}
@keyframes ring-pulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.04);opacity:.8}}

/* ── Stats Bar ── */
#stats-bar{background:var(--wg-red);padding:1.75rem 0;}
.stats-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;}
.stat-item{text-align:center;flex:1;min-width:140px;}
.stat-item-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2rem;color:#fff;line-height:1;}
.stat-item-label{font-size:.72rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.12em;margin-top:.2rem;}
.stat-divider{width:1px;height:40px;background:rgba(255,255,255,.25);}

/* ── Partnership Intro ── */
#partnership-intro{padding:7rem 0;background:#0e1120;position:relative;overflow:hidden;}
#partnership-intro::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--wg-red),transparent);}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.intro-text p{font-size:1.05rem;color:rgba(255,255,255,.55);line-height:1.8;margin-top:1.25rem;}
.intro-text p+p{margin-top:1rem;}
.intro-text strong{color:rgba(255,255,255,.85);}
.intro-actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;}
.intro-pillars{display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;}
.pillar-row{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:rgba(255,255,255,.02);border-left:3px solid transparent;transition:all .25s;}
.pillar-row:hover{background:rgba(255,255,255,.05);border-left-color:var(--wg-red);}
.pillar-icon{width:44px;height:44px;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:rgba(204,0,0,.12);border:1px solid rgba(204,0,0,.2);}
.pillar-text h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:.3rem;}
.pillar-text p{font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.5;}

/* ── Tiers Header ── */
#tiers-header{padding:5rem 0 3rem;background:#080c1e;text-align:center;position:relative;}
.tiers-title{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:1rem;}
.tiers-subtitle{font-size:1.05rem;color:rgba(255,255,255,.45);max-width:560px;margin:0 auto;line-height:1.7;}
.tier-nav{display:flex;justify-content:center;gap:1rem;margin-top:3rem;flex-wrap:wrap;}
.tier-nav-btn{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.4rem;border-radius:2px;border:1.5px solid rgba(255,255,255,.15);background:transparent;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s;text-decoration:none;}
.tier-nav-btn.active-prime,.tier-nav-btn:hover{border-color:var(--prime-color);color:var(--prime-color);}
.tier-nav-btn.active-adv{border-color:var(--adv-color);color:var(--adv-color);}
.tier-nav-btn.active-cloud{border-color:var(--cloud-color);color:var(--cloud-color);}

/* ── Tier Sections ── */
#endpoint-prime{padding:6rem 0;background:#0a0d1e;position:relative;overflow:hidden;}
#endpoint-360{padding:6rem 0;background:#0e0608;position:relative;overflow:hidden;}
#endpoint-360::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 80% 50%,rgba(204,0,0,.07) 0%,transparent 65%);}
#firecloud{padding:6rem 0;background:#0a0c14;position:relative;overflow:hidden;}
#firecloud::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 20% 50%,rgba(245,166,35,.06) 0%,transparent 60%);}
#ai-dashboard{padding:6rem 0;background:#080a12;position:relative;overflow:hidden;}
#ai-dashboard::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(204,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(204,0,0,.04) 1px,transparent 1px);background-size:32px 32px;}
#msp-benefits{padding:6rem 0;background:linear-gradient(160deg,#0a0f28,#1a0303);position:relative;}
#appliances{padding:6rem 0;background:#0c0e18;position:relative;overflow:hidden;}
#why-tralient{padding:6rem 0;background:#1a2b6d;position:relative;overflow:hidden;}
#why-tralient::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--wg-red),#f5a623,#3d54cc);}
#final-cta,#wg-contact{padding:7rem 0;background:#080c1e;text-align:center;position:relative;overflow:hidden;}
#final-cta::before,#wg-contact::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(204,0,0,.08) 0%,transparent 65%);}
#page-footer{background:#040610;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05);text-align:center;}
#page-footer p{font-size:.78rem;color:rgba(255,255,255,.2);font-family:'Space Mono',monospace;}
#page-footer a{color:#f5a623;text-decoration:none;}
.tier-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.08),transparent);margin:0;}

/* ── Tier Hero ── */
.tier-hero{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-bottom:5rem;}
.tier-label{display:inline-flex;align-items:center;gap:.6rem;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;padding:.4rem .9rem;border-radius:2px;margin-bottom:1.25rem;}
.tier-label.prime{background:rgba(61,84,204,.15);border:1px solid rgba(61,84,204,.3);color:#7b96ff;}
.tier-label.adv{background:rgba(204,0,0,.12);border:1px solid rgba(204,0,0,.3);color:#ff6b6b;}
.tier-label.cloud{background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.25);color:#f5a623;}
.tier-title{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:.5rem;}
.tier-product-name{font-family:'Barlow Condensed',sans-serif;font-weight:400;font-size:1.3rem;color:rgba(255,255,255,.4);margin-bottom:1.5rem;}
.tier-desc{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:2rem;}

/* ── Visual Cards ── */
.tier-visual-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:6px;overflow:hidden;position:relative;}
.tier-visual-card.prime-accent{border-color:rgba(61,84,204,.3);}
.tier-visual-card.red-accent{border-color:rgba(204,0,0,.3);}
.tier-visual-card.gold-accent{border-color:rgba(245,166,35,.25);}
.tvc-header{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.06);}
.tvc-header-dot{width:10px;height:10px;border-radius:50%;}
.tvc-header-dot.blue{background:var(--prime-color);box-shadow:0 0 8px var(--prime-color);}
.tvc-header-dot.red{background:var(--wg-red);box-shadow:0 0 8px var(--wg-red);}
.tvc-header-dot.gold{background:#f5a623;box-shadow:0 0 8px #f5a623;}
.tvc-header-title{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.tvc-body{padding:1.5rem;}
.feature-check-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;}
.feature-check-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.5;}
.check-icon{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;margin-top:.1rem;}
.check-icon.blue{background:rgba(61,84,204,.2);color:#7b96ff;border:1px solid rgba(61,84,204,.4);}
.check-icon.red{background:rgba(204,0,0,.15);color:#ff6b6b;border:1px solid rgba(204,0,0,.3);}
.check-icon.gold{background:rgba(245,166,35,.12);color:#f5a623;border:1px solid rgba(245,166,35,.3);}

/* ── Feature Grid Cards ── */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1rem;}
.feature-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:1.5rem;transition:all .25s;}
.feature-card:hover{background:rgba(255,255,255,.06);transform:translateY(-3px);}
.feature-card.prime-hover:hover{border-color:rgba(61,84,204,.4);}
.feature-card.red-hover:hover{border-color:rgba(204,0,0,.35);}
.feature-card.gold-hover:hover{border-color:rgba(245,166,35,.3);}
.fc-icon{font-size:1.8rem;margin-bottom:.75rem;}
.fc-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:.4rem;}
.fc-desc{font-size:.82rem;color:rgba(255,255,255,.4);line-height:1.55;}

/* ── Upgrade Bar ── */
.upgrade-bar{display:flex;align-items:center;margin-bottom:4rem;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}
.upgrade-bar-segment{flex:1;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem;}
.upgrade-bar-segment.included{background:rgba(61,84,204,.1);}
.upgrade-bar-segment.added{background:rgba(204,0,0,.1);border-left:1px solid rgba(204,0,0,.2);}
.ubs-badge{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;padding:.2rem .5rem;border-radius:2px;white-space:nowrap;}
.ubs-badge.blue{background:rgba(61,84,204,.3);color:#7b96ff;}
.ubs-badge.red{background:rgba(204,0,0,.25);color:#ff6b6b;}
.ubs-text{font-size:.88rem;color:rgba(255,255,255,.55);font-weight:500;}

/* ── Cloud Diagram ── */
.cloud-diagram{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:2.5rem;margin:3rem 0;text-align:center;}
.cloud-diagram-title{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin-bottom:2rem;}
.cloud-nodes{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;overflow-x:auto;}
.cloud-node{display:flex;flex-direction:column;align-items:center;flex-shrink:0;}
.cloud-node-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:.6rem;position:relative;}
.cloud-node-icon.device{background:rgba(61,84,204,.15);border:1.5px solid rgba(61,84,204,.4);}
.cloud-node-icon.cloud{background:rgba(245,166,35,.12);border:1.5px solid rgba(245,166,35,.4);width:88px;height:88px;font-size:2.2rem;}
.cloud-node-icon.shield{background:rgba(204,0,0,.12);border:1.5px solid rgba(204,0,0,.35);}
.cloud-node-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.cloud-node-sub{font-size:.68rem;color:rgba(255,255,255,.3);margin-top:.1rem;}
.cloud-connector{width:60px;height:2px;flex-shrink:0;background:linear-gradient(to right,rgba(61,84,204,.5),rgba(245,166,35,.5));position:relative;margin:0 .25rem;align-self:center;margin-bottom:3rem;}
.cloud-connector::before{content:'→';position:absolute;top:-10px;right:-6px;font-size:.75rem;color:rgba(255,255,255,.3);}

/* ── Dashboard Mockup ── */
.dashboard-mockup{background:#0d1017;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6);margin:3rem 0;}
.dm-topbar{background:#141720;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.dm-dot{width:10px;height:10px;border-radius:50%;}
.dm-dot.r{background:#cc0000;}.dm-dot.y{background:#f5a623;}.dm-dot.g{background:#2da44e;}
.dm-topbar-title{font-family:'Space Mono',monospace;font-size:.65rem;color:rgba(255,255,255,.25);letter-spacing:.12em;margin-left:.75rem;}
.dm-body{display:grid;grid-template-columns:200px 1fr;min-height:360px;}
.dm-sidebar{background:#0f1219;border-right:1px solid rgba(255,255,255,.05);padding:1rem 0;}
.dm-sidebar-item{padding:.65rem 1.25rem;font-family:'Barlow Condensed',sans-serif;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:.6rem;transition:all .15s;}
.dm-sidebar-item:hover{color:rgba(255,255,255,.7);background:rgba(255,255,255,.03);}
.dm-sidebar-item.active{color:var(--wg-red);background:rgba(204,0,0,.08);border-right:2px solid var(--wg-red);}
.dm-sidebar-icon{font-size:1rem;width:20px;text-align:center;}
.dm-main{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;}
.dm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;}
.dm-stat-widget{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:.9rem 1rem;}
.dm-stat-widget-label{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:.3rem;}
.dm-stat-widget-val{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.6rem;line-height:1;}
.dm-stat-widget-val.green{color:#2da44e;}.dm-stat-widget-val.red{color:var(--wg-red);}.dm-stat-widget-val.orange{color:#f5a623;}.dm-stat-widget-val.blue{color:#3d54cc;}
.dm-stat-widget-sub{font-size:.68rem;color:rgba(255,255,255,.25);margin-top:.15rem;}
.dm-activity{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:1rem;}
.dm-activity-label{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:.75rem;}
.dm-bars{display:flex;align-items:flex-end;gap:4px;height:60px;}
.dm-bar{flex:1;border-radius:2px 2px 0 0;min-height:4px;}
.dm-ai-row{background:rgba(204,0,0,.06);border:1px solid rgba(204,0,0,.15);border-radius:4px;padding:.9rem 1rem;display:flex;align-items:center;gap:1rem;}
.dm-ai-icon{font-size:1.2rem;flex-shrink:0;}
.dm-ai-text{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.5;}
.dm-ai-text strong{color:#ff6b6b;}
.ai-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:3rem;}
.ai-feature{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:1.75rem;display:flex;gap:1rem;align-items:flex-start;transition:all .25s;}
.ai-feature:hover{background:rgba(204,0,0,.05);border-color:rgba(204,0,0,.2);transform:translateX(4px);}
.ai-feature-icon{font-size:1.75rem;flex-shrink:0;}
.ai-feature-text h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:.35rem;}
.ai-feature-text p{font-size:.84rem;color:rgba(255,255,255,.4);line-height:1.55;}

/* ── MSP ── */
.msp-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.msp-text p{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.8;margin-top:1.25rem;}
.msp-text strong{color:rgba(255,255,255,.8);}
.msp-cards{display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;}
.msp-card{background:rgba(255,255,255,.02);padding:1.5rem;display:flex;gap:1.25rem;align-items:flex-start;transition:background .2s;border-left:3px solid transparent;}
.msp-card:hover{background:rgba(204,0,0,.06);border-left-color:var(--wg-red);}
.msp-card-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2rem;color:rgba(204,0,0,.25);line-height:1;flex-shrink:0;width:36px;text-align:right;}
.msp-card-body h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:.3rem;}
.msp-card-body p{font-size:.84rem;color:rgba(255,255,255,.4);line-height:1.5;}
.msp-actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;}

/* ── Appliances ── */
.appliances-intro{max-width:680px;margin-bottom:4rem;}
.appliances-intro p{font-size:1rem;color:rgba(255,255,255,.45);line-height:1.8;margin-top:1rem;}
.appliances-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.appliance-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:6px;overflow:hidden;transition:all .3s;}
.appliance-card:hover{transform:translateY(-6px);border-color:rgba(204,0,0,.3);box-shadow:0 20px 48px rgba(0,0,0,.4);}
.appliance-card-visual{aspect-ratio:16/9;background:linear-gradient(135deg,#111320,#1a0808);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden;}
.appliance-card-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--wg-red);}
.appliance-card-body{padding:1.5rem;}
.appliance-card-model{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wg-red);margin-bottom:.35rem;}
.appliance-card-body h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;margin-bottom:.5rem;}
.appliance-card-body p{font-size:.84rem;color:rgba(255,255,255,.4);line-height:1.55;margin-bottom:1rem;}
.appliance-specs{display:flex;flex-direction:column;gap:.35rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem;}
.spec-row{display:flex;justify-content:space-between;align-items:center;}
.spec-key{font-size:.74rem;color:rgba(255,255,255,.3);font-family:'Space Mono',monospace;}
.spec-val{font-size:.78rem;color:rgba(255,255,255,.65);font-weight:500;}

/* ── Network Diagram ── */
.network-diagram{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:2.5rem;margin-top:4rem;text-align:center;}
.nd-title{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:2rem;}
.nd-row{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;}
.nd-node{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 .5rem;}
.nd-node-box{padding:.75rem 1.25rem;border-radius:4px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;}
.nd-node-box.internet{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);}
.nd-node-box.firewall{background:rgba(204,0,0,.15);border:1px solid rgba(204,0,0,.4);color:#ff6b6b;}
.nd-node-box.switch{background:rgba(61,84,204,.12);border:1px solid rgba(61,84,204,.35);color:#7b96ff;}
.nd-node-box.endpoint{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.25);color:#f5a623;}
.nd-node-box.wg-cloud{background:rgba(204,0,0,.1);border:1px solid rgba(204,0,0,.25);color:#ff8080;}
.nd-node-sub{font-size:.68rem;color:rgba(255,255,255,.25);font-family:'Space Mono',monospace;}
.nd-arrow{color:rgba(255,255,255,.15);font-size:1.2rem;padding:0 .25rem;align-self:center;margin-bottom:2rem;}

/* ── Why Tralient ── */
.why-header{text-align:center;margin-bottom:4rem;}
.why-grid-top{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem;}
.why-grid-bottom{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:2rem;transition:all .3s;}
.why-card:hover{background:rgba(255,255,255,.07);border-color:rgba(245,166,35,.3);transform:translateY(-4px);}
.why-card-icon{font-size:2.2rem;margin-bottom:1rem;}
.why-card h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:.5rem;}
.why-card p{font-size:.86rem;color:rgba(255,255,255,.45);line-height:1.6;}
.why-badge{display:inline-block;margin-top:.75rem;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:.2rem .5rem;border-radius:2px;background:rgba(245,166,35,.12);color:#f5a623;border:1px solid rgba(245,166,35,.25);}

/* ── Final CTA ── */
.final-cta-content{position:relative;z-index:1;}
.final-cta-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95;color:#fff;margin-bottom:1.5rem;}
.final-cta-title span{color:var(--wg-red);}
.final-cta-desc{font-size:1.1rem;color:rgba(255,255,255,.45);max-width:560px;margin:0 auto 2.5rem;line-height:1.7;}
.final-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.final-cta-trust{margin-top:3rem;display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06);}
.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:rgba(255,255,255,.3);}

/* ── Responsive ── */
@media(max-width:1024px){.hero-visual{display:none;}.features-grid{grid-template-columns:repeat(2,1fr);}.appliances-grid{grid-template-columns:repeat(2,1fr);}.why-grid-top{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.intro-grid,.tier-hero,.msp-grid{grid-template-columns:1fr;gap:2.5rem;}.features-grid,.appliances-grid,.ai-features-grid{grid-template-columns:1fr;}.why-grid-top,.why-grid-bottom{grid-template-columns:1fr;}.dm-body{grid-template-columns:1fr;}.dm-sidebar{display:none;}.dm-stats-row{grid-template-columns:repeat(2,1fr);}.cloud-nodes{flex-wrap:wrap;justify-content:center;gap:1.5rem;}.cloud-connector{display:none;}.nd-row{flex-direction:column;}.nd-arrow{transform:rotate(90deg);}.stats-bar-inner{justify-content:center;}.stat-divider{display:none;}.wg-nav-links{display:none;}.upgrade-bar{flex-direction:column;}.hero-proof{gap:1.5rem;}}
@media(max-width:480px){.dm-stats-row{grid-template-columns:1fr;}}