:root {
  color-scheme: dark;
  font-family: Inter, Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  background: #03040a;
  color: #f8f8fb;
  --ink: #f8f8fb;
  --night: #03040a;
  --night-soft: #070a14;
  --panel: rgba(10, 14, 28, .74);
  --muted: #9da5bb;
  --faint: #687086;
  --line: rgba(209, 219, 255, .16);
  --line-bright: rgba(209, 219, 255, .34);
  --gold: #ffcc5f;
  --cyan: #6de1ff;
  --blue: #6f76ff;
  --magenta: #e63dbc;
  --violet: #9e70ff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body { margin: 0; overflow-x: hidden; background: var(--night); color: var(--ink); }
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .18;
  background-image: radial-gradient(circle, rgba(255,255,255,.19) 0 .35px, transparent .55px);
  background-size: 4px 4px;
  mix-blend-mode: screen;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }

.skip-link {
  position: fixed;
  z-index: 100;
  left: 1rem;
  top: 1rem;
  padding: .75rem 1rem;
  background: #fff;
  color: #05060b;
  font-weight: 850;
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }

.starfield { position: fixed; inset: 0; z-index: -3; pointer-events: none; opacity: .82; }
.nebula { position: fixed; z-index: -2; pointer-events: none; border-radius: 50%; filter: blur(50px); opacity: .74; }
.nebula-home { width: 75rem; height: 58rem; right: -25rem; top: -24rem; background: radial-gradient(circle at 40% 50%, rgba(86, 102, 255, .32), transparent 28%), radial-gradient(circle at 64% 58%, rgba(224, 48, 190, .22), transparent 32%), radial-gradient(circle at 38% 72%, rgba(65, 213, 255, .14), transparent 28%); }
.nebula-forge { width: 74rem; height: 70rem; right: -26rem; top: -18rem; background: radial-gradient(circle at 38% 47%, rgba(71, 206, 255, .3), transparent 25%), radial-gradient(circle at 55% 58%, rgba(89, 92, 255, .3), transparent 34%), radial-gradient(circle at 68% 62%, rgba(219, 52, 185, .2), transparent 28%); }
.nebula-kraylet { width: 76rem; height: 66rem; right: -28rem; top: -16rem; background: radial-gradient(circle at 38% 45%, rgba(255, 184, 76, .21), transparent 24%), radial-gradient(circle at 54% 56%, rgba(225, 45, 147, .3), transparent 32%), radial-gradient(circle at 68% 64%, rgba(92, 69, 255, .2), transparent 27%); }

