/* The two product pages share the homepage's sunset, glass and quiet navigation.
   Native desktop demos and character artwork remain on their own readable stages. */
body.companions-page,body.cc-page{--family-glass:linear-gradient(150deg,#171e32df,#0c1222dd);--family-line:#ebf1ff59;--family-ink:#f7f7fb;--family-muted:#cbd4e5;--family-peach:#ffd9bd;background:#10182c;color:var(--family-ink)}
body.companions-page::before,body.cc-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#07101d61 0%,#07101d44 43%,#07101dc9 100%),url("website-assets/home-desktop-sunset.webp") center/cover no-repeat}

/* Companions: the page is playful, with light stages for the real native sprites. */
.companions-page{--comp-ink:var(--family-ink);--comp-muted:var(--family-muted);--comp-accent:#ffc09b;color-scheme:dark}
.companions-page .companion-nav{max-width:1880px;min-height:76px;padding-block:14px;color:#f7f7fb;text-shadow:0 2px 10px #080d2090}
.companions-page .companion-nav nav a:hover,.companions-page .family-back:hover{color:#ffd9bd}
.companions-page .family-links{border-color:#ebf1ff59}
.companions-page .family-next:hover{color:#ffd9bd}
.companions-page .companion-intro,.companions-page .companion-play-section,.companions-page .companion-shots,.companions-page .companion-collection,.companions-page .companion-life,.companions-page .companion-growth,.companions-page .companion-coming{width:min(1240px,calc(100% - 40px));max-width:none;margin:18px auto 32px;padding:clamp(24px,3vw,42px);border:1px solid var(--family-line);border-radius:24px;background:var(--family-glass);box-shadow:0 24px 70px -32px #000b,inset 0 1px #ffffff1c;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.companions-page .companion-intro{gap:clamp(25px,4vw,55px);margin-top:22px}
.companions-page .companion-intro h1 em{color:#ffd0ad}
.companions-page .companion-eyebrow{color:#ffd5bb}
.companions-page .companion-description,.companions-page .companion-section-head>p,.companions-page .growth-copy>p:not(.companion-eyebrow),.companions-page .life-heading>p:last-child,.companions-page .life-moments p{color:#d2d7e6}
.companions-page .companion-button{border-color:#f4d8ff;background:#f4d8ff;color:#17213b!important;box-shadow:0 9px 24px #0003}
.companions-page .companion-button:hover{background:#fff;border-color:#fff}
.companions-page .companion-button.secondary{border-color:#ebf1ff80;background:#ffffff16;color:#f7f7fb!important}
.companions-page .companion-button.secondary:hover{background:#ffffff2c}
.companions-page .companion-free-picks,.companions-page .companion-availability,.companions-page .companion-demo-note,.companions-page .companion-play-controls>p,.companions-page .collection-count,.companions-page .collection-total,.companions-page .growth-step p,.companions-page .coming-status{color:#c7cce0}
.companions-page .companion-free-picks strong,.companions-page .collection-total strong{color:#fff}
.companions-page .companion-hero-demo{border-color:#ebf1ff65;background:#f3e9db}
.companions-page .companion-hero-demo:before{border-color:#ffdbc47a}
.companions-page .companion-scene,.companions-page .companion-playground{color-scheme:light}
.companions-page .companion-demo-caption{color:#69564d}
.companions-page .companion-demo-caption button{color:#674535}
.companions-page .play-selected{border-left-color:#ffd5bb;background:#ffffff15}
.companions-page .play-selected p,.companions-page .play-selected .selected-talent{color:#cbd4e5}
.companions-page .play-selected>a{color:#ffd5bb!important}
.companions-page .collection-search input{border-color:#ebf1ff59;background:#0b152ccf;color:#fff;color-scheme:dark}
.companions-page .collection-search input::placeholder{color:#bec6d9}
.companions-page .collection-categories button{border-color:#ebf1ff59;color:#e4e8f6}
.companions-page .collection-categories button[aria-pressed=true]{border-color:#bad4ff;background:#bad4ff;color:#12213d}
.companions-page .catalog-card{border-color:#ebf1ff3e;background:#121b2dde;color:#fff}
.companions-page .catalog-card:hover,.companions-page .catalog-card[aria-pressed=true]{border-color:#ffd7bd}
.companions-page .catalog-card[aria-pressed=true]{box-shadow:0 0 0 1px #ffd7bd}
.companions-page .catalog-art{margin-bottom:10px;border-radius:12px;background:#fbf7f0}
.companions-page .catalog-title,.companions-page .catalog-tagline{color:#cbd4e5}
.companions-page .catalog-action{color:#ffd9bd}
.companions-page .companion-life,.companions-page .companion-growth{border-top:1px solid var(--family-line)}
.companions-page .life-moments article>span,.companions-page .growth-arrow,.companions-page .coming-heart{color:#ffd0ad}
.companions-page .growth-art{border-radius:16px;background:#fbf7f0}
.companions-page .companion-coming{width:min(1160px,calc(100% - 40px));margin-bottom:32px;text-align:center}
.companions-page .companion-coming>p:not(.companion-eyebrow){color:#d2d7e6}
.companions-page .companion-footer{max-width:1880px;border-top-color:var(--family-line);color:#cbd4e5}
.companions-page .companion-footer>a{color:#fff}

/* Compass & Clipboard: preserve its full page and readable 16:9 demo desks. */
html[data-theme=dark] body.cc-page{--ink:#f7f7fb;--muted:#cbd4e5;--line:#ebf1ff45;--paper:#141c30;--blue:#a5c8ff;--ui-surface:#18243add;--ui-soft:#283750;--ui-border:#61728e}
html[data-theme=light] body.cc-page{--family-glass:linear-gradient(150deg,#fffaf3f0,#eaf0f4e8);--family-line:#ffffffba;--family-ink:#1d2c40;--family-muted:#526176}
.cc-page .product-family-bar{min-height:38px;border-bottom-color:var(--family-line);color:#e2e8f6;background:#0c1427b8;backdrop-filter:blur(18px)}
.cc-page .product-family-bar a{color:#fff}
.cc-page>.site-nav{border-bottom-color:var(--family-line);background:#11192dcf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cc-page .site-panels{background:transparent}
.cc-page .features-page{padding-top:22px}
.cc-page .feature-big,.cc-page .plan,.cc-page .content-panel>.page{border:1px solid var(--family-line);border-radius:24px;background:var(--family-glass);box-shadow:0 24px 70px -32px #000b,inset 0 1px #ffffff1c;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.cc-page .features-page>.hero-reel,.cc-page .feature-duo>.feature-live{border-color:var(--family-line);border-radius:24px}
.cc-page .features-page .page{margin-top:28px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
.cc-page .features-page .plan{padding:25px}
.cc-page .content-panel>.page{margin-top:22px;margin-bottom:36px;padding:clamp(24px,3.4vw,48px)}
.cc-page .site-footer{border-top-color:var(--family-line);background:#0d1528e8;backdrop-filter:blur(18px)}
.cc-page .nav-download,.cc-page .button-primary{border-color:#e4ecff;background:#e4ecff;color:#14223f}
.cc-page .nav-download:hover,.cc-page .button-primary:hover{background:#fff;border-color:#fff;color:#14223f}
html[data-theme=light] .cc-page .product-family-bar{background:#fffaf3dc;color:#526176}
html[data-theme=light] .cc-page .product-family-bar a{color:#1d2c40}
html[data-theme=light] .cc-page>.site-nav{background:#fffaf3e8}
html[data-theme=light] .cc-page .features-page .page{padding:24px;border:1px solid var(--family-line);border-radius:24px;background:var(--family-glass)}
html[data-theme=light] .cc-page .site-footer{background:#fffaf3e8}
html[data-theme=light] .cc-page .nav-download,html[data-theme=light] .cc-page .button-primary{border-color:#315c9a;background:#315c9a;color:#fff}

@media(max-width:700px){
  .cc-page .community-nav-link,.cc-page .satellite-nav-link{display:none}
  .companions-page .companion-nav{min-height:0;padding:17px 20px}
  .companions-page .companion-intro,.companions-page .companion-play-section,.companions-page .companion-shots,.companions-page .companion-collection,.companions-page .companion-life,.companions-page .companion-growth,.companions-page .companion-coming{width:calc(100% - 24px);margin:12px auto 22px;padding:22px 18px;border-radius:20px}
  .companions-page .companion-intro{padding-block:32px}
  .companions-page .companion-hero-demo{max-width:none}
  .companions-page .companion-footer{padding-inline:18px}
  .cc-page .features-page{padding-top:12px}
  .cc-page .content-panel>.page{padding:22px 18px;border-radius:20px}
  .cc-page .features-page .plan{padding:20px}
}