*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f1e7;color:#101b2b;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:3px}img{max-width:100%;display:block}button,input,textarea{font:inherit}h1,h2,h3{font-family:"Cal Sans",Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.04;margin:0 0 .7em}h1{font-size:clamp(38px,3.35vw,56px);max-width:880px}h2{font-size:clamp(28px,2.3vw,38px)}h3{font-size:clamp(20px,1.5vw,25px)}p{margin:0 0 1.05em}.site-header{height:76px;background:#07182f;color:#fff;border-bottom:3px solid #ff9d16;position:sticky;top:0;z-index:50}.header-inner{height:100%;width:min(100% - 48px,1450px);margin:auto;display:flex;align-items:center;gap:28px}.brand-link{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:215px}.brand-badge{width:40px;height:40px;background:#ff9d16;color:#07182f;display:grid;place-items:center;font-weight:900;border:1px solid #f6f1e7}.brand-word{font-family:"Cal Sans";font-size:24px;line-height:1}.brand-tag{display:block;color:#ffb53c;font-size:9px;font-weight:800;letter-spacing:.14em;margin-top:3px}.desktop-nav{margin-left:auto}.site-nav-list{display:flex;align-items:stretch;gap:0;list-style:none;padding:0;margin:0}.site-nav-list>li>a{height:73px;padding:0 15px;display:flex;align-items:center;text-decoration:none;font-size:13px;font-weight:800;border-left:1px solid rgba(255,255,255,.11)}.site-nav-list>li>a:hover,.site-nav-list>li>a.active{background:#12386f;color:#ffb53c}.site-nav-list li.has-children ul{display:none}.site-nav-list .nav-outbound a{background:#ff9d16;color:#07182f;border:0;margin-left:10px;height:42px;align-self:center;padding:0 18px}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid #fff;color:#fff;width:44px;height:40px;font-size:22px}.mobile-panel{display:none}.page-shell{width:100%;overflow:hidden}.hero{border-bottom:1px solid #a9a28f}.hero-inner{width:min(100% - 48px,1450px);margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);min-height:500px}.hero-copy{padding:52px clamp(22px,4vw,70px) 46px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#1e4aa5;margin-bottom:18px}.hero h1{margin-bottom:18px}.hero-lead{font-size:clamp(18px,1.35vw,22px);line-height:1.52;max-width:790px}.hero-note{max-width:780px;color:#425063}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}.action-primary,.action-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid #07182f;text-decoration:none;font-weight:900;font-size:13px}.action-primary{background:#ff9d16}.action-secondary{background:transparent}.legal-note{font-size:12px;color:#667083;margin-top:13px}.hero-visual{background:#1e4aa5;align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative;border-left:1px solid #07182f}.hero-visual img{width:100%;height:100%;min-height:390px;object-fit:cover}.visual-caption{background:#07182f;color:#fff;padding:13px 18px;display:flex;justify-content:space-between;gap:18px;font-size:12px;font-weight:750;border-top:3px solid #ff9d16}.visual-caption span:last-child{color:#ffb53c}.quick-strip{background:#1e4aa5;color:#fff}.quick-strip-inner{width:min(100% - 48px,1450px);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.quick-link{padding:23px 26px;border-right:1px solid rgba(255,255,255,.28);text-decoration:none}.quick-link:first-child{border-left:1px solid rgba(255,255,255,.28)}.quick-link small{display:block;color:#ffb53c;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:10px}.quick-link strong{font-size:18px}.section-band{padding:62px 0;border-bottom:1px solid #b9b29f}.section-band.alt{background:#fffdf7}.section-inner{width:min(100% - 48px,1450px);margin:auto}.section-heading{display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:70px;margin-bottom:34px}.section-heading p{max-width:760px;margin:0;color:#4b5565}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111b29;border-left:1px solid #111b29}.topic-item{padding:27px;min-height:210px;border-right:1px solid #111b29;border-bottom:1px solid #111b29;text-decoration:none;background:#f6f1e7}.topic-item:hover{background:#fff4d7}.topic-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#1e4aa5}.topic-item h3{margin:22px 0 10px}.topic-item p{color:#4b5565;font-size:14px}.split-info{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #111b29}.split-label{background:#07182f;color:#fff;padding:36px}.split-label .eyebrow{color:#ffb53c}.split-body{padding:36px 42px;background:#fffdf7}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #b9b29f}.check-item{padding:17px 14px 17px 0;border-bottom:1px solid #b9b29f}.check-item:nth-child(even){padding-left:22px;border-left:1px solid #b9b29f}.steps-row{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #111b29;border-top:1px solid #111b29}.step-box{padding:25px;border-right:1px solid #111b29;border-bottom:1px solid #111b29}.step-no{font-size:12px;font-weight:900;color:#1e4aa5}.step-box h3{margin-top:36px}.faq-list{border-top:1px solid #111b29}.faq-item{border-bottom:1px solid #111b29}.faq-q{width:100%;background:transparent;border:0;padding:19px 4px;text-align:left;font-weight:900;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-q span:last-child{color:#1e4aa5}.faq-a{display:none;padding:0 50px 20px 4px;color:#465264}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.subhero{background:#fffdf7;border-bottom:1px solid #111b29}.subhero-inner{width:min(100% - 48px,1450px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);align-items:stretch}.subhero-copy{padding:42px 56px 40px 0;align-self:center}.subhero-copy h1{font-size:clamp(36px,3vw,52px);max-width:820px}.subhero-copy .lead{font-size:18px;max-width:760px}.subhero-media{border-left:1px solid #111b29;position:relative;background:#1e4aa5}.subhero-media img{width:100%;height:100%;max-height:500px;min-height:330px;object-fit:cover}.subhero-media:before{content:"REFERENCE IMAGE";position:absolute;top:0;left:0;z-index:1;background:#ff9d16;color:#07182f;font-size:10px;font-weight:900;letter-spacing:.13em;padding:8px 12px}.content-band{padding:52px 0}.content-inner{width:min(100% - 48px,1180px);margin:auto}.article-intro{font-size:19px;max-width:850px}.article-section{display:grid;grid-template-columns:270px minmax(0,1fr);gap:45px;padding:37px 0;border-top:1px solid #b9b29f}.article-section:last-child{border-bottom:1px solid #b9b29f}.article-side-label{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#1e4aa5}.article-main h2{max-width:760px}.article-main ul{padding-left:21px}.article-main li{margin:7px 0}.article-figure{margin:18px 0 23px;border-left:5px solid #ff9d16;background:#ece8df;padding-left:13px}.article-figure img{max-height:380px;width:100%;object-fit:cover}.notice{background:#07182f;color:#fff;padding:25px 30px;margin:28px 0;border-left:8px solid #ff9d16}.notice h3{color:#ffb53c}.resource-links{display:flex;flex-wrap:wrap;border-top:1px solid #111b29;border-left:1px solid #111b29}.resource-links a{flex:1 1 220px;padding:18px;border-right:1px solid #111b29;border-bottom:1px solid #111b29;font-weight:800;text-decoration:none}.resource-links a:hover{background:#fff4d7}.listing-hero{background:#1e4aa5;color:#fff;padding:48px 0;border-bottom:4px solid #ff9d16}.listing-hero .section-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:end}.listing-hero .eyebrow{color:#ffb53c}.listing-hero h1{font-size:clamp(36px,3.1vw,52px);margin:0}.listing-hero p{font-size:18px;max-width:740px;margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #111b29;border-top:1px solid #111b29}.article-card{padding:25px;border-right:1px solid #111b29;border-bottom:1px solid #111b29;min-height:260px;display:flex;flex-direction:column;text-decoration:none;background:#fffdf7}.article-card:hover{background:#fff4d7}.article-card small{color:#1e4aa5;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-card h2{font-size:25px;margin:28px 0 12px}.article-card p{font-size:14px;color:#526071}.article-card .read-link{margin-top:auto;font-weight:900}.policy{max-width:920px;margin:0 auto}.policy h2{margin-top:42px}.site-footer{background:#07182f;color:#dce5f2;border-top:4px solid #ff9d16}.footer-inner{width:min(100% - 48px,1450px);margin:auto;padding:44px 0;display:grid;grid-template-columns:1fr 2fr;gap:55px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-links h3{font-size:16px;color:#ffb53c}.footer-links a{display:block;margin:8px 0;font-size:13px;text-decoration:none}.footer-note{font-size:12px;color:#99a9bf;margin-top:14px}.footer-outbound{display:inline-flex;padding:12px 16px;background:#ff9d16;color:#07182f;text-decoration:none;font-weight:900;margin-top:13px}.empty-space-fix{margin:0!important;padding:0!important}@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-panel{position:fixed;inset:76px 0 0 0;background:#07182f;color:#fff;z-index:49;padding:18px 24px;overflow:auto}.mobile-panel.open{display:block}.mobile-panel .site-nav-list{display:block}.mobile-panel .site-nav-list>li>a{height:auto;padding:15px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.16)}.mobile-panel .site-nav-list .nav-outbound a{margin:18px 0;background:#ff9d16;color:#07182f;display:inline-flex;padding:13px 18px}.hero-inner{grid-template-columns:1fr 43%}.hero-copy{padding-right:34px}.topic-grid,.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){body{font-size:15px}.site-header{height:68px}.header-inner{width:min(100% - 28px,1450px)}.brand-link{min-width:0}.brand-tag{display:none}.mobile-panel{inset:68px 0 0}.hero-inner,.subhero-inner{width:100%;display:flex;flex-direction:column}.hero-copy,.subhero-copy{padding:32px 22px 28px}.hero h1,.subhero-copy h1{font-size:clamp(34px,9vw,44px);line-height:1.03}.hero-lead{font-size:17px}.hero-visual,.subhero-media{border-left:0;border-top:1px solid #111b29}.hero-visual img{min-height:230px;max-height:310px}.subhero-media img{min-height:230px;max-height:310px}.quick-strip-inner{width:100%;grid-template-columns:1fr 1fr}.quick-link{padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.25)}.quick-link:nth-child(odd){border-left:0}.section-band{padding:42px 0}.section-inner,.content-inner{width:min(100% - 36px,1450px)}.section-heading,.listing-hero .section-inner,.split-info,.article-section,.footer-inner{grid-template-columns:1fr;gap:18px}.topic-grid,.article-grid,.steps-row{grid-template-columns:1fr}.split-label,.split-body{padding:26px}.check-list{grid-template-columns:1fr}.check-item:nth-child(even){padding-left:0;border-left:0}.article-section{padding:30px 0}.article-figure img{max-height:300px}.listing-hero{padding:36px 0}.article-card{min-height:220px}.footer-links{grid-template-columns:1fr 1fr}.footer-inner{padding:36px 0}.hero-actions{gap:8px}.action-primary,.action-secondary{padding:0 15px}.site-footer .brand-link{margin-bottom:5px}}/* IE777 editorial masthead: text first, panoramic reference image second. */
@media (min-width:761px){
  .hero-inner,.subhero-inner{display:block;min-height:0}
  .hero-copy,.subhero-copy{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:clamp(46px,6vw,92px);padding:38px 0 32px;align-items:start}
  .hero-copy .eyebrow,.subhero-copy .eyebrow{grid-column:1;grid-row:1;margin-bottom:15px}
  .hero-copy h1,.subhero-copy h1{grid-column:1;grid-row:2 / span 4;margin:0;max-width:620px;align-self:start;font-size:clamp(38px,3.15vw,54px)}
  .hero-copy .hero-lead,.subhero-copy .lead{grid-column:2;grid-row:1 / span 2;margin:0 0 10px;align-self:end;max-width:760px;font-size:clamp(17px,1.15vw,20px)}
  .hero-copy .hero-note{grid-column:2;grid-row:3;margin:0 0 10px;max-width:760px}
  .hero-copy .hero-actions,.subhero-copy .hero-actions{grid-column:2;grid-row:4;margin-top:5px}
  .hero-copy .legal-note{grid-column:2;grid-row:5;margin:10px 0 0}
  .hero-visual,.subhero-media{border-left:0;border-top:1px solid #07182f;height:clamp(240px,20vw,330px);min-height:0}
  .hero-visual{display:grid;grid-template-rows:minmax(0,1fr) auto}
  .hero-visual img,.subhero-media img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover}
}
/* Final IE777 masthead geometry: avoids the familiar oversized left/right landing-page hero. */
.hero-inner,.subhero-inner{display:block;min-height:0;width:min(100% - 48px,1450px);margin:auto}
.hero-copy,.subhero-copy{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:clamp(46px,6vw,92px);padding:38px 0 32px;align-items:start}
.hero-copy .eyebrow,.subhero-copy .eyebrow{grid-column:1;grid-row:1;margin-bottom:15px}
.hero-copy h1,.subhero-copy h1{grid-column:1;grid-row:2 / span 4;margin:0;max-width:620px;align-self:start;font-size:clamp(38px,3.15vw,54px)}
.hero-copy .hero-lead,.subhero-copy .lead{grid-column:2;grid-row:1 / span 2;margin:0 0 10px;align-self:end;max-width:760px;font-size:clamp(17px,1.15vw,20px)}
.hero-copy .hero-note{grid-column:2;grid-row:3;margin:0 0 10px;max-width:760px}
.hero-copy .hero-actions,.subhero-copy .hero-actions{grid-column:2;grid-row:4;margin-top:5px}
.hero-copy .legal-note{grid-column:2;grid-row:5;margin:10px 0 0}
.hero-visual,.subhero-media{border-left:0;border-top:1px solid #07182f;height:clamp(240px,20vw,330px);min-height:0}
.hero-visual{display:grid;grid-template-rows:minmax(0,1fr) auto}
.hero-visual img,.subhero-media img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover}
@media(max-width:760px){
  .hero-inner,.subhero-inner{width:100%;display:block}
  .hero-copy,.subhero-copy{display:block;padding:30px 22px 25px}
  .hero-copy .eyebrow,.subhero-copy .eyebrow{margin-bottom:12px}
  .hero-copy h1,.subhero-copy h1{font-size:clamp(34px,9vw,44px);max-width:none;margin-bottom:15px}
  .hero-copy .hero-lead,.subhero-copy .lead{font-size:17px;margin-bottom:10px}
  .hero-copy .hero-note{margin-bottom:10px}
  .hero-copy .hero-actions,.subhero-copy .hero-actions{margin-top:12px}
  .hero-copy .legal-note{margin-top:11px}
  .hero-visual,.subhero-media{height:auto;border-left:0;border-top:1px solid #07182f}
  .hero-visual img,.subhero-media img{height:240px;min-height:240px;max-height:280px;object-fit:cover}
}
/* Keep reference images structurally simple so the media strip never collapses. */
.hero-visual{display:block;height:auto!important}
.hero-visual img{height:clamp(240px,20vw,330px)!important;min-height:240px!important;object-fit:cover}
.subhero-media{height:auto!important}
.subhero-media img{height:clamp(240px,20vw,330px)!important;min-height:240px!important;object-fit:cover}
@media(max-width:760px){.hero-visual img,.subhero-media img{height:240px!important;min-height:240px!important}}

/* IE777 media-stage fix: preserve the editorial strip while showing source images in full. */
@media (min-width:761px){
  .hero-visual,
  .subhero-media{
    position:relative;
    overflow:hidden;
    height:auto!important;
    min-height:0!important;
    background:
      linear-gradient(90deg,rgba(255,157,22,.12) 0 1px,transparent 1px 100%),
      linear-gradient(rgba(255,255,255,.07) 0 1px,transparent 1px 100%),
      #0b2346;
    background-size:52px 100%,100% 52px,auto;
    border-top:1px solid #07182f;
  }

  .hero-visual{
    display:grid!important;
    grid-template-rows:clamp(350px,27vw,430px) auto!important;
  }

  .subhero-media{
    display:grid!important;
    grid-template-rows:clamp(350px,27vw,430px)!important;
  }

  .hero-visual img,
  .subhero-media img{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    align-self:stretch;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    position:relative;
    z-index:2;
  }

  .hero-visual::before,
  .subhero-media::before{
    content:"IE777  /  SCREEN REFERENCE";
    position:absolute;
    z-index:3;
    left:clamp(18px,2.6vw,38px);
    top:50%;
    transform:translateY(-50%);
    width:clamp(105px,15vw,210px);
    color:#ffb53c;
    font-size:10px;
    line-height:1.55;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
    padding-top:14px;
    border-top:3px solid #ff9d16;
    background:none;
  }

  .hero-visual::after,
  .subhero-media::after{
    content:"PLAYER DESK\AINDIA / MOBILE";
    white-space:pre-line;
    position:absolute;
    z-index:3;
    right:clamp(18px,2.6vw,38px);
    bottom:clamp(22px,3vw,42px);
    width:clamp(105px,14vw,190px);
    color:#dce5f2;
    font-size:10px;
    line-height:1.65;
    font-weight:850;
    letter-spacing:.14em;
    text-align:right;
    text-transform:uppercase;
    padding-bottom:13px;
    border-bottom:1px solid rgba(255,181,60,.8);
  }

  .hero-visual .visual-caption{
    grid-column:1;
    grid-row:2;
    position:relative;
    z-index:4;
  }

  /* Square/detail screenshots use the same full-image treatment instead of cover-cropping. */
  .article-figure{
    position:relative;
    overflow:hidden;
    min-height:clamp(320px,31vw,430px);
    padding-left:0;
    border-left:5px solid #ff9d16;
    background:
      linear-gradient(90deg,rgba(7,24,47,.07) 0 1px,transparent 1px 100%),
      #ece8df;
    background-size:44px 100%,auto;
    display:grid;
    place-items:center;
  }

  .article-figure img{
    width:100%!important;
    height:clamp(320px,31vw,430px)!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    position:relative;
    z-index:2;
  }

  .article-figure::before{
    content:"IE777 / DETAIL";
    position:absolute;
    left:18px;
    top:18px;
    z-index:3;
    color:#1e4aa5;
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    border-top:2px solid #ff9d16;
    padding-top:7px;
  }

  .article-figure::after{
    content:"REFERENCE";
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:3;
    color:#596579;
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
}

@media (min-width:761px) and (max-width:980px){
  .hero-visual::before,.subhero-media::before{width:105px;font-size:8px;left:14px}
  .hero-visual::after,.subhero-media::after{width:105px;font-size:8px;right:14px}
}

@media (max-width:760px){
  .hero-visual,
  .subhero-media{
    background:#0b2346;
  }
  .hero-visual img,
  .subhero-media img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .article-figure{
    min-height:0;
    padding-left:0;
  }
  .article-figure img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}

@media (min-width:761px) and (max-width:900px){
  .hero-visual::before,.hero-visual::after,
  .subhero-media::before,.subhero-media::after,
  .article-figure::before,.article-figure::after{display:none}
}