/* Homepage-only essentials. No old site stylesheet or animation framework. */
:root{color-scheme:dark;--bg:#070a10;--ink:#eef3fa;--muted:#9aaec6;--line:rgba(165,192,235,.17)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px;overflow-x:clip;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:clip}
a{color:inherit}
button{font:inherit}
img,svg{max-width:100%}
[hidden]{display:none!important}
.nav-shell{position:fixed;inset:0 0 auto;height:68px;z-index:1000;display:flex;align-items:center;gap:18px;padding:0 clamp(18px,3.4vw,52px);background:rgba(7,10,16,.88);border-bottom:1px solid rgba(167,193,225,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-shell.is-scrolled{background:rgba(7,10,16,.96)}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none;color:#f1f4fc;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}
.brand b{color:#af91f2;font-weight:700}
.brand-mark{width:32px;height:32px;object-fit:contain;border-radius:9px}
.nav-shell nav{display:flex;align-items:center;gap:2px;margin-left:auto;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(17,25,39,.82)}
.nav-shell nav a{display:inline-flex;padding:8px 11px;color:#b8c8df;border-radius:10px;font-size:12px;font-weight:550;text-decoration:none;white-space:nowrap}
.nav-shell nav a:hover,.nav-shell nav a:focus-visible{color:#fff;background:rgba(109,137,205,.17)}
.nav-actions{display:flex;align-items:center;gap:13px}
.nav-actions .nav-link{font-size:12px;text-decoration:none;color:#b8c8df}
.nav-actions .nav-link:hover{color:#fff}
.nav-actions .legacy-version-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:#c2ccdc;font:600 11px/1.2 ui-monospace,monospace}
.legacy-version-chip span{width:6px;height:6px;border-radius:50%;background:#78aafa;box-shadow:0 0 9px rgba(110,166,255,.5)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;border:1px solid rgba(187,180,249,.26);border-radius:11px;background:linear-gradient(135deg,#4931a8,#5c49c2 58%,#285ca8);color:#fff!important;text-decoration:none;font-weight:650;font-size:12px;transition:background .2s ease,border-color .2s ease}
.button:hover,.button:focus-visible{background:linear-gradient(135deg,#5439ba,#5a4aca 58%,#336ab6);border-color:rgba(187,210,255,.55)}
.button-small{min-height:36px;padding:8px 13px}
.menu-button,.mobile-menu{display:none}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,7vw,100px);min-height:740px;padding:125px clamp(24px,7vw,105px) 86px;overflow:hidden;background:radial-gradient(ellipse 55% 60% at 82% 28%,rgba(82,74,163,.17),transparent 74%),linear-gradient(180deg,#0b101c,#080c15 75%,#070a10)}
.hero-copy,.hero-demo{position:relative;z-index:1;min-width:0}
.hero-copy h1{margin:0;font:500 clamp(56px,6.5vw,92px)/.93 Georgia,Cambria,serif;letter-spacing:-.07em;color:#f3f6fd}
.hero-copy h1 span{color:#8eb8f1}
.lede{max-width:480px;color:#bccbde;font-size:15px;line-height:1.7;margin:24px 0}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hero-actions .button{min-height:45px}
.text-link{display:inline-flex;align-items:center;gap:7px;color:#cfdbed;font-size:12px;font-weight:650;text-decoration:none;min-height:36px}
.text-link:hover,.text-link:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
.proof-line{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px;color:#94a6c2;font-size:11px}
.hero-hotkeys{display:flex;align-items:center;flex-wrap:wrap;gap:11px 17px;margin-top:20px;color:#afbfd9;font-size:11px}
.hero-hotkeys span{display:inline-flex;align-items:center;gap:6px}
.hero-hotkeys kbd{display:inline-flex;align-items:center;justify-content:center;min-height:26px;min-width:30px;padding:3px 6px;border:1px solid rgba(167,196,244,.32);border-radius:6px;background:rgba(16,28,47,.75);font:600 11px/1 ui-monospace,monospace}
.hero-demo{border:1px solid rgba(171,190,231,.15);background:#0a111e;border-radius:19px;padding:12px;box-shadow:0 24px 65px rgba(0,0,0,.32)}
.showcase-player{margin:0;border-radius:12px;overflow:hidden;background:#05080d}
.hero-product-image{width:100%;height:auto;display:block;object-fit:contain}
.showcase-caption{padding:10px 10px 8px;font-size:11px;color:#9aacc5;line-height:1.45;text-align:center}
.hero .wish-star{position:absolute;z-index:3;right:16%;top:17%;appearance:none;border:0;border-radius:50%;width:32px;height:32px;padding:0;background:transparent;color:#9bb9ed;opacity:.48;cursor:pointer;font-size:16px}
.hero .wish-star:hover,.hero .wish-star:focus-visible{opacity:1;color:#fff}
.hero .wish-star:focus-visible{outline:2px solid #bbd6ff;outline-offset:4px}
.secret-toast:not([hidden]){position:fixed;bottom:20px;right:20px;z-index:1200;max-width:min(340px,calc(100vw - 40px));padding:12px 16px;border:1px solid rgba(173,203,255,.25);border-radius:12px;background:#0d1727;box-shadow:0 12px 42px #0008;color:#f3f6ff;font-size:12px}
footer{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:28px;row-gap:17px;padding:28px clamp(24px,6vw,94px) 35px;border-top:1px solid var(--line);background:#06090f;color:#9cacbf;font-size:12px}
footer .brand{grid-column:1;font-size:13px}
footer .brand-mark{height:29px;width:29px}
footer p{grid-column:2;margin:0;font-size:12px}
footer>div{grid-column:1 / -1;display:flex;gap:12px 22px;flex-wrap:wrap}
footer>div a{color:#b9c6db;text-decoration:none;font-size:12px}
footer>div a:hover{text-decoration:underline}
footer small{grid-column:1 / -1;font-size:11px;color:#8797ae}
@media(max-width:1120px){
 .nav-shell{gap:12px}
 .nav-shell nav a{padding:7px 8px;font-size:11px}
 .nav-actions{gap:8px}
 .nav-actions .legacy-version-chip,.nav-actions .nav-link{display:none}
}
@media(max-width:980px){
 .nav-shell{height:64px;padding:0 16px;justify-content:space-between}
 .nav-shell nav,.nav-actions,.nav-actions .button{display:none}
 .menu-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:40px;flex:none;border:1px solid rgba(148,191,242,.3);border-radius:12px;color:#d0e1f8;background:#15283e;font-size:12px;cursor:pointer}
 .menu-button:hover,.menu-button[aria-expanded="true"]{background:#1c3658;color:#fff}
 .mobile-menu:not([hidden]){position:fixed;z-index:1002;top:70px;left:12px;right:12px;display:flex;flex-direction:column;gap:4px;padding:10px;background:rgba(8,13,22,.98);border:1px solid rgba(165,192,236,.24);border-radius:17px;box-shadow:0 24px 70px #000a}
 .mobile-menu a{display:block;padding:13px 14px;border-radius:10px;font-size:14px;text-decoration:none;color:#cbd8ea}
 .mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(93,133,203,.18);color:#fff}
 .hero{grid-template-columns:minmax(0,1fr);gap:24px;min-height:auto;padding:112px 24px 60px}
 .hero-demo{max-width:740px;width:100%;margin:8px auto 0}
 footer{grid-template-columns:1fr;gap:16px}
 footer .brand,footer p,footer>div,footer small{grid-column:1}
}
@media(max-width:520px){
 .brand{font-size:12px}
 .brand-mark{width:30px;height:30px}
 .hero{padding:118px 18px 54px;gap:20px}
 .hero-copy h1{font-size:clamp(41px,11vw,56px)}
 .lede{font-size:14px;margin:20px 0}
 .hero-actions{align-items:stretch;flex-direction:column;gap:9px}
 .hero-actions .button{width:100%;min-height:48px}
 .hero-actions .text-link{justify-content:center;min-height:39px}
 .proof-line{margin-top:20px;gap:8px 14px;font-size:10px}
 .hero-hotkeys{gap:8px 10px;margin-top:18px;font-size:10px}
 .hero-hotkeys kbd{font-size:10px;min-width:26px;min-height:23px}
 .hero-demo{padding:8px;border-radius:14px}
 .showcase-caption{font-size:10px}
 .hero .wish-star{top:16%;right:16%}
 footer{padding:25px 20px 30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* Homepage editorial layout. Intentionally isolated from legacy section styling. */
.home-rework main { isolation:isolate; }
.home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) {
  position:relative;
  z-index:1;
  padding:clamp(72px,7.5vw,108px) clamp(24px,6vw,94px);
  border-top:1px solid rgba(164,190,230,.09);
  color:#ecf2fc;
}
.home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) .eyebrow {
  margin:0 0 15px;
  font-size:11px;
  font-weight:700;
  color:#a994ee;
  letter-spacing:.11em;
  text-transform:none;
}
.home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) h2 {
  margin:0;
  color:#f0f3fa;
  font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif;
  font-size:clamp(36px,4.2vw,58px);
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:500;
  text-wrap:balance;
}
.home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) h2 em {
  font-style:normal;
  color:#94b8ef;
}
.home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) p {
  color:#a8b7ca;
  font-size:14px;
  line-height:1.65;
}
.home-rework .home-inline-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  min-height:36px;
  color:#b8d1f9;
  font-size:13px;
  font-weight:650;
  text-decoration:none;
  transition:color .15s ease;
}
.home-rework .home-inline-link:hover { color:#fff; }
.home-rework .home-inline-link:focus-visible,
.home-rework .home-community-links a:focus-visible,
.home-rework .home-faq-list summary:focus-visible { outline:2px solid #a1c5ff; outline-offset:5px; }
.home-rework .home-value-section {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:start;
  gap:clamp(48px,8vw,135px);
  background:linear-gradient(180deg,#091321 0%,#09111d 100%);
}
.home-rework .home-value-intro { max-width:450px; }
.home-rework .home-value-intro > p:not(.eyebrow) { margin:22px 0 18px; max-width:380px; }
.home-rework .home-value-list { border-top:1px solid rgba(166,191,230,.22); }
.home-rework .home-value-list article {
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  column-gap:20px;
  padding:23px 0 24px;
  border-bottom:1px solid rgba(166,191,230,.19);
}
.home-rework .home-value-index,
.home-rework .home-step-index {
  padding-top:5px;
  color:#87a9dd;
  font:600 11px/1.35 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.05em;
}
.home-rework .home-value-list h3,
.home-rework .home-setup-steps h3 {
  margin:0 0 8px;
  color:#ecf1fb;
  font:650 clamp(17px,1.6vw,20px)/1.35 Inter,system-ui,sans-serif;
  letter-spacing:-.025em;
}
.home-rework .home-value-list p,
.home-rework .home-setup-steps p { margin:0; max-width:470px; }
.home-rework .home-value-list .home-inline-link { margin-top:8px; }
.home-rework .home-setup-section {
  background:#080f1a;
  padding-top:clamp(60px,5.5vw,82px);
  padding-bottom:clamp(68px,6.2vw,94px);
}
.home-rework .home-setup-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:36px;
}
.home-rework .home-setup-head h2 { font-size:clamp(33px,3.7vw,49px); }
.home-rework .home-setup-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3.5vw,58px);
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid rgba(166,191,230,.2);
}
.home-rework .home-setup-steps li { padding-top:19px; display:flex; flex-direction:column; gap:23px; min-width:0; }
.home-rework .home-setup-steps h3 { margin-bottom:7px; }
.home-rework .home-setup-steps p { max-width:300px; }
.home-rework .home-faq-section {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(45px,7vw,110px);
  align-items:start;
  background:#091321;
}
.home-rework .home-faq-head h2 { max-width:480px; }
.home-rework .home-faq-list { border-top:1px solid rgba(166,191,230,.2); }
.home-rework .home-faq-list details { border-bottom:1px solid rgba(166,191,230,.18); padding:0; }
.home-rework .home-faq-list summary {
  position:relative;
  display:block;
  padding:18px 30px 18px 0;
  color:#e9f0fa;
  font-size:15px;
  font-weight:650;
  line-height:1.45;
  cursor:pointer;
  list-style:none;
}
.home-rework .home-faq-list summary::-webkit-details-marker { display:none; }
.home-rework .home-faq-list summary::after { content:"+"; position:absolute; right:3px; top:15px; color:#91b4eb; font-size:20px; font-weight:400; }
.home-rework .home-faq-list details[open] summary::after { content:"−"; }
.home-rework .home-faq-list details p { margin:0 0 19px; padding-right:18px; }
.home-rework .home-faq-list a { color:#bdcff4; text-underline-offset:3px; }
.home-rework .home-community-section {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(45px,8vw,130px);
  background:#080f1a;
}
.home-rework .home-community-head h2 { font-size:clamp(32px,3.5vw,48px); }
.home-rework .home-community-head > p:not(.eyebrow) { margin:14px 0 0; }
.home-rework .home-community-links { border-top:1px solid rgba(166,191,230,.2); }
.home-rework .home-community-links a {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 17px;
  align-items:center;
  gap:13px;
  min-height:66px;
  color:#edf3ff;
  text-decoration:none;
  border-bottom:1px solid rgba(166,191,230,.19);
  transition:background .2s ease,color .2s ease;
}
.home-rework .home-community-links a:hover { color:#a8c5f5; background:rgba(121,159,222,.04); }
.home-rework .home-community-links a span { font-size:16px; font-weight:600; }
.home-rework .home-community-links a small { color:#8fa0b6; font-size:12px; }
.home-rework .home-community-links a b { color:#8faee5; font-size:15px; font-weight:500; }
.home-rework .home-bottom-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding-top:56px;
  padding-bottom:66px;
  background:linear-gradient(110deg,#111a32,#0c1729 75%);
}
.home-rework .home-bottom-cta h2 { font-size:clamp(30px,3.2vw,43px); }
.home-rework .home-bottom-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.home-rework .home-bottom-actions .button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:46px;
  border-radius:12px;
  padding:12px 20px;
  background:linear-gradient(135deg,#4931a8,#5c49c2 58%,#285ca8);
  color:#fff;
  white-space:nowrap;
}
.home-rework .home-bottom-actions .button:hover { background:linear-gradient(135deg,#5439ba,#5a4aca 58%,#336ab6); }
@media(max-width:850px) {
  .home-rework .home-value-section,
  .home-rework .home-faq-section,
  .home-rework .home-community-section { grid-template-columns:1fr; gap:25px; }
  .home-rework .home-value-intro { max-width:650px; }
  .home-rework .home-value-intro > p:not(.eyebrow) { max-width:560px; }
  .home-rework .home-bottom-cta { align-items:flex-start; flex-direction:column; }
}
@media(max-width:520px) {
  .home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) {
    padding:57px 20px 61px;
  }
  .home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) h2 {
    font-size:clamp(31px,8.6vw,37px);
    line-height:1.08;
    letter-spacing:-.05em;
  }
  .home-rework :is(.home-value-section,.home-setup-section,.home-faq-section,.home-community-section,.home-bottom-cta) p {
    font-size:13px; line-height:1.62;
  }
  .home-rework .home-value-section { gap:22px; }
  .home-rework .home-value-intro > p:not(.eyebrow) { margin:15px 0 8px; }
  .home-rework .home-value-list article { grid-template-columns:23px minmax(0,1fr); gap:15px; padding:17px 0 18px; }
  .home-rework .home-value-list h3,.home-rework .home-setup-steps h3 { font-size:16px; }
  .home-rework .home-setup-head { align-items:start; flex-direction:column; gap:9px; margin-bottom:21px; }
  .home-rework .home-setup-steps { grid-template-columns:1fr; gap:0; }
  .home-rework .home-setup-steps li {
    flex-direction:row;
    gap:15px;
    padding:16px 0;
    border-bottom:1px solid rgba(166,191,230,.14);
  }
  .home-rework .home-setup-steps li:last-child { border-bottom:0; padding-bottom:0; }
  .home-rework .home-step-index { width:24px; flex:0 0 24px; }
  .home-rework .home-faq-section { gap:23px; }
  .home-rework .home-faq-list summary { font-size:14px; padding:16px 25px 16px 0; }
  .home-rework .home-community-section { gap:18px; }
  .home-rework .home-community-links a { min-height:61px; grid-template-columns:minmax(0,1fr) auto 14px; gap:10px; }
  .home-rework .home-community-links a span { font-size:14px; }
  .home-rework .home-community-links a small { font-size:10px; }
  .home-rework .home-bottom-cta { gap:20px; }
  .home-rework .home-bottom-actions { align-items:stretch; flex-direction:column; gap:12px; width:100%; }
  .home-rework .home-bottom-actions .button { width:100%; white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
  .home-rework .home-inline-link,.home-rework .home-community-links a { transition:none; }
}