:root {
  --bg: #080d18; --bg-deep: #060a13; --panel: #10192b; --panel-light: #17233b; --border: rgba(178,202,242,.13);
  --muted: #a4b1c9; --soft: #73819a; --text: #f6f8ff; --mint: #65edcb; --violet: #9a8cff; --blue: #7eafff;
  --radius: 22px; --max: 1200px; color-scheme: dark;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth; scroll-padding-top:90px}
body {margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible {outline:3px solid var(--mint);outline-offset:4px}
button {font:inherit}
img,svg {max-width:100%}
::selection {background:#4e62b5;color:#fff}
.container {width:min(var(--max), calc(100% - 64px));margin:0 auto}
.skip-link {position:absolute;top:-60px;left:20px;background:var(--mint);color:var(--bg);z-index:1000;padding:10px 16px;border-radius:6px}
.skip-link:focus {top:12px}
.site-header {position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(151,173,209,.1);background:rgba(8,13,24,.81);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner {display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px}
.brand {display:inline-flex;align-items:center;gap:11px;min-width:0;white-space:nowrap}
.brand-mark {width:43px;height:43px;flex:none;filter:drop-shadow(0 0 14px rgba(101,237,203,.15))}
.brand-word {display:flex;flex-direction:column;line-height:1.02;letter-spacing:-.5px;font-size:18px;font-weight:850}
.brand-word .sub {font-size:10px;letter-spacing:3px;margin-top:5px;font-weight:750;color:var(--mint)}
.header-nav {display:flex;align-items:center;gap:29px;font-size:13px;color:#c4cee0;font-weight:650}
.header-nav a {transition:color .2s}
.header-nav a:hover,.header-nav a[aria-current="page"] {color:#fff}
.nav-external {display:flex;align-items:center;gap:5px}
.nav-external svg {width:13px;height:13px}
.header-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(101,237,203,.34);background:rgba(101,237,203,.08);border-radius:10px;padding:11px 16px;color:var(--mint)!important;font-size:12px;line-height:1.2;white-space:nowrap;transition:background .2s!important}
.header-button svg {width:18px;height:18px;flex:none}
.header-button:hover {background:rgba(101,237,203,.17)}
.mobile-toggle {display:none;align-items:center;justify-content:center;width:44px;height:44px;background:#132035;border:1px solid var(--border);border-radius:12px;color:#fff;cursor:pointer}
.mobile-toggle svg {width:22px;height:22px}
.hero {position:relative;isolation:isolate;overflow:hidden;padding:100px 0 112px;background:radial-gradient(ellipse 55% 55% at 78% 40%,rgba(65,75,158,.18),transparent 80%),radial-gradient(ellipse 38% 40% at 12% 80%,rgba(17,118,125,.1),transparent 90%)}
.hero::before,.product-hero::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(112,156,214,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(112,156,214,.13) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.hero-grid {display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:58px}
.eyebrow {display:inline-flex;gap:10px;align-items:center;color:#b7c7e1;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2px}
.eyebrow::before {content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px rgba(101,237,203,.7)}
h1,h2,h3,p {margin-top:0}
h1 {font-size:clamp(49px,5.2vw,78px);line-height:1.045;letter-spacing:-3.8px;margin:22px 0 26px;font-weight:850}
.grad {background:linear-gradient(110deg,var(--mint),#a7baff 70%,var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-text {font-size:17px;line-height:1.8;color:var(--muted);max-width:520px;margin:0 0 34px}
.button-row {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;font-size:13px;line-height:1.2;font-weight:800;padding:16px 21px;border:1px solid transparent;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;cursor:pointer;min-height:48px}
.btn svg {width:17px;height:17px;flex:none}
.btn:hover {transform:translateY(-2px)}
.btn-primary {background:var(--mint);color:#052620;box-shadow:0 10px 35px rgba(101,237,203,.12)}
.btn-primary:hover {box-shadow:0 12px 33px rgba(101,237,203,.2);background:#86f5d9}
.btn-secondary {border-color:var(--border);background:rgba(143,160,204,.08);color:#e3eafa}
.btn-secondary:hover {background:rgba(143,160,204,.13);border-color:rgba(143,160,204,.33)}
.hero-meta {display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:35px;color:#99a9c1;font-size:12px}
.hero-meta .dot {display:block;width:5px;height:5px;border-radius:50%;background:#6e7d94}
.hero-art {position:relative;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);filter:drop-shadow(0 35px 45px rgba(0,0,0,.25))}
.dashboard-window {border:1px solid rgba(144,181,229,.26);box-shadow:inset 0 1px rgba(255,255,255,.05),0 35px 85px rgba(0,0,0,.4),0 0 100px rgba(105,83,206,.12);border-radius:16px;overflow:hidden;background:#0e1728}
.window-top {min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;background:#17233a;border-bottom:1px solid rgba(143,170,208,.12)}
.window-dots {display:flex;gap:6px}.window-dots i {display:block;width:7px;height:7px;border-radius:50%;background:#475776}.window-dots i:first-child {background:#fc777e}.window-dots i:nth-child(2) {background:#ecbe69}.window-dots i:nth-child(3) {background:#62cea9}
.window-label {font-size:9px;color:#b1bdd2;text-transform:uppercase;font-weight:800;letter-spacing:1.7px}
.window-body {padding:20px}
.dashboard-title {display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.dashboard-title strong {font-size:13px;letter-spacing:-.2px}.dashboard-title small {font-size:9px;color:#7e8ea7}
.live-pill {border:1px solid rgba(101,237,203,.2);border-radius:20px;padding:4px 8px;color:var(--mint);background:rgba(101,237,203,.06);font-size:9px;font-weight:800;white-space:nowrap}
.diagram {height:219px;position:relative;background:radial-gradient(ellipse at 50% 50%,rgba(38,74,120,.2),transparent 69%),linear-gradient(90deg,rgba(130,170,225,.035) 1px,transparent 1px),linear-gradient(rgba(130,170,225,.035) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border:1px solid rgba(130,159,200,.11);border-radius:12px;overflow:hidden}
.diagram svg {position:absolute;inset:0;width:100%;height:100%}
.diagram .path {fill:none;stroke:#6886b3;stroke-width:1.35;opacity:.7;stroke-dasharray:5 6}
.diagram .path.a {stroke:#68edcc;opacity:.8}.diagram .path.b {stroke:#937df8;opacity:.85}
.node {position:absolute;min-width:82px;padding:9px 9px 8px;border:1px solid rgba(141,173,217,.22);border-radius:10px;background:#15223a;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 6px 14px rgba(0,0,0,.21)}
.node i {width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#5ee6c4,#478cb6);position:relative}
.node i::after {content:"";position:absolute;inset:5px;border:1px solid rgba(7,31,36,.8);border-radius:2px}
.node span {font-size:9px;color:#dbe7fb;font-weight:800}
.node small {font-size:8px;color:#8398b9}
.node-router {left:40%;top:33%;border-color:rgba(101,237,203,.4);background:#17343d}.node-switch {left:12%;top:11%}.node-ap {right:9%;top:10%}.node-server {left:13%;bottom:10%}.node-wan {right:9%;bottom:13%}
.metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}
.metric {background:#15213a;border:1px solid rgba(128,165,212,.12);padding:12px;border-radius:9px}.metric .metric-label {font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#94a5c0;font-weight:800}.metric strong {display:block;margin-top:4px;font-size:19px;letter-spacing:-.5px}.metric strong em {font-style:normal;font-size:9px;color:var(--mint);font-weight:700;margin-left:3px}
.preview-tag {position:absolute;right:-19px;bottom:-16px;display:flex;align-items:center;gap:8px;background:#17243a;border:1px solid rgba(142,171,213,.25);border-radius:9px;padding:12px 16px;font-size:10px;font-weight:750;color:#b9c5db;box-shadow:0 14px 35px rgba(0,0,0,.3)}
.preview-tag svg {width:17px;height:17px;color:var(--mint)}
.section {padding:108px 0}
.section-heading {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}
.section-heading h2,.feature-intro h2,.studio-copy h2,.cta-copy h2 {font-size:clamp(34px,3.7vw,51px);letter-spacing:-2px;line-height:1.12;margin:13px 0 0;font-weight:840}
.section-lead {font-size:15px;line-height:1.75;color:var(--muted);max-width:430px;margin:0}
.small-label {color:var(--mint);font-size:11px;text-transform:uppercase;letter-spacing:2.1px;font-weight:850}
.product-grid {display:grid;grid-template-columns:1fr 1fr;gap:22px}
.product-card {position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(155deg,#131e32,#0d1523 80%);padding:27px 28px 25px;min-width:0;display:flex;flex-direction:column}
.product-card::before {content:"";position:absolute;top:-110px;right:-100px;width:320px;height:320px;border-radius:100%;background:rgba(101,237,203,.065);pointer-events:none;filter:blur(30px)}
.product-card.trainer::before {background:rgba(154,140,255,.11)}
.card-top {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.product-icon {height:48px;width:48px;border-radius:13px;background:linear-gradient(135deg,rgba(101,237,203,.17),rgba(101,237,203,.035));border:1px solid rgba(101,237,203,.24);display:flex;align-items:center;justify-content:center;color:var(--mint)}
.trainer .product-icon {background:linear-gradient(135deg,rgba(154,140,255,.19),rgba(154,140,255,.04));border-color:rgba(154,140,255,.25);color:#b8acff}
.product-icon svg {width:27px;height:27px}
.status {display:inline-flex;align-items:center;gap:7px;padding:7px 10px;font-size:10px;color:#b6c7de;background:#202c42;border:1px solid rgba(162,179,216,.14);border-radius:50px;white-space:nowrap;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.status::before {content:"";height:6px;width:6px;border-radius:50%;background:var(--mint)}.status.violet::before {background:var(--violet)}
.product-card h3 {font-size:30px;letter-spacing:-1px;margin:0 0 7px;line-height:1.2}
.card-category {font-size:11px;letter-spacing:1.1px;color:var(--mint);text-transform:uppercase;font-weight:800;margin-bottom:18px}
.trainer .card-category {color:#b8acff}
.product-card .description {font-size:14px;color:#acbad1;line-height:1.8;margin-bottom:22px;min-height:76px}
.product-visual {height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(3,10,19,.65);border:1px solid rgba(135,169,214,.12);border-radius:12px;margin-bottom:22px;position:relative}
.mini-map {position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(44,106,118,.19),transparent 67%)}
.mini-map svg {width:100%;height:100%}
.mini-map line {stroke:#6aafc3;stroke-width:1.2;stroke-dasharray:4 5;opacity:.76}.mini-map circle {stroke:#7de6cb;stroke-width:1.9;fill:#173745}.mini-map circle.alt {stroke:#9e91fb;fill:#27264c}
.mini-map text {fill:#9bb1c9;font-size:9px;font-family:system-ui}
.trainer-visual {display:grid;grid-template-columns:65px 1fr;gap:8px;width:90%;height:124px;background:#121c30;border:1px solid #35425e;border-radius:9px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.23)}
.trainer-rail {border-radius:5px;background:#1b2842;display:flex;align-items:center;flex-direction:column;padding:13px 7px;gap:9px}
.trainer-rail i {width:29px;height:5px;background:#586885;border-radius:10px}.trainer-rail i:nth-child(2) {background:#9f8ffb}
.trainer-main {padding:9px 12px}.trainer-title {color:#d9def6;font-weight:850;font-size:12px;display:flex;justify-content:space-between;gap:5px}.trainer-title small {font-size:8px;color:#9c8cff}
.trainer-row {height:22px;display:flex;align-items:center;gap:9px;border:1px solid rgba(148,158,195,.12);border-radius:4px;margin-top:8px;padding:5px 8px}.trainer-row i {width:11px;height:11px;border-radius:3px;background:#75d5bd}.trainer-row span {height:4px;border-radius:3px;background:#60728d;width:41%}.trainer-row b {width:23px;height:10px;background:#4b6778;border-radius:8px;margin-left:auto}.trainer-row:nth-child(3) i {background:#a896f2}
.tag-list {display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:22px}
.tag {border:1px solid rgba(140,173,217,.16);background:rgba(98,130,179,.06);color:#b1bdd2;padding:7px 10px;border-radius:7px;font-size:11px;white-space:nowrap}
.card-link {display:inline-flex;align-items:center;gap:9px;color:var(--mint);font-size:13px;font-weight:850;align-self:start}
.trainer .card-link {color:#b9abff}.card-link span {transition:transform .2s}.card-link:hover span {transform:translateX(5px)}
.feature-section {background:#0b1220;border-top:1px solid rgba(138,170,214,.08);border-bottom:1px solid rgba(138,170,214,.08)}
.feature-intro {max-width:690px;margin-bottom:40px}.feature-intro p {color:var(--muted);font-size:15px;line-height:1.8;margin:19px 0 0}
.feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.feature {padding:28px;border:1px solid var(--border);border-radius:16px;background:#101a2c}
.feature .feature-number {font-size:11px;letter-spacing:1.3px;color:var(--mint);font-weight:800}
.feature h3 {font-size:18px;margin:20px 0 10px;letter-spacing:-.4px}
.feature p {font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.studio-section {padding:107px 0}
.studio-box {position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;border-radius:22px;padding:54px;background:linear-gradient(125deg,#182038,#131b2e 60%,#1d213b);border:1px solid rgba(158,173,233,.18)}
.studio-box::before {content:"";position:absolute;width:370px;height:370px;right:-85px;top:-110px;background:radial-gradient(circle,rgba(145,123,240,.26),transparent 68%);pointer-events:none}
.studio-copy p {color:#b9c3d8;line-height:1.8;max-width:500px;font-size:14px;margin:20px 0 24px}
.studio-art {z-index:1;position:relative;min-height:220px;display:grid;place-items:center}
.studio-bug {width:170px;height:170px;opacity:.9;filter:drop-shadow(0 0 42px rgba(154,140,255,.35))}
.studio-wordmark {font-size:19px;font-weight:850;letter-spacing:-1px;margin-top:0;color:#e6e2ff}
.studio-art-inner {display:flex;align-items:center;flex-direction:column}
.cta-section {padding:40px 0 105px}
.cta-panel {display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 40px;border:1px solid rgba(101,237,203,.22);border-radius:19px;background:linear-gradient(100deg,rgba(33,99,96,.17),rgba(22,32,59,.64))}
.cta-copy h2 {font-size:27px;margin:0 0 8px;letter-spacing:-.7px}.cta-copy p {font-size:13px;color:var(--muted);margin:0}
.footer {border-top:1px solid rgba(134,162,212,.12);padding:47px 0 32px;background:#080d17}
.footer-top {display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:65px;padding-bottom:40px}
.footer .brand-mark {width:37px;height:37px}.footer .brand-word {font-size:16px}.footer .brand-word .sub {font-size:8px}
.footer-blurb {font-size:12px;color:#8797b2;max-width:295px;line-height:1.75;margin:20px 0 0}
.footer-group {display:flex;flex-direction:column;gap:10px;font-size:12px;color:#9dacbf}.footer-group strong {color:#e8eefa;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;margin-bottom:6px}.footer-group a:hover {color:var(--mint)}
.footer-bottom {border-top:1px solid rgba(135,163,201,.1);padding-top:23px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#7e8ca4;font-size:11px}
/* Product detail pages */
.product-hero {position:relative;isolation:isolate;padding:95px 0 86px;overflow:hidden;background:radial-gradient(ellipse at 80% 55%,rgba(55,115,124,.15),transparent 58%)}
.product-hero.purple {background:radial-gradient(ellipse at 77% 47%,rgba(104,74,174,.18),transparent 60%)}
.breadcrumb {display:flex;align-items:center;gap:10px;color:#8498b2;font-size:12px;margin-bottom:25px}.breadcrumb a:hover {color:var(--mint)}
.product-hero-grid {display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:55px}
.product-hero h1 {font-size:clamp(55px,6vw,84px);margin:18px 0 20px}
.product-hero p {color:var(--muted);font-size:17px;line-height:1.8;max-width:600px;margin-bottom:24px}
.product-hero .eyebrow::before {background:var(--mint)}.product-hero.purple .eyebrow::before {background:var(--violet)}
.product-notice {display:inline-flex;align-items:center;gap:11px;border:1px solid rgba(147,174,223,.19);background:#142137;color:#b9c6d9;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.5;margin-top:14px}
.product-notice svg {width:19px;height:19px;color:var(--mint);flex:none}
.product-hero.purple .product-notice svg {color:var(--violet)}
.detail-card {border:1px solid rgba(154,182,231,.2);background:#10192a;border-radius:19px;padding:27px;box-shadow:0 25px 60px rgba(0,0,0,.3)}
.detail-card h3 {font-size:14px;margin-bottom:18px;color:#dce5fb}
.detail-row {display:flex;gap:15px;align-items:center;padding:15px 0;border-top:1px solid rgba(132,162,209,.12)}
.detail-icon {height:38px;width:38px;border-radius:10px;display:grid;place-items:center;background:rgba(101,237,203,.1);color:var(--mint)}
.purple .detail-icon {background:rgba(154,140,255,.12);color:var(--violet)}
.detail-icon svg {width:19px;height:19px}
.detail-row b {font-size:13px;display:block}.detail-row small {font-size:11px;color:#9eaec7;display:block;margin-top:3px}
.product-facts {display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.product-facts span {border:1px solid rgba(162,185,221,.19);border-radius:25px;padding:9px 12px;font-size:11px;color:#aebed6}
.product-content {padding:92px 0}
.product-content-head {max-width:650px;margin-bottom:40px}.product-content-head h2 {font-size:clamp(31px,3.8vw,44px);line-height:1.15;letter-spacing:-1.6px;margin:12px 0}.product-content-head p {font-size:15px;color:var(--muted);line-height:1.8}
.capabilities {display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.capability {padding:27px;border:1px solid var(--border);border-radius:16px;background:#10192b}.capability h3 {font-size:18px;letter-spacing:-.4px;margin:0 0 9px}.capability p {margin:0;color:var(--muted);font-size:13px;line-height:1.85}.capability-num {font-size:10px;letter-spacing:1.4px;font-weight:850;color:var(--mint);margin-bottom:21px}
.purple .capability-num {color:var(--violet)}
.detail-bottom {padding:0 0 100px}.detail-bottom-box {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 42px;background:#131e31;border:1px solid rgba(148,170,215,.2);border-radius:18px}.detail-bottom-box h2 {font-size:27px;letter-spacing:-.8px;margin:0 0 8px}.detail-bottom-box p {margin:0;color:var(--muted);font-size:13px;max-width:700px}
.error-page {min-height:60vh;display:grid;place-items:center;text-align:center;padding:80px 0}.error-page h1 {font-size:90px;margin:0;color:var(--mint)}.error-page p {color:var(--muted)}
@media (max-width: 1080px) {.hero-grid,.product-hero-grid {gap:28px}.hero-art {transform:none}.container {width:min(var(--max),calc(100% - 48px))}.header-nav {gap:17px}.header-button {display:none} .product-card .description {min-height:100px}}
@media (max-width: 800px) {
  .header-inner {min-height:73px}.mobile-toggle {display:flex}.header-nav {display:none;position:absolute;top:73px;left:0;right:0;padding:20px 24px 25px;background:#0b1323;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 20px rgba(0,0,0,.35)}
  .header-nav.is-open {display:flex}.header-nav a {padding:14px;border-radius:8px}.header-nav a:hover {background:#19263d}.header-button {display:flex}
  .hero {padding:80px 0 94px}.hero-grid,.product-hero-grid,.studio-box {grid-template-columns:1fr}.hero-text {max-width:650px}.hero-art {margin:30px auto 0;width:min(100%,540px)}
  .product-grid {grid-template-columns:1fr}.product-card .description {min-height:0}.section-heading {flex-direction:column;align-items:start}.section-lead {max-width:650px}.section {padding:85px 0}.feature-grid {grid-template-columns:1fr 1fr}.studio-box {padding:38px}.studio-art {min-height:160px}.studio-bug {width:130px;height:130px}.footer-top {grid-template-columns:1fr 1fr;gap:35px}.footer-top > :first-child {grid-column:1/-1}.product-hero {padding:65px 0 78px}.product-hero-grid > :last-child {max-width:650px;width:100%}
}
@media (max-width: 560px) {
 .container {width:calc(100% - 36px)}.brand-mark {width:38px;height:38px}.brand-word {font-size:16px}.brand-word .sub {font-size:8px}
 h1 {font-size:48px;letter-spacing:-2.3px}.hero {padding:64px 0 68px}.hero-text {font-size:15px}.hero-art {margin-top:26px}.window-body {padding:12px}.diagram {height:194px}.node {min-width:71px;padding:8px 5px}.node span {font-size:8px}.node small {font-size:7px}.metric {padding:8px}.metric strong {font-size:14px}.metric strong em {font-size:8px}.preview-tag {right:0;bottom:-22px}
 .section {padding:73px 0}.section-heading h2,.feature-intro h2,.studio-copy h2 {font-size:36px;letter-spacing:-1.3px}.section-lead {font-size:14px}.product-card {padding:22px}.product-visual {height:158px}.feature-grid,.capabilities {grid-template-columns:1fr}.feature {padding:24px}.studio-section {padding:70px 0}.studio-box {padding:29px}.studio-art {margin-top:0}.cta-panel,.detail-bottom-box {flex-direction:column;align-items:stretch;padding:27px}.cta-section {padding:20px 0 75px}.cta-copy h2 {font-size:25px}.footer-top {gap:25px}.footer {padding-top:35px}.footer-bottom {flex-direction:column;gap:9px}.product-hero h1 {font-size:58px}.product-hero p {font-size:15px}.detail-card {padding:18px}.product-content {padding:70px 0}.detail-bottom {padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important}}

.studio-games-word {color:#a89aff}