:root,[data-theme=still-orbit-mist]{color-scheme:light;--so-black: oklch(28.1% .016 248.4);--so-paper: oklch(95.1% .009 78.3);--so-base-50: oklch(96.3% .009 78.3);--so-base-100: oklch(93.1% .014 74.4);--so-base-150: oklch(89% .02 72.6);--so-base-200: oklch(83.4% .026 69.4);--so-base-300: oklch(74.9% .022 62.8);--so-base-400: oklch(68.2% .009 67.7);--so-base-500: oklch(61.9% .015 248.1);--so-base-600: oklch(48.6% .016 251.7);--so-base-700: oklch(38.1% .024 248.4);--so-base-800: oklch(34.2% .025 246.3);--so-base-850: oklch(31.2% .023 248.6);--so-base-900: oklch(28.1% .016 248.4);--so-base-950: oklch(22.4% .014 253.1);--so-red-50: oklch(93.7% .016 42.4);--so-red-100: oklch(88.1% .031 46.2);--so-red-150: oklch(82.1% .046 46);--so-red-200: oklch(75.1% .062 43.1);--so-red-300: oklch(66.3% .078 40.7);--so-red-400: oklch(59.1% .086 37.5);--so-red-500: oklch(52.4% .086 33.6);--so-red-600: oklch(46% .076 31.4);--so-red-700: oklch(39.8% .061 30.2);--so-red-800: oklch(34.7% .048 27.5);--so-red-850: oklch(30.8% .04 26.8);--so-red-900: oklch(26.6% .033 25.5);--so-red-950: oklch(22.4% .025 23.5);--so-orange-50: oklch(96.1% .015 77.1);--so-orange-100: oklch(92.2% .031 77);--so-orange-150: oklch(87.4% .047 75.6);--so-orange-200: oklch(81.7% .065 72.1);--so-orange-300: oklch(74.9% .081 66.7);--so-orange-400: oklch(69.2% .094 57.8);--so-orange-500: oklch(62.2% .096 53.5);--so-orange-600: oklch(54.2% .087 52.4);--so-orange-700: oklch(46.7% .072 51.7);--so-orange-800: oklch(40.5% .058 52.1);--so-orange-850: oklch(35.8% .049 51.8);--so-orange-900: oklch(30.4% .04 51.3);--so-orange-950: oklch(24.7% .029 51.9);--so-yellow-50: oklch(97.4% .01 81.8);--so-yellow-100: oklch(94.4% .023 87.2);--so-yellow-150: oklch(90.5% .035 88.8);--so-yellow-200: oklch(85.7% .049 88.8);--so-yellow-300: oklch(79.8% .063 86.4);--so-yellow-400: oklch(74.3% .073 89.4);--so-yellow-500: oklch(66.7% .071 87.3);--so-yellow-600: oklch(57.4% .06 84.7);--so-yellow-700: oklch(49.1% .047 85);--so-yellow-800: oklch(42.1% .035 85.4);--so-yellow-850: oklch(36.9% .027 80.3);--so-yellow-900: oklch(31.1% .021 73.1);--so-yellow-950: oklch(24.6% .014 57.5);--so-green-50: oklch(95.9% .007 151.9);--so-green-100: oklch(91.4% .013 149.2);--so-green-150: oklch(85.9% .016 154.4);--so-green-200: oklch(79.6% .022 158.5);--so-green-300: oklch(71.1% .029 164);--so-green-400: oklch(63.7% .028 165.1);--so-green-500: oklch(56.2% .026 168.1);--so-green-600: oklch(49.3% .024 173.1);--so-green-700: oklch(42.5% .019 176.2);--so-green-800: oklch(36.5% .014 175.5);--so-green-850: oklch(32.4% .012 171);--so-green-900: oklch(28.6% .01 176.5);--so-green-950: oklch(23.8% .008 182.3);--so-cyan-50: oklch(95.4% .009 225.1);--so-cyan-100: oklch(91.2% .015 229);--so-cyan-150: oklch(86.1% .024 227.8);--so-cyan-200: oklch(79.9% .034 229.4);--so-cyan-300: oklch(72.2% .045 231.3);--so-cyan-400: oklch(64.4% .052 235.5);--so-cyan-500: oklch(57.8% .054 237);--so-cyan-600: oklch(51.4% .05 235.6);--so-cyan-700: oklch(44.6% .043 236.6);--so-cyan-800: oklch(38.8% .034 232.6);--so-cyan-850: oklch(34.1% .029 233);--so-cyan-900: oklch(29.5% .024 228.4);--so-cyan-950: oklch(24% .019 232.4);--so-blue-50: oklch(95.8% .009 242.8);--so-blue-100: oklch(91.9% .017 242.4);--so-blue-150: oklch(87% .029 241.6);--so-blue-200: oklch(80.5% .04 243.6);--so-blue-300: oklch(72.5% .058 242.9);--so-blue-400: oklch(64.7% .064 244.4);--so-blue-500: oklch(58.1% .062 243.6);--so-blue-600: oklch(50.4% .055 244.5);--so-blue-700: oklch(43.5% .048 245.7);--so-blue-800: oklch(38% .038 241.8);--so-blue-850: oklch(33.6% .032 241.8);--so-blue-900: oklch(28.9% .025 237);--so-blue-950: oklch(22.9% .02 239.3);--so-purple-50: oklch(95% .007 312.3);--so-purple-100: oklch(89.8% .015 308.3);--so-purple-150: oklch(83.5% .025 306.9);--so-purple-200: oklch(76% .033 306.1);--so-purple-300: oklch(65.8% .04 304.5);--so-purple-400: oklch(58.2% .042 306);--so-purple-500: oklch(51% .038 304.8);--so-purple-600: oklch(44.9% .029 306.5);--so-purple-700: oklch(39.7% .021 307.9);--so-purple-800: oklch(34.4% .015 308);--so-purple-850: oklch(30.5% .015 307.9);--so-purple-900: oklch(26.2% .012 308);--so-purple-950: oklch(21.4% .01 303.7);--so-magenta-50: oklch(95.2% .008 357.8);--so-magenta-100: oklch(89.6% .018 4.6);--so-magenta-150: oklch(83.5% .031 5.2);--so-magenta-200: oklch(76.4% .045 5.8);--so-magenta-300: oklch(67.9% .06 5);--so-magenta-400: oklch(59.9% .068 3);--so-magenta-500: oklch(52.9% .07 3.5);--so-magenta-600: oklch(46.4% .063 3.9);--so-magenta-700: oklch(40.3% .054 3.9);--so-magenta-800: oklch(34.9% .042 3.1);--so-magenta-850: oklch(30.9% .038 .5);--so-magenta-900: oklch(26.5% .031 2.2);--so-magenta-950: oklch(21.8% .021 8.8);--so-bg: var(--so-paper);--so-bg-elevated: var(--so-base-50);--so-bg-subtle: var(--so-base-100);--so-ui: var(--so-base-150);--so-ui-strong: var(--so-base-200);--so-border: var(--so-base-200);--so-border-muted: var(--so-base-150);--so-text: var(--so-base-700);--so-text-muted: var(--so-base-600);--so-text-faint: var(--so-base-400);--so-heading: var(--so-black);--so-link: var(--so-blue-600);--so-link-hover: var(--so-cyan-600);--so-primary: var(--so-base-700);--so-primary-contrast: var(--so-base-50);--so-secondary: var(--so-cyan-600);--so-accent: var(--so-orange-400);--so-accent-soft: oklch(84.3% .058 66.9);--so-success: var(--so-green-600);--so-warning: var(--so-yellow-600);--so-danger: var(--so-red-600);--so-info: var(--so-blue-600);--so-selection-bg: oklch(51.4% .05 235.6 / .18);--so-selection-text: var(--so-black);--so-shadow-color: oklch(28.1% .016 248.4 / .14)}.dark,[data-theme=still-orbit-night]{color-scheme:dark;--so-bg: var(--so-black);--so-bg-elevated: var(--so-base-950);--so-bg-subtle: var(--so-base-900);--so-ui: var(--so-base-850);--so-ui-strong: var(--so-base-800);--so-border: var(--so-base-800);--so-border-muted: var(--so-base-850);--so-text: var(--so-base-200);--so-text-muted: var(--so-base-400);--so-text-faint: var(--so-base-500);--so-heading: var(--so-base-50);--so-link: var(--so-blue-400);--so-link-hover: var(--so-cyan-400);--so-primary: var(--so-base-200);--so-primary-contrast: var(--so-base-950);--so-secondary: var(--so-cyan-400);--so-accent: var(--so-orange-400);--so-accent-soft: oklch(84.3% .058 66.9);--so-success: var(--so-green-400);--so-warning: var(--so-yellow-400);--so-danger: var(--so-red-400);--so-info: var(--so-blue-400);--so-selection-bg: oklch(64.7% .064 244.4 / .2);--so-selection-text: var(--so-base-50);--so-shadow-color: oklch(0% 0 0 / .28)}html{background:var(--so-bg);color:var(--so-text)}body{margin:0;background:radial-gradient(circle at top,color-mix(in oklab,var(--so-accent-soft) 10%,transparent),transparent 32%),var(--so-bg);color:var(--so-text)}::selection{background:var(--so-selection-bg);color:var(--so-selection-text)}:root{--page-width: min(1120px, calc(100vw - 2rem) );--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--shadow-soft: 0 18px 48px var(--so-shadow-color);--shadow-card: 0 10px 28px var(--so-shadow-color);--transition: .18s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}h1,h2,h3,p,figure,ul{margin:0}img{display:block;max-width:100%}button,a{transition:color var(--transition),border-color var(--transition),background-color var(--transition),box-shadow var(--transition),transform var(--transition)}button{font:inherit}.shell{width:var(--page-width);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:color-mix(in oklab,var(--so-bg) 0%,transparent)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.brand{color:var(--so-heading);font-size:.96rem;font-weight:600;letter-spacing:-.01em;text-decoration:none}.header-meta,.controls{display:inline-flex;align-items:center;gap:.55rem}.header-meta{flex:0 0 auto}.controls{margin-left:auto;flex:0 1 auto}main{padding:4rem 0 5rem}.content__hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:center;gap:clamp(1.25rem,4vw,4rem);min-height:clamp(24rem,44vw,34rem);margin-bottom:3.5rem}.hero{max-width:48rem;margin-bottom:0}.hero--content{max-width:46rem}.hero--visual{display:grid;place-items:center;max-width:none}.hero h1{color:var(--so-heading);font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:clamp(3rem,8vw,6rem);line-height:.94;letter-spacing:-.05em}.hero__lead{max-width:40rem;margin-top:1rem;color:var(--so-text);font-size:clamp(1.06rem,1.5vw,1.22rem)}.hero__microcopy{max-width:36rem;margin-top:1rem;color:var(--so-text);font-size:.95rem}.hero__microcopy strong{color:var(--so-heading);font-weight:600}.section{padding:2rem 0}.section+.section{border-top:1px solid color-mix(in oklab,var(--so-border) 72%,transparent)}.section__heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1.25rem}.section__heading h2{color:var(--so-heading);font-size:clamp(1.3rem,2vw,1.65rem)}.section__heading p{max-width:44rem;color:var(--so-text-muted)}.footer{display:flex;justify-content:center;padding:2rem 0 0;color:var(--so-text-faint);font-size:.88rem}.footer p{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center}.footer a{color:var(--so-heading);text-decoration:none}.footer a:hover,.footer a:focus-visible{color:var(--so-link);outline:none}.header-pill,.header-link,.icon-button,.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.5rem;padding:.55rem .8rem;border:1px solid var(--so-border);border-radius:999px;background:color-mix(in oklab,var(--so-bg-elevated) 88%,transparent);color:var(--so-heading);box-shadow:0 1px color-mix(in oklab,var(--so-border) 64%,transparent);text-decoration:none}.header-pill{font-size:.82rem;font-weight:600;letter-spacing:.02em}.header-link svg,.icon-button svg,.hero-button svg{width:1rem;height:1rem;flex:none}.header-link span,.hero-button span:first-child{font-size:.88rem;font-weight:500}.icon-button{width:2.5rem;padding:0;cursor:pointer}.hero-button{width:fit-content;margin-top:1.25rem;padding-inline:1rem}.icon-button__glyph{font-size:.95rem;line-height:1}.header-link:hover,.header-link:focus-visible,.icon-button:hover,.hero-button:hover,.hero-button:focus-visible,.icon-button:focus-visible,.copy-swatch:hover,.copy-swatch:focus-visible,.mini-swatch:hover,.mini-swatch:focus-visible{outline:none;transform:translateY(-1px);border-color:var(--so-text-faint);box-shadow:var(--shadow-card)}.planet-lockup{--orbit-angle: -40deg;--orbit-size: 72%;--orbit-radius-x: 16%;--orbit-radius-y: 42%;--planet-size: 68%;position:relative;width:min(36rem,44vw);aspect-ratio:1;display:grid;place-items:center;isolation:isolate;overflow:visible}.planet-lockup__planet:before{content:"";position:absolute;inset:-7%;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 58%,color-mix(in oklab,var(--so-orange-400) 10%,transparent) 68%,color-mix(in oklab,var(--so-orange-400) 16%,transparent) 74%,color-mix(in oklab,var(--so-red-400) 10%,transparent) 80%,transparent 88%);filter:blur(10px);opacity:.95;z-index:-1;pointer-events:none}.planet-lockup__planet{position:relative;z-index:2;width:68%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in oklab,var(--so-border) 82%,transparent);background:radial-gradient(circle at 34% 30%,color-mix(in oklab,white 22%,var(--so-orange-400)),color-mix(in oklab,white 10%,var(--so-orange-400)) 14%,color-mix(in oklab,var(--so-orange-400) 78%,var(--so-red-400)) 34%,color-mix(in oklab,var(--so-orange-600) 76%,var(--so-red-600)) 62%,color-mix(in oklab,var(--so-red-600) 58%,var(--so-base-900)));box-shadow:0 20px 56px var(--so-shadow-color),inset 1.2rem 1rem 2rem color-mix(in oklab,white 10%,transparent),inset -2.2rem -2rem 3.2rem color-mix(in oklab,var(--so-base-950) 18%,transparent)}.planet-lockup__plane{position:absolute;inset:0;pointer-events:none}.planet-lockup__plane--back{z-index:1;opacity:0}.planet-lockup__plane--front{z-index:3;opacity:1;animation:still-orbit-front-visibility 8.8s linear infinite}.planet-lockup__moon-track{position:absolute;top:50%;left:50%;width:var(--orbit-size);height:var(--orbit-size);transform:translate(-50%,-50%) rotate(var(--orbit-angle));overflow:visible}.planet-lockup__moon{position:absolute;top:0;left:0;width:clamp(4rem,2.4vw,6rem);aspect-ratio:1;border-radius:50%;offset-path:ellipse(var(--orbit-radius-x) var(--orbit-radius-y) at 50% 50%);offset-anchor:center;offset-rotate:0deg;offset-distance:25%;animation:still-orbit-distance 8.8s linear infinite;background:radial-gradient(circle at 34% 30%,color-mix(in oklab,white 26%,var(--so-cyan-400)),color-mix(in oklab,white 12%,var(--so-blue-400)) 24%,color-mix(in oklab,var(--so-cyan-400) 46%,var(--so-blue-400)) 56%,color-mix(in oklab,var(--so-blue-600) 78%,var(--so-base-800)));border:1px solid color-mix(in oklab,var(--so-border) 70%,transparent);box-shadow:0 0 0 .45rem color-mix(in oklab,var(--so-blue-400) 10%,transparent),0 10px 24px var(--so-shadow-color)}@keyframes still-orbit-distance{0%{offset-distance:25%}to{offset-distance:125%}}@keyframes still-orbit-distance{0%{offset-distance:25%}to{offset-distance:130%}}@keyframes still-orbit-front-visibility{0%,49.9%{opacity:1}50%,to{opacity:0}}.copy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.copy-swatch{display:grid;gap:.9rem;width:100%;padding:0;border:1px solid var(--so-border);border-radius:var(--radius-md);background:var(--so-bg-elevated);text-align:left;cursor:pointer;overflow:hidden}.copy-swatch__paint{position:relative;min-height:9rem;padding:.95rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--swatch-fg, var(--so-black));background:var(--swatch-bg, var(--so-bg-subtle))}.copy-swatch__paint:after{content:"Copy";position:absolute;right:.9rem;bottom:.9rem;padding:.24rem .5rem;border-radius:999px;background:color-mix(in oklab,currentColor 12%,transparent);color:inherit;font-size:.72rem}.copy-swatch__token{display:inline-flex;max-width:max-content;padding:.18rem .5rem;border-radius:999px;background:color-mix(in oklab,currentColor 12%,transparent);color:inherit;font-size:.76rem;font-weight:600;letter-spacing:.02em}.copy-swatch__value{display:none}.copy-swatch__meta{display:grid;gap:.28rem;padding:0 .95rem 1rem}.copy-swatch__label{color:var(--so-heading);font-size:.95rem;font-weight:600}.copy-swatch__note{color:var(--so-text-muted);font-size:.82rem}.anchors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-bottom:1.2rem}.base-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.family-list{display:grid;gap:1rem}.family-card{border:1px solid var(--so-border);border-radius:var(--radius-md);background:color-mix(in oklab,var(--so-bg-elevated) 92%,transparent);padding:1rem}.family-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.family-card__header h3{color:var(--so-heading);font-size:1rem}.family-card__header p{color:var(--so-text-faint);font-size:.8rem}.family-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.mini-swatch{display:grid;gap:.55rem;width:100%;padding:0;border:1px solid var(--so-border);border-radius:16px;background:var(--so-bg);overflow:hidden;cursor:pointer;text-align:left}.mini-swatch__paint{min-height:5rem;background:var(--swatch-bg)}.mini-swatch__meta{display:grid;gap:.16rem;padding:0 .75rem .8rem}.mini-swatch__step{color:var(--so-heading);font-size:.86rem;font-weight:600}.mini-swatch__hex{color:var(--so-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}.toast{--toast-dot-color: var(--so-accent-soft);position:fixed;inset:auto 1rem 1rem auto;z-index:40;display:inline-flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid var(--so-border);border-radius:999px;background:color-mix(in oklab,var(--so-bg-elevated) 94%,transparent);color:var(--so-heading);box-shadow:var(--shadow-card);opacity:0;transform:translateY(.55rem);pointer-events:none;will-change:transform,opacity}.toast.is-visible{opacity:1;transform:translateY(0);animation:toast-fade-in-up .16s ease-out both}.toast__dot{width:.6rem;height:.6rem;border-radius:999px;background:var(--toast-dot-color);border:1px solid var(--so-border);box-shadow:0 0 0 .22rem color-mix(in oklab,var(--toast-dot-color) 18%,transparent)}@keyframes toast-fade-in-up{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.copy-grid,.base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.content__hero{grid-template-columns:1fr;min-height:auto}.hero--visual{justify-content:start}.planet-lockup{width:min(24rem,78vw)}.planet-lockup__plane--back,.planet-lockup__plane--front,.planet-lockup__moon{animation:none!important}.planet-lockup__plane--back{opacity:0}.planet-lockup__plane--front{opacity:1}}@media(max-width:720px){.site-header__inner{gap:.75rem;flex-wrap:nowrap}.section__heading{flex-direction:column;align-items:flex-start}.header-link span{display:none}.header-pill,.header-link,.icon-button{min-height:2.35rem;padding:.5rem .72rem}.header-link{padding-inline:.7rem}.copy-grid,.base-grid,.anchors,.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){main{padding-top:2.8rem}.site-header__inner{min-height:3.75rem}.header-meta{min-width:0}.controls{width:auto;justify-content:flex-end;flex-wrap:nowrap;gap:.5rem}.header-pill,.header-link,.icon-button{min-height:2.25rem}.header-pill{padding-inline:.7rem;font-size:.76rem}.icon-button{width:2.25rem}.copy-grid,.base-grid,.anchors,.family-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.planet-lockup__plane--back,.planet-lockup__plane--front,.planet-lockup__moon,.planet-lockup__moon-track{animation:none!important}.toast.is-visible{animation:none}}