.site-nav, .nav {
  position: relative;
  z-index: 20;
  width: min(100% - 3rem, 92rem);
  height: 6.2rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid var(--line);
}
.brand { display: inline-flex; align-items: center; justify-self: start; }
.brand img { display: block; width: clamp(9rem, 12vw, 11.3rem); height: auto; }
.site-nav nav, .nav nav { display: flex; align-items: center; gap: clamp(1rem, 2.7vw, 2.9rem); }
.site-nav nav a, .nav nav a, .nav-action {
  position: relative;
  color: #c6cad8;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .7rem;
  font-weight: 680;
  letter-spacing: .11em;
  text-transform: uppercase;
  transition: color .2s ease;
}
.site-nav nav a::after, .nav nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -.65rem; height: 1px; background: var(--cyan); transition: right .25s ease; }
.site-nav nav a:hover, .site-nav nav a.active, .nav nav a:hover, .nav-action:hover { color: #fff; }
.site-nav nav a:hover::after, .site-nav nav a.active::after, .nav nav a:hover::after { right: 0; }
.nav-action { justify-self: end; min-width: 8.8rem; padding: .7rem 1rem; border: 1px solid var(--line-bright); border-radius: 999px; text-align: center; }
.nav-action span { margin-left: .4rem; color: var(--cyan); }

.kicker, .eyebrow {
  margin: 0;
  color: var(--gold);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .66rem;
  font-weight: 760;
  letter-spacing: .18em;
  line-height: 1.5;
}
.section-shell { width: min(100% - 3rem, 92rem); margin-inline: auto; }

.home-hero, .product-hero {
  position: relative;
  min-height: calc(100svh - 6.2rem);
  width: min(100% - 3rem, 92rem);
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}
.hero-index { position: absolute; top: 2rem; left: 0; color: var(--faint); font: 600 .65rem/1 ui-monospace, monospace; letter-spacing: .18em; }
.hero-content, .product-hero-copy { position: relative; z-index: 2; width: min(74rem, 88%); padding: clamp(5rem, 10vh, 9rem) 0; }
.home-hero h1, .product-hero h1 {
  margin: 1.2rem 0 2.4rem;
  max-width: 80rem;
  font-size: clamp(4rem, 9.4vw, 9.4rem);
  font-weight: 760;
  line-height: .82;
  letter-spacing: -.085em;
}
.home-hero h1 span, .product-hero h1 span {
  color: transparent;
  -webkit-text-stroke: 1px rgba(244, 246, 255, .72);
  background: linear-gradient(105deg, rgba(255,255,255,.96), var(--cyan) 36%, var(--blue) 64%, var(--magenta));
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 2rem rgba(92, 101, 255, .14));
}
.hero-lower { display: flex; align-items: flex-end; gap: clamp(2rem, 7vw, 7rem); margin-left: clamp(0rem, 15vw, 13rem); }
.hero-lower > p { max-width: 39rem; margin: 0; color: #b2b8c9; font-size: clamp(1rem, 1.6vw, 1.25rem); line-height: 1.65; }
.hero-lower > p a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.38); }
.round-link { flex: 0 0 auto; width: 7.5rem; height: 7.5rem; display: grid; place-content: center; gap: .6rem; border: 1px solid var(--line-bright); border-radius: 50%; text-align: center; font: 700 .62rem/1 ui-monospace, monospace; letter-spacing: .13em; transition: background .25s, border-color .25s, transform .25s; }
.round-link b { color: var(--cyan); font-size: 1.1rem; }
.round-link:hover { transform: rotate(-7deg); border-color: var(--cyan); background: rgba(109,225,255,.06); }
.hero-orbit { position: absolute; right: clamp(-15rem, -5vw, -3rem); top: 50%; width: clamp(30rem, 52vw, 54rem); aspect-ratio: 1; translate: 0 -50%; opacity: .88; }
.hero-orbit img { position: absolute; left: 50%; top: 50%; width: 28%; height: auto; translate: -50% -50%; opacity: .28; filter: drop-shadow(0 0 3rem rgba(79, 209, 255, .6)); }
.orbit-ring { position: absolute; left: 50%; top: 50%; translate: -50% -50%; border: 1px solid rgba(153, 180, 255, .25); border-radius: 50%; }
.ring-one { width: 68%; height: 38%; rotate: 24deg; }
.ring-two { width: 84%; height: 52%; rotate: -18deg; }
.ring-three { width: 56%; height: 88%; rotate: 43deg; }
.orb { position: absolute; width: .65rem; height: .65rem; border-radius: 50%; box-shadow: 0 0 1.5rem currentColor; background: currentColor; }
.orb-one { color: var(--cyan); left: 13%; top: 43%; }
.orb-two { color: var(--magenta); right: 16%; top: 31%; }
.orb-three { color: var(--gold); left: 55%; bottom: 7%; }
.coordinate-strip { position: absolute; left: 0; right: 0; bottom: 1.4rem; display: flex; gap: 2.2rem; color: #5d667b; font: 600 .57rem/1 ui-monospace, monospace; letter-spacing: .14em; }

.product-intro, .system-statement { display: grid; grid-template-columns: minmax(11rem, .3fr) 1fr; gap: 3rem; padding-top: clamp(7rem, 13vw, 12rem); padding-bottom: clamp(4rem, 8vw, 8rem); }
.section-label { display: flex; gap: 1.2rem; color: #757d90; font: 650 .63rem/1.45 ui-monospace, monospace; letter-spacing: .12em; }
.section-label span { color: var(--gold); }
.section-label p { margin: 0; }
.section-statement h2, .statement-copy h2, .manifesto-copy h2, .contact-band h2, .workflow-band h2, .edition-content h2, .elements-band h2 {
  margin: .8rem 0;
  font-size: clamp(3rem, 6.4vw, 6.7rem);
  font-weight: 700;
  line-height: .9;
  letter-spacing: -.075em;
}

.product-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding-bottom: clamp(7rem, 12vw, 12rem); }
.world-card { position: relative; min-height: 46rem; overflow: hidden; border: 1px solid var(--line); background: rgba(8, 11, 23, .68); isolation: isolate; transition: border-color .35s, transform .35s; }
.world-card::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .8; transition: opacity .35s, transform .6s; }
.forge-world-card::before { background: radial-gradient(circle at 68% 30%, rgba(72, 215, 255, .2), transparent 30%), radial-gradient(circle at 35% 45%, rgba(76, 70, 255, .17), transparent 38%), linear-gradient(150deg, rgba(8,17,37,.95), rgba(7,7,17,.95)); }
.kraylet-world-card::before { background: radial-gradient(circle at 65% 30%, rgba(255, 190, 84, .18), transparent 27%), radial-gradient(circle at 42% 45%, rgba(230, 49, 172, .18), transparent 38%), linear-gradient(150deg, rgba(31,10,33,.92), rgba(8,7,19,.96)); }
.world-card:hover { border-color: var(--line-bright); transform: translateY(-5px); }
.world-card:hover::before { opacity: 1; transform: scale(1.025); }
.card-topline { position: absolute; left: 2rem; right: 2rem; top: 1.7rem; display: flex; justify-content: space-between; color: #8a93a9; font: 650 .57rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.card-copy { position: absolute; z-index: 2; left: clamp(1.8rem, 4vw, 3.8rem); right: 3rem; bottom: 3.2rem; }
.wordmark-text { margin: 0 0 .9rem; color: var(--gold); font: 750 .7rem/1 ui-monospace, monospace; letter-spacing: .18em; }
.card-copy h3 { margin: 0; font-size: clamp(2.8rem, 4.7vw, 5.2rem); line-height: .91; letter-spacing: -.07em; }
.card-copy > p:last-child { max-width: 31rem; color: #aeb4c6; font-size: 1rem; line-height: 1.6; }
.card-arrow { position: absolute; z-index: 3; right: 2rem; bottom: 2rem; width: 3.2rem; height: 3.2rem; display: grid; place-items: center; border: 1px solid var(--line-bright); border-radius: 50%; color: var(--cyan); font-size: 1.1rem; transition: background .25s, color .25s; }
.world-card:hover .card-arrow { background: var(--ink); color: var(--night); }
.forge-mark { position: absolute; top: 13%; left: 50%; width: 20rem; height: 20rem; translate: -50% 0; display: grid; place-items: center; border: 1px solid rgba(120,195,255,.35); border-radius: 50%; box-shadow: 0 0 7rem rgba(68,122,255,.17), inset 0 0 5rem rgba(73,205,255,.08); }
.forge-mark::before, .forge-mark::after { content: ""; position: absolute; width: 135%; height: 48%; border: 1px solid rgba(117,145,255,.24); border-radius: 50%; rotate: 28deg; }
.forge-mark::after { rotate: -31deg; }
.forge-mark span { font-size: 8rem; font-weight: 800; color: transparent; -webkit-text-stroke: 1px rgba(232,247,255,.88); text-shadow: 0 0 3rem rgba(106,226,255,.32); }
.forge-mark i, .forge-mark b { position: absolute; width: .65rem; height: .65rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 1.4rem var(--cyan); }
.forge-mark i { left: -18%; top: 33%; }.forge-mark b { right: -17%; bottom: 28%; background: var(--magenta); box-shadow: 0 0 1.4rem var(--magenta); }
.rift-world { position: absolute; top: 10%; left: 50%; width: 24rem; height: 24rem; translate: -50% 0; }
.planet-core { position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(circle at 34% 28%, #ffc584, #a43a77 31%, #261936 63%, #070811 78%); box-shadow: inset -3rem -2rem 4rem rgba(0,0,0,.76), 0 0 5rem rgba(224,58,174,.22); }
.planet-ring { position: absolute; left: -9%; right: -9%; top: 45%; height: 20%; border: 1px solid rgba(255,205,117,.46); border-radius: 50%; rotate: -17deg; }
.rift-line { position: absolute; left: 47%; top: -5%; width: 9%; height: 110%; background: linear-gradient(90deg, transparent, var(--cyan), #fff, var(--magenta), transparent); filter: blur(1px); clip-path: polygon(38% 0,100% 15%,52% 31%,91% 49%,36% 66%,72% 82%,22% 100%,0 84%,42% 67%,7% 49%,50% 32%,15% 15%); }

.studio-manifesto { display: grid; grid-template-columns: minmax(11rem, .3fr) 1fr; gap: 3rem; padding-block: clamp(8rem, 14vw, 14rem); border-top: 1px solid var(--line); }
.manifesto-copy h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(255,255,255,.65); }
.manifesto-copy > p { max-width: 46rem; color: var(--muted); font-size: 1.1rem; line-height: 1.75; }
.principle-row { margin-top: 5rem; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); }
.principle-row article { padding: 2rem 2rem 1rem 0; border-right: 1px solid var(--line); }
.principle-row article:not(:first-child) { padding-left: 2rem; }
.principle-row article:last-child { border-right: 0; }
.principle-row span, .cell-number { color: var(--gold); font: 650 .61rem/1 ui-monospace, monospace; letter-spacing: .13em; }
.principle-row h3 { margin: 2rem 0 .7rem; font-size: 1.45rem; }
.principle-row p { color: var(--muted); line-height: 1.6; }

.contact-band { position: relative; overflow: hidden; padding-block: clamp(7rem, 12vw, 12rem); border-top: 1px solid var(--line); }
.contact-band::after { content: ""; position: absolute; z-index: -1; width: 42rem; height: 42rem; right: -10rem; top: 50%; translate: 0 -50%; border-radius: 50%; background: radial-gradient(circle, rgba(89,106,255,.2), rgba(222,55,186,.08) 42%, transparent 68%); filter: blur(10px); }
.contact-band h2 { max-width: 64rem; }
.contact-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.pill-button, .outline-button { display: inline-flex; align-items: center; justify-content: center; min-height: 3.1rem; padding: .85rem 1.35rem; border-radius: 999px; font: 750 .68rem/1 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; transition: transform .2s, box-shadow .2s, background .2s, border-color .2s; }
.pill-button { color: #070911; background: linear-gradient(100deg, var(--cyan), #aeb7ff); box-shadow: 0 0 2rem rgba(100,212,255,.12); }
.outline-button { border: 1px solid var(--line-bright); }
.pill-button:hover, .outline-button:hover { transform: translateY(-2px); }
.outline-button:hover { border-color: var(--cyan); background: rgba(109,225,255,.05); }
.kraylet-cta { background: linear-gradient(100deg, var(--gold), #ff77b8); }

.site-footer { width: min(100% - 3rem, 92rem); margin: 0 auto; min-height: 10rem; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 2rem; border-top: 1px solid var(--line); color: #858da0; font-size: .72rem; }
.footer-brand img { display: block; width: 8rem; height: auto; }
.site-footer nav { display: flex; gap: 1.4rem; font-family: ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
.site-footer a:hover { color: #fff; }
.copyright { font-family: ui-monospace, monospace; }

/* Product pages */
.product-hero-copy { width: min(58rem, 68%); }
.product-lede { max-width: 43rem; margin: 0; color: #b4bacb; font-size: clamp(1rem, 1.7vw, 1.25rem); line-height: 1.7; }
.constellation-engine { position: absolute; right: -1rem; top: 50%; width: clamp(30rem, 47vw, 48rem); aspect-ratio: 1; translate: 0 -50%; }
.engine-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 9.5rem; height: 9.5rem; translate: -50% -50%; display: grid; place-content: center; gap: .4rem; text-align: center; border: 1px solid rgba(133,224,255,.7); border-radius: 50%; background: radial-gradient(circle, rgba(51,93,154,.82), rgba(6,13,29,.96) 66%); box-shadow: 0 0 5rem rgba(79,178,255,.27), inset 0 0 2rem rgba(93,217,255,.13); }
.engine-core span { font-size: 4.8rem; line-height: .8; font-weight: 780; color: transparent; -webkit-text-stroke: 1px #e3faff; }
.engine-core small { font: 620 .44rem/1 ui-monospace, monospace; letter-spacing: .15em; }
.engine-orbit { position: absolute; left: 50%; top: 50%; translate: -50% -50%; border: 1px solid rgba(131,170,255,.27); border-radius: 50%; }
.orbit-alpha { width: 56%; height: 82%; rotate: 37deg; }.orbit-beta { width: 88%; height: 48%; rotate: -19deg; }.orbit-gamma { width: 72%; height: 67%; rotate: 61deg; }
.agent-node { position: absolute; z-index: 4; width: 2.7rem; height: 2.7rem; display: grid; place-items: center; border: 1px solid var(--line-bright); border-radius: 50%; background: #080d1b; font: 750 .74rem/1 ui-monospace, monospace; box-shadow: 0 0 2rem rgba(97,142,255,.12); }
.node-claude { left: 5%; top: 38%; color: #f2a765; }.node-codex { right: 9%; top: 24%; color: #9df2c9; }.node-gemini { right: 11%; bottom: 23%; color: #8eb5ff; }.node-zai { left: 18%; bottom: 12%; color: #e68fff; }
.engine-label { position: absolute; color: #6f788d; font: 620 .52rem/1 ui-monospace, monospace; letter-spacing: .14em; }
.label-unity { right: 6%; top: 50%; rotate: 90deg; }.label-local { left: 27%; top: 20%; }

.system-statement { padding-top: clamp(9rem, 15vw, 15rem); }
.statement-copy > p:last-child { max-width: 51rem; color: var(--muted); font-size: 1.12rem; line-height: 1.75; }
.system-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.system-cell { min-height: 29rem; padding: clamp(1.8rem, 3vw, 3.2rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(8,11,22,.42); }
.system-cell.feature-large { grid-column: span 3; min-height: 31rem; display: flex; flex-direction: column; justify-content: flex-end; background: radial-gradient(circle at 70% 40%, rgba(74,110,255,.15), transparent 34%), rgba(8,11,22,.42); }
.system-cell h3 { margin: 1.8rem 0 1rem; font-size: clamp(2rem, 3.4vw, 3.6rem); line-height: .98; letter-spacing: -.055em; }
.system-cell p { max-width: 32rem; color: var(--muted); line-height: 1.7; }
.provider-track { display: flex; align-items: center; gap: 1.2rem; margin-top: 2rem; color: #7e879b; font: 620 .56rem/1 ui-monospace, monospace; letter-spacing: .13em; }
.provider-track i { width: 2.5rem; height: 1px; background: linear-gradient(90deg, transparent, var(--line-bright), transparent); }

.workflow-band { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5rem; padding-block: clamp(9rem, 15vw, 15rem); }
.workflow-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.workflow-list li { display: grid; grid-template-columns: 3.4rem 1fr; gap: 1rem; padding: 1.6rem 0; border-bottom: 1px solid var(--line); }
.workflow-list li > span { color: var(--gold); font: 650 .6rem/1 ui-monospace, monospace; }
.workflow-list h3 { margin: 0 0 .45rem; font-size: 1.4rem; }
.workflow-list p { margin: 0; color: var(--muted); line-height: 1.55; }

.edition-section { display: grid; grid-template-columns: minmax(11rem,.3fr) 1fr; gap: 3rem; padding-bottom: clamp(10rem, 16vw, 16rem); }
.edition-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 4rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.edition-grid article { position: relative; min-height: 25rem; padding: 2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(8,11,22,.4); }
.edition-grid article > span { color: var(--gold); font: 700 .62rem/1 ui-monospace, monospace; letter-spacing: .15em; }
.edition-grid h3 { margin: 2rem 0 .7rem; font-size: 1.4rem; }
.edition-grid strong { display: block; margin: 2rem 0; font-size: 3.5rem; letter-spacing: -.06em; }
.edition-grid strong small { color: var(--muted); font-size: .8rem; letter-spacing: 0; }
.edition-grid p { color: var(--muted); line-height: 1.6; }
.edition-featured { background: radial-gradient(circle at 60% 10%, rgba(89,191,255,.17), transparent 55%), rgba(9,16,34,.72) !important; }
.edition-featured::before { content: "SOLO REMOTE"; position: absolute; right: 1.3rem; top: 1.3rem; color: var(--cyan); font: 600 .48rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.preview-note { margin-top: 1.5rem; padding: 1rem 1.2rem; border-left: 2px solid var(--gold); color: var(--muted); line-height: 1.6; }
.preview-note span { color: var(--gold); margin-right: .7rem; font: 700 .58rem/1 ui-monospace, monospace; letter-spacing: .12em; }

/* Kraylet */
.kraylet-cosmos { position: absolute; right: 0; top: 50%; width: clamp(28rem, 43vw, 45rem); aspect-ratio: 1; translate: 0 -50%; }
.cosmos-moon { position: absolute; right: 4%; top: 8%; width: 70%; height: 70%; border-radius: 50%; background: radial-gradient(circle at 32% 27%, rgba(255,210,139,.88), rgba(143,55,101,.72) 27%, rgba(29,19,53,.9) 61%, #070710 77%); box-shadow: inset -4rem -3rem 7rem rgba(0,0,0,.72), 0 0 8rem rgba(229,62,162,.2); opacity: .7; }
.cosmos-egg { position: absolute; z-index: 2; left: 24%; top: 34%; width: 34%; height: 44%; border: 1px solid rgba(255,220,165,.7); border-radius: 52% 48% 47% 53% / 62% 61% 39% 38%; background: radial-gradient(circle at 36% 28%, rgba(255,236,184,.78), rgba(206,84,130,.64) 33%, rgba(57,28,77,.91) 72%); box-shadow: 0 0 4rem rgba(255,114,174,.24), inset -2rem -2rem 3rem rgba(0,0,0,.45); rotate: -8deg; }
.cosmos-egg::before, .cosmos-egg::after { content: ""; position: absolute; background: rgba(114,224,255,.8); box-shadow: 0 0 1rem var(--cyan); }
.cosmos-egg::before { width: 1px; height: 68%; left: 50%; top: 10%; rotate: 18deg; }.cosmos-egg::after { width: 1px; height: 45%; left: 43%; top: 32%; rotate: -38deg; }
.cosmos-rift { position: absolute; z-index: 3; left: 43%; top: 4%; width: 5%; height: 91%; background: linear-gradient(90deg, transparent, var(--cyan), #fff, #ff5fbe, transparent); clip-path: polygon(42% 0,100% 16%,55% 31%,91% 48%,35% 67%,70% 82%,19% 100%,0 83%,41% 67%,8% 49%,49% 31%,15% 16%); filter: blur(1px); opacity: .86; }
.kraylet-cosmos small { position: absolute; right: 2%; bottom: 12%; color: #8a788d; font: 650 .52rem/1 ui-monospace, monospace; letter-spacing: .16em; rotate: 90deg; }
.kraylet-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.kraylet-feature { min-height: 42rem; padding: 2.2rem; background: rgba(9,8,20,.91); }
.kraylet-feature h3 { margin: 1.7rem 0 1rem; font-size: clamp(2rem, 3vw, 3.2rem); line-height: .97; letter-spacing: -.06em; }
.kraylet-feature p { color: var(--muted); line-height: 1.7; }
.feature-art { position: relative; height: 18rem; margin: -2.2rem -2.2rem 2rem; overflow: hidden; background: radial-gradient(circle, rgba(97,68,170,.2), transparent 60%); }
.dice-art span { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 8rem; height: 8rem; display: grid; place-items: center; border: 1px solid rgba(255,207,107,.7); background: linear-gradient(135deg, rgba(250,187,78,.32), rgba(109,44,122,.4)); color: var(--gold); font-size: 4rem; font-weight: 780; rotate: 12deg; box-shadow: 0 0 4rem rgba(255,184,70,.15); }
.dice-art i, .dice-art b { position: absolute; inset: 22%; border: 1px solid rgba(255,199,101,.18); rotate: 33deg; }.dice-art b { inset: 35%; rotate: -18deg; }
.bond-art span { position: absolute; left: 50%; top: 51%; width: 8rem; height: 10rem; translate: -50% -50%; border: 1px solid rgba(255,138,190,.72); border-radius: 52% 48% 47% 53% / 62% 61% 39% 38%; box-shadow: 0 0 4rem rgba(229,59,176,.18), inset 0 0 2rem rgba(255,157,202,.08); }
.bond-art i, .bond-art b { position: absolute; width: 8rem; height: 8rem; top: 50%; border: 1px solid rgba(255,123,184,.2); border-radius: 50%; }.bond-art i { left: 18%; }.bond-art b { right: 18%; }
.break-art span { position: absolute; inset: 20%; border-radius: 50%; background: radial-gradient(circle, rgba(105,205,255,.18), rgba(100,66,201,.12) 43%, transparent 70%); border: 1px solid rgba(119,202,255,.25); }
.break-art i { position: absolute; left: 49%; top: 6%; width: 3%; height: 88%; background: linear-gradient(90deg, transparent, var(--cyan), #fff, var(--magenta), transparent); clip-path: polygon(40% 0,100% 17%,53% 34%,89% 50%,38% 67%,69% 83%,24% 100%,0 83%,42% 65%,8% 49%,50% 32%,14% 15%); }.break-art b { position: absolute; inset: 32%; border: 1px solid rgba(255,255,255,.22); rotate: 45deg; }

.elements-band { min-height: 55rem; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 4rem; padding-block: clamp(8rem, 14vw, 14rem); }
.element-orbit { position: relative; width: min(100%, 42rem); aspect-ratio: 1; margin-left: auto; border: 1px solid rgba(152,142,255,.25); border-radius: 50%; }
.element-orbit::before, .element-orbit::after { content: ""; position: absolute; inset: 15%; border: 1px solid rgba(255,160,203,.15); border-radius: 50%; rotate: 33deg; }.element-orbit::after { inset: 29%; rotate: -28deg; }
.element-core { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 7rem; height: 7rem; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, rgba(234,91,176,.55), rgba(40,23,70,.92)); font-size: 3rem; font-weight: 800; box-shadow: 0 0 4rem rgba(226,58,180,.24); }
.element-orbit i { position: absolute; color: #aeb3c3; font: 620 .52rem/1 ui-monospace, monospace; letter-spacing: .1em; font-style: normal; }.e1{left:45%;top:-2%}.e2{right:12%;top:10%}.e3{right:-3%;top:45%}.e4{right:10%;bottom:10%}.e5{left:45%;bottom:-2%}.e6{left:10%;bottom:10%}.e7{left:-2%;top:45%}.e8{left:10%;top:10%}.e9{right:23%;bottom:27%}.e10{left:20%;top:30%}
.release-tag { color: #897f91; font: 650 .58rem/1 ui-monospace, monospace; letter-spacing: .13em; }

/* Auth and legal pages */
.aurora { position: fixed; inset: -35rem -35rem auto auto; z-index: -2; width: 75rem; height: 75rem; border-radius: 50%; background: radial-gradient(circle, rgba(92,102,255,.2), rgba(230,61,188,.1) 42%, transparent 68%); filter: blur(32px); }
.auth-shell { max-width: 43rem; margin: 6rem auto 9rem; padding: 0 1.5rem; }
.auth-card { position: relative; overflow: hidden; padding: clamp(2rem, 6vw, 3.5rem); border: 1px solid var(--line); background: radial-gradient(circle at 100% 0, rgba(80,200,255,.11), transparent 24rem), rgba(8,12,25,.84); box-shadow: 0 3rem 8rem rgba(0,0,0,.32); }
.auth-mark { display: block; width: 2.6rem; height: auto; margin-bottom: 2rem; }
.auth-card h1 { margin: .5rem 0 1rem; font-size: clamp(2.6rem, 8vw, 4.5rem); line-height: .94; letter-spacing: -.065em; }
.auth-card h2, .auth-card h3 { letter-spacing: -.03em; }
.auth-option { font-family: inherit; }
.providers { width: min(100% - 3rem, 62rem); margin: 0 auto; padding: clamp(6rem, 12vw, 11rem) 0; }
.providers h1 { margin: .7rem 0 2rem; font-size: clamp(3.5rem, 8vw, 7.5rem); line-height: .85; letter-spacing: -.08em; }
.providers p { max-width: 52rem; color: var(--muted); font-size: 1.08rem; line-height: 1.8; }
.providers a { color: var(--gold); border-bottom: 1px solid currentColor; }

/* Public policy and support foundation */
.policy-page { background: radial-gradient(circle at 78% 8%, rgba(65, 91, 186, .08), transparent 32rem), var(--night); }
.policy-shell { width: min(100% - 3rem, 82rem); margin: 0 auto; padding-bottom: clamp(7rem, 12vw, 11rem); }
.policy-hero { max-width: 72rem; padding: clamp(6rem, 11vw, 10rem) 0 clamp(4rem, 8vw, 7rem); border-bottom: 1px solid var(--line); }
.policy-hero h1 { margin: 1rem 0 2rem; font-size: clamp(4rem, 8.5vw, 8.4rem); font-weight: 760; line-height: .84; letter-spacing: -.08em; }
.policy-hero h1 span { color: transparent; background: linear-gradient(100deg, #fff 2%, var(--cyan) 38%, var(--blue) 64%, var(--magenta)); background-clip: text; -webkit-background-clip: text; }
.policy-lede { max-width: 55rem; margin: 0; color: #b7bece; font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.75; }
.policy-gate { max-width: 59rem; margin-top: 2rem; padding: 1rem 1.2rem; display: grid; grid-template-columns: auto 1fr; gap: 1rem; border: 1px solid rgba(255, 204, 95, .27); background: rgba(255, 204, 95, .055); color: #bac1d0; font-size: .86rem; line-height: 1.6; }
.policy-gate strong { color: var(--gold); font: 760 .63rem/1.5 ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; }
.policy-layout { display: grid; grid-template-columns: minmax(11rem, .28fr) 1fr; gap: clamp(3rem, 8vw, 8rem); padding-top: clamp(4rem, 8vw, 7rem); }
.policy-index { position: sticky; top: 2rem; align-self: start; display: grid; gap: .9rem; padding-left: 1.2rem; border-left: 1px solid var(--line); }
.policy-index span { margin-bottom: .4rem; color: var(--gold); font: 740 .58rem/1.4 ui-monospace, monospace; letter-spacing: .14em; }
.policy-index a { color: #7f899f; font-size: .78rem; line-height: 1.3; transition: color .2s ease, translate .2s ease; }
.policy-index a:hover { color: #fff; translate: .2rem 0; }
.policy-copy { max-width: 52rem; }
.policy-copy section { position: relative; padding: 0 0 clamp(4rem, 8vw, 6rem); scroll-margin-top: 2rem; }
.policy-copy section + section { padding-top: clamp(3rem, 6vw, 5rem); border-top: 1px solid var(--line); }
.policy-number { display: block; margin-bottom: .75rem; color: var(--cyan); font: 700 .6rem/1 ui-monospace, monospace; letter-spacing: .14em; }
.policy-copy h2 { margin: 0 0 1.3rem; font-size: clamp(2.3rem, 5vw, 4rem); line-height: .95; letter-spacing: -.055em; }
.policy-copy p { margin: 0 0 1.3rem; color: var(--muted); font-size: 1rem; line-height: 1.82; }
.policy-copy a { color: var(--gold); border-bottom: 1px solid rgba(255, 204, 95, .42); }
.policy-copy .policy-updated { margin-top: 2rem; color: #707a91; font: 650 .6rem/1.6 ui-monospace, monospace; letter-spacing: .11em; text-transform: uppercase; }
.policy-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 2rem 0; background: var(--line); border: 1px solid var(--line); }
.policy-card-grid > div { min-width: 0; padding: 1.4rem; background: rgba(6, 10, 21, .94); }
.policy-card-grid strong, .policy-card-grid span { display: block; }
.policy-card-grid strong { margin-bottom: .35rem; color: #fff; font: 760 .7rem/1.4 ui-monospace, monospace; letter-spacing: .12em; }
.policy-card-grid span { min-height: 2.4rem; color: var(--cyan); font-size: .76rem; line-height: 1.5; }
.policy-card-grid p { margin: .8rem 0 0; font-size: .84rem; line-height: 1.65; }

.support-shell { width: min(100% - 3rem, 92rem); }
.support-route-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.support-route-grid article { min-height: 20rem; padding: clamp(2rem, 4vw, 3.5rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg, rgba(14, 20, 39, .62), rgba(5, 7, 15, .68)); }
.route-tag { color: var(--cyan); font: 730 .59rem/1 ui-monospace, monospace; letter-spacing: .14em; }
.support-route-grid h2 { margin: 4rem 0 1rem; font-size: clamp(2rem, 3.8vw, 3.25rem); line-height: .95; letter-spacing: -.055em; }
.support-route-grid p { max-width: 34rem; color: var(--muted); line-height: 1.7; }
.support-route-grid a { display: inline-block; margin-top: 1rem; color: var(--gold); font: 690 .68rem/1.4 ui-monospace, monospace; letter-spacing: .08em; border-bottom: 1px solid rgba(255, 204, 95, .35); }
.support-intake { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 8vw, 8rem); padding: clamp(7rem, 12vw, 11rem) 0; border-bottom: 1px solid var(--line); }
.support-intake h2, .support-status h2, .support-stop h2 { margin: .8rem 0; font-size: clamp(2.8rem, 5.8vw, 5.5rem); line-height: .9; letter-spacing: -.065em; }
.intake-list { border-top: 1px solid var(--line); }
.intake-list p { display: grid; grid-template-columns: 2.3rem 10rem 1fr; gap: 1rem; margin: 0; padding: 1.6rem 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .9rem; line-height: 1.65; }
.intake-list p > span { color: var(--cyan); font: 680 .58rem/1.6 ui-monospace, monospace; }
.intake-list strong { color: #f5f6fa; font-size: .85rem; }
.support-stop { display: grid; grid-template-columns: auto 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; padding: clamp(5rem, 10vw, 9rem) 0; border-bottom: 1px solid var(--line); }
.support-stop > span { width: 5rem; height: 5rem; display: grid; place-items: center; border: 1px solid rgba(255, 105, 158, .42); border-radius: 50%; color: #ff699e; font: 760 1.5rem/1 ui-monospace, monospace; box-shadow: 0 0 3rem rgba(255, 82, 150, .1); }
.support-stop h2 { max-width: 58rem; }
.support-stop div > p:last-child, .support-status > p { max-width: 62rem; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.support-status { padding: clamp(6rem, 11vw, 10rem) 0 0; }
.support-status .contact-actions { margin-top: 2.5rem; }

.roadmap-platforms { display: grid; grid-template-columns: 1fr 1fr; border-left: 1px solid var(--line); }
.roadmap-platforms article { min-height: 25rem; padding: clamp(2rem, 5vw, 4rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 85% 15%, rgba(91, 212, 255, .09), transparent 16rem), rgba(7, 11, 23, .68); }
.roadmap-platforms span { color: var(--cyan); font: 720 .6rem/1.4 ui-monospace, monospace; letter-spacing: .14em; }
.roadmap-platforms h2 { margin: 7rem 0 1rem; font-size: clamp(3rem, 6vw, 5.5rem); line-height: .85; letter-spacing: -.07em; }
.roadmap-platforms p { max-width: 36rem; color: var(--muted); line-height: 1.75; }
.roadmap-track { padding: clamp(8rem, 14vw, 13rem) 0; }
.roadmap-heading { display: grid; grid-template-columns: .5fr 1fr; gap: 3rem; align-items: end; padding-bottom: 4rem; }
.roadmap-heading h2 { margin: 0; font-size: clamp(3.5rem, 7vw, 7rem); line-height: .86; letter-spacing: -.075em; }
.roadmap-track ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.roadmap-track li { display: grid; grid-template-columns: minmax(4rem, .22fr) 1fr; gap: clamp(2rem, 7vw, 7rem); padding: clamp(3rem, 7vw, 6rem) 0; border-bottom: 1px solid var(--line); }
.roadmap-marker { color: #5c667d; font: 660 clamp(2.4rem, 5vw, 5rem)/.9 ui-monospace, monospace; letter-spacing: -.08em; }
.roadmap-current .roadmap-marker { color: var(--gold); text-shadow: 0 0 2rem rgba(255, 204, 95, .2); }
.roadmap-track h3 { margin: .8rem 0 1.3rem; font-size: clamp(2.7rem, 5.5vw, 5rem); line-height: .9; letter-spacing: -.065em; }
.roadmap-track li div > p:not(.route-tag) { max-width: 56rem; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.roadmap-track strong { display: block; margin-top: 2.3rem; color: var(--gold); font: 720 .58rem/1.4 ui-monospace, monospace; letter-spacing: .14em; }
.roadmap-track small { display: block; max-width: 56rem; margin-top: .6rem; color: #798399; font-size: .8rem; line-height: 1.7; }
.roadmap-principles { display: grid; grid-template-columns: .35fr .75fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; padding: clamp(6rem, 11vw, 10rem) 0 0; border-top: 1px solid var(--line); }
.roadmap-principles h2 { margin: 0; font-size: clamp(2.8rem, 5vw, 5.2rem); line-height: .9; letter-spacing: -.065em; }
.roadmap-principles div p { margin: 0 0 1.7rem; color: var(--muted); line-height: 1.75; }
.roadmap-principles strong { color: #fff; }

@media (prefers-reduced-motion: no-preference) {
  .hero-orbit, .constellation-engine { animation: breathe 9s ease-in-out infinite; }
  .ring-one, .orbit-alpha { animation: turn 28s linear infinite; }
  .ring-two, .orbit-beta { animation: turnReverse 36s linear infinite; }
  .cosmos-rift { animation: riftPulse 3.6s ease-in-out infinite; }
  .forge-mark::before { animation: turn 25s linear infinite; }
  .forge-mark::after { animation: turnReverse 31s linear infinite; }
  @keyframes breathe { 50% { translate: 0 calc(-50% - 8px); } }
  @keyframes turn { to { rotate: 384deg; } }
  @keyframes turnReverse { to { rotate: -391deg; } }
  @keyframes riftPulse { 50% { opacity: .58; filter: blur(3px); } }
}

@media (max-width: 980px) {
  .site-nav, .nav { grid-template-columns: 1fr auto; }
  .site-nav nav, .nav nav { display: none; }
  .home-hero, .product-hero { min-height: 54rem; }
  .hero-content, .product-hero-copy { width: 100%; padding-top: 10rem; }
  .hero-orbit, .constellation-engine, .kraylet-cosmos { right: -15rem; opacity: .56; }
  .product-hero-copy { width: 80%; }
  .product-showcase { grid-template-columns: 1fr; }
  .world-card { min-height: 42rem; }
  .system-grid { grid-template-columns: 1fr 1fr; }
  .system-cell.feature-large { grid-column: span 2; }
  .system-cell:last-child { grid-column: span 2; }
  .workflow-band, .elements-band { grid-template-columns: 1fr; }
  .element-orbit { margin: 2rem auto 0; width: min(80vw, 36rem); }
  .edition-grid { grid-template-columns: 1fr; }
  .edition-grid article { min-height: auto; }
  .kraylet-feature-grid { grid-template-columns: 1fr; }
  .kraylet-feature { min-height: auto; }
  .site-footer { grid-template-columns: 1fr 1fr; padding-block: 3rem; }
  .site-footer nav { justify-self: end; flex-wrap: wrap; justify-content: flex-end; }
  .copyright { justify-self: end; }
  .policy-layout { grid-template-columns: 10rem 1fr; gap: 3rem; }
  .policy-card-grid { grid-template-columns: 1fr; }
  .policy-card-grid span { min-height: 0; }
  .support-intake { grid-template-columns: 1fr; }
  .roadmap-heading, .roadmap-principles { grid-template-columns: 1fr; }
  .roadmap-heading { gap: 1rem; }
}

@media (max-width: 700px) {
  .site-nav, .nav, .home-hero, .product-hero, .section-shell, .site-footer, .policy-shell, .support-shell { width: min(100% - 2rem, 92rem); }
  .site-nav, .nav { height: 5.2rem; }
  .brand img { width: 8.6rem; }
  .nav-action { min-width: auto; padding: .62rem .78rem; font-size: .58rem; }
  .home-hero, .product-hero { min-height: calc(100svh - 5.2rem); }
  .home-hero h1, .product-hero h1 { font-size: clamp(3.4rem, 17vw, 6.5rem); }
  .hero-content, .product-hero-copy { padding-top: 7rem; }
  .hero-lower { margin-left: 0; flex-direction: column; align-items: flex-start; gap: 2rem; }
  .round-link { width: 5.8rem; height: 5.8rem; }
  .hero-orbit, .constellation-engine, .kraylet-cosmos { right: -18rem; opacity: .34; }
  .product-hero-copy { width: 100%; }
  .coordinate-strip { gap: .9rem; font-size: .48rem; }
  .product-intro, .system-statement, .studio-manifesto, .edition-section { grid-template-columns: 1fr; gap: 2.2rem; }
  .section-label { border-bottom: 1px solid var(--line); padding-bottom: 1rem; }
  .section-statement h2, .statement-copy h2, .manifesto-copy h2, .contact-band h2, .workflow-band h2, .edition-content h2, .elements-band h2 { font-size: clamp(2.8rem, 14vw, 5rem); }
  .world-card { min-height: 38rem; }
  .card-topline span:last-child { display: none; }
  .forge-mark { width: 15rem; height: 15rem; }
  .rift-world { width: 19rem; height: 19rem; }
  .principle-row { grid-template-columns: 1fr; }
  .principle-row article, .principle-row article:not(:first-child) { padding: 1.5rem 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .system-grid { display: block; border-left: 1px solid var(--line); }
  .system-cell, .system-cell.feature-large { min-height: auto; padding-block: 2.5rem; }
  .provider-track { gap: .55rem; flex-wrap: wrap; }
  .provider-track i { width: 1rem; }
  .workflow-band { gap: 2rem; }
  .edition-grid { margin-top: 2.5rem; }
  .site-footer { display: flex; flex-direction: column; align-items: flex-start; gap: 1.2rem; }
  .site-footer nav { justify-content: flex-start; }
  .copyright { align-self: flex-start; }
  .policy-hero { padding-top: 5rem; }
  .policy-hero h1 { font-size: clamp(3.4rem, 16vw, 5.5rem); }
  .policy-gate { grid-template-columns: 1fr; }
  .policy-layout { display: block; }
  .policy-index { position: static; margin-bottom: 4rem; grid-template-columns: 1fr 1fr; }
  .policy-index span { grid-column: 1 / -1; }
  .support-route-grid { grid-template-columns: 1fr; }
  .support-route-grid article { min-height: auto; }
  .support-route-grid h2 { margin-top: 3rem; }
  .intake-list p { grid-template-columns: 2rem 1fr; }
  .intake-list p > span { grid-row: span 2; }
  .support-stop { grid-template-columns: 1fr; }
  .support-stop > span { width: 4rem; height: 4rem; }
  .roadmap-platforms { grid-template-columns: 1fr; }
  .roadmap-platforms article { min-height: auto; }
  .roadmap-platforms h2 { margin-top: 4rem; }
  .roadmap-track li { grid-template-columns: 3rem 1fr; gap: 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}