@font-face{font-family:NP Display;src:url('assets/fonts/Pricedown.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#09080a;--panel:#100d12;--text:#f6f2f5;--muted:#c0b6bf;--accent:#be20c4;--light:#ef8ae9;--pressed:#d850dd;--disabled:#817984;--border:#4e3c50;--content:1220px;--font:'Segoe UI',Tahoma,Arial,sans-serif;--display:'NP Display',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--font)}a{color:inherit}img{display:block;max-width:100%}.wrap{max-width:var(--content);margin-inline:auto;padding-inline:32px}a:focus-visible{outline:2px solid var(--light);outline-offset:7px}.skip-link{position:absolute;z-index:20;top:-100px;left:20px;background:var(--panel);padding:12px}.skip-link:focus{top:10px}.topbar{background:#09080af5;border-bottom:1px solid var(--accent);position:relative;z-index:2}.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:25px/1 var(--display);text-decoration:none;white-space:nowrap;letter-spacing:.5px}.brand>span{font:38px/1 Georgia,serif;color:var(--accent);vertical-align:middle;margin-right:8px}.brand b{font-weight:400;color:var(--light)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:14px;text-decoration:none}nav a:hover,.text-link:hover{color:var(--light)}nav .nav-panel{border:1px solid #68416b;padding:9px 16px}nav .nav-panel:hover{background:#2c172e}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(7,6,9,.65),rgba(7,6,9,.15)),linear-gradient(0deg,#09080a 0%,rgba(9,8,10,.15) 36%,rgba(9,8,10,.35)),url('assets/los-santos-screenshot.jpg') center/cover}.hero:before{content:'';position:absolute;inset:0;background:#09080a66;z-index:-1}.hero-layout{min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:80px;padding-block:66px 76px}.hero-logo{width:410px;height:auto;margin:0 0 29px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.3px;color:#e1a6df;font-weight:700;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.3px;line-height:1.1}h1{font-size:clamp(44px,5vw,68px);margin-bottom:24px}em{font-style:normal;color:var(--light)}.lead{font-size:17px;color:#ddd3dc;max-width:575px;line-height:1.8}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;text-decoration:none;font-size:14px;font-weight:700;padding:13px 22px;min-height:50px;border:1px solid #c269c8;border-radius:3px}.primary{background:#85278c;color:#fff}.primary:hover{background:#a334aa;color:#f2edf3}.primary:active{background:#8a2b8c;border-color:var(--pressed)}.text-link{font-size:14px;text-decoration:none}.text-link span{margin-left:12px}.hero-note{font-size:12px;color:#b2a6b2;margin:25px 0 0}.hero-aside{border-left:1px solid #b08bad66;padding:25px 0 25px 25px;display:flex;flex-direction:column;gap:20px;margin-top:100px}.hero-aside>span{font-size:10px;letter-spacing:2px;color:#cab9c9}.hero-aside strong{font:36px/1.18 var(--display);color:#f4e9f3;font-weight:400}.hero-aside .aside-line{height:3px;width:35px;background:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;gap:16px;padding-bottom:24px;font-size:10px;letter-spacing:2px;color:#b9a6b9}.hero-bottom a{text-decoration:none}.hero-bottom a span{margin-left:16px;color:var(--light)}.section{padding-block:88px}.overview{display:grid;grid-template-columns:1fr 1.25fr;gap:95px}h2{font-size:clamp(34px,3.5vw,48px);margin-bottom:24px}.intro-text{font-size:19px;color:#e6dce5;line-height:1.8;margin-bottom:30px}.feature{display:flex;gap:24px;border-top:1px solid #3a2c3c;padding-top:23px;margin-top:23px}.feature h3{font-size:18px;margin-bottom:7px}.feature p{font-size:14px;color:var(--muted);margin-bottom:0}.getting-started{background:var(--panel);border-block:1px solid #302332}.steps-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:42px}.steps-heading h2{margin:0}.steps-heading>p{font-size:14px;color:var(--muted);margin:0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.steps li{border-top:2px solid #633068;padding-top:20px}.steps h3{font-size:19px;margin:17px 0 10px}.steps p{font-size:14px;color:var(--muted);max-width:310px;margin:0}.panel-box{border:1px solid var(--border);border-top:3px solid var(--accent);padding:46px;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:50px;background:linear-gradient(110deg,#1c101f,#100d12)}.panel-box h2{font-size:42px}.panel-box p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:0}.panel-actions .button{width:100%}.panel-actions p{font-size:12px!important;line-height:1.6;margin-top:15px}.footer{border-top:1px solid #302332;padding-block:28px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.footer .brand{font-size:21px}.footer .brand>span{font-size:30px}.footer-inner>span{font-size:12px;color:#a396a4}
@media(min-width:1600px){.hero-layout{min-height:760px}}
@media(max-width:1000px){.hero-layout{gap:28px;grid-template-columns:minmax(0,1fr) 175px}.hero-aside strong{font-size:30px}.overview{gap:45px;grid-template-columns:1fr 1.3fr}.panel-box{gap:25px;padding:32px;grid-template-columns:minmax(0,1fr) 260px}.panel-box h2{font-size:35px}.steps{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{padding-inline:22px}.nav-wrap{flex-wrap:wrap;justify-content:center;gap:15px;padding-block:18px}nav{gap:22px}nav a{font-size:12px}nav .nav-panel{padding:6px 10px}.hero-layout{display:block;min-height:0;padding-top:46px;padding-bottom:54px}.hero-logo{width:330px;margin-bottom:26px}.hero-aside{display:none}h1{font-size:47px}.lead{font-size:15px;max-width:520px}.hero-note{font-size:11px}.hero-bottom{font-size:8px;letter-spacing:1.4px}.section{padding-block:55px}.overview{display:block}.overview .section-intro{margin-bottom:30px}.intro-text{font-size:17px}.feature{gap:19px}.steps-heading{display:block;margin-bottom:30px}.steps-heading>p{margin-top:20px}.steps-heading>p br{display:none}.steps{grid-template-columns:1fr;gap:28px}.steps li{padding-top:18px}.steps h3{margin:0 0 7px}.steps p{max-width:none}.panel-box{display:block;padding:27px}.panel-box h2{font-size:34px}.panel-actions{margin-top:28px}.desktop-break{display:none}.footer-inner{flex-direction:column;gap:14px}.actions{gap:21px}.button{padding:13px 17px}.hero-bottom>span{max-width:45%}}
@media(max-width:380px){nav{gap:13px}.brand{font-size:23px}h1{font-size:40px}.actions .button{width:100%;font-size:13px}.panel-box{padding:22px}.panel-box h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
