:root{--navy:#061c2b;--navy2:#0a2b43;--orange:#ff8a16;--orange2:#ffb24b;--cream:#fff0dd;--cream2:#ffe2bd;--ink:#12243a;--line:#e9a75b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream);font-size:16px}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:10px 4vw;display:flex;align-items:center;gap:34px;background:linear-gradient(90deg,#061a28,#0b2a42);color:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(255,138,22,.35)}.brand{display:flex;align-items:center;min-width:330px}.logo-mark{width:92px;height:58px;filter:drop-shadow(0 0 8px rgba(255,138,22,.5))}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font-size:32px;letter-spacing:7px;font-weight:650}.brand-copy b span{color:var(--orange)}.brand-copy small{letter-spacing:4px;font-size:10px;color:#ffd09b;margin-top:2px}.site-header nav{display:flex;gap:34px;margin:auto;font-size:15px}.site-header nav a:hover{color:var(--orange2)}.top-cta,.button.primary{background:linear-gradient(135deg,var(--orange2),var(--orange));color:#111;padding:14px 22px;border-radius:10px;font-weight:750}.menu-toggle{display:none}.hero-new{height:520px;position:relative;background:#071e2e url('assets/hero-industrial.png') right center/cover no-repeat;color:white;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,34,.98) 0%,rgba(4,22,34,.93) 30%,rgba(4,22,34,.52) 53%,rgba(4,22,34,.06) 80%)}.hero-content{position:relative;z-index:2;padding:55px 4vw;width:min(670px,48vw)}.eyebrow,.kicker{font-size:13px;letter-spacing:2px;font-weight:750;color:var(--orange);text-transform:uppercase}.hero-content .eyebrow{color:#ffd1a1}.hero-content h1{font-size:clamp(42px,4.1vw,66px);line-height:1.03;margin:16px 0}.hero-content h1 em,.hero-content h1 strong{font-style:normal;color:var(--orange)}.hero-content>p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:620px}.hero-actions{display:flex;gap:18px;margin-top:24px}.button{display:inline-block;padding:13px 20px;border-radius:9px;font-weight:700}.button.ghost{border:1px solid var(--orange2);color:#fff;background:rgba(4,22,34,.5)}.solution-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:14px 1.5vw;background:linear-gradient(180deg,#ffe8ca,#fff0dd)}.home-card{background:#fff7ed;border:1px solid #f4c995;border-radius:13px;padding:8px 8px 14px;min-width:0;position:relative;box-shadow:0 6px 20px rgba(68,35,5,.08)}.home-card img{width:100%;height:95px;object-fit:cover;border-radius:9px}.home-card h3{font-size:17px;margin:9px 3px 5px;color:#0a2035}.home-card p{font-size:13px;line-height:1.35;margin:0 3px 22px}.home-card span{position:absolute;right:12px;bottom:10px;border:1px solid var(--orange);color:var(--orange);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.why{display:grid;grid-template-columns:1.15fr 1.3fr .8fr;gap:28px;padding:34px 3vw;background:linear-gradient(110deg,#3a1b0c,#6b3214 38%,#102335 76%);color:white;border-top:1px solid var(--orange)}.why h2{font-size:30px;margin:8px 0}.why-copy p{line-height:1.55}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.why-grid b{color:#fff}.why-grid p{margin:5px 0;color:#f7d9bd;font-size:14px}.why aside{background:#071a2a;border:1px solid rgba(255,138,22,.5);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:5px}.why aside b{margin-top:8px}.why aside span{font-size:13px;color:#e8c9ac}.capability-band,.lifecycle,.section,.engagements,.about,.contact-highlight,.detail,.private5g-intro,.pagehero{padding:55px 5vw}.capability-band,.section,.engagements,.detail,.private5g-intro{background:var(--cream)}.lifecycle,.about{background:var(--cream2)}h2{font-size:clamp(30px,3.2vw,50px);line-height:1.08;color:#10243a}h3{color:#10243a}.intro,.section-head,.oss-grid,.collab,.about,.private5g-intro{display:grid;grid-template-columns:.8fr 1.4fr;gap:50px}.cap-matrix,.engagement-grid,.technical-list,.wifi-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.cap-matrix>div,.engagement,.technical-list>div,.wifi-compare>div,.life,.model,.ai-ops-grid>div{background:#fff8ef;border:1px solid #efb46f;border-radius:12px;padding:20px}.cap-matrix .ai-cap{background:#10263a;color:white}.cap-matrix .ai-cap h3{color:var(--orange2)}.lifecycle-row,.models,.ai-ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lifecycle-row{grid-template-columns:repeat(5,1fr)}.feature{display:grid;grid-template-columns:1fr 1fr;background:#0b2437;color:white}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:55px}.feature-copy h2{color:white}.pagehero{background:linear-gradient(120deg,#061b2a,#103852);color:white;border-bottom:3px solid var(--orange)}.pagehero h1{font-size:clamp(46px,6vw,82px);margin:8px 0;color:white}.pagehero .lead{font-size:20px;max-width:800px}.crumb a{color:var(--orange2)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}.rail{background:#0b263a;color:white;padding:25px;border-radius:14px;align-self:start;position:sticky;top:20px}.rail h3{color:white}.rail li{margin:10px 0}.p5g-photo{background:#071e2e;padding:0 5vw 35px}.p5g-photo img{width:100%;max-height:500px;object-fit:cover;object-position:center 40%;border-radius:14px}.p5g-diagram,.ai-network-callout,.p5g-callout,.section-divider{background:#0c2a40;color:white;border-left:4px solid var(--orange);border-radius:12px;padding:22px}.p5g-diagram b,.p5g-diagram h3,.ai-network-callout h3,.p5g-callout h3{color:white}.device-row,.network-row,.usecase-tags{display:flex;gap:10px;flex-wrap:wrap}.device-row span,.usecase-tags span{background:#ffe0b7;color:#3c220d;padding:8px 12px;border-radius:20px}.network-row{align-items:center;justify-content:center;margin:15px 0}.contact-highlight{background:linear-gradient(110deg,#081e2e,#1c3c50);color:white;text-align:center}.contact-highlight h2{color:white}.site-footer{background:#061722;color:white;padding:36px 4vw 18px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;border-top:2px solid var(--orange)}.footer-brand{display:flex;align-items:center}.footer-brand .logo-mark{width:85px}.footer-brand>div{display:flex;flex-direction:column}.footer-brand b{font-size:28px;letter-spacing:5px}.footer-brand small{color:var(--orange2);letter-spacing:3px}.site-footer h4{color:var(--orange2);margin:0 0 12px}.site-footer a,.site-footer p{display:block;margin:7px 0;color:#e8d8c7;font-size:14px}.footer-bottom{grid-column:1/-1;border-top:1px solid #4d392a;padding-top:15px;display:flex;justify-content:space-between;color:#cdbba8;font-size:12px}.muted{opacity:.75}.contact-highlight-inner{max-width:850px;margin:auto}.contact-highlight .button{background:var(--orange);color:#111}.contact-highlight .kicker{color:var(--orange2)!important}.contact-highlight p{font-size:18px}.section-divider{margin-top:25px}.section-divider h3{color:white}.ai-ops-grid{margin-top:15px}.ai-ops-grid b{display:block;color:var(--orange)}.ai-ops-grid span{font-size:14px}.detail article>p,.detail article p,.private5g-intro p{line-height:1.65}.section img{max-width:100%}
@media(max-width:1000px){.site-header{height:auto;flex-wrap:wrap}.brand{min-width:0}.site-header nav{order:3;width:100%;display:none;flex-direction:column;gap:10px;padding:15px}.site-header nav.open{display:flex}.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:white;font-size:25px}.top-cta{display:none}.hero-new{height:auto;min-height:560px}.hero-content{width:85%;padding-top:70px}.solution-strip{grid-template-columns:repeat(2,1fr)}.why,.intro,.section-head,.oss-grid,.collab,.about,.private5g-intro,.detail-grid{grid-template-columns:1fr}.cap-matrix,.engagement-grid,.technical-list,.wifi-compare{grid-template-columns:1fr 1fr}.lifecycle-row,.models,.ai-ops-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr 1fr}.rail{position:static}}@media(max-width:600px){.brand-copy b{font-size:24px}.logo-mark{width:70px}.hero-content{width:100%;padding:45px 22px}.hero-content h1{font-size:42px}.solution-strip,.cap-matrix,.engagement-grid,.technical-list,.wifi-compare,.why-grid,.lifecycle-row,.models,.ai-ops-grid,.site-footer{grid-template-columns:1fr}.home-card img{height:140px}.why{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}

/* V28 visual consistency */
.page-photo{padding:28px 5vw;background:linear-gradient(180deg,#071e2e,#0b2b42)}
.page-photo img,.p5g-photo img{display:block;width:100%;height:clamp(260px,34vw,480px);object-fit:cover;object-position:center;border-radius:18px;box-shadow:0 18px 50px rgba(3,20,32,.28)}
.detail{padding-top:44px}.detail article{max-width:980px}.detail article h2{font-size:clamp(32px,3.6vw,52px);margin:0 0 18px}.lead-copy{font-size:19px;line-height:1.65;max-width:850px}
.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.summary-cards>div{background:#fff8ef;border:1px solid #efb46f;border-radius:16px;padding:24px;box-shadow:0 10px 25px rgba(74,40,8,.06)}.summary-cards h3{margin:0 0 8px;font-size:21px}.summary-cards p{margin:0}.solution-cta{margin-top:28px;background:#0b263a;color:#fff;border-radius:16px;padding:24px;display:grid;grid-template-columns:1fr 1.6fr auto;align-items:center;gap:18px}.solution-cta span{color:#d9e2e8;font-size:14px}.solution-cta .button{white-space:nowrap}
.home-summary{padding:48px 4vw;background:linear-gradient(120deg,#3b1b0d 0%,#6a3215 45%,#0b2438 100%);color:#fff;border-top:1px solid #ff8a16;border-bottom:1px solid #ff8a16}.home-summary h2{color:#fff;max-width:800px;margin:8px 0 14px}.summary-lead>p:last-child{max-width:900px;font-size:17px;line-height:1.6;color:#f6ddc5}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.summary-grid>div{background:rgba(4,24,37,.55);border:1px solid rgba(255,160,60,.45);border-radius:14px;padding:20px}.summary-grid b{display:block;color:#ffad4a;margin-bottom:7px}.summary-grid span{font-size:14px;line-height:1.45;color:#f5e6d7}.industry-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}.industry-row>b{margin-right:6px}.industry-row span{border:1px solid rgba(255,180,90,.55);padding:8px 12px;border-radius:999px;font-size:13px;background:rgba(4,24,37,.35)}
.contact-page{padding:55px 5vw;background:linear-gradient(180deg,#fff0dd,#ffe3c0)}.contact-wrap{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.contact-intro,.contact-form{border-radius:18px}.contact-intro{background:#0b263a;color:#fff;padding:34px}.contact-intro h2{color:#fff}.contact-intro>p{line-height:1.6;color:#e7edf1}.contact-cards{display:grid;gap:10px;margin-top:24px}.contact-cards>div{border-top:1px solid rgba(255,160,60,.35);padding:13px 0}.contact-cards b{display:block;color:#ffad4a}.contact-cards span{font-size:13px;color:#d9e2e8}.contact-form{background:#fff8ef;border:1px solid #efb46f;padding:32px;box-shadow:0 15px 35px rgba(68,35,5,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;color:#10243a}.field input,.field textarea{width:100%;border:1px solid #d9b07d;border-radius:10px;background:#fff;padding:13px 14px;font:inherit;color:#12243a}.field textarea{min-height:170px;resize:vertical}.send-button{border:0;border-radius:10px;background:linear-gradient(135deg,#ffb24b,#ff8a16);padding:14px 20px;font-weight:800;cursor:pointer}.bot-field{display:none}.form-note{font-size:12px;color:#6d5b49}
.logo-mark{width:104px;height:62px}.brand-copy b{font-size:30px}.footer-brand .logo-mark{width:100px}
.topic-grid,.process,.flow,.refs,.content-block,.usecases{max-width:100%}
@media(max-width:1000px){.summary-grid,.summary-cards{grid-template-columns:1fr 1fr}.solution-cta,.contact-wrap{grid-template-columns:1fr}.page-photo img,.p5g-photo img{height:360px}}
@media(max-width:600px){.summary-grid,.summary-cards,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-photo{padding:18px}.page-photo img,.p5g-photo img{height:230px}.solution-cta{padding:20px}.home-summary{padding:36px 22px}}

/* ===== FINAL AAVYRA BRAND & LAYOUT ===== */
.site-header{height:96px;padding:8px 4vw;position:relative;background:linear-gradient(90deg,#061a28 0%,#0b2a42 70%,#102f49 100%)}
.brand{min-width:300px;height:78px;display:flex;align-items:center}
.brand-logo{display:block;width:270px;height:74px;object-fit:contain;object-position:left center;border-radius:8px}
.footer-brand{align-items:center}
.footer-logo{width:245px;max-width:100%;height:100px;object-fit:contain;object-position:left center;border-radius:10px}

/* Keep the complete hero visible so the satellite / NTN label is not cut by the header. */
.hero-new{height:auto;min-height:520px;aspect-ratio:1106/417;max-height:620px;background-image:url('assets/hero-industrial.png');background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#071e2e}
.hero-overlay{background:linear-gradient(90deg,rgba(4,22,34,.98) 0%,rgba(4,22,34,.93) 29%,rgba(4,22,34,.48) 50%,rgba(4,22,34,.04) 76%)}
.hero-content{padding-top:48px}

/* No stretched solution-page images. */
.page-photo,.p5g-photo{padding:28px 5vw 34px;background:#071e2e}
.page-photo img,.p5g-photo img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center;margin:auto;background:#071e2e;border-radius:16px}

/* Readability and spacing. */
.detail article{max-width:980px}
.detail article h2{margin-top:0}
.detail article h3{margin-top:30px}
.detail article p{max-width:82ch}
.detail-grid{align-items:start}
.wifi-compare>div,.technical-list>div,.cap-matrix>div{line-height:1.5}
.facts{gap:14px}
.fact{min-width:0;padding:16px 18px}
.fact strong,.fact span{display:block;line-height:1.25}
.fact strong{margin-bottom:7px}

/* Contact page polish. */
.contact-page{padding-top:64px;padding-bottom:72px}
.contact-wrap{gap:42px}
.contact-intro,.contact-form{min-height:100%}
.contact-intro{box-shadow:0 18px 45px rgba(3,20,32,.16)}
.contact-form{box-shadow:0 18px 45px rgba(68,35,5,.12)}
.field input:focus,.field textarea:focus{outline:2px solid rgba(255,138,22,.28);border-color:#ff8a16}

.site-footer{padding-top:30px}
.site-footer h4{font-size:15px;letter-spacing:.4px}

@media(max-width:1000px){
 .site-header{height:auto;min-height:88px}
 .brand{height:68px;min-width:0}.brand-logo{width:225px;height:64px}
 .hero-new{aspect-ratio:auto;min-height:600px;background-size:auto 100%;background-position:62% top}
 .hero-content{padding-top:60px}
 .page-photo img,.p5g-photo img{height:auto;max-height:360px}
}
@media(max-width:600px){
 .brand{height:58px}.brand-logo{width:190px;height:54px}
 .hero-new{min-height:650px;background-size:auto 100%;background-position:62% top}
 .hero-overlay{background:linear-gradient(90deg,rgba(4,22,34,.96),rgba(4,22,34,.78) 68%,rgba(4,22,34,.3))}
 .page-photo,.p5g-photo{padding:18px 18px 24px}
 .page-photo img,.p5g-photo img{height:auto;max-height:260px}
 .footer-logo{width:220px;height:90px}
}


/* ===== HOMEPAGE GEOMETRY FIX ===== */
body{overflow-x:hidden}

.hero-new{
  width:100%;
  max-width:none;
  margin:0;
  box-sizing:border-box;
  min-height:560px;
  max-height:none;
  aspect-ratio:auto;
  background-size:cover;
  background-position:center center;
}

.hero-content{
  min-height:560px;
  box-sizing:border-box;
  padding-bottom:54px;
}

.solution-strip{
  position:relative;
  z-index:3;
  margin-top:0;
  padding-top:22px;
  padding-bottom:22px;
  border-top:1px solid rgba(255,138,22,.24);
}

.solution-card{
  margin-top:0;
}

/* Desktop: keep complete hero image balanced and fill the right edge. */
@media(min-width:1001px){
  .hero-new{
    background-size:cover;
    background-position:center 48%;
  }
}

/* Tablet/mobile: retain separation between hero and cards. */
@media(max-width:1000px){
  .hero-new,.hero-content{min-height:620px}
  .solution-strip{padding-top:18px}
}

/* ===== V3: APPROVED LOGO + LINKED-PAGE IMAGE QUALITY ===== */
:root{
  --brand-navy:#061a28;
  --brand-navy-2:#08243a;
  --brand-orange:#ff8a16;
  --brand-cream:#fff0dc;
}
.site-header{
  background:linear-gradient(90deg,#061725 0%,#09263b 52%,#0b304a 100%) !important;
  border-bottom:1px solid rgba(255,164,70,.28);
}
.brand-logo{
  background:#071b2a;
  border-radius:10px;
  box-shadow:none;
}
.site-footer{
  background:linear-gradient(100deg,#061725,#09263b 72%,#071a28) !important;
}
.footer-logo{background:#071b2a;border-radius:10px}

/* Linked solution pages: images are deliberately smaller and never enlarged beyond source quality. */
.page-photo,.p5g-photo{
  padding:30px 5vw 34px !important;
  background:#061d2d !important;
  display:flex;
  justify-content:center;
  align-items:center;
}
.page-photo img,.p5g-photo img{
  width:auto !important;
  height:auto !important;
  max-width:min(100%,920px) !important;
  max-height:360px !important;
  object-fit:contain !important;
  image-rendering:auto;
  border-radius:16px;
  background:#061d2d;
}

/* Three-image use-case rows look intentional rather than like enlarged thumbnails. */
.solution-visual-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:26px 0 10px;
}
.solution-visual-card{
  background:#fff7ec;
  border:1px solid rgba(255,138,22,.32);
  border-radius:16px;
  overflow:hidden;
}
.solution-visual-card img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.solution-visual-card div{padding:15px 17px}
.solution-visual-card h3{margin:0 0 6px}
.solution-visual-card p{margin:0}

/* Wi-Fi comparison */
.wifi-section{
  margin-top:38px;
  padding:32px;
  background:#071f31;
  color:white;
  border-radius:18px;
}
.wifi-section .eyebrow{color:#ff9a2f}
.wifi-section h2{color:white;margin-top:6px}
.wifi-section>p{max-width:88ch;color:#e6edf2}
.wifi-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.wifi-point{
  padding:18px;
  border:1px solid rgba(255,154,47,.28);
  border-radius:14px;
  background:rgba(255,255,255,.045);
}
.wifi-point strong{display:block;color:#ff9a2f;margin-bottom:5px}
.wifi-note{
  margin-top:20px;
  padding:16px 18px;
  border-left:3px solid #ff8a16;
  background:rgba(255,138,22,.08);
  border-radius:0 10px 10px 0;
}

@media(max-width:850px){
  .solution-visual-grid,.wifi-grid{grid-template-columns:1fr}
  .page-photo img,.p5g-photo img{max-height:280px !important}
}


/* ===== V4: BRAND BLEND + NAV CLEANUP ===== */

/* The approved logo artwork has a dark navy background.
   Use the same field behind it and softly feather its outer edges. */
.site-header{
  background:#071b2a !important;
  border-bottom:1px solid rgba(255,146,30,.32) !important;
}
.site-footer{
  background:#071b2a !important;
}
.brand,.footer-brand{
  background:#071b2a;
}
.brand-logo,.footer-logo{
  background:#071b2a !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);
}

/* Give the header enough room now that Open Source and Collaboration are direct links. */
.site-header nav{gap:24px}
.site-header nav a{white-space:nowrap}

@media(max-width:1180px){
  .site-header nav{gap:15px}
  .site-header nav a{font-size:14px}
  .brand-logo{width:230px}
}

/* ===== V5 — POLISHED LINKED PAGES, APPROVED LOGO UNCHANGED ===== */
.site-header{
  min-height:88px;
  background:#061a29 !important;
  padding-top:8px;
  padding-bottom:8px;
}
.brand{
  width:220px;
  height:72px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#061a29 !important;
}
.brand-logo{
  width:205px !important;
  height:68px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  mix-blend-mode:normal !important;
}
.footer-brand{background:#061a29 !important}
.footer-logo{
  width:220px !important;
  height:auto !important;
  object-fit:contain !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  border-radius:0 !important;
}

/* Full-width linked-page hero, matching the visual language the user approved. */
.pagehero{
  position:relative;
  min-height:430px;
  padding:82px max(5vw,70px) 62px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  border-bottom:1px solid rgba(255,138,22,.5);
  background-color:#061a29 !important;
  background-size:cover !important;
  background-position:center !important;
  isolation:isolate;
}
.pagehero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,
    rgba(3,20,32,.98) 0%,
    rgba(3,20,32,.91) 30%,
    rgba(3,20,32,.62) 53%,
    rgba(3,20,32,.18) 78%,
    rgba(3,20,32,.08) 100%);
}
.pagehero .crumb,.pagehero .kicker,.pagehero h1,.pagehero .lead{
  max-width:650px;
  position:relative;
  z-index:1;
}
.pagehero h1{
  color:#fff !important;
  font-size:clamp(46px,5.4vw,78px) !important;
  line-height:.98 !important;
  margin:10px 0 20px !important;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.pagehero .lead{color:#f3f6f8 !important;font-size:20px !important;line-height:1.48}
.pagehero .kicker,.pagehero .crumb,.pagehero .crumb a{color:#ff941f !important}

/* Each linked page gets a proper photographic/technical background. */
body.page-private5g .pagehero{background-image:url("assets/hero-private5g-wide.jpg") !important}
body.page-fwa .pagehero{background-image:url("assets/hero-fwa-wide.jpg") !important}
body.page-ntn .pagehero{background-image:url("assets/hero-ntn-wide.jpg") !important}
body.page-open-source .pagehero{background-image:url("assets/hero-open-source-wide.jpg") !important;background-position:center 46% !important}
body.page-collaboration .pagehero{background-image:url("assets/hero-collaboration-wide.jpg") !important}

/* Kill the old tiny centre-thumbnail treatment. */
.page-photo,.p5g-photo{
  display:none !important;
}

/* Private 5G opening content now follows directly from the hero. */
.private5g-intro{
  padding-top:58px !important;
  padding-bottom:58px !important;
}

/* Open Source and Collaboration also use the same polished rhythm. */
.detail{padding-top:58px !important}
.detail-grid{align-items:start}

/* Header responsive behaviour */
@media(max-width:1180px){
  .brand{width:180px}
  .brand-logo{width:170px !important;height:60px !important}
  .site-header nav{gap:12px !important}
}
@media(max-width:850px){
  .site-header{min-height:76px}
  .brand{width:155px;height:58px}
  .brand-logo{width:150px !important;height:54px !important}
  .pagehero{min-height:390px;padding:64px 24px 46px !important}
  .pagehero::before{background:linear-gradient(90deg,rgba(3,20,32,.97),rgba(3,20,32,.70))}
  .pagehero h1{font-size:44px !important}
  .pagehero .lead{font-size:17px !important}
}

/* ===== V6 — FIX PRIVATE 5G + OPEN SOURCE HEROES ===== */

/* Same polished hero geometry as FWA / NTN / Collaboration */
body.page-private5g .pagehero,
body.page-open-source .pagehero{
  min-height:480px !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  border-bottom:1px solid rgba(255,138,22,.52);
}

/* Private 5G: warehouse/AGV/industrial environment fills the complete hero. */
body.page-private5g .pagehero{
  background-image:url("assets/hero-private5g-v6.jpg") !important;
  background-position:center 55% !important;
}
body.page-private5g .pagehero::before{
  background:linear-gradient(90deg,
    rgba(3,20,32,.98) 0%,
    rgba(3,20,32,.90) 29%,
    rgba(3,20,32,.55) 53%,
    rgba(3,20,32,.12) 79%,
    rgba(3,20,32,.04) 100%) !important;
}

/* Open Source: make the technical art atmospheric rather than a giant flat drawing. */
body.page-open-source .pagehero{
  background-image:url("assets/hero-open-source-v6.jpg") !important;
  background-position:center 50% !important;
}
body.page-open-source .pagehero::before{
  background:
    linear-gradient(90deg,
      rgba(3,20,32,.99) 0%,
      rgba(3,20,32,.94) 30%,
      rgba(3,20,32,.68) 51%,
      rgba(3,20,32,.36) 72%,
      rgba(3,20,32,.24) 100%),
    linear-gradient(0deg,rgba(4,24,38,.30),rgba(4,24,38,.30)) !important;
}

/* Make the hero copy consistent across linked pages. */
body.page-private5g .pagehero h1,
body.page-open-source .pagehero h1{
  max-width:700px !important;
}
body.page-private5g .pagehero .lead,
body.page-open-source .pagehero .lead{
  max-width:620px !important;
}

/* Remove any old top visual/tile blocks left by earlier versions. */
body.page-private5g .page-photo,
body.page-private5g .p5g-photo,
body.page-open-source .page-photo,
body.page-open-source .p5g-photo{
  display:none !important;
}

@media(max-width:850px){
  body.page-private5g .pagehero,
  body.page-open-source .pagehero{min-height:410px !important}
  body.page-private5g .pagehero{background-position:62% center !important}
  body.page-open-source .pagehero{background-position:62% center !important}
}

/* ===== V7 — TECHNOLOGY / OPEN SOURCE / COLLABORATION ===== */
/* Approved logo is untouched. Only page backgrounds/layout are changed. */

body.page-technology .pagehero,
body.page-open-source .pagehero,
body.page-collaboration .pagehero{
  min-height:500px !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
body.page-technology .pagehero{
  background-image:url("assets/hero-technology-v7.jpg") !important;
  background-position:center 46% !important;
}
body.page-open-source .pagehero{
  background-image:url("assets/hero-open-source-v7.jpg") !important;
  background-position:center 48% !important;
}
body.page-collaboration .pagehero{
  background-image:url("assets/hero-collaboration-v7.jpg") !important;
  background-position:center 48% !important;
}
body.page-technology .pagehero::before,
body.page-open-source .pagehero::before,
body.page-collaboration .pagehero::before{
  background:linear-gradient(90deg,
    rgba(3,20,32,.99) 0%,
    rgba(3,20,32,.94) 30%,
    rgba(3,20,32,.66) 51%,
    rgba(3,20,32,.25) 76%,
    rgba(3,20,32,.10) 100%) !important;
}
body.page-technology .pagehero h1,
body.page-open-source .pagehero h1,
body.page-collaboration .pagehero h1{
  max-width:760px !important;
}
body.page-technology .pagehero .lead,
body.page-open-source .pagehero .lead,
body.page-collaboration .pagehero .lead{
  max-width:690px !important;
}

/* Technology capability strip matching the approved concept */
.tech-capability-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  padding:20px 5vw;
  background:#fff1df;
  border-bottom:1px solid rgba(255,138,22,.25);
}
.tech-capability-row a{
  min-height:100px;
  padding:18px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  color:#08263b;
  border:1px solid rgba(255,138,22,.34);
  border-radius:12px;
  background:#fff8ee;
}
.tech-capability-row a:hover{transform:translateY(-2px);border-color:#ff8a16}
.tech-capability-row b{font-size:17px;margin-bottom:6px}
.tech-capability-row span{font-size:13px;line-height:1.35}
.technology-detail .summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Keep these pages visually clean: no legacy thumbnail strips. */
body.page-technology .page-photo,
body.page-open-source .page-photo,
body.page-collaboration .page-photo,
body.page-technology .p5g-photo,
body.page-open-source .p5g-photo,
body.page-collaboration .p5g-photo{display:none !important}

@media(max-width:1000px){
  .tech-capability-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .technology-detail .summary-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .tech-capability-row{grid-template-columns:1fr 1fr;padding:14px 18px}
  .technology-detail .summary-cards{grid-template-columns:1fr}
  body.page-technology .pagehero,
  body.page-open-source .pagehero,
  body.page-collaboration .pagehero{min-height:420px !important}
}

/* ================= FINAL SITE PASS ================= */

/* Home: preserve existing design, fix the visible card/image overlap. */
.page-home .solution-strip{
  position:relative !important;
  z-index:4 !important;
  margin-top:0 !important;
  padding:22px 2.6vw 24px !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:14px !important;
  overflow:visible !important;
}
.page-home .home-card{
  min-width:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.page-home .home-card img{
  width:100% !important;
  height:118px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 0 14px !important;
  border-radius:10px !important;
}
.page-home .hero-new{
  margin-bottom:0 !important;
  overflow:hidden !important;
}

/* Approved 3-page design language */
.concept-hero{
  min-height:430px;
  padding:72px 5vw 55px;
  display:flex;
  align-items:center;
  position:relative;
  background-size:cover;
  background-position:center;
  color:#fff;
  overflow:hidden;
}
.concept-hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(3,20,32,.98),rgba(3,20,32,.84) 37%,rgba(3,20,32,.18) 78%);
}
.concept-copy{position:relative;z-index:1;max-width:670px}
.concept-copy h1{font-size:clamp(48px,5.5vw,78px);line-height:.98;margin:10px 0 22px;color:#fff}
.concept-copy>p:last-child{font-size:19px;line-height:1.5;color:#f1f5f7}
.page-technology .concept-hero{background-image:url("assets/hero-technology-v7.jpg")}
.page-open-source .concept-hero{background-image:url("assets/hero-open-source-v7.jpg")}
.page-collaboration .concept-hero{background-image:url("assets/hero-collaboration-v7.jpg")}

.concept-card-row{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;
  padding:20px 3vw;background:#fff0dc;border-bottom:1px solid rgba(255,138,22,.28)
}
.page-collaboration .concept-card-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.concept-card{
  background:#fff9f1;border:1px solid rgba(255,138,22,.38);border-radius:13px;
  padding:21px 16px;min-height:118px
}
.concept-card h3{margin:0 0 8px;color:#08263b;font-size:17px}
.concept-card p{margin:0;font-size:14px;line-height:1.42}

.concept-overview{
  display:grid;grid-template-columns:1.05fr .95fr;gap:34px;
  padding:48px 5vw;background:#fff6e9;align-items:center
}
.concept-main h2{font-size:clamp(35px,4vw,55px);line-height:1.05;margin:8px 0 18px;color:#08263b}
.concept-main>p:last-child{font-size:17px;line-height:1.65;max-width:760px}
.concept-side-image{min-height:300px;border-radius:16px;background-size:cover;background-position:center}
.page-technology .concept-side-image{background-image:url("assets/hero-technology-v7.jpg")}
.page-open-source .concept-side-image{background-image:url("assets/hero-open-source-v7.jpg")}
.page-collaboration .concept-side-image{background-image:url("assets/hero-collaboration-v7.jpg")}

.concept-dark-panel{
  margin:0 5vw 58px;padding:30px;border-radius:16px;background:#07283c;color:#fff
}
.concept-dark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.page-collaboration .concept-dark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dark-item{padding:20px;border-bottom:1px solid rgba(255,255,255,.12)}
.dark-item b{display:block;color:#fff;margin-bottom:7px;font-size:17px}
.dark-item span{color:#dce8ee;font-size:14px;line-height:1.45}

/* Products */
.products-hero{
  min-height:430px;padding:72px 5vw;display:flex;align-items:center;color:#fff;
  background:
    linear-gradient(90deg,rgba(3,20,32,.98),rgba(3,20,32,.64),rgba(3,20,32,.15)),
    url("assets/hero-industrial.png") center/cover no-repeat;
}
.products-hero>div{max-width:680px}
.products-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1;margin:10px 0 20px;color:#fff}
.products-hero p{font-size:19px;line-height:1.5}
.product-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;
  padding:24px 4vw;background:#fff0dc
}
.product-card{background:#fff9f1;border:1px solid rgba(255,138,22,.4);border-radius:14px;padding:25px 18px;min-height:150px}
.product-card h3{margin:0 0 10px;color:#08263b}.product-card p{margin:0;line-height:1.5}

/* Logo remains the existing approved image; no masks/crops/effects. */
.brand-logo,.footer-logo{
  -webkit-mask-image:none !important;mask-image:none !important;
  filter:none !important;mix-blend-mode:normal !important;
  object-fit:contain !important;
}

@media(max-width:1100px){
  .page-home .solution-strip,.concept-card-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .page-collaboration .concept-card-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .page-home .solution-strip,.concept-card-row,.page-collaboration .concept-card-row,.product-grid{grid-template-columns:1fr !important}
  .concept-overview{grid-template-columns:1fr}
  .concept-dark-grid,.page-collaboration .concept-dark-grid{grid-template-columns:1fr}
  .concept-hero,.products-hero{min-height:390px;padding:55px 24px}
  .concept-copy h1,.products-hero h1{font-size:44px}
}

/* ===== ArrowVyx rebrand ===== */
:root{
  --platinum:#d8dde3;
  --platinum2:#f1f3f5;
  --signal-gold:#f6b84b;
}
.brand-logo,.footer-logo{
  content:url("assets/arrowvyx-logo.jpeg");
  object-fit:contain !important;
  object-position:left center !important;
  filter:saturate(.82) contrast(1.05) brightness(1.04) !important;
  border-radius:8px;
}
.footer-logo{max-width:270px}

/* Geeky brand vision */
.vision-code{
  display:inline-block;
  margin-top:12px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:clamp(15px,1.25vw,20px);
  letter-spacing:.04em;
  color:var(--platinum2);
  border-left:3px solid var(--signal-gold);
  padding:7px 12px;
  background:rgba(3,18,30,.45);
}
.page-home .hero-content h1 strong{color:var(--signal-gold)}
.arrow-focus>div{border-top:3px solid var(--platinum)}
.arrow-focus b{color:#10243a}

/* CLEAN page imagery: old v7 hero files contained rendered text, which caused
   duplicate/shadow text behind the real HTML. These use clean image assets instead. */
.page-technology .concept-hero{
  background-image:url("assets/hero-fwa-wide.jpg") !important;
  background-position:center 48% !important;
}
.page-open-source .concept-hero{
  background-image:url("assets/nms.png") !important;
  background-position:center !important;
}
.page-collaboration .concept-hero{
  background-image:url("assets/collab.png") !important;
  background-position:center !important;
}
.page-technology .concept-side-image{background-image:url("assets/fwa.png") !important}
.page-open-source .concept-side-image{background-image:url("assets/oss.png") !important}
.page-collaboration .concept-side-image{background-image:url("assets/collab.png") !important}

.page-products .products-hero{
  background-image:
    linear-gradient(90deg,rgba(3,20,32,.98),rgba(3,20,32,.68),rgba(3,20,32,.18)),
    url("assets/private5g.png") !important;
  background-size:cover !important;
  background-position:center !important;
}

/* Cleaner overlays: crisp HTML text without fake duplicate text in image */
.concept-hero:before{
  background:linear-gradient(90deg,rgba(3,20,32,.97),rgba(3,20,32,.78) 40%,rgba(3,20,32,.16) 78%) !important;
}
.concept-copy,.products-hero>div,.about-hero>div{
  text-shadow:none !important;
  filter:none !important;
}

/* About */
.about-hero{
  min-height:430px;padding:72px 5vw;display:flex;align-items:center;color:#fff;
  background:
    linear-gradient(90deg,rgba(3,20,32,.98),rgba(3,20,32,.70),rgba(3,20,32,.15)),
    url("assets/ntn.png") center/cover no-repeat;
}
.about-hero>div{max-width:720px}
.about-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1;margin:10px 0 20px;color:#fff}
.about-hero p:last-child{font-size:19px;line-height:1.55}
.page-about .concept-side-image{background-image:url("assets/nms.png") !important}

/* Platinum detail without changing the supplied logo artwork */
.site-header{border-bottom-color:rgba(216,221,227,.38) !important}
.concept-card,.product-card,.home-card{box-shadow:0 8px 24px rgba(7,24,38,.08)}


/* ===== Final clarity pass: crisp imagery and typography on every page ===== */
.hero-new, .concept-hero, .products-hero, .about-hero, .detail-hero,
.hero-new *, .concept-hero *, .products-hero *, .about-hero *, .detail-hero * {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.hero-content, .concept-copy, .products-hero > div, .about-hero > div,
.detail-hero-copy, .hero-content h1, .concept-copy h1, .products-hero h1,
.about-hero h1, .detail-hero h1 {
  filter:none !important;
  text-shadow:none !important;
}
.concept-hero, .products-hero, .about-hero, .detail-hero,
.concept-side-image, .home-card img, .product-card img {
  filter:none !important;
}
.concept-hero::before, .detail-hero::before {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
/* Keep overlay clean and directional instead of blurred */
.concept-hero::before {
  background:linear-gradient(90deg,rgba(3,20,32,.97) 0%,rgba(3,20,32,.82) 36%,rgba(3,20,32,.30) 64%,rgba(3,20,32,.08) 100%) !important;
}
.contact-fallback{
  padding:22px 5vw 42px;background:#fff6e9;color:#08263b;font-weight:700
}
.contact-fallback a{color:#c86f00}


/* ===== V8 FINAL FIX — targets the actual homepage markup ===== */
.home-summary {
  background:linear-gradient(110deg,#1b2733 0%,#10283b 52%,#071d2c 100%) !important;
  color:#fff !important;
}
.home-summary .summary-lead h2 {
  color:#fff !important;
  max-width:none !important;
}
.home-summary .summary-lead > p:last-child {
  color:#f3f6f8 !important;
  opacity:1 !important;
}
.readable-focus {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.readable-focus > div {
  background:#0b2233 !important;
  border:1px solid #d8892d !important;
  border-top:3px solid #ff9d24 !important;
  border-radius:14px !important;
  padding:18px 20px !important;
  min-width:0 !important;
}
.readable-focus > div > b {
  display:block !important;
  color:#fff !important;
  background:transparent !important;
  font-size:clamp(14px,1.05vw,18px) !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  margin:0 0 10px !important;
  letter-spacing:-.02em !important;
}
.readable-focus > div > span {
  display:block !important;
  color:#eaf0f4 !important;
  background:transparent !important;
  opacity:1 !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
.home-summary .industry-row,
.home-summary .industry-row b,
.home-summary .industry-row span {color:#fff !important;}
.home-summary .industry-row span {
  background:#10283b !important;
  border-color:#b87328 !important;
}
@media(max-width:1100px){
  .readable-focus {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .readable-focus {grid-template-columns:1fr !important;}
  .readable-focus > div > b {white-space:normal !important;}
}

/* V9 verified About/Contact hero assets */
.page-about .about-hero{min-height:460px!important;background-image:linear-gradient(90deg,rgba(3,20,32,.97),rgba(3,20,32,.68),rgba(3,20,32,.08)),url("assets/hero-ntn-wide.jpg")!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
.page-contact .pagehero{min-height:390px!important;padding:72px 5vw!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#fff!important;background-image:linear-gradient(90deg,rgba(3,20,32,.97),rgba(3,20,32,.68),rgba(3,20,32,.08)),url("assets/hero-industrial.png")!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
.page-contact .pagehero h1,.page-contact .pagehero .lead,.page-contact .pagehero .kicker{color:#fff!important;text-shadow:none!important;max-width:760px!important;}