/* Keep the public site's identity and section structure in the illustrated theme. */
.site-header {top:14px;max-width:1260px;width:calc(100% - 40px);margin:14px auto 0;border:1px solid #a7aaff25;border-radius:15px;box-shadow:0 8px 35px #0002;background:#101523f5}
.header-inner {width:calc(100% - 36px);height:72px;gap:20px}
.site-nav {gap:18px}
.site-nav a {font-size:11px;color:#a8aec7}
.logo-official {background:linear-gradient(145deg,#8b78ff,#5044b5 66%,#144c60);color:#fff;border-color:#b4aaff4d;box-shadow:0 0 24px #7866e52a}
.logo-official svg {stroke-width:2.1}
.logo-official circle {stroke:none;fill:#7ee3ea}
.home-section-nav {border-block:1px solid #ffffff0a;background:#11162680}
.home-section-nav>.shell {display:flex;align-items:center;justify-content:space-between;gap:26px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6a5b8c transparent;padding-block:19px}
.home-section-nav a {font-size:11px;white-space:nowrap;color:#a3a9c3}
.home-section-nav a:hover {color:#ded7ff}
.tile-body {display:flex;flex-direction:column;flex:1}
.module-tile {display:flex;flex-direction:column}
.tile-body h3 {font-size:17px;line-height:1.3;min-height:44px}
.tile-body p {min-height:39px}
.tile-body .tile-detail {font-size:11px;color:#929cb7;line-height:1.7;min-height:56px;margin-top:12px}
.tile-link {margin-top:18px}
.catalog-note a {color:#c7b3f8;text-decoration:underline;text-underline-offset:3px}
.alignment-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.alignment-step {position:relative;background:#141a2a;border:1px solid #ffffff0e;border-radius:14px;padding:24px 25px}
.alignment-number {position:absolute;top:22px;left:23px;font-size:10px;color:#888fae;letter-spacing:2px}
.alignment-step-art {height:170px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.alignment-step-art>svg {width:285px;height:165px;max-width:100%;stroke:none;fill:none}
.alignment-step h3 {font-size:20px;line-height:1.25;margin-bottom:14px}
.alignment-step p {font-size:12px;line-height:1.85;min-height:66px;color:#a6afc7}
.alignment-step .text-link {font-size:11px;margin-top:23px;line-height:1.5}
.alignment-news-section {background:#ffffff02;border-block:1px solid #ffffff06}
.alignment-news-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.alignment-news-card {position:relative;padding:29px;border:1px solid #a5a2d921;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#8c6af50b,transparent 65%),#14192a}
.alignment-news-card .eyebrow {font-size:8px;padding-right:50px;margin-bottom:15px;color:#aeb7d7}
.alignment-news-card h3 {font-size:22px;line-height:1.25;padding-right:35px}
.alignment-news-card p {font-size:12px;line-height:1.9;margin:15px 0 23px;max-width:440px;color:#a2acc6}
.alignment-news-card .text-link {font-size:11px}
.alignment-news-icon {position:absolute;right:23px;top:23px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #a198ec25;border-radius:9px;background:#8c6af50b;color:#b6abed}
.alignment-news-icon>svg {width:18px;height:18px}
.alignment-play-section {background:#14132155;border-block:1px solid #bc9fe80d}
.alignment-play-links {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:32px}
.alignment-play-links a {display:flex;align-items:center;justify-content:space-between;gap:9px;background:#1b1930;border:1px solid #ad95da21;border-radius:8px;padding:14px;color:#c1b3db;font-size:11px}
.alignment-play-links svg {width:14px;height:14px}
.alignment-play-links a:hover {border-color:#ad95da66;background:#201d38}
.alignment-preparation {display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:25px;font-size:11px;line-height:1.8;text-align:center;color:#a599b6}
.alignment-preparation .badge {font-size:8px}
.alignment-radio {display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:35px 42px 35px 25px;background:radial-gradient(ellipse at 0 50%,#d275aa0a,transparent 65%),#151929;border:1px solid #bfa6d529;border-radius:15px}
.alignment-radio-art {position:relative;display:flex;align-items:center;justify-content:center;min-height:325px}
.alignment-radio-art>svg {width:440px;height:290px;max-width:100%;stroke:none;fill:none}
.alignment-radio-art .scene-tag {top:0;left:15px;color:#c09cbf}
.alignment-radio .feature-copy h3 {font-size:31px;line-height:1.25;margin-top:20px}
.alignment-radio .feature-copy p {margin-top:17px;font-size:13px}
.alignment-radio .feature-copy .check-list {font-size:11px}
.alignment-radio .actions {gap:20px}
.alignment-future-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.alignment-future-card {padding:24px;border:1px solid #b0b4d41b;border-radius:12px;background:#121727}
.alignment-future-card>div {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}
.alignment-future-code {display:grid;place-items:center;width:35px;height:35px;border:1px solid #a8a1d630;border-radius:9px;font-size:12px;color:#b3b1d1;background:#ab9ed10a}
.alignment-future-card .badge {font-size:8px;letter-spacing:.5px}
.alignment-future-card h3 {font-size:20px}
.alignment-future-card p {font-size:12px;line-height:1.8;margin:12px 0 20px;min-height:65px}
.alignment-future-card .text-link {font-size:11px}
.alignment-offer-summary {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px;border:1px solid #a5a1d624;border-radius:12px;background:#15192b;padding:25px 28px}
.alignment-offer-summary>span {font-size:10px;color:#9da4c0}
.alignment-offer-summary strong {display:block;font-size:13px;font-weight:550;color:#dad8ef;margin-bottom:5px}
.alignment-offer-summary .button {min-height:40px;font-size:11px}
@media (max-width:1200px) {
  .site-nav {gap:13px}.site-nav a {font-size:10px}
  .alignment-step {padding:21px}.alignment-step h3 {font-size:18px}
  .alignment-step-art {height:145px}.alignment-step-art>svg {height:150px}
  .alignment-play-links {gap:8px}.alignment-play-links a {font-size:10px;padding:11px}
  .alignment-radio {gap:30px;padding:30px}.alignment-radio .feature-copy h3 {font-size:28px}
}
@media (max-width:980px) {
  .site-nav {top:72px;border-radius:0 0 15px 15px;left:-1px;right:-1px;border:1px solid #a7aaff25;border-top:0;padding:14px 18px}
  .site-nav a {font-size:13px}.home-section-nav>.shell {justify-content:flex-start;gap:24px}
  .alignment-steps {gap:14px}.alignment-step h3 {font-size:17px}.alignment-step p {font-size:11px;min-height:82px}
  .alignment-step .text-link {font-size:10px;gap:7px}.alignment-step .text-link svg {width:14px;height:14px}
  .alignment-news-card {padding:24px}.alignment-news-card h3 {font-size:21px}
  .alignment-play-links {grid-template-columns:repeat(3,minmax(0,1fr))}
  .alignment-radio {grid-template-columns:.8fr 1.2fr;gap:25px;padding:25px}.alignment-radio-art {min-height:285px}
  .alignment-radio-art>svg {height:250px}.alignment-radio .feature-copy .badge {font-size:8px}
  .alignment-future-grid {gap:14px}.alignment-future-card {padding:19px}.alignment-future-card p {font-size:11px;min-height:78px}
  .alignment-future-card>div {gap:10px;flex-wrap:wrap}.alignment-future-card h3 {font-size:18px}
}
@media (max-width:760px) {
  .site-header {top:8px;width:calc(100% - 24px);margin-top:8px;border-radius:12px}.header-inner {width:calc(100% - 24px);height:64px;gap:10px}
  .site-nav {top:64px;border-radius:0 0 12px 12px}.header-demo {font-size:10px;padding-inline:11px;gap:7px}.header-demo svg {width:13px}
  .home-section-nav>.shell {padding-block:15px;gap:23px}.home-section-nav a {font-size:10px}
  .tile-body h3 {min-height:0;font-size:19px}.tile-body p {min-height:0}.tile-body .tile-detail {min-height:0}
  .alignment-steps {grid-template-columns:1fr}.alignment-step {padding:25px}.alignment-step-art {height:150px;margin-bottom:10px}.alignment-step-art>svg {height:165px;width:300px}
  .alignment-step h3 {font-size:23px}.alignment-step p {font-size:12px;min-height:0}.alignment-step .text-link {font-size:11px;margin-top:19px}
  .alignment-news-grid {grid-template-columns:1fr;gap:14px}.alignment-news-card {padding:25px}.alignment-news-card h3 {font-size:23px;padding-right:32px}
  .alignment-play-links {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.alignment-play-links a {font-size:11px;padding:14px}
  .alignment-preparation {font-size:10px;gap:12px}
  .alignment-radio {grid-template-columns:1fr;gap:10px;padding:23px}.alignment-radio-art {min-height:225px}.alignment-radio-art>svg {height:230px;width:350px}.alignment-radio-art .scene-tag {top:4px;left:3px}
  .alignment-radio .feature-copy h3 {font-size:29px}.alignment-radio .feature-copy p {font-size:12px}.alignment-radio .feature-copy .badge {font-size:7px}
  .alignment-future-grid {grid-template-columns:1fr;gap:14px}.alignment-future-card {padding:25px}.alignment-future-card>div {flex-wrap:nowrap}.alignment-future-card h3 {font-size:23px}.alignment-future-card p {font-size:12px;min-height:0}
  .alignment-offer-summary {display:grid;grid-template-columns:1fr 1fr;padding:23px;gap:23px}.alignment-offer-summary .button {align-self:end;justify-self:start}
}
@media (max-width:380px) {
  .header-inner {gap:8px}.site-logo {gap:7px;font-size:19px}.logo-mark {height:29px;width:29px}.header-demo {font-size:9px;padding:9px;gap:5px;min-height:35px}.header-demo svg {display:none}.nav-toggle {width:32px;height:33px}
  .alignment-news-card {padding:21px}.alignment-news-card h3 {font-size:21px}.alignment-offer-summary {grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}
@media (max-width:360px) {
  .demo-section .demo-window {
    width:100vw;
    margin-inline:calc(50% - 50vw);
    border-inline-width:0;
    border-radius:0;
  }
}