:root {--guide-ink:#10131d;--guide-blue:#4658a6;--guide-leaf:#62a040;--guide-sage:#e9f0df;--guide-paper:#f7f5ef;--guide-gold:#f4d66d;--guide-muted:#646975;} body {margin:0;color:var(--guide-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;} .gaming-hero {position:relative;z-index:3;min-height:0;background-color:#4658a6;} .platform-guide {padding-top:0;} .platform-guide section {position:relative;} .guide-hero {min-height:470px;display:flex;align-items:center;overflow:hidden;padding:clamp(52px,8vw,112px) max(24px,calc((100vw - 1180px)/2));color:#fff;background:radial-gradient(circle at 82% 35%,rgba(150,181,255,.28),transparent 28%),linear-gradient(120deg,#202849 0%,#4658a6 60%,#263653 100%);} .guide-hero::after {content:"";position:absolute;width:390px;height:390px;right:8%;top:10%;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.04),0 0 0 74px rgba(255,255,255,.035);} .guide-hero__inner {z-index:1;max-width:760px;} .eyebrow {margin:0 0 16px;color:var(--guide-leaf);font-size:.76rem;font-weight:800;letter-spacing:.14em;line-height:1.35;text-transform:uppercase;} .guide-hero .eyebrow {color:#c5ebaa;} .guide-hero h1 {max-width:740px;margin:0 0 22px;color:#fff;font-size:clamp(2.65rem,6vw,5rem);line-height:.98;letter-spacing:-.045em;} .guide-hero__intro {max-width:620px;margin:0 0 30px;color:#f3f4fa;font-size:1.12rem;line-height:1.65;} .hero-index {position:absolute;z-index:1;right:8%;bottom:12%;display:flex;align-items:center;gap:12px;color:#e4e8f6;font-size:.75rem;letter-spacing:.16em;} .hero-index i {width:66px;height:1px;background:#b5c5fa;} .guide-button {display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:16px;padding:12px 19px;border:2px solid var(--guide-ink);border-radius:999px;color:#12151d;background-color:#fff;box-shadow:3px 4px 0 var(--guide-ink);font:700 .93rem/1.25 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;} .guide-button:hover {transform:translateY(-2px);box-shadow:3px 6px 0 var(--guide-ink);} .guide-button:focus-visible {outline:3px solid #f4d66d;outline-offset:4px;} .guide-button--dark {color:#fff;background-color:#202849;border-color:#111522;box-shadow:3px 4px 0 #111522;} .guide-button--submit {width:100%;color:#10131d;background-color:#f4d66d;} .guide-section {padding:clamp(64px,8vw,112px) 24px;} .guide-section--paper {background:var(--guide-paper);} .guide-section--ink {color:#fff;background:#171c2b;} .guide-section--sage {background:var(--guide-sage);} .guide-section--gold {background:var(--guide-gold);} .section-wrap {width:min(1120px,100%);margin-inline:auto;} .section-wrap--split {display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(42px,8vw,105px);} .section-heading {max-width:690px;margin-bottom:36px;} .section-wrap--split .section-heading {margin:0;} .section-heading--wide {max-width:770px;} .section-heading h2 {margin:0 0 18px;color:inherit;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em;line-height:1.04;} .section-heading > p:last-child {margin:0;color:var(--guide-muted);font-size:1rem;line-height:1.72;} .guide-section--ink .section-heading > p:last-child {color:#c9ccd5;} .priority-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .priority-card {min-height:215px;padding:25px 25px 28px;border:1px solid #dddcd5;background:#fff;} .priority-card h3,.catalogue-panel h3,.step-list h3,.device-card h3 {margin:18px 0 9px;font-size:1.2rem;line-height:1.2;} .priority-card p,.catalogue-panel p,.step-list p,.device-card p {margin:0;color:var(--guide-muted);font-size:.94rem;line-height:1.6;} .card-number {color:var(--guide-leaf);font-size:.75rem;font-weight:800;letter-spacing:.1em;} .step-list {display:grid;gap:0;margin:0;padding:0;list-style:none;} .step-list li {display:grid;grid-template-columns:46px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #414654;} .step-list li:first-child {border-top:1px solid #414654;} .step-list li > span {color:#a7d984;font-size:.78rem;font-weight:800;} .step-list h3 {margin:0 0 6px;font-size:1.05rem;} .step-list p {color:#c9ccd5;} .catalogue-panels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .catalogue-panel {min-height:220px;padding:25px;border-top:3px solid var(--guide-leaf);background:rgba(255,255,255,.72);} .panel-mark {display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#4658a6;font-size:.82rem;font-weight:700;} .filter-board {padding:24px;border:1px solid #e0dfd7;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(16,19,29,.08);} .filter-board__search {display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #d9dbe2;border-radius:8px;color:#737783;font-size:.88rem;} .filter-board__search > span:first-child {color:#4658a6;font-size:1.2rem;} .filter-board__search kbd {margin-left:auto;padding:3px 6px;border:1px solid #e0e1e5;border-radius:4px;font:inherit;font-size:.7rem;} .filter-board__chips {display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-bottom:1px solid #eee;} .filter-board__chips span {padding:7px 10px;border-radius:999px;color:#303443;background:#edf1e7;font-size:.75rem;} .filter-board__result {display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #f0f0ed;} .filter-board__result > i {width:10px;height:10px;border-radius:50%;background:#62a040;} .filter-board__result b,.filter-board__result small {display:block;} .filter-board__result b {font-size:.85rem;} .filter-board__result small {margin-top:4px;color:var(--guide-muted);font-size:.75rem;} .filter-board__result--muted > i {background:#bbc1d3;} .device-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} .device-card {padding:25px;border:1px solid rgba(16,19,29,.2);background:rgba(255,255,255,.58);} .device-card > span {color:#4658a6;font-size:1.6rem;} .device-card b {display:inline-block;margin-top:20px;color:#354a27;font-size:.76rem;} .signal-stack {padding:8px 22px;border:1px solid #3b4050;border-radius:12px;background:#202536;} .signal-stack > div {display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #3a3e4c;} .signal-stack > div:last-child {border:0;} .signal-dot {width:9px;height:9px;border-radius:50%;background:#f4b25f;box-shadow:0 0 0 5px rgba(244,178,95,.12);} .signal-dot--lime {background:#a6d983;box-shadow:0 0 0 5px rgba(166,217,131,.12);} .signal-dot--blue {background:#91a9fc;box-shadow:0 0 0 5px rgba(145,169,252,.12);} .signal-stack p {margin:0;} .signal-stack b,.signal-stack small {display:block;} .signal-stack b {font-size:.88rem;} .signal-stack small {margin-top:5px;color:#b6bbc9;font-size:.76rem;} .signal-state {color:#c8cce0;font-size:.72rem;} .access-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .access-item {display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:18px;border:1px solid #e3e0d6;background:#fff;} .access-item > span {color:#62a040;font-size:.78rem;font-weight:800;} .access-item p {margin:0;color:var(--guide-muted);font-size:.9rem;line-height:1.55;} .access-item b {color:var(--guide-ink);} .checklist {display:grid;gap:14px;margin:0;padding:0;list-style:none;} .checklist li {display:flex;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #ccd5c1;color:#292d35;line-height:1.45;} .checklist li span {color:#426f2b;font-weight:900;} .guide-section--closing {padding:clamp(68px,8vw,110px) 24px;color:#fff;background:#4658a6;} .section-wrap--contact {display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center;gap:clamp(38px,7vw,94px);} .guide-section--closing .eyebrow {color:#c9ecb3;} .guide-section--closing .section-heading > p:last-child {margin-bottom:25px;color:#e6e9f4;} .guide-form {display:grid;gap:9px;padding:25px;border:1px solid rgba(255,255,255,.34);border-radius:12px;color:#171c2b;background:#fff;} .form-kicker {margin:0 0 7px;font-size:1.05rem;font-weight:800;} .guide-form label {margin-top:6px;font-size:.8rem;font-weight:700;} .guide-form input,.guide-form select {width:100%;min-height:44px;padding:10px 12px;border:1px solid #c9cbd2;border-radius:6px;color:#171c2b;background:#fff;font:inherit;} .guide-form input:focus,.guide-form select:focus {outline:3px solid rgba(70,88,166,.25);border-color:#4658a6;} .guide-form [aria-invalid="true"] {border-color:#b3261e;} .field-error {min-height:1em;color:#a3231c;font-size:.78rem;} .form-status {min-height:1em;margin:2px 0 0;color:#33442a;font-size:.8rem;} .reveal-target {opacity:1;transform:none;} .js-reveal .reveal-target {opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;} .js-reveal .reveal-target.is-visible {opacity:1;transform:translateY(0);} @media (prefers-reduced-motion:reduce) {.js-reveal .reveal-target,.guide-button {transition:none;} .js-reveal .reveal-target {opacity:1;transform:none;}} @media (max-width:900px) {.section-wrap--split,.section-wrap--contact {grid-template-columns:1fr;gap:34px;} .guide-hero {min-height:410px;} .hero-index {right:7%;bottom:9%;}} @media (max-width:650px) {.guide-hero {min-height:430px;padding:55px 22px 72px;} .guide-hero::after {width:260px;height:260px;right:-90px;top:18%;} .guide-hero__intro {font-size:1rem;} .hero-index {right:22px;bottom:24px;} .guide-section {padding:62px 20px;} .section-heading {margin-bottom:27px;} .priority-grid,.catalogue-panels,.device-grid {grid-template-columns:1fr;} .priority-card,.catalogue-panel {min-height:0;} .priority-card {padding:22px;} .access-grid {grid-template-columns:1fr;} .filter-board {padding:17px;} .filter-board__search {flex-wrap:wrap;} .guide-form {padding:20px;} .guide-button {max-width:100%;white-space:normal;text-align:center;}} @media (max-width:360px) {.guide-hero h1 {font-size:2.55rem;} .filter-board__search kbd {display:none;} .section-wrap--contact {gap:27px;}} .guide-button--light {color:#12151d;background-color:#fff;} .section-wrap--search {align-items:center;}