/* The animation anchors the page; exploration lives below the first action. */
.ox-nav-discover { position:relative; font-size:13px; }
.ox-nav-discover summary { list-style:none; cursor:pointer; color:var(--text-muted); padding:10px 12px; border-radius:10px; }
.ox-nav-discover summary::-webkit-details-marker { display:none; }
.ox-nav-discover summary::after { content:'⌄'; margin-left:8px; }
.ox-nav-discover[open] summary { color:var(--text); background:var(--surface-2); }
.ox-nav-discover>div { position:absolute; top:calc(100% + 12px); right:0; width:260px; padding:8px; border:1px solid var(--border); border-radius:16px; background:var(--bg-elevated); box-shadow:0 18px 42px rgba(0,0,0,.18); z-index:40; }
.ox-nav-discover a,.ox-nav-discover button { display:block; width:100%; text-align:left; border:0; padding:12px; border-radius:9px; color:var(--text); background:transparent; text-decoration:none; font:inherit; cursor:pointer; }
.ox-nav-discover a:hover,.ox-nav-discover button:hover { background:var(--surface-2); }
.ox-header-cabinet { white-space:nowrap; }
.ox-page-home .header-balance { display:none; }
.brand-logo { flex-shrink:0; }
.ox-forest-immersive { padding-top:24px; background:linear-gradient(180deg,#09151a,#0e2224 62%,var(--ox-hero-floor)); }
.ox-forest-immersive .ox-forest-stage.container { display:grid; grid-template-columns:.85fr 1.25fr; align-items:center; gap:44px; min-height:580px; padding-top:28px; padding-bottom:28px; }
.ox-forest-immersive .ox-forest-copy { width:auto; padding:30px 0 50px; }
.ox-forest-immersive .ox-forest-kicker { font:500 12px var(--ox-sans); letter-spacing:0; }
.ox-forest-immersive h1 { font-size:clamp(40px,4.3vw,66px); font-weight:550; line-height:1.07; margin-top:20px; }
.ox-forest-immersive .ox-forest-lead { line-height:1.75; max-width:38ch; }
.ox-forest-immersive .ox-forest-art { position:relative; inset:auto; width:100%; aspect-ratio:auto; transform:none; opacity:1; mask-image:none; -webkit-mask-image:none; overflow:hidden; border:1px solid rgba(178,216,201,.22); border-radius:32px 90px 32px 32px; background:#0a1a1d; box-shadow:0 32px 80px -45px #000; }
.ox-forest-immersive .ox-forest-frame { aspect-ratio:1.18; mask-image:none; -webkit-mask-image:none; background-size:cover; }
.ox-forest-immersive .ox-forest-video { object-fit:cover; }
.ox-forest-scene-caption { display:flex; justify-content:space-between; gap:12px; padding:16px 24px; color:#b7d3c7; font-size:12px; border-top:1px solid rgba(178,216,201,.15); background:#102426; }
.ox-forest-scene-caption span:first-child { font-weight:750; }
.ox-forest-immersive .ox-forest-motion { bottom:112px; right:48px; width:40px; height:40px; background:rgba(4,18,18,.85); }
.ox-forest-immersive .ox-forest-facts { padding-top:14px; }
.ox-forest-immersive .public-trial-link { color:var(--forest-accent); font-size:13px; }
.ox-forest-immersive .ox-forest-connect { min-height:52px; font-weight:650; }
[data-theme='light'] .ox-forest-immersive { --forest-bg:#eaf2ed; background:linear-gradient(180deg,#f8fbf9,#e7f0eb 72%,var(--ox-hero-floor)); }
[data-theme='light'] .ox-forest-immersive .ox-forest-art { opacity:1; filter:none; border-color:#b2c9be; box-shadow:0 28px 65px -42px #244c3c; }
[data-theme='light'] .ox-forest-immersive .ox-forest-connect { background:#286e58; color:#fff; border-color:#286e58; }
[data-theme='light'] .ox-forest-immersive .ox-forest-motion { color:#d9eee5; }
.ox-experience { padding-top:82px; padding-bottom:50px; scroll-margin-top:100px; }
.ox-experience-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:32px; }
.ox-experience-heading h2 { margin:0; max-width:14ch; color:var(--text); font-size:clamp(32px,3.3vw,46px); letter-spacing:-.045em; line-height:1.15; }
.ox-experience-heading>p { max-width:37ch; color:var(--text-muted); font-size:15px; line-height:1.7; margin:0; }
.ox-experience-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:22px; }
.ox-experience-setup,.ox-experience-context { padding:30px; border:1px solid var(--border); border-radius:26px; background:var(--surface); color:var(--text); }
.ox-experience-setup>h3 { font-size:21px; margin:0 0 22px; font-weight:600; }
.ox-experience-tabs { display:flex; flex-wrap:wrap; gap:5px; padding:5px; border:1px solid var(--border); border-radius:13px; background:var(--surface-2); width:fit-content; max-width:100%; }
.ox-experience-tabs button { border:0; background:transparent; color:var(--text-muted); font:600 13px var(--ox-sans); padding:10px 13px; border-radius:9px; min-height:42px; cursor:pointer; }
.ox-experience-tabs button[aria-pressed='true'] { background:var(--ox-accent); color:#102c23; }
[data-theme='light'] .ox-experience-tabs button[aria-pressed='true'] { color:#fff; }
.ox-experience-device { display:flex; gap:16px; align-items:center; margin:30px 0 25px; }
.ox-experience-device img { object-fit:contain; border-radius:13px; background:#234036; padding:10px; }
.ox-experience-device small { display:block; color:var(--text-muted); font-size:12px; margin-bottom:5px; }
.ox-experience-device h3 { font-size:24px; margin:0; letter-spacing:-.03em; }
.ox-experience-checklist { padding:0; list-style:none; counter-reset:setup; display:grid; gap:14px; margin-bottom:28px; }
.ox-experience-checklist li { counter-increment:setup; display:flex; align-items:center; gap:12px; font-size:14px; line-height:1.6; }
.ox-experience-checklist li::before { content:counter(setup); display:grid; place-items:center; width:25px; height:25px; flex-shrink:0; border:1px solid var(--border-strong); border-radius:50%; font-size:11px; color:var(--text-muted); }
.ox-experience-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.ox-experience-download { color:var(--ox-accent-ink); font-size:13px; text-decoration:underline; text-underline-offset:5px; line-height:1.8; }
.ox-experience-context { background:var(--surface-2); }
.ox-experience-context h3 { font-size:23px; letter-spacing:-.025em; line-height:1.3; margin:22px 0 14px; max-width:26ch; }
.ox-experience-context p { color:var(--text-muted); font-size:14px; line-height:1.8; margin-bottom:20px; }
.ox-experience-route { display:flex; align-items:center; margin-top:38px; }
.ox-experience-route span { font-size:12px; color:var(--text-muted); padding:10px 12px; border:1px solid var(--border); border-radius:10px; }
.ox-experience-route b { padding:14px; border:1px solid var(--ox-accent-line); color:var(--ox-accent-ink); border-radius:50%; font-size:12px; }
.ox-experience-route i { flex:1; height:1px; min-width:10px; background:var(--ox-accent); }
.ox-experience-shortcuts { display:grid; grid-template-columns:repeat(3,1fr); margin-top:28px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.ox-experience-shortcuts a { padding:24px 20px; text-decoration:none; color:var(--text); border-right:1px solid var(--border); }
.ox-experience-shortcuts a:first-child { padding-left:0; }
.ox-experience-shortcuts a:last-child { border-right:0; }
.ox-experience-shortcuts strong { display:block; font-size:15px; font-weight:600; }
.ox-experience-shortcuts span { display:block; color:var(--text-muted); font-size:12px; line-height:1.6; margin-top:7px; }
.ox-experience-shortcuts a:hover strong { color:var(--ox-accent-ink); }
.ox-experience :is(a,button):focus-visible,.ox-nav-discover :is(a,button,summary):focus-visible { outline:2px solid var(--ox-accent); outline-offset:4px; }
@media(min-width:761px) and (max-width:1160px) { .ox-head-ping,.header-actions .header-balance { display:none!important; } .header-inner { gap:12px; } .main-nav { gap:1px; } .ox-nav-discover summary { padding-inline:8px; } .ox-header-cabinet { padding-inline:12px; } .ox-forest-immersive .ox-forest-stage.container { gap:24px; min-height:540px; } .ox-forest-immersive h1 { font-size:43px; } }
@media(max-width:760px) {
  .ox-forest-immersive { padding-top:0; }
  .ox-forest-immersive .ox-forest-stage.container { display:flex; flex-direction:column; align-items:stretch; gap:24px; padding-top:28px; padding-bottom:18px; min-height:0; }
  .ox-forest-immersive .ox-forest-copy { padding:0; }
  .ox-forest-immersive h1 { font-size:clamp(36px,9vw,54px); }
  .ox-forest-immersive .ox-forest-art { margin:0; border-radius:22px 52px 22px 22px; width:100%; }
  .ox-forest-immersive .ox-forest-frame { aspect-ratio:1.6; }
  .ox-forest-immersive .ox-forest-motion { bottom:90px; right:36px; }
  .ox-forest-immersive .ox-forest-actions { flex-wrap:wrap; gap:16px; }
  .ox-forest-immersive .ox-forest-facts { grid-template-columns:1fr 1fr; gap:16px; padding-top:0; }
  .ox-forest-immersive .ox-forest-facts>a { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; }
  .ox-forest-scene-caption { padding:12px 18px; font-size:11px; }
  .ox-experience { padding-top:46px; padding-bottom:24px; }
  .ox-experience-heading { display:block; margin-bottom:24px; }
  .ox-experience-heading h2 { max-width:none; }
  .ox-experience-heading>p { margin-top:16px; }
  .ox-experience-grid { grid-template-columns:1fr; }
  .ox-experience-setup,.ox-experience-context { padding:22px; border-radius:20px; }
  .ox-experience-tabs { width:100%; }
  .ox-experience-tabs button { flex:1; padding-inline:8px; font-size:12px; }
  .ox-experience-shortcuts { grid-template-columns:1fr; }
  .ox-experience-shortcuts a,.ox-experience-shortcuts a:first-child { padding:18px 0; border-right:0; border-bottom:1px solid var(--border); }
  .ox-experience-shortcuts a:last-child { border-bottom:0; }
}
@media(prefers-reduced-motion:reduce) { .ox-experience *, .ox-nav-discover * { transition:none!important; animation:none!important; } }