/* Public Betra pages: useful product surfaces on a warm, readable canvas. */
html, body { background:#111b1d; }
.cosmos-environment { position:fixed; inset:0; z-index:0; pointer-events:none; background:#111b1d; }
.cosmos-environment canvas { width:100%; height:100%; opacity:.025; }
#app-shell { position:relative; z-index:1; }
.cosmos-wrap { width:min(calc(100% - var(--cosmos-gutter) * 2), 1280px); margin-inline:auto; }
.cosmos-page {
  --public-canvas:#f5f2ea;
  --public-surface:#fffdfa;
  --public-ink:#182326;
  --public-muted:#536165;
  --public-line:#d7d3c9;
  --public-accent:#a63823;
  color:var(--public-ink);
  background:var(--public-canvas);
  font-family:var(--cosmos-font);
  overflow:clip;
}
.cosmos-page :is(h1,h2,h3,p) { margin:0; }
.cosmos-page :is(h1,h2,h3) { color:inherit; font-family:var(--cosmos-font); font-weight:580; letter-spacing:-.055em; text-wrap:balance; }
.cosmos-page p { line-height:1.58; }
.cosmos-kicker { display:flex; align-items:center; gap:10px; color:#9a3926; font-size:.72rem; font-weight:730; letter-spacing:.12em; text-transform:uppercase; }
.cosmos-kicker > span { display:inline-block; width:22px; height:2px; flex:none; background:currentColor; }
.cosmos-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; }
.cosmos-button {
  display:inline-flex; align-items:center; justify-content:space-between; gap:28px;
  min-height:52px; padding:12px 19px; border:1px solid var(--public-accent,#a63823);
  border-radius:8px; background:var(--public-accent,#a63823); color:#fff;
  font:650 .91rem var(--cosmos-font); text-decoration:none;
  transition:background var(--cosmos-responsive),transform var(--cosmos-responsive);
}
.cosmos-button:hover { background:#842b1c; border-color:#842b1c; transform:translateY(-2px); }
.cosmos-button--quiet { color:var(--public-ink,#182326); background:transparent; border-color:var(--public-line,#d7d3c9); }
.cosmos-button--quiet:hover { color:var(--public-ink,#182326); background:#ebe7dd; border-color:#b8b2a7; }
.cosmos-text-link { display:inline-flex; align-items:center; gap:11px; min-height:44px; color:var(--public-ink,#182326); font-size:.9rem; font-weight:640; text-decoration:none; }
.cosmos-text-link:hover { color:var(--public-accent,#a63823); }
.cosmos-text-link svg { flex:none; transition:transform var(--cosmos-responsive); }
.cosmos-text-link:hover svg { transform:translateX(4px); }
.cosmos-icon-button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:8px; background:transparent; color:#334246; cursor:pointer; }
.cosmos-icon-button:hover { background:#ede9e0; color:#172326; }
:is(.cosmos-page,.cosmos-header,.cosmos-footer,.cosmos-navigator) :is(a,button,input):focus-visible { outline:2px solid #1d5a91; outline-offset:3px; }

/* One quiet public navigation bar across the site. */
.cosmos-header { position:relative; z-index:var(--cosmos-z-navigation); height:72px; border-bottom:1px solid #d9d5cc; background:#f5f2ea; color:#182326; }
.cosmos-header__inner { width:min(calc(100% - 48px),1460px); height:100%; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.cosmos-header__brand { display:flex; align-items:center; gap:13px; color:#182326; text-decoration:none; }
.cosmos-header__brand .betra-logo { color:#182326; }
.cosmos-header__brand .betra-logo__mark { width:29px; height:29px; }
.cosmos-header__brand .betra-logo__mark > path:nth-child(2) { fill:#f5f2ea; }
.cosmos-header__edition { padding-left:14px; border-left:1px solid #bdb8af; color:#687377; font-size:.66rem; font-weight:700; letter-spacing:.16em; }
.cosmos-header__nav { display:flex; align-items:center; gap:29px; }
.cosmos-header__nav > :is(a,button) { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0; border:0; background:none; color:#3b484b; font:600 .84rem var(--cosmos-font); text-decoration:none; cursor:pointer; }
.cosmos-header__nav :is(a,button):hover { color:#9a3926; }
.cosmos-header__actions { display:flex; align-items:center; gap:6px; }
.cosmos-header__actions .identity-header-signin { color:#182326; background:transparent; border:1px solid #bfb9ae; border-radius:8px; }
.cosmos-header__actions .identity-header-signin:hover { background:#eae6dd; }
.cosmos-header .identity-header-actions { min-height:44px; }
.cosmos-header .identity-profile-panel { background:#fffdfa; border-color:#d7d3c9; color:#182326; }
.cosmos-header__mobile { display:none; }

/* The same navigator also opens inside the private workspace. */
.cosmos-navigator {
  position:fixed; inset:0; width:min(960px,calc(100vw - 40px)); max-height:min(860px,calc(100dvh - 40px));
  margin:auto; padding:28px clamp(23px,4vw,44px) 25px; overflow-y:auto;
  border:1px solid #d7d3c9; border-radius:14px; background:#f8f6f0; color:#182326;
  box-shadow:0 35px 100px #07100d73;
}
.cosmos-navigator::backdrop { background:#081012c9; }
.cosmos-navigator__top { display:flex; align-items:center; justify-content:space-between; }
.cosmos-navigator__edition { color:#a63823; font-size:.7rem; font-weight:730; letter-spacing:.13em; }
.cosmos-navigator header { margin:16px 0 24px; }
.cosmos-navigator header p { margin:0 0 7px; color:#536165; font-size:.9rem; }
.cosmos-navigator h2 { margin:0; color:#182326; font-size:clamp(2.3rem,5vw,4.5rem); font-weight:580; letter-spacing:-.06em; }
.cosmos-navigator__quick { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:21px; }
.cosmos-navigator__quick > span { margin-right:10px; color:#687478; font-size:.66rem; font-weight:700; letter-spacing:.1em; }
.cosmos-navigator__quick a { display:inline-flex; align-items:center; min-height:37px; padding:6px 12px; border:1px solid #d7d3c9; border-radius:6px; color:#26383c; font-size:.8rem; font-weight:600; text-decoration:none; }
.cosmos-navigator__quick a:hover { background:#eae5da; }
.cosmos-navigator nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.cosmos-navigator__destination {
  position:relative; display:flex; flex-direction:column; gap:10px; min-width:0; min-height:174px;
  padding:16px; border:1px solid #d7d3c9; border-radius:9px; background:#fffdfa; color:#182326;
  text-decoration:none; transition:border-color var(--cosmos-responsive),transform var(--cosmos-responsive),box-shadow var(--cosmos-responsive);
}
.cosmos-navigator__destination:hover { border-color:#a63823; transform:translateY(-2px); box-shadow:0 8px 20px #18232612; }
.cosmos-navigator__number { color:#7c8585; font-size:.67rem; font-weight:650; }
.cosmos-navigator__mark { color:#a63823; }
.cosmos-navigator__copy strong { display:block; color:#182326; font-size:1.18rem; font-weight:660; letter-spacing:-.035em; }
.cosmos-navigator__copy small { display:block; margin-top:4px; color:#566467; font-size:.77rem; line-height:1.4; }
.cosmos-navigator__arrow { position:absolute; right:15px; top:17px; color:#6e7778; }
.cosmos-navigator__destination--my { background:#e6eee7; }
.cosmos-navigator__destination--bobflix { background:#f8efe3; }
.cosmos-navigator__destination--astrit { background:#ecedf2; }
.cosmos-navigator footer { display:flex; align-items:center; flex-wrap:wrap; gap:9px 24px; margin-top:20px; padding-top:18px; border-top:1px solid #d7d3c9; color:#536165; font-size:.78rem; }
.cosmos-navigator footer span { margin-right:auto; }
.cosmos-navigator footer a { display:inline-flex; align-items:center; min-height:36px; color:#26383c; }

/* The first viewport shows an actual layout of the product places. */
.cosmos-home-hero { border-bottom:1px solid #d7d3c9; }
.cosmos-home-hero__grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(36px,5vw,74px); align-items:center; min-height:668px; padding-block:64px 76px; }
.cosmos-home-hero__copy { max-width:550px; }
.cosmos-home-hero h1 { max-width:11ch; margin-top:24px; font-size:clamp(3.7rem,5.2vw,5.4rem); line-height:1.02; }
.cosmos-home-hero__intro { max-width:29rem; margin-top:25px!important; color:#465559; font-size:1.12rem; line-height:1.6!important; }
.cosmos-home-hero .cosmos-actions { margin-top:27px; }
.cosmos-home-hero__aside { margin-top:34px!important; color:#738082; font-size:.79rem; font-weight:600; }
.cosmos-preview { min-width:0; border:1px solid #cbc6bc; border-radius:14px; background:#fffdfa; box-shadow:0 22px 55px #24352c1a; overflow:hidden; }
.cosmos-preview__bar { display:flex; align-items:center; gap:9px; min-height:48px; padding:8px 15px; border-bottom:1px solid #dfdbd2; background:#f7f6f1; color:#243438; }
.cosmos-preview__brand { display:grid; place-items:center; width:25px; height:25px; border-radius:6px; background:#172326; color:#fff; font-size:.9rem; font-weight:800; }
.cosmos-preview__bar > strong { font-size:.8rem; font-weight:720; }
.cosmos-preview__sample { margin-left:auto; color:#6c7779; font-size:.65rem; font-weight:620; }
.cosmos-preview__body { display:grid; grid-template-columns:105px minmax(0,1fr); min-height:450px; }
.cosmos-preview__menu { display:flex; flex-direction:column; gap:4px; padding:16px 9px; border-right:1px solid #e1ddd4; background:#f3f2ed; }
.cosmos-preview__menu span { display:flex; align-items:center; gap:8px; min-height:32px; padding:6px 8px; border-radius:5px; color:#586769; font-size:.7rem; font-weight:630; white-space:nowrap; }
.cosmos-preview__menu .is-current { background:#e4e9e5; color:#172c2b; }
.cosmos-preview__panes { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr); min-width:0; }
.cosmos-preview__cloud { padding:22px 18px; min-width:0; }
.cosmos-preview__heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-bottom:21px; border-bottom:1px solid #e1ddd4; }
.cosmos-preview__heading span { display:flex; align-items:center; gap:8px; color:#202d31; font-size:1.06rem; font-weight:720; }
.cosmos-preview__heading small { color:#6b7577; font-size:.66rem; }
.cosmos-preview__file { display:grid; grid-template-columns:32px minmax(0,1fr) 16px; align-items:center; gap:9px; min-height:75px; border-bottom:1px solid #e9e6de; }
.cosmos-preview__file-icon { display:grid; place-items:center; width:32px; height:36px; border:1px solid #d8e2db; border-radius:5px; background:#eff3ed; color:#385d55; }
.cosmos-preview__file strong,.cosmos-preview__file small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cosmos-preview__file strong { color:#263438; font-size:.8rem; font-weight:670; }
.cosmos-preview__file small { margin-top:4px; color:#768184; font-size:.67rem; }
.cosmos-preview__file b { color:#85908e; font-size:1rem; font-weight:400; }
.cosmos-preview__aside { display:grid; grid-template-rows:1.42fr 1fr 1fr; gap:9px; padding:13px; border-left:1px solid #e1ddd4; background:#f8f7f2; }
.cosmos-preview__aside > div { min-width:0; border-radius:7px; padding:14px; }
.cosmos-preview__media { display:flex; flex-direction:column; background:#1d2629; color:#f8f2e7; }
.cosmos-preview__media > span { color:#f4c3a8; font-size:.64rem; font-weight:760; letter-spacing:.13em; }
.cosmos-preview__media strong { margin-top:8px; font-size:.85rem; font-weight:650; }
.cosmos-preview__media-screen { display:grid; place-items:center; flex:1; margin-top:11px; min-height:58px; border-radius:4px; background:#384b4b; color:#fff9ed; }
.cosmos-preview__media i { display:block; height:3px; margin-top:10px; border-radius:3px; background:linear-gradient(90deg,#ed9a72 0 39%,#677171 39%); }
.cosmos-preview__connected { background:#e9f0ec; color:#1d3936; }
.cosmos-preview__astrit { background:#e9e9f0; color:#292f4d; }
.cosmos-preview__connected > span,.cosmos-preview__astrit > span { display:flex; align-items:center; gap:7px; font-size:.72rem; font-weight:720; }
.cosmos-preview__connected strong,.cosmos-preview__astrit strong { display:block; margin-top:8px; font-size:.8rem; font-weight:650; }
.cosmos-preview__connected small,.cosmos-preview__astrit small { display:block; margin-top:5px; color:#5e6c6b; font-size:.68rem; }

/* Four direct, useful product paths. */
.cosmos-home-products { padding-block:88px 106px; }
.cosmos-section-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:30px; }
.cosmos-section-heading h2 { max-width:730px; margin-top:14px; font-size:clamp(2.5rem,4vw,4.3rem); line-height:1.08; }
.cosmos-section-heading > p { max-width:300px; margin-bottom:6px; color:#526063; font-size:.95rem; }
.cosmos-home-products__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cosmos-home-product { display:flex; flex-direction:column; min-height:338px; padding:26px 28px 24px; border:1px solid #d7d3c9; border-radius:10px; background:#fffdfa; }
.cosmos-home-product__top { display:flex; align-items:start; justify-content:space-between; color:#6e797a; font-size:.7rem; font-weight:700; }
.cosmos-home-product__top svg { color:#9a3926; }
.cosmos-home-product__feature { align-self:flex-start; margin-top:42px!important; padding:5px 9px; border-radius:4px; background:#eee9e1; color:#485658; font-size:.68rem; font-weight:680; }
.cosmos-home-product h3 { margin-top:14px; font-size:2.15rem; line-height:1.05; }
.cosmos-home-product > strong { margin-top:9px; color:#1f3538; font-size:.99rem; font-weight:650; }
.cosmos-home-product > p:not(.cosmos-home-product__feature) { max-width:48ch; margin-top:9px; color:#536165; font-size:.89rem; }
.cosmos-home-product .cosmos-text-link { margin-top:auto; padding-top:18px; align-self:flex-start; }
.cosmos-home-product--cloud { border-top:4px solid #80a9a9; }
.cosmos-home-product--bobflix { border-top:4px solid #cc8e62; }
.cosmos-home-product--connected { border-top:4px solid #79a98c; }
.cosmos-home-product--astrit { border-top:4px solid #919ac3; }

/* Smaller spaces are links with a clear purpose, not more concept art. */
.cosmos-home-more { background:#e9e4d9; border-block:1px solid #d5cec0; }
.cosmos-home-more__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:9%; padding-block:82px; }
.cosmos-home-more h2 { max-width:450px; margin-top:14px; font-size:clamp(2.4rem,3.8vw,3.8rem); line-height:1.08; }
.cosmos-home-more__grid > div > p:last-child { max-width:380px; margin-top:19px; color:#536165; font-size:1rem; }
.cosmos-home-more nav { display:grid; align-content:center; }
.cosmos-home-more nav a { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:3px 14px; min-height:95px; padding:16px 8px; border-top:1px solid #c7c1b5; color:#182326; text-decoration:none; }
.cosmos-home-more nav a:last-child { border-bottom:1px solid #c7c1b5; }
.cosmos-home-more nav a > span { grid-row:1/3; color:#a63823; }
.cosmos-home-more nav a > strong { font-size:1.15rem; font-weight:690; }
.cosmos-home-more nav a > small { grid-column:2; color:#536165; font-size:.81rem; }
.cosmos-home-more nav a > svg { grid-column:3; grid-row:1/3; color:#4a595a; transition:transform var(--cosmos-responsive); }
.cosmos-home-more nav a:hover > svg { transform:translateX(4px); }
.cosmos-home-close { background:#1c292b; color:#fffaf1; }
.cosmos-home-close > .cosmos-wrap { display:flex; align-items:center; justify-content:space-between; gap:35px; padding-block:66px; }
.cosmos-home-close .cosmos-kicker { color:#efb5a0; }
.cosmos-home-close h2 { max-width:600px; margin-top:12px; font-size:clamp(2.1rem,3.4vw,3.5rem); }
.cosmos-home-close > .cosmos-wrap > div:last-child { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.cosmos-home-close .cosmos-text-link { color:#fffaf1; }
.cosmos-home-close .cosmos-button { --public-accent:#e9ded1; color:#1c292b; }
.cosmos-home-close .cosmos-button:hover { background:#fff9f1; border-color:#fff9f1; }

/* /cosmos is a short, scannable map of the real destinations. */
.cosmos-story__hero { border-bottom:1px solid #d7d3c9; background:#eeeae1; }
.cosmos-story__hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.7fr); align-items:center; gap:11%; min-height:580px; padding-block:70px; }
.cosmos-story h1 { max-width:760px; margin-top:21px; font-size:clamp(3.5rem,5.4vw,5.8rem); line-height:1.03; }
.cosmos-story__hero-grid > div:first-child > p:not(.cosmos-kicker) { max-width:630px; margin-top:25px; color:#465559; font-size:1.1rem; }
.cosmos-story__hero .cosmos-actions { margin-top:27px; }
.cosmos-story__wayfinding { display:grid; gap:5px; padding:25px; border:1px solid #d5d0c5; border-radius:11px; background:#fffdfa; box-shadow:0 14px 34px #18232610; }
.cosmos-story__wayfinding > strong { font-size:1.65rem; font-weight:700; letter-spacing:-.045em; }
.cosmos-story__wayfinding > span { color:#59676a; font-size:.85rem; }
.cosmos-story__wayfinding > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:17px; }
.cosmos-story__wayfinding > div span { display:flex; align-items:center; gap:7px; min-height:49px; padding:9px; border:1px solid #ddd8cf; border-radius:6px; background:#f8f6f1; font-size:.84rem; font-weight:640; }
.cosmos-story__wayfinding > div svg { color:#a63823; }
.cosmos-story__wayfinding > small { margin-top:15px; color:#687578; font-size:.76rem; line-height:1.45; }
.cosmos-story__index { padding-block:83px 100px; }
.cosmos-story__map { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cosmos-story__map article { display:grid; grid-template-columns:27px 30px minmax(0,1fr); align-items:start; gap:12px; min-height:170px; padding:24px; border:1px solid #d7d3c9; border-radius:9px; background:#fffdfa; }
.cosmos-story__number { margin-top:2px; color:#7a8585; font-size:.73rem; font-weight:690; }
.cosmos-story__icon { color:#a63823; }
.cosmos-story__map h3 { font-size:1.35rem; font-weight:680; }
.cosmos-story__map p { margin-top:4px; color:#536165; font-size:.87rem; }
.cosmos-story__map .cosmos-text-link { grid-column:3; justify-self:start; align-self:end; margin-top:7px; }
.cosmos-story__end { background:#e9e4d9; }
.cosmos-story__end .cosmos-wrap { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-block:56px; }
.cosmos-story__end h2 { margin:7px auto 0 0; font-size:clamp(2.1rem,3vw,3rem); }

/* Shared footer and boot screen. */
.cosmos-footer { background:#111b1d; color:#abb7b5; }
.cosmos-footer .betra-logo { color:#f4f0e8; }
.cosmos-footer__top { display:grid; grid-template-columns:1.45fr repeat(3,1fr); gap:36px; padding-block:61px; }
.cosmos-footer__top > div > p { margin-top:20px; color:#e2e7e2; font-size:1.2rem; line-height:1.35; }
.cosmos-footer__top nav { display:grid; align-content:start; }
.cosmos-footer__top nav a { display:flex; align-items:center; min-height:37px; color:#b6c1bf; font-size:.82rem; text-decoration:none; }
.cosmos-footer__top nav a:hover { color:#fff; }
.cosmos-footer__bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 28px; padding-block:22px; border-top:1px solid #ffffff30; font-size:.72rem; }
.cosmos-footer__bottom a { display:inline-flex; align-items:center; min-height:32px; color:#b6c1bf; text-decoration:none; }
.cosmos-live-status { display:inline-flex; align-items:center; gap:9px; }
.cosmos-live-status i { width:7px; height:7px; border-radius:50%; background:#85928e; }
.cosmos-live-status i[data-tone="ready"] { background:#83c8a4; }
.cosmos-live-status i[data-tone="warning"] { background:#e5b06b; }
.cosmos-live-status i[data-tone="error"] { background:#e08f85; }
.betra-startup { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; max-width:620px; min-height:100svh; margin:auto; padding:50px 28px; color:#f5f2ea; }
.betra-startup > p:first-child { color:#b0bab8; font-size:12px; letter-spacing:.18em; }
.betra-startup h1 { margin:20px 0; font-size:clamp(30px,6vw,48px); line-height:1.1; letter-spacing:-.045em; }
.betra-startup > p:not(:first-child),.betra-startup noscript { color:#b0bab8; font-size:15px; line-height:1.7; }
.betra-startup a { display:inline-flex; align-items:center; min-height:44px; margin:20px 0; padding:12px 18px; border:1px solid #6c7f7d; border-radius:8px; color:#fff; }
body.is-navigating .cosmos-header { pointer-events:none; }
html[data-cosmos-region] .page-transition__shutter { background:#f5f2ea; }
html[data-cosmos-region] .cursor { display:none; }
html[data-cosmos-region] .reveal { opacity:1; transform:none; }

@media (max-width:1100px) {
  .cosmos-header__nav { gap:17px; }
  .cosmos-home-hero__grid { gap:30px; }
  .cosmos-preview__body { grid-template-columns:88px minmax(0,1fr); }
  .cosmos-preview__menu span { gap:5px; padding-inline:5px; font-size:.64rem; }
  .cosmos-preview__aside { padding:9px; gap:7px; }
  .cosmos-preview__aside > div { padding:10px; }
}
@media (max-width:850px) {
  .cosmos-header__nav { display:none; }
  .cosmos-header__mobile { display:inline-flex; }
  .cosmos-home-hero__grid { grid-template-columns:1fr; min-height:0; gap:38px; padding-block:60px 70px; }
  .cosmos-home-hero__copy { max-width:680px; }
  .cosmos-home-hero h1 { max-width:14ch; }
  .cosmos-preview { max-width:700px; }
  .cosmos-home-more__grid { grid-template-columns:1fr; gap:34px; }
  .cosmos-story__hero-grid { grid-template-columns:1fr; min-height:0; gap:40px; }
  .cosmos-story__wayfinding { max-width:600px; }
  .cosmos-footer__top { grid-template-columns:repeat(3,1fr); gap:26px; }
  .cosmos-footer__top > div { grid-column:1/-1; }
}
@media (max-width:600px) {
  .cosmos-header { height:58px; }
  .cosmos-header__inner { width:calc(100% - 28px); gap:8px; }
  .cosmos-header__brand { gap:8px; }
  .cosmos-header__brand .betra-logo__mark { width:27px; height:27px; }
  .cosmos-header__edition { display:none; }
  .cosmos-header__actions { gap:2px; }
  .cosmos-header__actions > [data-open-command] { display:none; }
  .cosmos-header__actions .identity-header-create { display:none; }
  .cosmos-header__actions .identity-header-signin { min-height:39px; padding-inline:10px; }
  .cosmos-home-hero__grid { gap:31px; padding-block:42px 55px; }
  .cosmos-home-hero h1 { max-width:12ch; margin-top:18px; font-size:clamp(2.55rem,10.5vw,3.65rem); }
  .cosmos-home-hero__intro { max-width:35ch; margin-top:18px!important; font-size:.98rem; }
  .cosmos-home-hero .cosmos-actions { margin-top:19px; gap:8px 16px; }
  .cosmos-home-hero .cosmos-button { min-height:47px; padding:10px 14px; font-size:.84rem; }
  .cosmos-home-hero .cosmos-text-link { font-size:.82rem; }
  .cosmos-home-hero__aside { display:none; }
  .cosmos-preview__bar { min-height:44px; padding-inline:12px; }
  .cosmos-preview__sample { font-size:.72rem; }
  .cosmos-preview__body { display:block; min-height:0; }
  .cosmos-preview__menu { display:none; }
  .cosmos-preview__panes { grid-template-columns:1fr; }
  .cosmos-preview__cloud { padding:15px 15px 8px; }
  .cosmos-preview__heading { padding-bottom:11px; }
  .cosmos-preview__file { min-height:56px; }
  .cosmos-preview__aside { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto auto; border-left:0; border-top:1px solid #e1ddd4; }
  .cosmos-preview__media { grid-row:1/3; min-height:172px; }
  .cosmos-preview__connected,.cosmos-preview__astrit { min-height:80px; }
  .cosmos-preview__connected strong,.cosmos-preview__astrit strong { font-size:.72rem; }
  .cosmos-preview__connected small,.cosmos-preview__astrit small { display:none; }
  .cosmos-section-heading { display:block; margin-bottom:24px; }
  .cosmos-section-heading h2 { font-size:clamp(2.25rem,8.5vw,3.2rem); }
  .cosmos-section-heading > p { margin-top:15px; }
  .cosmos-home-products { padding-block:66px 75px; }
  .cosmos-home-products__grid,.cosmos-story__map { grid-template-columns:1fr; }
  .cosmos-home-product { min-height:285px; padding:23px; }
  .cosmos-home-product__feature { margin-top:27px!important; }
  .cosmos-home-more__grid { padding-block:66px; }
  .cosmos-home-more h2 { font-size:2.5rem; }
  .cosmos-home-close > .cosmos-wrap { display:block; padding-block:53px; }
  .cosmos-home-close > .cosmos-wrap > div:last-child { margin-top:22px; }
  .cosmos-story__hero-grid { gap:28px; padding-block:53px; }
  .cosmos-story h1 { font-size:clamp(2.7rem,10.7vw,4.2rem); }
  .cosmos-story__hero-grid > div:first-child > p:not(.cosmos-kicker) { margin-top:18px; font-size:.98rem; }
  .cosmos-story__hero .cosmos-actions { margin-top:19px; }
  .cosmos-story__wayfinding { padding:19px; }
  .cosmos-story__index { padding-block:66px 75px; }
  .cosmos-story__map article { min-height:145px; padding:19px; }
  .cosmos-story__end .cosmos-wrap { display:block; padding-block:48px; }
  .cosmos-story__end .cosmos-button { margin-top:20px; }
  .cosmos-footer__top { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; padding-block:50px; }
  .cosmos-footer__top > div { grid-column:1/-1; }
  .cosmos-footer__top nav { min-width:0; }
  .cosmos-footer__bottom { align-items:start; }
  .cosmos-navigator { width:100vw; height:100dvh; max-height:100dvh; border:0; border-radius:0; padding:18px; }
  .cosmos-navigator header { margin:12px 0 18px; }
  .cosmos-navigator h2 { font-size:2.6rem; }
  .cosmos-navigator__quick > span { flex-basis:100%; }
  .cosmos-navigator nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cosmos-navigator__destination { min-height:128px; padding:12px; }
  .cosmos-navigator__destination .cosmos-navigator__copy strong { font-size:1rem; }
  .cosmos-navigator__destination .cosmos-navigator__copy small { display:none; }
  .cosmos-navigator__mark svg { width:20px; height:20px; }
  .cosmos-navigator footer span { flex-basis:100%; }
}
@media (max-width:360px) {
  .cosmos-home-hero h1 { font-size:2.44rem; }
  .cosmos-home-hero .cosmos-actions { align-items:flex-start; flex-direction:column; gap:2px; }
  .cosmos-preview__aside { grid-template-columns:1fr; grid-template-rows:auto; }
  .cosmos-preview__media { grid-row:auto; }
  .cosmos-preview__connected small,.cosmos-preview__astrit small { display:block; }
  .cosmos-navigator__destination { min-height:120px; }
}
@media (prefers-reduced-motion:reduce) {
  .cosmos-page *, .cosmos-page *::before, .cosmos-page *::after, .cosmos-navigator *, .cosmos-navigator *::before { animation:none!important; transition-duration:0s!important; scroll-behavior:auto!important; }
  .cosmos-button:hover,.cosmos-navigator__destination:hover { transform:none; }
}
@media (forced-colors:active) {
  .cosmos-button,.cosmos-preview,.cosmos-home-product,.cosmos-story__map article,.cosmos-navigator,.cosmos-navigator__destination { border:1px solid ButtonText; }
  .cosmos-preview__media-screen { border:1px solid ButtonText; }
}