.j36-page .site-header{background:linear-gradient(180deg,rgba(5,20,32,.96),rgba(5,20,32,.72),transparent)}
.j36-hero{position:relative;min-height:860px;background:linear-gradient(135deg,#061727 0%,#0b3047 57%,#f4f7f8 57%,#fff 100%);overflow:hidden;color:#fff;display:flex;align-items:center}
.hero-glow{position:absolute;width:650px;height:650px;border-radius:50%;right:8%;top:6%;background:radial-gradient(circle,rgba(37,178,201,.17),rgba(37,178,201,.04) 50%,transparent 70%)}
.j36-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding-top:115px;padding-bottom:135px}
.j36-copy h1{font-size:68px;line-height:.98;letter-spacing:-2.4px;margin:0 0 24px}.j36-copy h1 span{color:#76d7e6}
.j36-copy>p{font-size:18px;line-height:1.62;color:rgba(255,255,255,.79);max-width:640px}
.j36-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.j36-chips span{font-size:10px;font-weight:800;padding:9px 12px;border:1px solid rgba(100,213,231,.3);background:rgba(255,255,255,.035)}
.j36-product{min-height:540px;display:flex;align-items:center;justify-content:center;position:relative}.j36-product img{max-height:475px;object-fit:contain;filter:drop-shadow(0 30px 32px rgba(10,32,46,.16))}
.hero-label{position:absolute;right:4%;bottom:40px;text-align:right;color:#0b3550}.hero-label strong{display:block;font-size:58px;letter-spacing:-2px}.hero-label span{font-size:9px;letter-spacing:1.8px;color:#4e7586}
.j36-statbar{position:absolute;left:0;right:0;bottom:0;background:rgba(4,24,38,.95);border-top:1px solid rgba(101,213,231,.15);z-index:3}.j36-statbar .container{display:grid;grid-template-columns:repeat(4,1fr)}
.j36-statbar .container>div{padding:23px;border-right:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:13px}.j36-statbar .container>div:last-child{border-right:0}
.j36-statbar strong{font-size:24px;color:#67d4e5}.j36-statbar span{font-size:10px;line-height:1.35;color:rgba(255,255,255,.62)}

.j36-positioning{padding:105px 0;background:#f5f7f9}.positioning-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.positioning-copy h2,.marketing-copy h2,.dock-copy h2{font-size:52px;line-height:1.02;letter-spacing:-1.6px;color:#09254a;margin:0 0 24px}.positioning-copy h2 span,.marketing-copy h2 span,.dock-copy h2 span{color:#0e7185}
.positioning-copy p,.marketing-copy p,.dock-copy p{font-size:16px;line-height:1.72;color:#5f7183}
.positioning-visual{min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#eef2f4);box-shadow:0 30px 80px rgba(8,34,50,.09)}.positioning-visual img{max-height:420px;filter:drop-shadow(0 25px 30px rgba(12,35,49,.16))}
.use-tags,.dock-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.use-tags span,.dock-tags span{padding:9px 11px;background:#fff;border:1px solid #d7e3e8;color:#174e61;font-size:10px;font-weight:800}

.j36-marketing{padding:105px 0;background:linear-gradient(135deg,#061a2b,#0c3047);color:#fff}.marketing-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:center}
.marketing-visual{min-height:570px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%)}.marketing-visual img{max-width:100%;max-height:510px;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(0,0,0,.28))}
.marketing-copy h2{color:#fff}.marketing-copy h2 span{color:#73d7e6}.marketing-copy p{color:rgba(255,255,255,.7)}
.marketing-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.marketing-features div{padding:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.marketing-features strong{display:block;font-size:12px}.marketing-features span{display:block;font-size:10px;margin-top:6px;color:rgba(255,255,255,.56)}

.j36-ai{position:relative;min-height:620px;background:#071928;color:#fff;display:flex;align-items:center;overflow:hidden}.ai-bg{position:absolute;inset:0;background:linear-gradient(120deg,#071928 0%,#0b3349 55%,#0a2639 100%)}.j36-ai:after{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-180px;top:-180px;border:1px solid rgba(91,211,229,.10);box-shadow:0 0 0 55px rgba(91,211,229,.022),0 0 0 110px rgba(91,211,229,.015)}
.ai-grid{position:relative;z-index:2}.ai-copy{max-width:760px}.ai-copy h2{font-size:54px;line-height:1.02;margin:0 0 24px}.ai-copy>p{font-size:16px;line-height:1.72;color:rgba(255,255,255,.7)}
.ai-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.ai-cards div{padding:18px;border-left:2px solid #57cde0;background:rgba(255,255,255,.035)}.ai-cards strong{display:block;font-size:12px}.ai-cards span{display:block;font-size:10px;margin-top:6px;color:rgba(255,255,255,.55)}

.j36-dock{padding:105px 0;background:#f5f7f9}.dock-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.dock-visual{min-height:500px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 28px 75px rgba(8,34,50,.09)}.dock-visual img{max-width:100%;max-height:440px;object-fit:contain}

.j36-modular{padding:100px 0;background:#fff}.modular-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.modular-visual{min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fafb,#eef2f4)}.modular-visual img{max-width:100%;max-height:470px;object-fit:contain}
.modular-copy h2{font-size:52px;line-height:1.02;letter-spacing:-1.6px;color:#09254a;margin:0 0 24px}.modular-copy p{font-size:16px;line-height:1.72;color:#5f7183}
.modular-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.modular-points span{padding:15px;border:1px solid #d7e3e8;background:#f8fafb;color:#194c5f;font-size:10px;font-weight:800}

.j36-specs{padding:100px 0;background:linear-gradient(135deg,#061a2b,#0b2f46 62%,#092333);color:#fff}.specs-grid{display:grid;grid-template-columns:.48fr 1.52fr;gap:70px;align-items:start}
.specs-copy h2{font-size:50px;line-height:1.03;margin:0 0 20px}.specs-copy p{color:rgba(255,255,255,.6);line-height:1.6}
.spec-table{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.spec-table>div{padding:17px 19px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px}
.spec-table span{font-size:10px;color:rgba(255,255,255,.52)}.spec-table strong{font-size:11px;text-align:right}.spec-note{margin-top:15px;font-size:10px;color:rgba(255,255,255,.42)}
.j36-mbconnect{padding:95px 0;background:#f4f7f8}.implementation-flow{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #cbdce3;margin-top:40px}.implementation-flow>div{padding:30px 18px;border-right:1px solid #d7e3e8}.implementation-flow>div:last-child{border-right:0}.implementation-flow b{display:block;font-size:11px;color:#1491a8;margin-bottom:20px}.implementation-flow strong{font-size:12px;color:#18384a}

@media(max-width:1000px){
 .j36-hero-grid,.positioning-grid,.marketing-grid,.dock-grid,.modular-grid,.specs-grid{grid-template-columns:1fr}
 .j36-hero{background:linear-gradient(180deg,#061727 0%,#0b3047 56%,#f4f7f8 56%,#fff 100%)}
 .j36-product{min-height:430px}.j36-statbar .container{grid-template-columns:repeat(2,1fr)}
 .implementation-flow{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
 .j36-hero{min-height:1050px}.j36-hero-grid{padding-top:110px;padding-bottom:145px}.j36-copy h1{font-size:45px}.j36-copy>p{font-size:15px}
 .j36-positioning,.j36-marketing,.j36-dock,.j36-modular,.j36-specs,.j36-mbconnect{padding:70px 0}
 .positioning-copy h2,.marketing-copy h2,.dock-copy h2,.modular-copy h2,.ai-copy h2,.specs-copy h2{font-size:38px}
 .marketing-features,.ai-cards,.modular-points,.spec-table{grid-template-columns:1fr}
 .positioning-visual,.dock-visual,.modular-visual{min-height:350px}
 .j36-ai{min-height:700px}
 .implementation-flow{grid-template-columns:1fr 1fr}
}


/* Final extra-small phone polish */
@media(max-width:430px){
  .j20-copy h1,.j30-copy h1,.j36-copy h1,.j140-copy h1{font-size:39px!important;letter-spacing:-1.4px!important}
  .j20-chips,.j30-chips,.j36-chips,.j140-chips{gap:6px}
  .j20-chips span,.j30-chips span,.j36-chips span,.j140-chips span{font-size:9px;padding:8px 9px}
  .j20-statbar .container,.j30-statbar .container,.j36-statbar .container,.j140-statbar .container{grid-template-columns:1fr 1fr!important}
  .j20-statbar strong,.j30-statbar strong,.j36-statbar strong,.j140-statbar strong{font-size:19px!important}
  .j20-statbar span,.j30-statbar span,.j36-statbar span,.j140-statbar span{font-size:8px!important}
  .spec-table>div{padding:14px 13px!important}
  .spec-table span,.spec-table strong{font-size:9px!important}
}