/* Base for the redesigned home, product catalog and AACORE pages.
   Navigation and rights styles come from /aahub/assets/site-navigation-v1.css
   and site-rights-v1.css; the type scale from site-type-v1.css. */
:root{
  --ink:#1d1d1f;--ink-2:#424245;--muted:#6e6e73;--paper:#f5f5f7;--line:#d2d2d7;
  --blue:#0071e3;--blue-hover:#0077ed;--link:#0066cc;
  --night:#182234;--night-deep:#0f1726;--night-ink:#f5f6f8;--night-2:#c9d1dc;--night-muted:#93a2b7;--night-line:rgba(234,238,244,.18);
  --container:1160px;--gutter:48px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;font-family:var(--font);font-size:var(--type-body);line-height:1.85;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;font-synthesis:none;text-spacing-trim:trim-start}
h1,h2,h3,p,figure,dl,dd,ul{margin:0}
ul{padding:0;list-style:none}
h1,h2,h3{font-weight:600;letter-spacing:0;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
p,li,dd{text-wrap:pretty}
img{display:block;max-width:100%;height:auto}
picture{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
svg.icon{width:1em;height:1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid #2997ff;outline-offset:4px;border-radius:4px}
.container{width:min(var(--container),calc(100% - var(--gutter)));margin-inline:auto}
@media (max-width:760px){.br-wide{display:none}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:10px 18px;border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 4px 24px rgba(0,0,0,.18)}
.skip-link:focus{top:12px}

/* Type roles */
.page-title{font-size:var(--type-hero);line-height:1.25}
.section-title{font-size:var(--type-h2);line-height:1.35}
.kicker{margin:0 0 14px;font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--muted)}
.lead{font-size:clamp(19px,1.7vw,22px);line-height:1.7;color:var(--ink-2)}
.fine{font-size:13px;line-height:1.7;color:var(--muted)}

/* Actions */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-size:15px;font-weight:500;line-height:1.3;transition:background .2s,transform .2s var(--ease)}
.btn:hover{background:var(--blue-hover);transform:translateY(-1px)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid #c7c7cc;border-radius:999px;color:var(--ink);font-size:15px;font-weight:500;line-height:1.3;transition:border-color .2s,background .2s}
.btn-ghost:hover{border-color:var(--ink)}
.link-arrow{display:inline-flex;align-items:center;gap:4px;color:var(--link);font-size:16px;line-height:1.5}
.link-arrow svg{width:15px;height:15px;transition:transform .2s var(--ease)}
.link-arrow:hover{text-decoration:underline;text-underline-offset:4px}
.link-arrow:hover svg{transform:translateX(2px)}
.link-arrow[target="_blank"]:hover svg{transform:translate(2px,-2px)}
/* Whole-card links: the card's main link covers the card; secondary links sit above it */
.has-card-link{position:relative}
.card-link::after{content:"";position:absolute;inset:0;z-index:1}
.card-link:focus-visible{outline:none}
.has-card-link:has(.card-link:focus-visible){outline:2px solid #2997ff;outline-offset:4px}
.above-card-link{position:relative;z-index:2}
.has-card-link:hover .link-arrow.card-link svg{transform:translateX(2px)}
.has-card-link:hover .link-arrow.card-link[target="_blank"] svg{transform:translate(2px,-2px)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}

/* Night theme: transparent white navigation, as on the download center */
.theme-night{background:var(--night);color:var(--night-ink)}
.theme-night .aa-site-header{background:transparent;color:#f6f7f9}
.theme-night .aa-site-header .aa-site-links{color:#e0e4e9}
.theme-night .aa-site-header .aa-site-links a:hover{color:#fff}
.theme-night .aa-site-header a:focus-visible{outline-color:#c9dcf5}
.theme-night .kicker{color:var(--night-muted)}
.theme-night .link-arrow{color:#a9d3ff}
.theme-night .btn-ghost{border-color:rgba(255,255,255,.34);color:var(--night-ink)}
.theme-night .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.aa-site-header .aa-site-links a[aria-current="page"]{color:inherit}
.theme-light .aa-site-header .aa-site-links a[aria-current="page"]{color:#1d1d1f}

/* Rights notice and footer: same structure as the download center */
.site-rights{margin-top:24px}
.theme-night .site-rights,.theme-night .site-rights h2{color:#e3e8f0}
.theme-night .site-rights{border-color:rgba(234,238,244,.24)}
.theme-night .site-rights a:hover{color:#fff}
.site-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:30px 0 40px;border-top:1px solid var(--line);color:#86868b;font-size:12px}
.site-footer .footer-brand{display:flex;flex-direction:column;gap:8px}
.site-footer .brand{font-size:23px;font-weight:700;letter-spacing:-.8px;line-height:1.25;color:var(--ink)}
.site-footer .footer-domain{font-size:12px;color:#86868b}
.site-footer .footer-legal{line-height:2}
.site-footer .footer-legal a{color:#6e6e73}
.site-footer a:hover{color:var(--ink)}
.site-footer .back-top{white-space:nowrap;color:#6e6e73}
.theme-night .site-footer{border-color:rgba(234,238,244,.24);color:#b9c2cf}
.theme-night .site-footer .brand,.theme-night .site-footer .footer-domain,.theme-night .site-footer .footer-legal a,.theme-night .site-footer .back-top{color:#e0e5ec}
.theme-night .site-footer a:hover{color:#fff}

/* Light pages: product catalog and AACORE */
.theme-light{background:#fff;color:var(--ink)}
.section-pad{padding-block:clamp(80px,10vw,132px)}
.section-paper{background:var(--paper)}
.section-head{max-width:780px;margin-bottom:clamp(36px,5vw,60px)}
.section-head .lead{margin-top:18px}
.tag-list{display:flex;flex-wrap:wrap;gap:8px}
.tag-list li{padding:1px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;line-height:1.9;color:var(--ink-2)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.data-table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.7}
.data-table th,.data-table td{padding:15px 20px 15px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.data-table thead th{border-top:0;padding-top:0;font-size:15px;font-weight:600}
.data-table tbody th{width:20%;font-weight:500;color:var(--muted)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.split-reverse .split-media{order:-1}
.bullets{display:grid;gap:10px;margin-top:24px}
.bullets li{position:relative;padding-left:20px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.bullets li::before{content:"";position:absolute;left:0;top:.9em;width:8px;height:1px;background:currentColor;opacity:.6}
.figure-frame{overflow:hidden;border-radius:28px;border:1px solid #e3e3e8;background:#fff}
.figure-frame img{width:100%}
.figure-note{margin-top:14px;font-size:13px;line-height:1.7;color:var(--muted)}
.badge-soon{display:inline-block;padding:2px 12px;border-radius:999px;background:#1d1d1f;color:#fff;font-size:13px;font-weight:500;line-height:1.8}

/* Gentle reveal, enabled by site.js only (content stays visible if the script never loads) */
.motion-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.motion-ready .reveal.is-in{opacity:1;transform:none}

@media (max-width:900px){
  .split{grid-template-columns:1fr}
  .split-reverse .split-media{order:0}
}
@media (max-width:760px){
  :root{--gutter:40px}
  body{font-size:16px}
  .figure-frame{border-radius:20px}
  .site-footer{grid-template-columns:1fr auto;gap:18px}
  .site-footer .footer-legal{grid-column:1/-1;grid-row:2}
  .site-footer .back-top{grid-column:2;grid-row:1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important}
}
