:root{
  --muted:#b9b7b0;
  --surface-raised:#11151a;
  --section-space:100px;
}
/* Company layer derived from the RS-09 microsite's palette and type system. */
:root{--paper:#eee9dd;--acid:#edff65;--signal:#ff6b18;--line:rgba(243,240,233,.16)}
html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-width:auto}body{font-family:var(--font-sans);font-size:var(--type-body);line-height:var(--leading-copy);color:var(--paper)}a{text-decoration:none}a:focus-visible{outline:2px solid var(--acid);outline-offset:6px}em{font-family:var(--font-editorial);font-weight:400}p{color:var(--muted);line-height:var(--leading-copy);font-size:var(--type-body)}.company-nav,.company-section,.company-hero,.company-footer{padding-inline:clamp(24px,5vw,88px)}.company-nav{position:sticky;top:0;z-index:10;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0b0e13f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--paper)}.brand-name{font-weight:700;font-size:21px;line-height:.95;letter-spacing:-.055em}.brand-mark{display:block;width:48px;height:48px;flex-shrink:0}.company-nav nav{display:flex;gap:32px;font-size:var(--type-note)}.company-nav a:hover,.text-link:hover{color:var(--acid)}.nav-cta{font-size:var(--type-note);border-bottom:1px solid var(--signal);padding:12px 0}.company-hero{padding-top:48px;padding-bottom:54px;min-height:calc(90svh - 88px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 95%,#ff6b181b,transparent 55%)}.hero-topline,.company-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:var(--type-label);letter-spacing:.1em;color:var(--muted)}.company-hero h1{margin:64px 0 48px;}.company-hero h1 em{color:var(--acid)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px}.hero-bottom p{max-width:420px;margin:0}.hero-bottom .launch-button{padding:20px 28px;border-radius:0;background:var(--signal);color:#090a0c;font-size:var(--type-action)}.signal-line{height:4px;width:100%;margin-top:52px;background:linear-gradient(90deg,var(--signal) 0 16%,#eee9dd22 16% 100%)}.company-section{padding-block:var(--section-space);border-top:1px solid var(--line)}.company-eyebrow{margin-bottom:44px}h2{margin:0 0 40px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.section-heading p{max-width:260px;margin-bottom:46px}.product{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,64px)}.product-art{min-width:0}.product-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 30px #0008)}.product-copy{min-width:0}.product-type{font-size:var(--type-label);letter-spacing:.07em;color:var(--acid)}.product h3{margin:20px 0;}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 36px}.product-tags span{font-size:var(--type-label);border:1px solid var(--line);padding:8px 10px;color:var(--muted)}.text-link{display:inline-block;font-size:var(--type-action);padding-bottom:8px;border-bottom:1px solid var(--signal)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}.principles article{border-top:1px solid var(--line);padding-top:24px}.principles article>span{color:var(--signal);font-size:var(--type-label);letter-spacing:.08em}.principles h3{margin:24px 0 12px}.principles p{font-size:var(--type-body)}.about{background:var(--paper);color:#11151a}.about p{color:#4d4c48;max-width:580px}.about .company-eyebrow{color:#555}.about .text-link{margin-top:24px}.company-footer{padding-block:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;font-size:var(--type-label)}.company-footer>a:last-of-type{font-size:var(--type-note)}.company-footer small{color:var(--muted)}.skip-link{position:fixed;left:20px;top:-100px;padding:16px;background:var(--acid);color:#111;z-index:30}.skip-link:focus{top:16px}
@media(max-width:800px){.company-nav{min-height:80px;gap:16px}.company-nav nav{gap:16px}.nav-cta{display:none}.hero-topline>span:last-child,.company-eyebrow>span:last-child:not(:first-child){display:none}.company-hero{min-height:72svh}.hero-bottom,.section-heading{align-items:flex-start;flex-direction:column}.hero-bottom .launch-button{width:100%;justify-content:space-between}:root{--section-space:64px}.section-heading p{margin:0 0 32px}.product{grid-template-columns:1fr;gap:24px}.principles{grid-template-columns:1fr;gap:24px}.company-footer{display:grid;grid-template-columns:1fr 1fr}.company-footer>span{display:none}}
@media(max-width:420px){.company-nav nav{gap:12px}.brand{gap:8px}.brand-name{font-size:18px}.brand-mark{width:40px;height:40px}.company-footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.lead-product{margin-bottom:clamp(48px,6vw,96px)}.lead-product .development-note{margin-top:24px}
.founder-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,7vw,110px);align-items:start}.about .founder-intro{font-size:var(--type-body);max-width:440px}.about .founder-story p{max-width:680px;margin:0 0 24px}.founder-signature{font-weight:600;padding-top:12px}.founder-signature span{font-size:var(--type-note);font-weight:400}.about>.text-link{margin-top:32px}
:root{--content-gutter:clamp(24px,5vw,88px)}
.company-section,.company-hero,.company-footer{padding-inline:var(--content-gutter)}
@media(max-width:800px){.founder-layout{grid-template-columns:1fr}.about .founder-intro{max-width:580px}}

/* Navigation and supporting copy behave identically on both pages. */
.company-footer small{font-size:var(--type-label)}

.hero-bottom p{max-width:560px}
.hero-bottom .launch-button{font-family:var(--font-sans);line-height:1.4}
.hero-topline,.company-eyebrow,.product-type{font-size:var(--type-label);line-height:1.5;letter-spacing:.1em}
.about a:focus-visible,.release-section a:focus-visible{outline-color:#11151a}
@media(max-width:700px){.company-nav{flex-wrap:wrap;padding-block:16px;gap:14px}.company-nav nav{flex:1;justify-content:flex-end;gap:clamp(10px,3vw,20px)}}
@media(max-width:480px){html{scroll-padding-top:128px}.company-nav nav{flex-basis:100%;justify-content:space-between}.company-nav nav a{white-space:nowrap}}

.company-footer>a:not(.brand){font-size:var(--type-note)}

.founder-portrait{margin:32px 0 0;max-width:480px}.founder-portrait img{display:block;width:100%;height:auto}.founder-portrait figcaption{margin-top:12px;color:#555;font-size:var(--type-note);line-height:1.5}
.company-hero{background:radial-gradient(ellipse at 85% 40%,#ff6b1830,transparent 55%),radial-gradient(ellipse at 10% 0%,#edff6514,transparent 45%)}
.hero-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);margin:48px 0}
.company-hero .hero-main h1{margin:0}
.hero-visual{margin:0;position:relative}
.hero-visual img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #eee9dd22;box-shadow:0 40px 100px #000a,0 0 80px #ff6b1826;transform:perspective(1600px) rotateY(-8deg) rotateX(2deg)}
.hero-visual figcaption{margin-top:16px;color:var(--muted);font-size:var(--type-label);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.hero-main{grid-template-columns:1fr}.hero-visual img{transform:none}}
.hero-main{flex:1;margin:32px 0 40px}
.hero-orbit{position:relative;justify-self:center;width:min(100%,560px);aspect-ratio:1;filter:drop-shadow(0 0 60px #edff6522)}
.hero-orbit::before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle,#ff6b1830,transparent 60%);z-index:-1}
.hero-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.orbiter,.ring{transform-origin:300px 300px;animation:orbit-spin 14s linear infinite}
.orbiter.slow{animation-duration:26s;animation-direction:reverse}
.ring.r1{animation-duration:90s}.ring.r2{animation-duration:60s;animation-direction:reverse}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.orbiter,.ring{animation:none}}
@media(max-width:900px){.hero-orbit{width:min(80%,420px)}}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hero-copy h1 span{display:block;white-space:nowrap}
.company-hero .hero-copy .hero-lede{max-width:520px;margin:28px 0 36px;font-size:clamp(1.25rem,1.9vw,1.625rem);line-height:1.45;color:var(--paper)}
.hero-copy .launch-button{padding:20px 28px;border-radius:0;background:var(--signal);color:#090a0c;font-size:var(--type-action)}
.hero-main{grid-template-columns:auto minmax(0,1fr)}
@media(max-width:900px){.hero-main{grid-template-columns:1fr}}
.hero-copy{text-align:left}
.company-hero .hero-copy .hero-lede{margin:40px 0 36px;text-align:left}
.company-hero .hero-copy h1{font-size:clamp(2.25rem,8vw,7rem)}
.hero-main{grid-template-columns:auto minmax(0,1fr)}
@media(max-width:900px){.hero-main{grid-template-columns:1fr}}

/* The supplied artwork retains its exact lettering and follows each palette. */
.brand-lockup{display:block;width:160px;aspect-ratio:1393/483;flex-shrink:0;background:currentColor;mask:url('assets/crooked-orbit-logo.svg') center/contain no-repeat}
@media(max-width:420px){.brand-lockup{width:144px}}

/* Small, repeatable identifiers attached to the instruments they represent. */
.plugin-heading{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}
.plugin-motif{display:block;flex:none;width:clamp(48px,5vw,72px);height:auto}
.song-signal{fill:var(--b-signal)}
.song-dark{fill:var(--b-ink)}
.song-accent{fill:var(--p-saffron,var(--b-signal))}
.plugin-coming .plugin-heading{gap:20px;margin-top:16px}
.plugin-coming .plugin-heading h2{margin:0}
.plugin-coming .plugin-motif{width:48px}
.product-hero .plugin-heading{justify-content:space-between;max-width:900px}
.product-hero .plugin-motif{width:clamp(64px,9vw,120px)}
@media(max-width:480px){.plugin-heading{gap:20px}.plugin-motif{width:48px}.product-hero .plugin-motif{width:56px}}