/* RHS wide-screen release, Nov 2026. Layout-only: download counters / PHP untouched. */
:root { --max:clamp(1180px, 82vw, 2860px); }
html,body { width:100%; max-width:100%; overflow-x:clip; }
.wrap { width:min(var(--max), calc(100% - 48px)); margin-left:auto; margin-right:auto; }
img,svg,video { max-width:100%; }
/* The photo is a genuine image element, not a fake full-page screenshot.
   Keeping it in a separate column prevents text covering Nastya's face at 4K. */
.rhs-story-hero {
  overflow:hidden; position:relative; isolation:isolate;
  background:radial-gradient(ellipse at 78% 45%, #24203d 0%,#111627 47%,#080b13 100%);
  border-bottom:0; min-height:0; background-image:radial-gradient(ellipse at 78% 45%,#24203d 0%,#111627 47%,#080b13 100%);
}
.rhs-story-hero::before {
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse at 20% 80%,rgba(63,93,141,.16),transparent 55%);
}
.rhs-story-shell {
 min-height:clamp(480px,32vw,780px);display:grid;
 grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
 align-items:center;gap:clamp(24px,3vw,82px);
 padding-top:clamp(20px,2vw,46px);padding-bottom:clamp(22px,2.4vw,52px);
}
.rhs-story-content {
 min-height:0;padding:0;margin:0;justify-content:center;align-items:flex-start;
 display:flex;flex-direction:column;position:relative;z-index:2;
}
.rhs-story-hero h1 {max-width:100%;font-size:clamp(38px,3.1vw,90px);line-height:1.09;margin:0 0 20px;letter-spacing:-.033em;}
.rhs-story-eyebrow {font-size:clamp(10px,.7vw,16px);letter-spacing:.13em;line-height:1.5;margin:0 0 20px;}
.rhs-story-description {font-size:clamp(16px,1.02vw,25px);line-height:1.58;max-width:870px;margin:0;}
.rhs-story-visual {position:relative;width:100%;height:clamp(395px,29vw,695px);overflow:hidden;
 border-radius:clamp(15px,1.7vw,30px);border:1px solid rgba(164,178,223,.18);
 background:#111724;box-shadow:0 28px 95px rgba(0,0,0,.35);}
.rhs-story-visual img {display:block;width:100%;height:100%;object-fit:cover;object-position:38% 31%;}
.rhs-story-announcement {padding-top:0;padding-bottom:0;margin-top:0;}
.rhs-story-announcement .mac-home-announce {margin:0;padding:18px 23px;}
#main > .stats { margin-top:12px;margin-bottom:clamp(36px,5vw,82px); }
/* Content grows on 4K, but paragraphs keep comfortable line lengths */
.section-head p {max-width:690px;}
.page-hero p {max-width:1000px;}
.about-grid {max-width:none;}
.brand-showcase {max-width:min(1300px,100%);}
.license-form {max-width:1120px;}
.section {padding-top:clamp(38px,3vw,90px);padding-bottom:clamp(50px,4vw,115px);}
@media (min-width:1650px) {
 .nav-inner{min-height:90px;height:clamp(90px,5.4vw,118px);gap:clamp(20px,2vw,46px);}
 .nav-links{gap:clamp(19px,1.6vw,38px);}
 .nav-links a{font-size:clamp(15px,.82vw,20px);}
 .logo-art{width:clamp(58px,3.3vw,78px);height:clamp(58px,3.3vw,78px);flex-basis:auto;}
 .logo-words{font-size:clamp(24px,1.45vw,38px);}
 .lang-switch a{font-size:clamp(13px,.72vw,17px);min-height:38px;padding:6px 14px;}
 .product-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.3vw,32px);}
 .product-card {min-height:525px;padding:clamp(25px,2vw,48px);}
 .product-card h3{font-size:clamp(27px,1.65vw,43px);}
 .product-card p{font-size:clamp(15px,.83vw,21px);}
 .btn {font-size:clamp(14px,.73vw,18px);padding:15px 23px;}
 .section-head h2{font-size:clamp(38px,2.2vw,66px);}
 .stats .stat {padding:clamp(18px,1.5vw,33px);}
 .stat strong{font-size:clamp(16px,.88vw,22px);}
 .stat span{font-size:clamp(13px,.69vw,17px);}
 .page-hero h1 {max-width:1200px;}
 .page-grid{gap:clamp(35px,3.2vw,95px);}
 .step-grid{gap:clamp(18px,1.5vw,34px);}
 .about-grid{gap:clamp(22px,2vw,55px);}
 .person-media{height:clamp(530px,38vw,820px);}
 .footer-row{gap:30px;}
}
@media (min-width:2600px) {
 .rhs-story-shell{min-height:790px;}
 .rhs-story-visual{height:730px;}
 .product-card{min-height:600px;}
 .product-card h3{font-size:43px;}
 .footer-note,.footer-links a{font-size:18px;}
}
@media (max-width:1090px) {
 :root{--max:100%;}
 .rhs-story-shell {min-height:0;grid-template-columns:1fr;gap:18px;padding-top:32px;padding-bottom:26px;}
 .rhs-story-content {padding:0;min-height:0;}
 .rhs-story-visual{height:clamp(280px,49vw,520px);}
 .rhs-story-hero h1 {font-size:clamp(36px,5vw,64px);}
 .rhs-story-description{max-width:760px;}
}
@media (max-width:650px) {
 .wrap {width:calc(100% - 34px);}
 .rhs-story-shell {padding-top:28px;padding-bottom:18px;gap:20px;}
 .rhs-story-hero h1 {font-size:clamp(33px,8vw,45px);}
 .rhs-story-visual {height:auto;aspect-ratio:3/2;max-height:none;}
 .rhs-story-visual img {object-fit:cover;object-position:35% 30%;}
 .rhs-story-description{font-size:15px;}
 .rhs-story-announcement .mac-home-announce{padding:13px;}
 #main > .stats{margin-bottom:36px;}
}
@media (prefers-reduced-motion:reduce){.rhs-story-visual{scroll-behavior:auto;}}
/* Fine tuning after visual 3840 × 2160 / 1920 × 1080 / 390 × 844 review. */
@media(min-width:2400px){.rhs-story-visual img{object-position:38% top;}}
#main > .stats {margin-bottom:0;}
#main > #software.section {padding-top:clamp(34px,2.8vw,66px);}