@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#111d2a;--paper:#f1f0eb;--red:#cf503d;--muted:#59626a;--line:#d1d3cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--navy);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}.skip{position:absolute;top:-70px;background:white;padding:10px;z-index:10}.skip:focus{top:0}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:800;letter-spacing:2px;white-space:nowrap}.brand b{display:block;font-size:10px;letter-spacing:5px;line-height:1.3;font-weight:500}.emblem{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:42px;height:42px;font-size:30px;font-weight:400}nav{display:flex;gap:32px;font-size:14px}nav a:hover,footer a:hover{color:var(--red)}.nav-button{font-size:14px;border:1px solid #aab0b1;padding:10px 17px}.nav-button span{margin-left:24px}.hero{min-height:660px;position:relative;background:#192b3d;background-size:cover;background-position:center 50%;color:white;display:flex;align-items:center;isolation:isolate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,14,25,.91),rgba(7,17,27,.65) 38%,rgba(8,18,27,.06) 75%),linear-gradient(0deg,rgba(6,15,24,.8),transparent 30%)}.hero-content{padding:70px 8% 100px;width:100%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:13px}.tiny-cross{color:#e78062;font-size:23px}h1{font-size:clamp(64px,7.2vw,110px);line-height:1;letter-spacing:-5px;font-weight:600;margin:25px 0}h1,h2,h3{font-family:Inter,Arial,sans-serif}.hero p{font-size:18px;line-height:1.8;color:#d5dce2}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:33px}.button{padding:14px 24px;font-size:14px;font-weight:600;display:inline-flex;gap:36px;align-items:center}.primary{background:var(--red);color:white;transition:background .2s}.primary:hover{background:#a93729}.text-link{font-size:14px}.text-link span{margin-left:16px}.hero-note{font-size:10px;letter-spacing:2px;color:#b8c0c9;margin-top:27px}.orbit-label{position:absolute;right:7%;bottom:145px;text-align:right;font-size:10px;letter-spacing:3px}.orbit-label b{display:block;font-size:16px;letter-spacing:4px;margin-top:5px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;padding:19px 0;font-size:10px;letter-spacing:1.8px}.mission-strip{display:flex;align-items:center;justify-content:center;gap:45px;font-size:10px;font-weight:600;letter-spacing:2px;padding:24px 5%;border-bottom:1px solid var(--line)}.stripes{display:flex;gap:4px}.stripes i{width:8px;height:22px;background:#243954;transform:skew(-20deg)}.stripes i:nth-child(2){background:#b94b3c}.stripes i:nth-child(3){background:#dd9647}.stripes i:nth-child(4){background:#d3b766}.section{padding:90px 8%;scroll-margin-top:10px}.muted{color:var(--muted);font-size:11px;letter-spacing:2px}h2{font-size:clamp(36px,3.6vw,55px);line-height:1.15;font-weight:500;letter-spacing:-2px;margin:22px 0}h3{font-size:22px;font-weight:500;line-height:1.45}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}.intro-copy{padding-top:24px;color:var(--muted)}.intro-copy p{margin:0 0 20px}.intro-copy .lead{font-size:22px;line-height:1.5;color:var(--navy);font-weight:500}.signature{border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--navy)}.signature span{color:var(--red);font-size:22px;margin-right:12px}.availability{background:#e7e8e4}.availability-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.availability-head>p{font-size:14px;color:var(--muted);margin-bottom:27px}.status-panel{background:var(--navy);color:#f4f4f0;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding:44px 48px}.pill{font-size:10px;letter-spacing:1.5px;border:1px solid #88929d;padding:7px 11px;color:#d1d7de}.status-main h3{font-size:30px;letter-spacing:-.5px;margin:25px 0 16px}.status-main p{font-size:14px;color:#bec5cf;max-width:440px}.status-main button{background:#2c3845;border:1px solid #52606d;color:#c5cbd2;padding:12px 18px;font-size:13px;margin-top:15px;display:flex;gap:28px;cursor:not-allowed}dl{margin:5px 0}dl div{padding:21px 0;border-bottom:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;font-size:13px}dt{color:#aab5c2}dd{margin:0;text-align:right}.section-description{color:var(--muted);font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}.steps article{border-top:1px solid #a7adb0;padding-top:25px}.step-number{font-family:'Barlow Condensed',Arial,sans-serif;font-size:42px;color:#939ba1;font-weight:500}.steps h3{margin:16px 0 9px;font-size:20px}.steps p{font-size:14px;color:var(--muted);margin:0}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:75px;padding-bottom:95px}.questions{padding-top:10px}details{border-bottom:1px solid #bdc2c3;padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:var(--red);font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;margin:15px 30px 5px 0}footer{background:var(--navy);color:#e2e5e6;padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:35px}footer .brand{font-size:14px}footer .emblem{width:34px;height:34px;font-size:24px}footer p{font-size:11px;color:#aeb8c3;max-width:390px}footer>a:last-child{font-size:12px;white-space:nowrap}@media(min-width:1600px){.hero-content,.section{padding-left:max(8%,calc((100vw - 1340px)/2));padding-right:max(8%,calc((100vw - 1340px)/2))}}@media(max-width:950px){header{height:83px}nav{gap:18px}.nav-button{display:none}.hero{min-height:610px}.orbit-label{display:none}.section{padding:65px 6%}.status-panel{padding:35px;gap:5%}.mission-strip{gap:25px}.steps{gap:25px}footer{flex-wrap:wrap}}@media(max-width:620px){header{padding:18px 6%;height:auto;flex-wrap:wrap;gap:18px}.brand{font-size:16px}nav{width:100%;justify-content:space-between;font-size:12px;gap:8px}.hero{min-height:610px;background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(5,14,25,.88),rgba(5,14,25,.35)),linear-gradient(0deg,rgba(5,14,25,.75),transparent)}.hero-content{padding:65px 6% 100px}h1{font-size:66px;letter-spacing:-3px}.eyebrow{font-size:10px;letter-spacing:1.3px}.hero p{font-size:16px}.hero-actions{gap:22px;align-items:start;flex-direction:column}.hero-bottom{font-size:8px;letter-spacing:1px;gap:20px}.hero-bottom>a{white-space:nowrap}.hero-note{font-size:9px;letter-spacing:1px}.mission-strip{gap:18px;font-size:8px;letter-spacing:1px}.mission-strip>span:not(.stripes){max-width:110px}.intro,.faq{grid-template-columns:1fr;gap:20px}.intro-copy{padding-top:0}.availability-head{display:block}.availability-head>p{margin:25px 0}.status-panel{grid-template-columns:1fr;padding:30px 23px;gap:22px}.status-main h3{font-size:27px}dl div{font-size:12px}.steps{grid-template-columns:1fr;gap:30px}.steps article{position:relative;padding-left:65px}.step-number{position:absolute;left:0;top:24px}.steps h3{margin-top:0}.faq{padding-bottom:65px}footer{display:block}footer p{margin:25px 0}.section{padding-top:58px;padding-bottom:58px}h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero{background-image:url("https://gmedia.playstation.com/is/image/SIEPDC/Starfield-hero-desktop-01-en-27mar26?fmt=jpg&wid=2400")}
 .brand b,.hero-note,.hero-bottom,.mission-strip,.eyebrow,.pill,.orbit-label,footer p,nav{font-size:max(12px,.75rem)} @media(max-width:620px){.hero-bottom{font-size:12px;flex-wrap:wrap}.mission-strip{font-size:12px;letter-spacing:0}.mission-strip>span:not(.stripes){max-width:140px}.hero{min-height:650px}.hero-note{font-size:12px}}
code{overflow-wrap:anywhere;font-size:.9em}.status-main .button{margin-top:15px}
.mod-translations{margin:0;padding:36px 8%;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#e7e8e4;border-top:1px solid #c5cac7}.mod-translations h3{margin:0 0 8px}.mod-translations p{margin:0;max-width:630px;color:var(--muted);font-size:16px}.mod-translations .button{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:750px){.mod-translations{padding:30px 6%;align-items:flex-start;flex-direction:column}.mod-translations .button{max-width:100%;gap:18px}}
.hero{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(5,14,25,.95),rgba(7,17,27,.78) 32%,rgba(8,18,27,.12) 67%),linear-gradient(0deg,rgba(6,15,24,.85),transparent 30%)}@media(max-width:620px){.hero{background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(5,14,25,.86),rgba(5,14,25,.42)),linear-gradient(0deg,rgba(5,14,25,.8),transparent 45%)}}

.dialog-progress{display:block;width:100%;max-width:220px;height:10px;margin-top:10px;accent-color:#cf503d}
