:root{
  --bg:#07111f; --bg2:#0d1b2e; --bg3:#102641;
  --panel:#ffffff; --soft:#f6f8fc; --soft2:#eef7ff;
  --text:#0b1525; --muted:#5c6a7d; --muted-dark:#b8c4d5; --line:#dfe7f1;
  --brand:#2dd4bf; --brand2:#60a5fa; --brand3:#a78bfa; --gold:#fbbf24;
  --brand-rgb:45,212,191; --brand2-rgb:96,165,250; --brand3-rgb:167,139,250;
  --browser-theme:#07111f; --shadow:0 22px 70px rgba(7,17,31,.16); --radius:24px; --max:1180px;
}
html[data-theme="light"]{--browser-theme:#f8fafc;--bg:#f8fafc;--bg2:#eef6ff;--bg3:#dbeafe;--panel:#ffffff;--soft:#f8fafc;--soft2:#eff6ff;--text:#0b1525;--muted:#506174;--muted-dark:#39465a;--line:#d7e0eb;--brand:#2563eb;--brand2:#0ea5e9;--brand3:#7c3aed;--brand-rgb:37,99,235;--brand2-rgb:14,165,233;--brand3-rgb:124,58,237;--gold:#d97706}
html[data-theme="aurora"]{--browser-theme:#07111f;--bg:#07111f;--bg2:#0d1b2e;--bg3:#102641;--brand:#2dd4bf;--brand2:#60a5fa;--brand3:#a78bfa;--brand-rgb:45,212,191;--brand2-rgb:96,165,250;--brand3-rgb:167,139,250;--gold:#fbbf24;--soft2:#eef7ff}
html[data-theme="ocean"]{--browser-theme:#061826;--bg:#061826;--bg2:#08324a;--bg3:#0b4f6c;--brand:#22d3ee;--brand2:#38bdf8;--brand3:#2dd4bf;--brand-rgb:34,211,238;--brand2-rgb:56,189,248;--brand3-rgb:45,212,191;--gold:#facc15;--soft2:#e8f8ff}
html[data-theme="royal"]{--browser-theme:#120a2a;--bg:#120a2a;--bg2:#26124d;--bg3:#3b1978;--brand:#c084fc;--brand2:#818cf8;--brand3:#f0abfc;--brand-rgb:192,132,252;--brand2-rgb:129,140,248;--brand3-rgb:240,171,252;--gold:#fde68a;--soft2:#f5f3ff}
html[data-theme="ember"]{--browser-theme:#1f0a0a;--bg:#1f0a0a;--bg2:#3b1111;--bg3:#681c1c;--brand:#fb7185;--brand2:#f97316;--brand3:#facc15;--brand-rgb:251,113,133;--brand2-rgb:249,115,22;--brand3-rgb:250,204,21;--gold:#fbbf24;--soft2:#fff1f2}
html[data-theme="forest"]{--browser-theme:#061a12;--bg:#061a12;--bg2:#0b2f22;--bg3:#14543c;--brand:#34d399;--brand2:#84cc16;--brand3:#22c55e;--brand-rgb:52,211,153;--brand2-rgb:132,204,22;--brand3-rgb:34,197,94;--gold:#eab308;--soft2:#ecfdf5}
html[data-theme="graphite"]{--browser-theme:#0b0f14;--bg:#0b0f14;--bg2:#151a21;--bg3:#242b35;--brand:#e5e7eb;--brand2:#94a3b8;--brand3:#38bdf8;--brand-rgb:229,231,235;--brand2-rgb:148,163,184;--brand3-rgb:56,189,248;--gold:#f59e0b;--soft2:#f3f4f6}
html[data-theme="candy"]{--browser-theme:#250b24;--bg:#250b24;--bg2:#491044;--bg3:#6d1f63;--brand:#f472b6;--brand2:#a78bfa;--brand3:#22d3ee;--brand-rgb:244,114,182;--brand2-rgb:167,139,250;--brand3-rgb:34,211,238;--gold:#fcd34d;--soft2:#fdf2f8}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}p{margin:0 0 16px;color:var(--muted)}h1,h2,h3{letter-spacing:-.05em;line-height:1.06}h1{margin:18px 0;font-size:clamp(2.4rem,5.6vw,5.6rem)}h2{font-size:clamp(1.85rem,3.6vw,3.25rem);margin:0 0 14px}h3{font-size:1.22rem;margin:0 0 10px}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:999}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,rgba(7,17,31,.96),rgba(var(--brand-rgb),.10),rgba(var(--brand2-rgb),.10)),rgba(7,17,31,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.nav{max-width:var(--max);margin:0 auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:950;letter-spacing:-.04em;white-space:nowrap}.brand img{inline-size:40px;block-size:40px}.nav-links{display:flex;align-items:center;gap:19px;color:var(--muted-dark);font-size:.95rem}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}.nav-cta{color:#07111f!important;background:#fff;padding:10px 16px;border-radius:999px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.12)}.menu-button{display:none;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;padding:9px 12px;border-radius:12px;font:inherit}.theme-menu{position:relative;display:inline-flex;align-items:center}.theme-button{height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:0 13px;font:inherit;font-size:.87rem;font-weight:850;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.theme-button:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}.theme-button strong{color:var(--brand);font-weight:950}.theme-button:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.8}.theme-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 16px rgba(var(--brand-rgb),.75)}.theme-options{position:absolute;right:0;top:calc(100% + 10px);width:216px;padding:8px;border-radius:20px;background:rgba(7,17,31,.98);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px);display:none;z-index:250}.theme-menu.open .theme-options{display:grid;gap:4px}.theme-options button{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;border:0;border-radius:14px;background:transparent;color:#d5dfec;padding:10px 12px;text-align:left;font:inherit;font-weight:850;cursor:pointer}.theme-options button:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--brand);box-shadow:0 0 16px rgba(var(--brand-rgb),.75)}.theme-options button:hover,.theme-options button[aria-selected="true"]{background:rgba(255,255,255,.10);color:#fff}.theme-options button[aria-selected="true"]:after{content:"✓";color:var(--brand);font-weight:950;margin-left:auto}
.hero,.page-hero{position:relative;color:#fff;overflow:hidden;background:radial-gradient(circle at 8% 18%,rgba(var(--brand-rgb),.33),transparent 31%),radial-gradient(circle at 82% 16%,rgba(var(--brand2-rgb),.28),transparent 34%),radial-gradient(circle at 52% 105%,rgba(var(--brand3-rgb),.18),transparent 35%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 62%,#091421 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 86%)}.hero-inner{position:relative;max-width:var(--max);margin:0 auto;padding:58px 22px 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:46px;align-items:center;min-height:620px}.hero h1{font-size:clamp(2.2rem,3.05vw,3.35rem);line-height:1.02;letter-spacing:-.062em;max-width:680px;margin:14px 0 16px}.hero .lead{font-size:clamp(1rem,1.16vw,1.12rem);line-height:1.72;color:#dce7f5;max-width:690px}.hero .actions{margin-top:22px}.hero .btn{padding:12px 16px}.page-hero{padding:84px 22px 60px}.page-hero .lead{color:#d5dfec}.container{max-width:var(--max);margin:0 auto}.narrow{max-width:920px}.lead{font-size:clamp(1.05rem,2vw,1.28rem);color:#d5dfec;max-width:790px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d8f7f3;background:rgba(255,255,255,.065);font-size:.84rem;font-weight:850}.eyebrow:before{content:"";inline-size:8px;block-size:8px;border-radius:99px;background:var(--brand);box-shadow:0 0 0 5px rgba(var(--brand-rgb),.16)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:999px;border:1px solid transparent;font-weight:900;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06101d;box-shadow:0 18px 34px rgba(var(--brand-rgb),.22)}.btn-secondary{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}.btn-outline{border-color:var(--line);background:#fff;color:var(--text)}.btn-muted{border-color:#cfd9e6;background:#f8fafc;color:#1c2a3d}.hero-card{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:22px;box-shadow:var(--shadow);isolation:isolate}.hero-art-card{padding:0;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10)}.hero-art{width:100%;height:auto;min-height:390px;object-fit:cover}.section{padding:86px 22px}.section.alt{background:var(--soft)}.section.blue{background:linear-gradient(180deg,#f7fbff,var(--soft2))}.section.dark{background:var(--bg);color:#fff}.section-head{max-width:780px;margin-bottom:34px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 16px 44px rgba(10,24,44,.07)}.card.featured{border-color:rgba(var(--brand-rgb),.50);box-shadow:0 22px 64px rgba(var(--brand-rgb),.13)}.card.gradient{background:linear-gradient(145deg,#fff,#f3fbff)}.dark-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#fff}.dark p{color:var(--muted-dark)}.icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(var(--brand-rgb),.20),rgba(var(--brand2-rgb),.20));color:#06324c;font-weight:950}.pill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;border-radius:999px;background:#ecfdfb;color:#0f766e;font-size:.83rem;font-weight:850}.pill.blue{background:#eff6ff;color:#1d4ed8}.pill.purple{background:#f5f3ff;color:#6d28d9}.pill.gold{background:#fffbeb;color:#92400e}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.check-list li{display:flex;gap:10px;color:var(--muted)}.check-list li:before{content:"✓";color:#0f766e;font-weight:950}.notice{border-left:4px solid var(--brand);background:#f0fdfa;padding:18px;border-radius:14px;margin:22px 0}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.timeline-dot{width:34px;height:34px;border-radius:99px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#06101d;font-weight:950}.showcase{display:grid;gap:16px}.showcase-card{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}.price{font-size:2.2rem;font-weight:950;letter-spacing:-.06em;color:#0c1727}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:700px;background:#fff}.table th,.table td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.table th{background:#f8fafc}.site-footer{background:#050b14;color:#d5dfec;padding:54px 22px 28px}.footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.footer-grid h2{font-size:1rem;color:#fff;margin:0 0 12px;letter-spacing:0}.footer-grid a{display:block;color:#9fb0c5;margin:8px 0}.footer-brand p{margin-top:16px}.footer-bottom{max-width:var(--max);margin:34px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#8090a5;font-size:.9rem}
@media (max-width:1120px){.nav-links{gap:13px;font-size:.9rem}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-art-card{max-width:760px;width:100%;margin:0 auto}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}}
@media (max-width:860px){.menu-button{display:inline-flex}.nav-links{position:absolute;top:66px;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:18px;background:#07111f;border:1px solid rgba(255,255,255,.12);display:none}.nav-links.open{display:flex}.nav-links a{padding:13px 12px}.nav-cta{text-align:center;margin-top:8px}.theme-menu{margin:8px 12px 6px;align-self:flex-start}.theme-options{left:0;right:auto}.hero-inner{padding-top:46px}.hero h1{font-size:clamp(2.05rem,8vw,3.1rem)}.split{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-art{min-height:330px}}
@media (max-width:560px){.nav{padding:13px 16px}.brand span{font-size:.95rem}.hero-inner,.section,.page-hero{padding-left:16px;padding-right:16px}.hero-inner{padding-top:38px;padding-bottom:42px}.hero h1{font-size:clamp(1.95rem,9.6vw,2.7rem)}.hero .lead{font-size:.98rem;line-height:1.66}.actions{flex-direction:column}.btn{width:100%}.hero-art{min-height:280px}.footer-grid{grid-template-columns:1fr}.card{padding:22px}.theme-button{width:100%;justify-content:center}.theme-options{width:min(260px,calc(100vw - 56px))}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
@media print{.site-header,.site-footer,.actions{display:none}.section,.page-hero,.hero-inner{padding:24px 0}.card{box-shadow:none}}


/* v6 commercial refinements */
.hero-compact .hero-inner{min-height:560px;padding-top:48px;padding-bottom:48px;grid-template-columns:minmax(0,.92fr) minmax(380px,.82fr)}
.hero-compact h1{font-size:clamp(2.15rem,3.25vw,3.85rem);max-width:760px;letter-spacing:-.055em;line-height:1.03}
.hero-compact .lead{max-width:760px;font-size:clamp(1rem,1.12vw,1.12rem);line-height:1.68}
.hero-art-card{border-radius:32px;transform:translateZ(0)}
.hero-art{min-height:auto;aspect-ratio:760/560;object-fit:cover}
.feature-band{background:linear-gradient(180deg,#ffffff 0%,var(--soft2) 100%)}
.product-highlight h2{font-size:clamp(2rem,3.6vw,3.4rem)}
.showcase-shell{border:1px solid var(--line);border-radius:30px;padding:14px;background:linear-gradient(145deg,#fff,rgba(var(--brand-rgb),.08));box-shadow:var(--shadow)}
.showcase-shell img{border-radius:22px;width:100%;height:auto}
.feature-list{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}.feature-list span{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:rgba(var(--brand-rgb),.10);border:1px solid rgba(var(--brand-rgb),.20);font-weight:850;color:#123047;font-size:.9rem}.dark-text{color:#143047;border-color:rgba(var(--brand-rgb),.20);background:rgba(var(--brand-rgb),.08)}
.dark-text:before{box-shadow:0 0 0 5px rgba(var(--brand-rgb),.14)}
html[data-theme="light"] body{background:#fff;color:#0b1525}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,23,42,.10);box-shadow:0 10px 34px rgba(15,23,42,.07)}
html[data-theme="light"] .brand{color:#0b1525}html[data-theme="light"] .nav-links{color:#435168}html[data-theme="light"] .nav-links a:hover,html[data-theme="light"] .nav-links a[aria-current=page]{color:#0b1525}html[data-theme="light"] .nav-cta{background:#0b1525;color:#fff!important}
html[data-theme="light"] .menu-button,html[data-theme="light"] .theme-button{color:#0b1525;border-color:rgba(15,23,42,.14);background:rgba(15,23,42,.04)}html[data-theme="light"] .theme-options{background:rgba(255,255,255,.98);border-color:rgba(15,23,42,.12);box-shadow:0 28px 70px rgba(15,23,42,.18)}html[data-theme="light"] .theme-options button{color:#334155}html[data-theme="light"] .theme-options button:hover,html[data-theme="light"] .theme-options button[aria-selected="true"]{background:rgba(37,99,235,.08);color:#0b1525}
html[data-theme="light"] .hero,html[data-theme="light"] .page-hero{color:#0b1525;background:radial-gradient(circle at 8% 18%,rgba(var(--brand-rgb),.18),transparent 32%),radial-gradient(circle at 82% 16%,rgba(var(--brand2-rgb),.16),transparent 34%),linear-gradient(180deg,#ffffff 0%,#eff6ff 100%)}html[data-theme="light"] .hero:before{background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px)}html[data-theme="light"] .hero .lead,html[data-theme="light"] .page-hero .lead{color:#475569}html[data-theme="light"] .eyebrow{color:#123047;background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.18)}html[data-theme="light"] .btn-secondary{color:#0b1525;border-color:rgba(15,23,42,.15);background:rgba(255,255,255,.65)}html[data-theme="light"] .site-footer .brand{color:#fff}
html[data-theme="light"] .nav-links.open{background:rgba(255,255,255,.98);border-color:rgba(15,23,42,.12)}
@media (max-width:1120px){.hero-compact .hero-inner{grid-template-columns:1fr;min-height:auto}.hero-compact .hero-art-card{max-width:680px}.hero-compact h1{max-width:850px}}
@media (max-width:860px){.hero-compact .hero-inner{padding-top:38px;padding-bottom:40px}.hero-compact h1{font-size:clamp(2rem,7.8vw,3.1rem)}html[data-theme="light"] .nav-links.open{background:#fff}.product-highlight{gap:28px}}
@media (max-width:560px){.hero-compact h1{font-size:clamp(1.9rem,9vw,2.55rem)}.feature-list span{font-size:.84rem}.showcase-shell{padding:8px;border-radius:22px}.showcase-shell img{border-radius:16px}}


/* v8 commercial clean hero ------------------------------------------------ */
.hero-product-panel{
  position:relative;
  isolation:isolate;
  padding:22px;
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--brand-rgb), .30), transparent 38%),
    radial-gradient(circle at 88% 22%, rgba(var(--brand2-rgb), .22), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 34px 90px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.16);
  overflow:hidden;
}
.hero-product-panel:before{
  content:"";
  position:absolute;
  inset:-25% -18%;
  background:
    linear-gradient(90deg, transparent 0 48%, rgba(255,255,255,.06) 48% 49%, transparent 49% 100%),
    linear-gradient(0deg, transparent 0 48%, rgba(255,255,255,.045) 48% 49%, transparent 49% 100%);
  background-size:72px 72px;
  opacity:.32;
  transform:rotate(-7deg);
  pointer-events:none;
  z-index:-2;
}
.hero-product-panel:after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-90px;
  bottom:-130px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--brand-rgb),.34), transparent 64%);
  filter:blur(10px);
  z-index:-1;
}
.hero-product-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.hero-product-tabs span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.75);
  padding:8px 12px;
  border-radius:999px;
  font-weight:850;
  font-size:.82rem;
}
.hero-product-tabs .active{
  color:#06121f;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  border-color:transparent;
  box-shadow:0 14px 32px rgba(var(--brand-rgb),.24);
}
.tlv-demo-card{
  border-radius:26px;
  background:rgba(4,13,25,.76);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  overflow:hidden;
  transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);
  transform-origin:center;
}
.demo-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
}
.demo-toolbar strong{
  display:block;
  color:#fff;
  font-size:1.03rem;
  letter-spacing:-.03em;
}
.demo-toolbar span{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.58);
  font-weight:700;
  font-size:.8rem;
}
.demo-search{
  min-width:160px;
  color:rgba(255,255,255,.48);
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.04);
  border-radius:999px;
  padding:8px 12px;
  font-size:.78rem;
}
.demo-grid{
  padding:10px 12px 14px;
}
.demo-row{
  display:grid;
  grid-template-columns:1.55fr .75fr .62fr .7fr;
  gap:10px;
  align-items:center;
  min-height:38px;
  padding:0 10px;
  border-radius:12px;
  color:rgba(255,255,255,.78);
  font-size:.82rem;
  border:1px solid transparent;
}
.demo-row:nth-child(even){
  background:rgba(255,255,255,.035);
}
.demo-row:hover{
  background:rgba(var(--brand-rgb),.09);
  border-color:rgba(var(--brand-rgb),.16);
}
.demo-head{
  color:rgba(255,255,255,.48);
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.68rem;
}
.demo-row.child span:first-child{
  color:rgba(255,255,255,.62);
  padding-left:10px;
}
.demo-row .ok,.demo-row .warn,.demo-row .new{
  display:inline-flex;
  justify-self:start;
  padding:3px 8px;
  border-radius:999px;
  font-weight:850;
  font-size:.72rem;
}
.demo-row .ok{background:rgba(41,214,151,.12);color:#6df0bf}
.demo-row .warn{background:rgba(255,190,83,.13);color:#ffd18a}
.demo-row .new{background:rgba(167,139,250,.14);color:#cbbdff}
.hero-mini-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}
.mini-product{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  row-gap:2px;
  align-items:center;
  min-height:86px;
  padding:14px;
  border-radius:22px;
  color:#fff;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.mini-product:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--brand-rgb),.42);
  background:rgba(255,255,255,.105);
}
.mini-product .mini-icon{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#06121f;
  font-weight:950;
}
.mini-product strong{
  line-height:1.15;
  letter-spacing:-.03em;
}
.mini-product small{
  color:rgba(255,255,255,.58);
  line-height:1.35;
}
[data-theme="light"] .hero-product-panel{
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--brand-rgb), .16), transparent 40%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,248,252,.82));
  border-color:rgba(10,25,45,.10);
  box-shadow:0 28px 80px rgba(20,40,70,.16), inset 0 1px 0 rgba(255,255,255,.8);
}
[data-theme="light"] .hero-product-panel:before{opacity:.18}
[data-theme="light"] .tlv-demo-card{
  background:rgba(9,20,36,.94);
}
[data-theme="light"] .mini-product{
  background:rgba(7,17,31,.055);
  color:#101827;
  border-color:rgba(15,23,42,.10);
}
[data-theme="light"] .mini-product small{color:#64748b}
@media (max-width:980px){
  .hero-product-panel{padding:16px;border-radius:26px}
  .tlv-demo-card{transform:none}
  .hero-mini-products{grid-template-columns:1fr}
}
@media (max-width:560px){
  .demo-toolbar{align-items:flex-start;flex-direction:column}
  .demo-search{min-width:0;width:100%}
  .demo-row{grid-template-columns:1.2fr .72fr .55fr; font-size:.74rem}
  .demo-row span:nth-child(4){display:none}
  .hero-product-tabs span{font-size:.76rem;padding:7px 10px}
}