*{box-sizing:border-box}
html,body{margin:0;background:#bcc0e2;font-family:'SimplerPro','Segoe UI',system-ui,sans-serif;color:#1d1636}

/* ===== responsive banner: desktop horizontal · mobile stacked (F12 device mode) ·
   official Samsung periwinkle + official BLACK lockups · SAMSUNG = 110% of the Series line ===== */
.banner{position:relative;width:100%;max-width:1920px;margin:0 auto;height:400px;overflow:hidden;
  background:linear-gradient(125deg,#cacde9 0%,#bcc0e3 46%,#a9afd8 100%)}
.banner::before{content:"";position:absolute;top:48%;left:30%;transform:translate(-50%,-50%);width:620px;height:620px;
  background:radial-gradient(closest-side,rgba(255,255,255,.5),transparent 70%);filter:blur(46px);pointer-events:none;z-index:0}

/* SAMSUNG wordmark — black, 10% taller than the Galaxy S26 Series line (Samsung co-brand rule) */
.samsung-tl{position:absolute;top:clamp(24px,3vw,38px);left:clamp(22px,3vw,46px);height:clamp(33px,3.95vw,62px);width:auto;opacity:1;z-index:5}

.inner{position:relative;z-index:2;direction:ltr;display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,80px);height:100%;padding:0 clamp(40px,6vw,110px)}
.phoneSide{flex:0 1 auto;display:flex;align-items:center;justify-content:center;min-width:0}
.phone{max-height:300px;max-width:46vw;width:auto;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(70,60,130,.32))}

.textcol{display:flex;flex-direction:column;align-items:flex-end;gap:18px;text-align:right}
.headblock{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.series-logo{height:clamp(30px,3.6vw,56px);width:auto;display:block}
.ai-logo{height:clamp(17px,1.95vw,29px);width:auto;display:block}
.subtitle{font-weight:600;font-size:clamp(14px,1.45vw,20px);color:#2a2350;opacity:.92;direction:rtl;margin-top:2px}
.cta{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 32px;border-radius:100px;
  background:linear-gradient(180deg,#ffc69e,#ffab73);color:#3b2713;font-weight:700;font-size:16px;
  box-shadow:0 12px 26px rgba(120,90,60,.30);text-decoration:none}

@media (max-width:640px){
  .banner{height:450px}
  .banner::before{top:38%;left:50%;width:360px;height:360px}
  .samsung-tl{top:18px;left:18px;height:40px}
  .inner{flex-direction:column;justify-content:space-between;gap:14px;padding:66px 18px 30px}
  .textcol{display:contents}
  .headblock{order:1;align-items:center;text-align:center;gap:12px}
  .phoneSide{order:2;flex:1 1 auto}
  .phone{max-height:172px;max-width:90vw}
  .cta{order:3;height:40px;padding:0 30px;font-size:15px}
  .series-logo{height:36px}
  .ai-logo{height:22px}
  .subtitle{font-size:14px;text-align:center}
}