:root { --rn-ink:#090a0b; --rn-muted:#74777b; --rn-line:#dedfe1; --rn-wrap:1216px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.release-notes-page { margin:0; overflow-x:clip; background:#fff; color:var(--rn-ink); font-family:"Inter","Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.release-notes-page main { overflow:hidden; }
.rn-eyebrow { margin:0; color:#35393d; font-size:10px; font-weight:500; letter-spacing:.15em; line-height:1; text-transform:uppercase; }
.rn-releases { width:min(calc(100% - 48px),1216px); margin:0 auto; padding:clamp(145px,13vw,210px) 0 clamp(130px,12vw,190px); }
.rn-releases__head { margin-bottom:54px; text-align:center; }
.rn-releases__head h1 { margin:30px 0 0; font-size:clamp(44px,4.3vw,66px); font-weight:400; letter-spacing:-.052em; line-height:1.02; }
.rn-release-picker { width:max-content; max-width:100%; display:flex; gap:0; margin:0 auto 32px; padding:4px; overflow-x:auto; border:1px solid #d7d8d8; border-radius:999px; background:#fff; scrollbar-width:none; }
.rn-release-picker::-webkit-scrollbar { display:none; }
.rn-release-picker button { flex:0 0 auto; min-height:38px; padding:0 20px; border:0; border-radius:999px; background:transparent; color:#777b7e; font:500 13px/1 "Inter",sans-serif; cursor:pointer; transition:background-color .25s ease,color .25s ease; }
.rn-release-picker button + button { border-left:1px solid #e1e2e2; border-top-left-radius:0; border-bottom-left-radius:0; }
.rn-release-picker button.is-active { border-left-color:transparent; background:#e8e9e8; color:#111; }
.rn-featured { min-height:492px; display:grid; grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); gap:clamp(42px,5vw,72px); align-items:center; padding:clamp(42px,5vw,64px); overflow:hidden; border:1px solid #dadbdb; border-radius:16px; background:#f5f5f4; color:#101112; text-decoration:none; box-shadow:0 3px 15px rgba(10,12,13,.07) inset; }
.rn-featured__copy { transition:opacity .28s ease,transform .35s ease; }
.rn-featured.is-switching .rn-featured__copy { opacity:0; transform:translateY(8px); }
.rn-featured__kicker { margin:0 0 18px; color:#71869c; font-size:10px; font-weight:600; letter-spacing:.14em; }
.rn-featured__copy h2 { margin:0; font-size:clamp(34px,3.2vw,48px); font-weight:400; letter-spacing:-.05em; line-height:1; }
.rn-featured__description { max-width:440px; margin:20px 0 0; color:#4d5256; font-size:16px; line-height:1.55; }
.rn-featured__points { display:grid; gap:15px; margin:30px 0 0; padding:0; list-style:none; }
.rn-featured__points li { position:relative; padding-left:30px; font-size:14px; line-height:1.45; }
.rn-featured__points li::before { position:absolute; top:1px; left:0; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:#e3e4e4; color:#92989b; content:"✓"; font-size:11px; }
.rn-featured__cta { display:inline-block; margin-top:34px; font-size:14px; font-weight:600; }
.rn-featured__visual { position:relative; height:330px; display:grid; place-items:center; padding:16px; overflow:visible; }
.rn-featured__frame { width:100%; height:100%; display:grid; place-items:center; padding:16px; overflow:hidden; border:16px solid #050607; border-radius:18px; background:#e9e9e8; }
.rn-featured__visual img { width:100%; height:100%; display:block; object-fit:contain; border-radius:6px; opacity:1; transition:opacity .35s ease,transform .65s cubic-bezier(.2,.75,.2,1); }
.rn-featured.is-switching .rn-featured__visual img { opacity:.12; transform:scale(.975); }
.rn-featured__open { position:absolute; z-index:2; top:24px; right:24px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#111; font-size:17px; opacity:0; transform:translateY(6px); transition:.25s ease; }
.rn-featured:hover .rn-featured__open { opacity:1; transform:none; }
.rn-section-head { margin-bottom:52px; text-align:center; }
.rn-section-head h2 { margin:30px 0 0; font-size:clamp(42px,4vw,62px); font-weight:400; letter-spacing:-.052em; line-height:1.04; }
.rn-archive { padding:145px 0 170px; border-top:1px solid #eeeeef; }
.rn-resource-grid { width:min(calc(100% - 48px),var(--rn-wrap)); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0 auto; }
.rn-resource-grid small { display:block; margin-top:22px; color:#b48abe; font-size:11px; }
.rn-resource-grid h3 { margin:10px 0 0; font-size:22px; font-weight:400; letter-spacing:-.035em; line-height:1.25; }
.rn-resources { padding:145px 0 185px; border-top:1px solid #eeeeef; }
.rn-resource-grid { gap:24px; }
.rn-resource-grid a { color:inherit; text-decoration:none; }
.rn-resource-grid a > span { height:315px; display:block; overflow:hidden; border-radius:11px; background:#080a0c; }
.rn-resource-grid img { width:100%; height:100%; display:block; object-fit:cover; opacity:.86; transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .3s ease; }
.rn-resource-grid a:hover img { transform:scale(1.025); opacity:1; }
.rn-final { position:relative; min-height:720px; margin:0 18px 18px; overflow:hidden; border-radius:24px; background:url("../images/blog/asia-ai-hero.jpg") center/cover no-repeat; color:#fff; }
.rn-final__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.88)); }
.rn-final__copy { position:absolute; z-index:1; right:clamp(38px,4vw,66px); bottom:clamp(42px,5vw,72px); left:clamp(38px,4vw,66px); }
.rn-final h2 { max-width:1050px; margin:0; font-size:clamp(48px,5.4vw,82px); font-weight:400; letter-spacing:-.055em; line-height:.98; }
.rn-final__copy > div { display:flex; gap:10px; margin-top:28px; }
.rn-final a { min-height:43px; display:inline-flex; align-items:center; gap:17px; padding:0 9px 0 16px; border:1px solid rgba(255,255,255,.8); border-radius:7px; color:#fff; font-size:12px; font-weight:500; text-decoration:none; }
.rn-final a:first-child { border-color:#fff; background:#fff; color:#111; }
.rn-final a b { width:27px; height:27px; display:grid; place-items:center; border-radius:5px; background:#111; color:#fff; font-size:20px; font-weight:400; }
body.release-notes-page :is(.home-scale-header,.home-scale-header *,.home-scale-mega,.home-scale-mega *,.home-scale-mobile-menu,.home-scale-mobile-menu *,.cnw-global-footer,.cnw-global-footer *) { font-family:"Inter","Helvetica Neue",Arial,sans-serif!important; }
@media(max-width:900px){.rn-featured{grid-template-columns:1fr;gap:46px}.rn-featured__copy{max-width:620px}.rn-featured__visual{height:430px}.rn-resource-grid{grid-template-columns:1fr 1fr;gap:52px 20px}}
@media(max-width:620px){.rn-releases{width:calc(100% - 24px);padding-top:118px}.rn-releases__head{margin-bottom:34px}.rn-release-picker{width:100%;justify-content:flex-start;margin-bottom:24px}.rn-release-picker button{padding:0 16px}.rn-featured{min-height:0;gap:36px;padding:30px 22px;border-radius:12px}.rn-featured__visual{height:260px;padding:0}.rn-featured__frame{padding:8px;border-width:9px;border-radius:12px}.rn-featured__description{font-size:15px}.rn-featured__points{margin-top:24px}.rn-resource-grid{width:calc(100% - 32px);grid-template-columns:1fr}.rn-resources{padding:105px 0 125px}.rn-resource-grid a>span{height:255px}.rn-final{min-height:570px;margin:0 8px 8px;border-radius:17px}.rn-final__copy{right:24px;bottom:30px;left:24px}.rn-final__copy>div{align-items:flex-start;flex-direction:column}.rn-final h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.rn-featured__visual img,.rn-featured__copy,.rn-release-picker__media img,.rn-card__media img,.rn-resource-grid img{transition:none}}

/* Release selector: featured canvas first, three visual releases below. */
.rn-releases { padding-top:clamp(150px,14vw,226px); }
.rn-releases__head { margin-bottom:48px; }
.rn-featured { min-height:0; display:block; padding:0; overflow:hidden; border:0; border-radius:16px; background:#02020f; color:#fff; box-shadow:none; }
.rn-featured__visual { position:relative; height:clamp(470px,48vw,680px); display:grid; place-items:center; padding:clamp(44px,7vw,100px); overflow:hidden; }
.rn-featured__visual::after { position:absolute; inset:0; background:radial-gradient(circle at 50% 45%,rgba(63,78,112,.12),transparent 58%); content:""; pointer-events:none; }
.rn-featured__visual img { position:relative; z-index:1; width:min(860px,82%); height:auto; max-height:100%; display:block; object-fit:contain; border-radius:10px; box-shadow:0 30px 55px rgba(0,0,0,.44); }
.rn-featured__open { top:28px; right:28px; width:42px; height:42px; border:1px solid rgba(255,255,255,.08); background:transparent; color:#fff; opacity:.25; transform:none; }
.rn-featured__copy { min-height:154px; display:grid; place-items:center; padding:34px 30px 42px; text-align:center; }
.rn-featured__copy h2 { margin:0; font-size:clamp(30px,3.1vw,46px); font-weight:400; letter-spacing:-.045em; line-height:1.05; }
.rn-release-picker { width:auto; max-width:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin:44px 0 0; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; }
.rn-release-picker button,
.rn-release-picker button + button { position:static!important; min-width:0; min-height:0; margin:0!important; padding:0; display:flex; flex-direction:column; align-self:stretch; justify-content:flex-start; transform:none!important; border:0; border-radius:0; background:none; color:#97999e; font:inherit; text-align:left; cursor:pointer; }
.rn-release-picker button.is-active { background:none; color:#111; }
.rn-release-picker__media { width:100%; height:182px; flex:0 0 182px; display:grid; place-items:center; overflow:hidden; border-radius:11px; background:#9b9da3; transition:background-color .3s ease; }
.rn-release-picker button.is-active .rn-release-picker__media { background:#030310; }
.rn-release-picker__media img { width:72%; max-height:78%; display:block; object-fit:contain; opacity:.36; filter:saturate(.7); transition:opacity .3s ease,filter .3s ease,transform .5s cubic-bezier(.2,.75,.2,1); }
.rn-release-picker button.is-active .rn-release-picker__media img,
.rn-release-picker button:hover .rn-release-picker__media img { opacity:1; filter:none; transform:scale(1.02); }
.rn-release-picker strong { min-height:54px; display:block; margin-top:18px; font-size:21px; font-weight:400; letter-spacing:-.035em; line-height:1.25; }

@media(max-width:900px){.rn-release-picker{grid-template-columns:1fr 1fr}.rn-release-picker button:last-child{grid-column:auto}.rn-featured__visual{height:500px}}
@media(max-width:620px){.rn-featured{padding:0}.rn-featured__visual{height:350px;padding:28px 12px}.rn-featured__visual img{width:92%;height:auto}.rn-featured__copy{min-height:145px;padding:28px 22px 34px}.rn-release-picker{grid-template-columns:1fr;gap:28px;margin-top:30px}.rn-release-picker button,.rn-release-picker button + button{padding:0}.rn-release-picker button:last-child{grid-column:auto}.rn-release-picker__media{height:150px}}