:root {
  color-scheme:dark;
  --front-bg:#07111e;
  --front-panel:#0c1a2a;
  --front-line:rgba(171,205,238,.14);
  --front-text:#f5f8ff;
  --front-muted:#aebbd0;
  --front-cyan:#18d7ed;
  --front-blue:#248cff;
  --front-violet:#a43dff;
  --front-pink:#ff44bd;
  --front-gold:#ffc95c;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  margin:0;
  overflow-x:hidden;
  background:radial-gradient(ellipse at 75% 12%,rgba(37,86,177,.15),transparent 42rem),radial-gradient(ellipse at 5% 26%,rgba(0,202,218,.08),transparent 36rem),var(--front-bg);
  color:var(--front-text);
}
a {
  color:inherit;
}
.shell {
  width:min(100% - 64px,1440px);
  margin-inline:auto;
}
.skip-link {
  position:absolute;
  z-index:100;
  left:12px;
  top:8px;
  padding:10px 14px;
  border-radius:8px;
  background:#fff;
  color:#07111e;
  transform:translateY(-150%);
}
.skip-link:focus {
  transform:translateY(0);
}
.site-header {
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(5,13,24,.9);
  border-bottom:1px solid rgba(186,213,240,.1);
  backdrop-filter:blur(18px);
}
.header-inner {
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}
.brand {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:max-content;
  text-decoration:none;
  font-size:1.05rem;
  font-weight:850;
  letter-spacing:-.03em;
}
.brand img {
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:12px;
}
.brand small {
  display:block;
  margin-top:3px;
  color:#9caec4;
  font-size:.65rem;
  font-weight:600;
  letter-spacing:0;
}
.main-nav,.header-actions {
  display:flex;
  align-items:center;
  gap:clamp(12px,2vw,28px);
}
.main-nav a {
  text-decoration:none;
  color:#dce5f2;
  font-size:.88rem;
  font-weight:650;
  white-space:nowrap;
}
.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.is-current {
  color:#fff;
}
.main-nav a.is-current {
  position:relative;
}
.main-nav a.is-current:after {
  position:absolute;
  bottom:-27px;
  left:0;
  right:0;
  height:2px;
  content:"";
  background:var(--front-cyan);
}
.header-actions {
  gap:10px;
}
.button {
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  border:1px solid var(--front-line);
  border-radius:13px;
  color:var(--front-text);
  font-size:.94rem;
  font-weight:760;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.button:hover {
  transform:translateY(-2px);
  border-color:rgba(129,218,255,.48);
}
.button:focus-visible,.text-link:focus-visible,.main-nav a:focus-visible,.pathway:focus-visible,.experience-card:focus-visible,.product-card a:focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}
.button-quiet {
  min-height:40px;
  padding-inline:14px;
  background:transparent;
}
.button-small-primary {
  min-height:40px;
  padding-inline:17px;
  background:linear-gradient(105deg,#04c7e3,#59efbb);
  color:#07111e;
  border:0;
}
.button-primary {
  min-height:54px;
  padding-inline:23px;
  background:linear-gradient(105deg,#0589ff,#13cadd);
  color:#07111e;
  border:1px solid rgba(104,231,255,.7);
  box-shadow:0 10px 34px rgba(0,140,255,.24);
}
.button-primary:hover {
  box-shadow:0 14px 42px rgba(0,140,255,.36);
}
.button-outline {
  background:rgba(4,12,24,.4);
  border-color:rgba(192,211,236,.35);
}
.button-quiet:hover,.button-outline:hover {
  background:rgba(255,255,255,.07);
}
.hero {
  min-height:575px;
  display:grid;
  grid-template-columns:minmax(400px,.92fr) minmax(500px,1.08fr);
  align-items:center;
  gap:clamp(32px,5vw,84px);
  padding-block:62px 48px;
}
.hero-copy {
  position:relative;
  z-index:2;
}
.eyebrow,.section-kicker {
  margin:0 0 16px;
  color:#62e7ef;
  font-size:.77rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 13px;
  border:1px solid rgba(24,215,237,.35);
  border-radius:999px;
  background:rgba(4,193,222,.07);
}
.eyebrow-mark {
  font-size:1.1rem;
}
.hero h1 {
  margin:14px 0 17px;
  display:grid;
  gap:0;
  font-size:clamp(2.35rem,5.2vw,5.35rem);
  line-height:1.01;
  letter-spacing:-.065em;
  font-weight:870;
}
.hero-line {
  display:flex;
  gap:.13em;
  white-space:nowrap;
}
.text-cyan {
  color:#11d8e8;
}
.text-violet {
  background:linear-gradient(105deg,#765aff 4%,#d94eff 62%,#ff69c4);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-intro {
  max-width:610px;
  margin:0;
  color:#c4d1e2;
  font-size:clamp(1.07rem,1.55vw,1.25rem);
  line-height:1.55;
}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:25px;
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#eaf5ff;
  font-weight:730;
  text-decoration:none;
}
.text-link:hover {
  text-decoration:underline;
  text-underline-offset:4px;
}
.hero-copy>.text-link {
  margin-top:19px;
  font-size:.93rem;
}
.value-points {
  display:flex;
  flex-wrap:wrap;
  gap:15px 21px;
  margin:31px 0 0;
  padding:0;
  list-style:none;
}
.value-points li {
  display:flex;
  align-items:center;
  gap:9px;
}
.value-points strong,.value-points small {
  display:block;
}
.value-points strong {
  font-size:.76rem;
  font-weight:780;
}
.value-points small {
  margin-top:3px;
  color:#9caec4;
  font-size:.68rem;
}
.value-icon {
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  font-size:1.05rem;
}
.value-icon-blue {
  background:rgba(27,151,255,.18);
  color:#60c5ff;
}
.value-icon-violet {
  background:rgba(168,69,255,.18);
  color:#d1a0ff;
}
.value-icon-gold {
  background:rgba(255,191,54,.15);
  color:#ffd77d;
}
.hero-art {
  position:relative;
  min-height:455px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.art-glow {
  position:absolute;
  z-index:-2;
  width:80%;
  height:75%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(37,125,255,.25),rgba(145,40,255,.14) 40%,transparent 72%);
  filter:blur(32px);
}
.art-orbit {
  position:absolute;
  z-index:-1;
  inset:10% 4%;
  border:1px solid rgba(102,204,255,.15);
  border-radius:48% 52% 44% 56%;
  transform:rotate(-13deg);
}
.orbit-two {
  inset:17% 0 9% 11%;
  border-color:rgba(207,92,255,.18);
  transform:rotate(13deg);
}
.hero-product-card {
  position:relative;
  width:min(75%,460px);
  overflow:hidden;
  border:1px solid rgba(192,224,255,.24);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(20,39,65,.95),rgba(10,21,38,.97));
  box-shadow:0 35px 95px rgba(0,0,0,.42),0 0 50px rgba(33,115,255,.12);
  transform:rotate(-3deg);
}
.hero-product-image {
  display:block;
  height:285px;
  overflow:hidden;
  background:linear-gradient(135deg,#123351,#26314c);
}
.hero-product-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hero-product-info {
  padding:18px 21px 20px;
}
.product-overline {
  color:#54dde5;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero-product-info h2 {
  max-width:calc(100% - 35px);
  margin:8px 0;
  color:#fff;
  font-size:1.19rem;
  line-height:1.25;
}
.hero-product-info h2 a {
  text-decoration:none;
}
.product-price {
  margin:0;
  color:#fff;
  font-size:1.12rem;
  font-weight:850;
}
.product-price span {
  color:#aebbd0;
  font-size:.75rem;
  font-weight:650;
}
.product-seller {
  margin:7px 0 0;
  color:#aab9ca;
  font-size:.78rem;
}
.product-open {
  position:absolute;
  right:18px;
  bottom:17px;
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:#087df0;
  text-decoration:none;
  font-size:1.2rem;
}
.hero-brand-card {
  display:grid;
  justify-items:center;
  gap:14px;
  width:min(75%,460px);
  padding:54px 28px;
  border:1px solid var(--front-line);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(20,39,65,.95),rgba(10,21,38,.97));
  box-shadow:0 35px 95px rgba(0,0,0,.42);
  text-align:center;
}
.hero-brand-card img {
  width:74px;
  height:74px;
  object-fit:contain;
}
.hero-brand-card span {
  font-size:1.15rem;
  font-weight:750;
}
.hero-brand-card strong {
  color:#67e3ec;
  font-size:.8rem;
  letter-spacing:.05em;
}
.art-note {
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  border:1px solid rgba(184,215,245,.2);
  border-radius:15px;
  background:rgba(7,17,30,.88);
  box-shadow:0 16px 42px rgba(0,0,0,.25);
  color:#f6f8ff;
  font-size:.77rem;
  line-height:1.4;
}
.note-top {
  top:8%;
  left:0;
  transform:rotate(-5deg);
}
.note-bottom {
  right:-1%;
  bottom:8%;
  text-decoration:none;
  transform:rotate(4deg);
}
.note-icon {
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:10px;
  background:rgba(255,194,70,.17);
  color:#ffd66e;
  font-size:1.1rem;
}
.note-icon-pink {
  background:rgba(255,60,180,.16);
  color:#ff71cd;
}
.note-bottom strong {
  color:#a7e7ff;
}
.art-caption {
  position:absolute;
  bottom:0;
  left:50%;
  color:#859bb7;
  font-size:.7rem;
  letter-spacing:.08em;
  white-space:nowrap;
  transform:translateX(-50%);
}
.pathways {
  border-top:1px solid rgba(173,207,239,.1);
  border-bottom:1px solid rgba(173,207,239,.1);
  background:rgba(7,17,30,.58);
}
.pathways-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  padding-block:17px;
}
.pathway {
  display:grid;
  grid-template-columns:46px 1fr 20px;
  align-items:center;
  gap:12px;
  min-height:68px;
  padding:9px 17px;
  border-right:1px solid rgba(172,202,233,.1);
  text-decoration:none;
}
.pathway:first-child {
  padding-left:0;
}
.pathway:last-child {
  border:0;
}
.pathway:hover strong {
  color:#4de5ec;
}
.pathway-icon {
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border-radius:13px;
  font-size:1.15rem;
}
.icon-bag {
  background:linear-gradient(135deg,#e531a4,#a639ff);
}
.icon-play {
  background:linear-gradient(135deg,#8f37ff,#e43eff);
}
.icon-create {
  background:linear-gradient(135deg,#0089ff,#22c9ec);
}
.icon-community {
  background:linear-gradient(135deg,#2d53ff,#a63dff);
}
.pathway strong,.pathway small {
  display:block;
}
.pathway strong {
  font-size:.9rem;
}
.pathway small {
  margin-top:4px;
  color:#9dadc0;
  font-size:.73rem;
}
.pathway-arrow {
  justify-self:end;
  color:#8096af;
  font-size:1rem;
}
.section {
  padding-block:76px;
}
.section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:27px;
}
.section-kicker {
  margin-bottom:10px;
  color:#68dfea;
  font-size:.72rem;
}
.section-heading h2,.join-copy h2 {
  margin:0;
  color:#f5f8ff;
  font-size:clamp(2rem,3.2vw,3.15rem);
  line-height:1.08;
  letter-spacing:-.045em;
}
.section-description {
  max-width:650px;
  margin:10px 0 0;
  color:#aab8cc;
  font-size:.98rem;
  line-height:1.6;
}
.section-link {
  flex:none;
  margin-bottom:3px;
}
.product-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}
.product-card {
  overflow:hidden;
  border:1px solid rgba(170,204,238,.15);
  border-radius:17px;
  background:linear-gradient(160deg,rgba(16,33,54,.94),rgba(9,21,37,.96));
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.product-card:hover {
  transform:translateY(-4px);
  border-color:rgba(108,210,250,.38);
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}
.product-image {
  display:block;
  aspect-ratio:1.25;
  overflow:hidden;
  background:#12243a;
}
.product-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.product-card:hover .product-image img {
  transform:scale(1.035);
}
.product-card-copy {
  padding:16px 16px 8px;
}
.product-category {
  display:block;
  overflow:hidden;
  color:#6bdae7;
  font-size:.65rem;
  font-weight:780;
  letter-spacing:.1em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.product-card h3 {
  margin:7px 0 9px;
  font-size:.99rem;
  line-height:1.35;
}
.product-card h3 a {
  text-decoration:none;
}
.product-card h3 a:hover {
  text-decoration:underline;
  text-underline-offset:3px;
}
.product-card .product-price {
  font-size:1rem;
}
.product-card .product-seller {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.availability {
  display:block;
  margin-top:4px;
  color:#aebbd0;
  font-size:.7rem;
  font-weight:600;
}
.product-card-link {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:6px 16px 14px;
  padding-top:12px;
  border-top:1px solid rgba(166,199,230,.12);
  color:#d3e7fb;
  font-size:.78rem;
  font-weight:760;
  text-decoration:none;
}
.product-card-link:hover {
  color:#63dfea;
}
.empty-products {
  display:grid;
  justify-items:center;
  gap:10px;
  min-height:180px;
  padding:32px;
  border:1px dashed rgba(171,205,238,.22);
  border-radius:20px;
  text-align:center;
}
.empty-products>span {
  color:#60dfeb;
  font-size:1.8rem;
}
.empty-products p {
  max-width:540px;
  color:#adbed0;
  line-height:1.6;
}
.section-discover {
  background:radial-gradient(ellipse at 50% 20%,rgba(50,57,156,.14),transparent 52rem),rgba(4,11,21,.46);
}
.section-discover .shell {
  padding-block:4px;
}
.section-discover .section-heading {
  margin-bottom:24px;
}
.experience-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.experience-card {
  position:relative;
  min-height:250px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  padding:21px;
  border:1px solid rgba(183,209,239,.15);
  border-radius:20px;
  background:linear-gradient(150deg,rgba(34,40,90,.78),rgba(14,24,44,.95) 66%);
  text-decoration:none;
  isolation:isolate;
  transition:transform .2s ease,border-color .2s ease;
}
.experience-card:before {
  position:absolute;
  z-index:-1;
  right:-35px;
  bottom:-86px;
  width:240px;
  height:240px;
  border:1px solid rgba(157,143,255,.18);
  border-radius:50%;
  content:"";
  box-shadow:0 0 0 27px rgba(152,120,255,.035),0 0 0 55px rgba(152,120,255,.025);
}
.experience-card:hover {
  transform:translateY(-4px);
  border-color:rgba(158,171,255,.44);
}
.experience-reels {
  background:linear-gradient(145deg,rgba(79,29,109,.78),rgba(15,22,44,.95) 75%);
}
.experience-reels:before {
  border-color:rgba(255,108,207,.24);
  box-shadow:0 0 0 28px rgba(233,63,186,.04),0 0 0 56px rgba(233,63,186,.025);
}
.experience-create {
  background:linear-gradient(145deg,rgba(11,68,113,.76),rgba(12,25,47,.96) 75%);
}
.experience-create:before {
  border-color:rgba(80,193,255,.23);
  box-shadow:0 0 0 28px rgba(38,159,255,.04),0 0 0 56px rgba(38,159,255,.025);
}
.experience-connect {
  background:linear-gradient(145deg,rgba(48,38,113,.8),rgba(14,25,49,.96) 75%);
}
.experience-index {
  color:#b5c0d4;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.14em;
}
.experience-glyph {
  position:absolute;
  top:67px;
  left:22px;
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(191,122,255,.17);
  color:#edb9ff;
  font-size:1.25rem;
}
.experience-create .experience-glyph {
  background:rgba(52,175,255,.16);
  color:#9be3ff;
}
.experience-connect .experience-glyph {
  background:rgba(128,106,255,.2);
  color:#d3c7ff;
}
.experience-copy {
  display:grid;
  gap:7px;
  margin-top:90px;
}
.experience-copy strong {
  font-size:1.4rem;
  letter-spacing:-.025em;
}
.experience-copy small {
  color:#adbbcf;
  font-size:.86rem;
}
.experience-arrow {
  position:absolute;
  right:19px;
  bottom:21px;
  color:#b6c3d3;
  font-size:1.1rem;
}
.join-section {
  padding-block:54px 70px;
}
.join-panel {
  position:relative;
  display:grid;
  grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);
  align-items:center;
  gap:28px;
  overflow:hidden;
  padding:38px clamp(24px,5vw,65px);
  border:1px solid rgba(150,193,235,.2);
  border-radius:25px;
  background:radial-gradient(ellipse at 24% 50%,rgba(114,64,235,.23),transparent 28rem),linear-gradient(110deg,#101e36,#101829 70%,#181b39);
  box-shadow:0 25px 72px rgba(0,0,0,.25);
}
.join-art {
  position:relative;
  display:grid;
  min-height:170px;
  place-items:center;
}
.join-art>img {
  position:relative;
  z-index:1;
  width:92px;
  height:92px;
  object-fit:contain;
  filter:drop-shadow(0 0 26px rgba(66,211,244,.32));
}
.join-orbit {
  position:absolute;
  width:170px;
  height:100px;
  border:1px solid rgba(99,192,255,.3);
  border-radius:50%;
  transform:rotate(-23deg);
}
.join-spark {
  position:absolute;
  color:#6be8ed;
  font-size:1.5rem;
}
.spark-one {
  top:18px;
  right:25%;
}
.spark-two {
  bottom:12px;
  left:20%;
  color:#d17cff;
}
.join-copy {
  max-width:730px;
}
.join-copy h2 {
  font-size:clamp(1.9rem,3.1vw,2.8rem);
}
.join-copy>p:not(.section-kicker) {
  max-width:650px;
  color:#b0bfd2;
  line-height:1.65;
}
.join-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:17px;
  margin-top:21px;
}
.app-actions {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  padding-top:20px;
}
.site-footer {
  border-top:1px solid rgba(166,200,231,.12);
  background:rgba(3,9,17,.52);
}
.footer-inner {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:36px;
  padding-block:30px 34px;
}
.footer-brand img {
  display:block;
  width:min(220px,54vw);
  height:auto;
  opacity:.95;
}
.footer-brand p {
  margin:9px 0 0;
  color:#8799af;
  font-size:.76rem;
}
.footer-meta {
  display:grid;
  justify-items:end;
  gap:7px;
  color:#899bb0;
  font-size:.75rem;
}
.footer-legal {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 17px;
  margin-top:6px;
}
.footer-legal a {
  color:#b6c3d4;
  font-weight:650;
  text-decoration:none;
}
.footer-legal a:hover,.footer-legal a:focus-visible {
  color:white;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:1100px) {
  .shell {
    width:min(100% - 44px,1440px);
  }
  .header-inner {
    gap:16px;
  }
  .main-nav {
    gap:15px;
  }
  .main-nav a {
    font-size:.8rem;
  }
  .hero {
    grid-template-columns:minmax(360px,.95fr) minmax(390px,1.05fr);
    gap:20px;
  }
  .value-points {
    gap:13px;
  }
  .hero-art {
    min-height:410px;
  }
  .hero-product-card {
    width:78%;
  }
  .hero-product-image {
    height:255px;
  }
  .product-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
  }
  .pathway {
    padding-inline:12px;
    gap:9px;
  }
}
@media(max-width:850px) {
  .header-inner {
    flex-wrap:wrap;
    padding-block:11px;
  }
  .main-nav {
    order:3;
    width:100%;
    justify-content:space-between;
    overflow-x:auto;
    padding:4px 2px 7px;
  }
  .main-nav a.is-current:after {
    bottom:-9px;
  }
  .hero {
    min-height:unset;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding-block:48px 37px;
  }
  .hero h1 {
    font-size:clamp(2.3rem,6vw,4.4rem);
  }
  .hero-art {
    min-height:370px;
  }
  .hero-product-card {
    width:86%;
  }
  .hero-product-image {
    height:220px;
  }
  .note-top {
    left:-2%;
  }
  .note-bottom {
    right:-3%;
  }
  .value-points {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pathways-grid {
    grid-template-columns:repeat(2,1fr);
    padding-block:8px;
  }
  .pathway {
    border-bottom:1px solid rgba(172,202,233,.1);
  }
  .pathway:nth-child(2) {
    border-right:0;
  }
  .pathway:nth-child(3),.pathway:nth-child(4) {
    border-bottom:0;
  }
  .pathway:first-child {
    padding-left:12px;
  }
  .product-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
  }
  .experience-card {
    min-height:225px;
  }
  .section {
    padding-block:61px;
  }
  .join-panel {
    grid-template-columns:190px minmax(0,1fr);
    padding-inline:27px;
  }
}
@media(max-width:600px) {
  .shell {
    width:min(100% - 30px,1440px);
  }
  .header-inner {
    min-height:unset;
    gap:10px;
  }
  .brand {
    font-size:.98rem;
  }
  .brand img {
    width:38px;
    height:38px;
  }
  .brand small {
    font-size:.59rem;
  }
  .header-actions {
    gap:6px;
  }
  .header-actions .button {
    padding-inline:11px;
    font-size:.79rem;
  }
  .main-nav {
    gap:19px;
    justify-content:flex-start;
  }
  .main-nav a {
    font-size:.78rem;
  }
  .hero {
    grid-template-columns:1fr;
    padding-block:42px 27px;
    gap:8px;
  }
  .hero h1 {
    margin-top:13px;
    font-size:clamp(2.1rem,10vw,3.3rem);
    line-height:1.02;
  }
  .hero-intro {
    max-width:480px;
    font-size:1.02rem;
  }
  .hero-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:20px;
  }
  .hero-actions .button {
    min-height:49px;
    padding-inline:11px;
    font-size:.82rem;
  }
  .hero-actions .button-primary {
    grid-column:span 2;
  }
  .hero-copy>.text-link {
    margin-top:14px;
  }
  .value-points {
    grid-template-columns:1fr 1fr;
    gap:12px 9px;
    margin-top:23px;
  }
  .value-points li {
    gap:7px;
  }
  .value-icon {
    width:31px;
    height:31px;
    flex:none;
  }
  .value-points strong {
    font-size:.67rem;
  }
  .value-points small {
    font-size:.62rem;
  }
  .hero-art {
    min-height:320px;
    margin:0 -9px;
  }
  .art-orbit {
    inset-inline:5%;
  }
  .hero-product-card {
    width:min(76%,370px);
    border-radius:21px;
  }
  .hero-product-image {
    height:190px;
  }
  .hero-product-info {
    padding:14px 16px 17px;
  }
  .hero-product-info h2 {
    font-size:1rem;
  }
  .hero-product-info .product-price {
    font-size:1rem;
  }
  .note-top,.note-bottom {
    padding:9px 10px;
    font-size:.67rem;
  }
  .note-top {
    top:8%;
    left:0;
  }
  .note-bottom {
    right:5px;
    bottom:9%;
    transform:rotate(2deg);
  }
  .orbit-two {
    right:6%;
  }
  .note-icon {
    width:28px;
    height:28px;
  }
  .art-caption {
    bottom:0;
    font-size:.61rem;
  }
  .pathways-grid {
    width:100%;
    padding-inline:15px;
  }
  .pathway {
    grid-template-columns:37px 1fr 14px;
    min-height:62px;
    padding-inline:5px;
    gap:8px;
  }
  .pathway:first-child {
    padding-left:5px;
  }
  .pathway-icon {
    width:35px;
    height:35px;
    border-radius:11px;
    font-size:.95rem;
  }
  .pathway strong {
    font-size:.75rem;
  }
  .pathway small {
    font-size:.62rem;
  }
  .pathway-arrow {
    font-size:.8rem;
  }
  .section {
    padding-block:49px;
  }
  .section-heading {
    align-items:start;
    display:grid;
    gap:16px;
    margin-bottom:19px;
  }
  .section-heading h2,.join-copy h2 {
    font-size:2rem;
  }
  .section-description {
    font-size:.89rem;
  }
  .section-link {
    justify-self:start;
    min-height:42px;
  }
  .product-grid {
    gap:10px;
  }
  .product-card {
    border-radius:14px;
  }
  .product-image {
    aspect-ratio:1.1;
  }
  .product-card-copy {
    padding:11px 11px 6px;
  }
  .product-card h3 {
    font-size:.84rem;
  }
  .product-category {
    font-size:.58rem;
  }
  .product-card .product-price {
    font-size:.9rem;
  }
  .product-card .product-seller {
    font-size:.68rem;
  }
  .product-card-link {
    margin:4px 11px 12px;
    padding-top:9px;
    font-size:.69rem;
  }
  .experience-grid {
    grid-template-columns:1fr;
    gap:11px;
  }
  .experience-card {
    min-height:168px;
    padding:17px;
  }
  .experience-glyph {
    top:52px;
    left:18px;
    width:46px;
    height:46px;
  }
  .experience-copy {
    gap:5px;
    margin-top:66px;
  }
  .experience-copy strong {
    font-size:1.18rem;
  }
  .experience-copy small {
    font-size:.78rem;
  }
  .experience-arrow {
    right:17px;
    bottom:18px;
  }
  .join-section {
    padding-block:34px 48px;
  }
  .join-panel {
    grid-template-columns:1fr;
    gap:7px;
    padding:22px 21px 26px;
    border-radius:20px;
  }
  .join-art {
    min-height:115px;
  }
  .join-art>img {
    width:69px;
    height:69px;
  }
  .join-orbit {
    width:137px;
    height:77px;
  }
  .join-copy h2 {
    font-size:1.9rem;
  }
  .join-copy>p:not(.section-kicker) {
    font-size:.88rem;
  }
  .join-actions {
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  .app-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .app-actions .button {
    padding-inline:10px;
    font-size:.77rem;
  }
  .footer-inner {
    align-items:start;
    flex-direction:column;
    padding-block:25px;
  }
  .footer-brand img {
    width:190px;
  }
  .footer-meta {
    justify-items:start;
  }
  .footer-legal {
    justify-content:flex-start;
    gap:8px 14px;
  }
  .art-note {
    box-shadow:0 10px 25px rgba(0,0,0,.3);
  }
}
@media(max-width:360px) {
  .shell {
    width:calc(100% - 24px);
  }
  .header-actions .button-small-primary {
    display:none;
  }
  .hero h1 {
    font-size:2.1rem;
  }
  .hero-art {
    min-height:290px;
  }
  .hero-product-image {
    height:160px;
  }
  .product-card-copy {
    padding-inline:9px;
  }
  .product-card-link {
    margin-inline:9px;
  }
  .value-points {
    gap:10px 4px;
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}