/* Living studio: blue graphite surfaces, a kinetic wordmark and app-planet artwork.
   Decorative layers never receive input; shared motion controls their lifetime. */
:root {
  color-scheme:dark;
  --ks-bg:#101722;
  --ks-surface:#182231;
  --ks-surface-2:#233b56;
  --ks-text:#eef3fa;
  --ks-muted:#b8c5d8;
  --ks-line:rgba(176,197,226,.18);
  --ks-soft-line:rgba(176,197,226,.09);
  --living-blue:#a9cbfa;
  --living-lilac:#b6ace0;
  --living-peach:#d9bda7;
  --visual-accent:var(--living-blue);
  --visual-teal:var(--living-lilac);
  --visual-warm:var(--living-peach);
  --visual-tint:rgba(143,183,238,.09);
  --visual-border:rgba(143,183,238,.3);
  --canvas-scale:1800px 2000px;
  --canvas-repeat:no-repeat,repeat-y;
  --site-canvas:linear-gradient(to top,var(--ks-bg),transparent 140px),url('../brand/studio-dark-canvas.svg') center top / var(--canvas-scale) repeat-y,var(--ks-bg);
  --surface-gradient:radial-gradient(ellipse at 100% 0%,rgba(69,124,193,.18),transparent 64%),linear-gradient(135deg,#28384c,#192330 48%,#111a27);
  --surface-quiet:radial-gradient(ellipse at 0% 0%,rgba(173,190,213,.065),transparent 55%),linear-gradient(135deg,#222b36,#121b27 72%,#172437);
  --surface-feature:url('../brand/studio-depth.svg') right center / cover no-repeat,radial-gradient(ellipse at 78% -15%,rgba(64,130,225,.46),transparent 59%),radial-gradient(ellipse at 110% 90%,rgba(132,92,185,.24),transparent 54%),linear-gradient(120deg,#151c28 24%,#162b44 74%,#28253d);
  --living-panel:var(--surface-feature);
  --surface-display:radial-gradient(ellipse at 50% -15%,rgba(91,153,234,.38),transparent 65%),radial-gradient(ellipse at 105% 110%,rgba(126,90,178,.24),transparent 56%),linear-gradient(140deg,#263e5b,#121f31 58%,#2a2540);
  --surface-price:linear-gradient(115deg,rgba(176,210,255,.14),rgba(114,152,203,.035));
  --living-dots:rgba(195,214,241,.08);
  --living-shadow:inset 0 1px 0 rgba(219,233,255,.075),0 14px 32px rgba(0,0,0,.16);
}
[data-theme="light"] {
  color-scheme:light;
  --canvas-repeat:no-repeat;
  --ks-bg:#f4f7fb;
  --ks-surface:#fff;
  --ks-surface-2:#eaf2fc;
  --ks-text:#223b58;
  --ks-muted:#4c627a;
  --ks-line:rgba(53,90,140,.14);
  --ks-soft-line:rgba(53,90,140,.08);
  --visual-accent:#32649a;
  --visual-teal:#6b4fac;
  --visual-warm:#97502f;
  --visual-tint:rgba(69,119,188,.055);
  --visual-border:rgba(69,119,188,.21);
  --site-canvas:url('../brand/studio-depth.svg') right top / 1600px 1000px no-repeat,radial-gradient(ellipse 1200px 760px at 95% 90px,rgba(145,184,235,.28),transparent 73%),radial-gradient(ellipse 800px 680px at 0% 680px,rgba(199,183,226,.2),transparent 74%),var(--ks-bg);
  --surface-gradient:radial-gradient(ellipse at 5% 0%,rgba(172,204,244,.17),transparent 62%),linear-gradient(145deg,#fff,#f6f9fe 58%,#e8f0fb);
  --surface-quiet:linear-gradient(150deg,#fff,#f2f6fc 82%);
  --surface-feature:url('../brand/studio-depth.svg') right center / cover no-repeat,radial-gradient(ellipse at 90% -10%,rgba(133,180,235,.25),transparent 62%),radial-gradient(ellipse at 105% 105%,rgba(174,150,216,.2),transparent 60%),linear-gradient(120deg,#fbfdff,#edf3fc 75%);
  --living-panel:radial-gradient(ellipse at 60% 10%,rgba(115,167,225,.22),transparent 70%),linear-gradient(135deg,#dbeafc,#f6faff 58%,#e7e4f5);
  --surface-display:radial-gradient(ellipse at 50% -15%,rgba(103,159,225,.25),transparent 66%),radial-gradient(ellipse at 100% 100%,rgba(163,136,211,.2),transparent 58%),linear-gradient(155deg,#e0ecfb,#f8fbff 72%);
  --surface-price:linear-gradient(120deg,rgba(66,115,179,.085),rgba(121,147,197,.035));
  --living-dots:rgba(47,95,160,.1);
  --living-shadow:0 18px 48px rgba(40,76,124,.035);
}
html { background:var(--ks-bg); min-height:100%; }
html body {
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100svh;
  background:var(--site-canvas)!important;
  background-repeat:var(--canvas-repeat)!important;
}
/* Paint in the document, not a negative fixed layer that can expose viewport
   seams during browser-toolbar resize. Both document edges use --ks-bg. */
html body::before {
  display:none!important;
}
/* Static linework adds a studio signature without competing with the content. */
html body::after {
  content:"";
  display:block!important;
  position:absolute;
  inset:0;
  height:auto;
  max-height:1000px;
  z-index:-1;
  pointer-events:none;
  background:var(--visual-accent);
  mask:url("../brand/studio-lines.svg") center / cover no-repeat;
  opacity:.065;
}
[data-theme="light"] body::after { opacity:.06; }
@media(max-width:620px) {
  html body::after { mask-position:68% center; opacity:.035; }
}
@media(max-width:900px) {
  :root { --canvas-scale:1200px 1800px; }
}
@media(forced-colors:active) {
  html body::before,html body::after { display:none!important; }
}
.sidebar {
  background:linear-gradient(175deg,var(--ks-surface),var(--ks-bg) 52%)!important;
  border-inline-end-color:var(--ks-line)!important;
}
.brand-mini img { box-shadow:0 0 0 1px var(--ks-line)!important; }
.brand-mini strong {
  background:linear-gradient(105deg,var(--ks-text) 15%,var(--visual-accent) 45%,var(--visual-teal) 70%,var(--ks-text) 88%);
  background-size:250% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:studioInk 14s ease-in-out infinite;
}
.sidebar .nav a { border:1px solid transparent; }
.sidebar .nav a.active {
  background:linear-gradient(110deg,var(--visual-tint),transparent)!important;
  border-color:var(--visual-border);
}
.sidebar .nav a.active::after { width:4px; inset-inline-end:7px; top:18px; bottom:18px; }
.control { background:var(--ks-surface)!important; color:var(--ks-text)!important; }
.lang-menu,[data-theme="light"] .lang-menu {
  background:var(--ks-surface);
  border-color:var(--ks-line);
  box-shadow:var(--living-shadow);
}
.lang-menu button,[data-theme="light"] .lang-menu button { color:var(--ks-text); }
.lang-menu button:is(:hover,[aria-selected="true"]),
[data-theme="light"] .lang-menu button:is(:hover,[aria-selected="true"]) {
  background:var(--visual-tint);
  color:var(--visual-accent);
}
.toast {
  background:var(--ks-surface);
  color:var(--ks-text);
  border-color:var(--ks-line);
  box-shadow:var(--living-shadow);
}
:root .app-icon .tip,:root .privacy-v2-grid .app-icon .tip {
  background:var(--ks-surface)!important;
  color:var(--ks-text)!important;
  border-color:var(--ks-line)!important;
  box-shadow:var(--living-shadow)!important;
}
.topbar { background:transparent!important; }
.btn.primary {
  background:linear-gradient(115deg,#c0dcff,#accdf3)!important;
  border-color:#b9d8fb!important;
  color:#132e50!important;
  box-shadow:0 7px 24px rgba(64,110,185,.12)!important;
}
[data-theme="light"] .btn.primary {
  background:linear-gradient(115deg,#326cac,#245589)!important;
  border-color:#326cac!important;
  color:#fff!important;
}
.btn.primary:hover { box-shadow:0 9px 28px rgba(64,110,185,.24)!important; }
.btn:not(.primary) { background:var(--ks-surface)!important; }

/* A wide colour field grounds the typography and the studio cosmos. */
.hero.hero-v3 {
  position:relative;
  isolation:isolate;
  padding:52px 40px 62px!important;
  min-height:610px!important;
  margin-block:22px 12px;
  border:1px solid var(--ks-line);
  border-radius:36px;
  background:
    radial-gradient(ellipse at 91% 18%,rgba(187,165,255,.08),transparent 50%),
    radial-gradient(ellipse at 52% 115%,rgba(172,208,250,.08),transparent 50%),
    var(--living-panel);
  box-shadow:var(--living-shadow);
}
.hero.hero-v3::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background-image:radial-gradient(var(--living-dots) .75px,transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(105deg,transparent 35%,#000);
}
[data-theme="light"] .hero.hero-v3 {
  background:
    radial-gradient(ellipse at 92% 18%,rgba(187,165,255,.14),transparent 55%),
    radial-gradient(ellipse at 48% 115%,rgba(172,208,250,.2),transparent 58%),
    linear-gradient(120deg,#eaf3ff,#f9fcff 56%,#f0f5ff);
}
.hero.hero-v3 .hero-copy { position:relative; z-index:2; }
.hero.hero-v3 h1 { font-size:clamp(70px,7.1vw,110px)!important; }
.living-wordmark { direction:ltr; unicode-bidi:isolate; }
.hero.hero-v3 .living-wordmark .wordmark-line { display:block; width:max-content; max-width:100%; color:var(--ks-text)!important; }
.hero.hero-v3 .living-wordmark .wordmark-letter {
  display:inline-block;
  color:inherit!important;
  animation:letterBreathe 9s cubic-bezier(.4,0,.2,1) infinite;
  animation-delay:calc(var(--letter) * 140ms);
}
.hero.hero-v3 .living-wordmark .wordmark-studio {
  position:relative;
  margin-top:8px;
  padding:0 .03em .08em 0;
  background:linear-gradient(110deg,#b5d8ff 10%,#98c5ff 27%,#c4b1ff 54%,#d5e5ff 74%,#b5d8ff 93%);
  background-size:250% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent!important;
  animation:studioInk 12s ease-in-out infinite;
}
[data-theme="light"] .hero.hero-v3 .living-wordmark .wordmark-studio {
  background-image:linear-gradient(110deg,#234f80 10%,#2c78ba 27%,#7852ae 54%,#3470ad 74%,#234f80 93%);
}
.hero.hero-v3 .living-wordmark .wordmark-spark {
  position:absolute;
  inset-inline-end:-29px;
  top:8px;
  color:var(--visual-warm)!important;
  -webkit-text-fill-color:initial;
  animation:wordmarkSpark 9s ease-in-out infinite;
}
.wordmark-spark .ui-icon { width:24px; height:24px; }
.hero.hero-v3 .hero-copy p { font-size:17px!important; line-height:1.7!important; max-width:410px!important; margin-top:25px!important; }
.hero.hero-v3 .actions .btn { min-height:48px!important; }
.hero-eyebrow { line-height:1.7; }
.studio-dot { background:var(--visual-accent); box-shadow:0 0 0 5px var(--visual-tint); }
.studio-stage { max-width:480px; isolation:isolate; }
.studio-stage > *, .studio-stage * { pointer-events:none; }
.studio-atmosphere {
  position:absolute; inset:-4%;
  background:radial-gradient(ellipse at 38% 38%,rgba(152,197,255,.18),transparent 48%),radial-gradient(ellipse at 73% 62%,rgba(187,165,255,.23),transparent 49%),radial-gradient(ellipse at 51% 75%,rgba(242,191,150,.1),transparent 43%);
  mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);
  animation:nebulaBreathe 16s ease-in-out infinite;
}
.studio-atmosphere::after {
  content:""; position:absolute; inset:8%;
  background:radial-gradient(ellipse at 30% 60%,rgba(152,197,255,.1),transparent 40%),radial-gradient(ellipse at 68% 30%,rgba(187,165,255,.12),transparent 40%);
  filter:blur(20px);
}
.studio-cosmos { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.cosmos-trajectories { stroke:var(--living-blue); stroke-width:.7; opacity:.18; }
.cosmos-trajectories ellipse:nth-child(2) { stroke:var(--living-lilac); stroke-dasharray:2 7; opacity:.65; }
.cosmos-trajectories path { stroke:var(--living-peach); opacity:.6; }
.cosmos-stars { fill:var(--ks-text); opacity:.65; animation:starlight 12s ease-in-out infinite; }
.cosmos-sparks { stroke:var(--living-blue); stroke-width:1; stroke-linecap:round; opacity:.65; }
.studio-stage-core {
  inset:37%; border-radius:50%; transform:none;
  background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--living-blue) 24%,var(--ks-surface)),var(--ks-surface) 65%);
  border-color:rgba(152,197,255,.34);
  box-shadow:inset 0 1px 1px rgba(238,255,251,.18),0 0 38px rgba(152,197,255,.12),0 15px 35px rgba(6,24,27,.25);
}
.studio-stage-core::before { inset:-10px; border-radius:50%; border-color:rgba(152,197,255,.12); transform:none; }
.studio-stage-core::after { content:""; position:absolute; inset:-24px; border:1px solid rgba(152,197,255,.045); border-radius:50%; }
.studio-stage-core img { width:72%; height:72%; border-radius:24%; transform:none; }
.studio-planet {
  --planet-tone:var(--living-blue);
  position:absolute; width:20%; aspect-ratio:1;
  animation:planetFloat 12s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * -2s);
}
.planet-sphere {
  position:absolute; inset:0; display:grid; place-items:center; border-radius:50%;
  border:1px solid color-mix(in srgb,var(--planet-tone) 35%,transparent);
  background:radial-gradient(circle at 28% 20%,color-mix(in srgb,var(--planet-tone) 38%,var(--ks-surface)),var(--ks-surface) 68%);
  box-shadow:inset 2px 3px 8px rgba(255,255,255,.1),inset -6px -8px 16px rgba(0,0,0,.18),0 0 22px color-mix(in srgb,var(--planet-tone) 10%,transparent),0 12px 24px rgba(6,22,28,.18);
}
.planet-sphere::after { content:""; position:absolute; inset:-5px; border:1px solid color-mix(in srgb,var(--planet-tone) 12%,transparent); border-radius:50%; }
.planet-sphere img { width:67%; height:67%; object-fit:contain; border-radius:23%; box-shadow:0 4px 9px rgba(0,0,0,.12); }
.planet-name { position:absolute; top:calc(100% + 11px); left:50%; transform:translateX(-50%); width:max-content; max-width:145px; font-size:10px; letter-spacing:.025em; line-height:1.35; color:var(--ks-muted); text-align:center; }
.studio-planet:nth-child(1) { left:8%; top:19%; }
.studio-planet:nth-child(2) { right:2%; top:32%; width:15%; --planet-tone:var(--living-lilac); }
.studio-planet:nth-child(3) { left:13%; top:62%; width:14%; --planet-tone:var(--living-peach); }
.studio-planet:nth-child(4) { right:13%; bottom:13%; width:19%; --planet-tone:var(--living-lilac); }
.studio-planet:nth-child(5) { left:41%; top:4%; width:13%; }
.studio-planet:nth-child(6) { right:53%; bottom:1%; width:15%; --planet-tone:var(--living-peach); }
/* One shared pace keeps the six planets separated throughout the orbit.
   Fixed orientation leaves icons and labels upright; static SVG paths stay still. */
@supports (offset-path:ellipse(35% 34% at 50% 46%)) {
  .studio-stage-apps { position:absolute; inset:0; }
  .studio-stage-apps > .studio-planet:nth-child(n) {
    left:0; top:0; right:auto; bottom:auto;
    offset-path:ellipse(35% 34% at 50% 46%);
    offset-anchor:50% 50%;
    offset-rotate:0deg;
    offset-distance:calc(var(--orbit-phase) * 100%);
    animation:studioPlanetOrbit 90s linear infinite;
    animation-delay:calc(var(--orbit-phase) * -90s);
  }
  .studio-stage-apps > .studio-planet:nth-child(1) { --orbit-phase:.5833333333; }
  .studio-stage-apps > .studio-planet:nth-child(2) { --orbit-phase:.9166666667; }
  .studio-stage-apps > .studio-planet:nth-child(3) { --orbit-phase:.4166666667; }
  .studio-stage-apps > .studio-planet:nth-child(4) { --orbit-phase:.0833333333; }
  .studio-stage-apps > .studio-planet:nth-child(5) { --orbit-phase:.75; }
  .studio-stage-apps > .studio-planet:nth-child(6) { --orbit-phase:.25; }
}
[data-theme="light"] .studio-atmosphere { opacity:.75; }
[data-theme="light"] .cosmos-trajectories { stroke:var(--visual-accent); opacity:.22; }
[data-theme="light"] .cosmos-trajectories ellipse:nth-child(2) { stroke:var(--visual-teal); }
[data-theme="light"] .cosmos-trajectories path { stroke:var(--visual-warm); }
[data-theme="light"] .cosmos-sparks { stroke:var(--visual-accent); }
[data-theme="light"] .planet-sphere { box-shadow:inset 2px 3px 8px rgba(255,255,255,.7),inset -6px -8px 16px rgba(38,65,104,.07),0 12px 24px rgba(38,65,104,.08); }

/* Each group gets its own material tint while sharing the same spacing. */
.section-symbol {
  width:44px; height:44px; flex-basis:44px;
  border-radius:15px 15px 15px 5px;
  background:linear-gradient(135deg,var(--visual-tint),transparent),var(--ks-surface);
  box-shadow:inset 0 1px 0 rgba(210,230,255,.07),0 5px 14px rgba(0,0,0,.04);
}
.section-symbol .ui-icon { width:26px; height:26px; }
.principles { gap:14px!important; }
.principle {
  --card-tint:var(--living-blue);
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-tint) 12%,var(--ks-surface)),var(--ks-surface) 78%)!important;
  border:1px solid color-mix(in srgb,var(--card-tint) 22%,var(--ks-surface))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.principle:nth-child(2) { --card-tint:var(--living-lilac); }
.principle:nth-child(3) { --card-tint:var(--living-peach); }
.principle:nth-child(4) { --card-tint:#aac7fa; }
.principle:nth-child(5) { --card-tint:#9bc9ee; }
.principle .principle-icon {
  width:60px; height:60px; border-radius:19px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-tint) 16%,var(--ks-surface)),var(--ks-surface));
  border-color:color-mix(in srgb,var(--card-tint) 34%,var(--ks-surface));
  box-shadow:0 8px 18px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.1);
  transform:none;
}
.principle:nth-child(even) .principle-icon { transform:none; }
.principle .principle-icon .ui-icon { width:34px; height:34px; }
.principle-top { align-items:center; }
.principle:hover { box-shadow:0 12px 25px rgba(0,0,0,.08); }
.portfolio-section .app-mosaic {
  background:radial-gradient(ellipse at 12% 5%,rgba(152,197,255,.13),transparent 55%),radial-gradient(ellipse at 95% 100%,rgba(187,165,255,.14),transparent 60%),var(--ks-surface)!important;
  box-shadow:var(--living-shadow);
}
.portfolio-section .app-icon,.privacy-v2-grid .app-icon { outline-color:color-mix(in srgb,var(--ks-surface) 88%,var(--living-blue)); }
.clarity { padding:36px; border:1px solid var(--ks-line); border-radius:30px; background:var(--living-panel); }
.clarity-path li { background:color-mix(in srgb,var(--ks-surface) 94%,var(--living-lilac)); box-shadow:0 9px 22px rgba(0,0,0,.04); }
.clarity-path li:first-child { background:color-mix(in srgb,var(--ks-surface) 93%,var(--living-peach)); }
.clarity-path li:last-child { background:color-mix(in srgb,var(--ks-surface) 91%,var(--living-blue)); }
.contact-card,.apps-v2-feedback,.privacy-v2-contact {
  isolation:isolate;
  position:relative;
  background:radial-gradient(ellipse at 100% 0,rgba(242,191,150,.17),transparent 57%),var(--living-panel)!important;
  box-shadow:var(--living-shadow);
}
.contact-card::after,.apps-v2-feedback::after,.privacy-v2-contact::after {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit;
  background:repeating-radial-gradient(ellipse at 110% 110%,transparent 0 38px,var(--living-dots) 39px 40px,transparent 41px 59px);
  mask-image:linear-gradient(100deg,transparent 48%,#000);
  opacity:.35;
}
.contact-card .email-cta { background:var(--ks-surface); }

.apps-v2-hero,.privacy-v2-hero {
  position:relative; isolation:isolate;
  border:1px solid var(--ks-line); border-radius:30px;
  padding:38px!important; margin-block:22px 10px;
  background:var(--living-panel);
}
.apps-v2-hero::after,.privacy-v2-hero::after {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit;
  background-image:radial-gradient(var(--living-dots) .8px,transparent 1px); background-size:18px 18px;
  mask-image:linear-gradient(100deg,transparent 55%,#000);
}
.page-emblem { border-radius:32px; transform:none; background:linear-gradient(145deg,color-mix(in srgb,var(--ks-surface) 77%,var(--living-blue)),var(--ks-surface)); box-shadow:0 14px 30px rgba(0,0,0,.06); }
.page-emblem::before { transform:none; border-radius:24px; }
.page-emblem > .ui-icon { transform:none; }
.privacy-emblem { background:linear-gradient(145deg,color-mix(in srgb,var(--ks-surface) 77%,var(--living-lilac)),var(--ks-surface)); }
.apps-v2-grid .app-card {
  --card-colour:var(--living-blue);
  background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--card-colour) 10%,transparent),transparent 62%),var(--ks-surface)!important;
  border-color:color-mix(in srgb,var(--card-colour) 20%,var(--ks-surface));
}
.apps-v2-grid .app-card:nth-child(3n+2) { --card-colour:var(--living-lilac); }
.apps-v2-grid .app-card:nth-child(3n) { --card-colour:var(--living-peach); }
.apps-v2-grid .app-card:hover { border-color:var(--visual-accent); box-shadow:0 13px 32px rgba(0,0,0,.1); }
.apps-v2-grid .card-icon { box-shadow:0 7px 17px rgba(0,0,0,.12); transition:transform .3s var(--visual-ease); }
.apps-v2-grid .app-card:hover .card-icon { transform:translateY(-2px); }
.apps-v2-grid .app-card:hover { transform:translateY(-3px); }
.apps-v2-grid .card-category { margin-top:auto; }
.apps-v2-grid .app-card p:not(.card-title) { margin-bottom:20px; }
.apps-v2-grid .card-arrow { border-radius:50%; border:1px solid var(--ks-line); background:var(--visual-tint); }
.apps-v2-chip.active { box-shadow:inset 0 -2px 0 var(--visual-accent); }
.privacy-v2-general-copy { background:linear-gradient(115deg,var(--ks-surface),color-mix(in srgb,var(--ks-surface) 94%,var(--living-blue))); }
.privacy-v2-grid { background:radial-gradient(ellipse at 90% 10%,rgba(187,165,255,.11),transparent 60%),var(--ks-surface); }

@keyframes studioInk { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }
@keyframes letterBreathe { 0%,8%,30%,100%{translate:0 0} 18%{translate:0 -.055em} }
@keyframes wordmarkSpark { 0%,12%,35%,100%{rotate:0deg;scale:1} 23%{rotate:90deg;scale:1.13} }
@keyframes nebulaBreathe { 50%{scale:.97;opacity:.75} }
@keyframes planetFloat { 50%{translate:0 -4px} }
@keyframes studioPlanetOrbit { from { offset-distance:0%; } to { offset-distance:100%; } }
@keyframes starlight { 50%{opacity:.3} }
.brand-mini strong,.wordmark-letter,.wordmark-studio,.wordmark-spark,
.studio-atmosphere,.studio-planet,.cosmos-stars { animation-play-state:paused; }

@media(min-width:901px) and (max-width:1200px) {
  .hero.hero-v3 { padding:42px 28px 58px!important; gap:14px!important; }
  .hero.hero-v3 h1 { font-size:clamp(62px,6.7vw,82px)!important; }
  .hero.hero-v3 .hero-copy p { font-size:16px!important; }
  .hero.hero-v3 .actions { flex-direction:column; align-items:flex-start; }
}
@media(max-width:900px) {
  .main,body.sidebar-collapsed .main { transition:none!important; }
  .topbar,[data-theme="light"] .topbar { background:var(--ks-bg)!important; }
  .hero.hero-v3 { padding:42px 28px 58px!important; min-height:520px!important; gap:22px!important; }
  .hero.hero-v3 h1 { font-size:clamp(58px,8.5vw,78px)!important; }
  .hero.hero-v3 .hero-copy p { font-size:16px!important; }
  .hero.hero-v3 .actions { flex-direction:column; align-items:flex-start; }
  .studio-stage { max-width:350px; }
  .clarity { padding:28px; }
  .apps-v2-hero,.privacy-v2-hero { padding:30px!important; }
}
@media(max-width:620px) {
  .hero.hero-v3 { padding:32px 22px 48px!important; margin-top:16px; border-radius:26px; gap:40px!important; }
  .hero.hero-v3 h1 { font-size:clamp(58px,16vw,86px)!important; }
  .hero.hero-v3 .hero-copy p { margin-top:22px!important; font-size:15px!important; line-height:1.7!important; }
  .hero.hero-v3 .hero-eyebrow { font-size:8px!important; letter-spacing:.12em!important; }
  .hero.hero-v3 .actions { flex-direction:row; }
  .hero.hero-v3 .actions .btn { width:100%; font-size:12px!important; }
  .studio-stage { max-width:300px; margin-bottom:20px; }
  .planet-name { font-size:8px; top:calc(100% + 9px); max-width:100px; }
  .hero.hero-v3 .living-wordmark .wordmark-spark { inset-inline-end:-25px; top:5px; }
  .wordmark-spark .ui-icon { width:21px; height:21px; }
  .section-symbol { width:40px; height:40px; flex-basis:40px; border-radius:13px 13px 13px 4px; }
  .section-symbol .ui-icon { width:24px; height:24px; }
  .principle,.principle:not(:first-child) { padding:24px!important; }
  .principle-top { margin-bottom:22px; }
  .clarity { padding:24px 20px; border-radius:24px; }
  .clarity-path li { gap:12px; padding:15px!important; }
  .apps-v2-hero,.privacy-v2-hero { padding:26px 22px!important; border-radius:24px; margin-top:16px; }
  .apps-v2-brand h1,.privacy-v2-brand h1 { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .living-wordmark *,.brand-mini strong,.studio-stage * { animation:none!important; }
  .apps-v2-grid .app-card:hover .card-icon { transform:none; }
}
@media(forced-colors:active) {
  .living-wordmark .wordmark-studio,.brand-mini strong { -webkit-text-fill-color:CanvasText!important; color:CanvasText!important; background:none!important; }
}