/* Box Games identity and a single next action for the installation journey. */
.brand img{width:194px}.sidebar .brand{margin:0 0 28px}.hero{min-height:390px;background:#0b100c;border-color:#425333;padding:42px}.hero-art{width:100%;height:100%;max-height:none;top:0;right:0;transform:none;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c110cf5 0%,#0c110cdb 35%,#0c110c45 59%,transparent 85%);pointer-events:none}.hero-copy{z-index:1;width:58%}.hero h2{font-size:clamp(32px,3.25vw,49px);max-width:570px}.hero p{font-size:14px;max-width:370px}.hero-tag{z-index:1;color:#ced6c5}.hero .btn{font-size:13px;padding:14px 19px}.intro h1{font-size:28px}.btn{min-height:46px}.login-art{background:#0c110c;min-height:100vh;padding:42px 8%}.login-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#0c110c00 30%,#0c110c00 75%,#0c110c 100%);pointer-events:none}.login-art .brand,.login-art h1,.login-art small{position:relative;z-index:1}.login-art .brand img{width:245px}.login-art h1{margin-top:35px;align-self:flex-start;margin-bottom:auto;font-size:clamp(40px,4.2vw,66px)}.login-art>img{position:absolute;bottom:0;right:0;width:100%;height:72%;max-width:none;margin:0;object-fit:cover;object-position:70% center}.login-form h2{font-size:38px}.login-form>p{font-size:15px}.field label{font-size:14px}.field input{font-size:17px;min-height:56px}.login-form .btn{font-size:15px;min-height:55px}.login-links{font-size:12px;flex-wrap:wrap}.next-action{display:flex;align-items:center;gap:19px;padding:22px 25px;background:linear-gradient(110deg,#25311d,#191e17);border:1px solid #475c34;border-radius:15px;margin-top:17px}.next-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#c5f66f;background:#344526;flex-shrink:0}.next-action>div{flex:1}.next-action .eyebrow{color:#bbd4a4;font-size:9px}.next-action h3{margin:6px 0;font-size:20px}.next-action p{font-size:12px}.next-action .btn{white-space:nowrap}.pack{transition:border-color .2s,transform .2s}.pack:hover{border-color:#617149;transform:translateY(-3px)}.pack.gold{border-color:#635032}.pack.locked.gold{box-shadow:0 0 28px #ae81200d}.pack-art{height:180px}.pack-art .pill{font-size:9px;letter-spacing:.06em}.pack-brand{position:absolute;right:14px;bottom:12px;font-size:9px;font-weight:800;letter-spacing:.13em;color:#f6f8f0c9}.locked .pack-art img{opacity:1}.locked .btn.gold{box-shadow:0 0 0 0 #edc66d30;animation:offerGlow 3.5s ease-in-out infinite}.pack-content p{font-size:13px}.pack-content .btn{font-size:12px}.upgrade{position:relative;overflow:hidden;border-color:#64502b;background:radial-gradient(ellipse at 100% 0%,#8c6e2459,transparent 70%),#1f2019}.upgrade:before{content:'+';position:absolute;right:20px;top:-42px;font-size:210px;line-height:1;font-weight:800;color:#edc66d09;pointer-events:none}.upgrade h3{font-size:32px}.upgrade p{font-size:13px}.wizard{border:1px solid #465138;border-radius:20px;background:linear-gradient(135deg,#20271b,#171c17);overflow:hidden}.wizard-top{display:flex;justify-content:space-between;gap:20px;padding:23px 30px;font-size:13px}.wizard-top span{font-weight:700}.wizard-top strong{color:var(--lime);font-weight:500}.wizard-track{height:4px;background:#343d2b}.wizard-track span{display:block;height:100%;background:var(--lime);transition:width .3s}.wizard-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding:20px;gap:10px}.wizard-nav button{display:flex;align-items:center;gap:10px;border:1px solid transparent;color:#a8b49f;background:transparent;text-align:left;padding:10px;border-radius:10px;font-size:12px;font-weight:600}.wizard-nav button>span{flex-shrink:0;display:grid;place-items:center;border:1px solid #526046;border-radius:50%;width:29px;height:29px;font-size:12px}.wizard-nav button.current{background:#2c3922;border-color:#526b38;color:var(--lime)}.wizard-nav button.done>span{background:var(--lime);border-color:var(--lime);color:#17200f}.wizard-nav .icon{width:16px;height:16px}.wizard-content{display:grid;grid-template-columns:100px minmax(0,1fr);gap:25px;padding:42px 45px}.wizard-number{font-size:76px;letter-spacing:-.09em;line-height:1;color:#c5f66f30;font-weight:800}.wizard-content h2{font-size:32px;margin:9px 0 16px}.wizard-content p{font-size:15px;max-width:690px;line-height:1.8}.wizard-content .notice{font-size:13px;max-width:680px}.wizard-content .actions{margin-top:24px}.wizard-content .btn{font-size:14px;min-height:49px}.wizard-confirm{border-top:1px solid #3b4531;margin-top:30px;padding-top:22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.wizard-confirm p{width:100%;font-size:12px;color:#b1bda6}.wizard-confirm .btn{font-size:13px}.guide-help{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:19px 24px;margin-top:18px}.guide-help>div{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.guide-help .icon{color:var(--lime)}.guide-help strong{font-size:14px}.guide-help span{font-size:12px;color:var(--muted)}.completion-card{text-align:center;border:1px solid #596e3f;background:#29351f;padding:35px;border-radius:17px;margin-top:24px}.completion-card>.icon{width:40px;height:40px;color:var(--lime);margin-bottom:14px}.completion-card p{margin:13px 0 23px}.login-form .notice{font-size:12px}.demo-bar{font-size:11px}.stats{margin-bottom:28px}.password-box button{min-height:44px;font-weight:700}.modal-label{font-size:12px;letter-spacing:0;text-transform:none}.footer{line-height:1.7}
@keyframes offerGlow{50%{box-shadow:0 0 0 5px #edc66d14}}
@media(max-width:1150px){.brand img{width:180px}.hero{padding:30px;min-height:370px}.hero-copy{width:65%}.hero h2{font-size:39px}.hero .actions{max-width:360px}.hero p{max-width:310px}.wizard-content{grid-template-columns:62px 1fr;padding:32px 25px;gap:20px}.wizard-number{font-size:58px}.wizard-nav{padding:14px;gap:5px}.wizard-nav button{font-size:11px;padding:8px;gap:8px}.wizard-content h2{font-size:29px}.login-art .brand img{width:210px}}
@media(max-width:850px){.sidebar .brand{margin:0}.sidebar .brand img{width:185px}.hero-copy{width:63%}.hero h2{font-size:36px}.hero p{font-size:13px}.login-art h1{font-size:43px}.pack-art{height:155px}.pack-brand{font-size:8px}.wizard-content{padding:30px}.wizard-content p{font-size:14px}}
@media(max-width:600px){.hero{min-height:570px;padding:28px 24px 250px}.hero-copy{width:100%}.hero h2{font-size:36px;max-width:310px}.hero p{font-size:13px;max-width:300px}.hero-art{width:100%;height:100%;bottom:0;top:0;right:0;max-height:none;object-position:72% center;opacity:.8}.hero:after{background:linear-gradient(180deg,#0c110cfa 0%,#0c110cf5 39%,#0c110c20 68%,#0c110c60 100%)}.hero-tag{width:auto;font-size:9px;left:24px;bottom:17px;letter-spacing:.13em}.hero .btn{font-size:12px;min-height:45px}.hero .actions{gap:10px}.hero .actions>.btn:first-child{width:100%}.hero .actions>.btn.secondary{padding-left:0;border:0;background:transparent;color:#c8d0bf;font-size:12px}.intro{flex-wrap:wrap;gap:9px}.intro h1{font-size:25px}.intro p{font-size:12px}.intro>.pill{font-size:8px}.next-action{padding:19px 17px;gap:12px;flex-wrap:wrap}.next-action h3{font-size:18px}.next-action .btn{width:100%;font-size:13px}.next-icon{width:36px;height:36px}.next-action p{font-size:11px}.pack{grid-template-columns:110px minmax(0,1fr)}.pack-art{height:100%;min-height:205px}.pack-art .pill{font-size:8px;padding:5px;left:7px}.pack-art .pill .icon{display:none}.pack-brand{font-size:7px;left:10px;right:auto}.pack-content p{font-size:12px}.pack-content .btn{font-size:11px}.login-art{min-height:280px;padding:24px}.login-art .brand img{width:200px}.login-art h1{font-size:34px;max-width:225px;margin-top:25px;text-shadow:0 2px 20px #000}.login-art>img{height:100%;width:100%;right:0;bottom:0;object-position:65% center;opacity:.65}.login-art:after{background:linear-gradient(90deg,#0c110ccc,transparent)}.login-form{padding:31px 24px 40px}.login-form h2{font-size:31px}.login-form>p{font-size:14px}.login-form .eyebrow{font-size:9px}.login-links{font-size:11px}.wizard-top{padding:19px;font-size:12px}.wizard-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:12px 9px}.wizard-nav button{flex-direction:column;text-align:center;font-size:10px;padding:7px 3px;line-height:1.4;gap:8px}.wizard-content{display:block;padding:25px 21px}.wizard-number{display:none}.wizard-content h2{font-size:27px}.wizard-content p{font-size:14px}.wizard-content .notice{font-size:12px;padding:15px}.wizard-content .actions .btn,.wizard-confirm .btn{width:100%;font-size:13px}.wizard-confirm{margin-top:25px}.guide-help{padding:18px;flex-wrap:wrap}.guide-help>div{gap:10px}.guide-help span{width:100%;padding-left:31px}.guide-help .btn{width:100%}.completion-card{padding:25px}.completion-card h2{font-size:24px}.nav button{font-size:9px}.pack-content{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.pack:hover{transform:none}}

.pack-art{background:#090c09;height:240px}.pack-art img{object-fit:contain}.pack-art .pill{top:auto;bottom:10px;left:10px;box-shadow:0 3px 10px #0008}@media(max-width:600px){.pack-art{height:100%;min-height:215px}.pack-art .pill{bottom:12px;left:7px}.pack-art img{object-position:center}.offer-grid .pack-art{height:230px}}

@keyframes stageEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes rewardEnter{0%{opacity:0;transform:scale(.88)}70%{transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
.wizard-content,.page-title,.next-action{animation:stageEnter .32s ease-out both}.completion-card{animation:rewardEnter .55s ease-out both;position:relative;overflow:hidden}.completion-card:before,.completion-card:after{content:'✦';position:absolute;color:var(--lime);font-size:48px;opacity:.25;top:30px;left:10%;transform:rotate(-15deg)}.completion-card:after{left:auto;right:10%;top:70px;font-size:32px;transform:rotate(20deg)}.btn{transition:transform .15s,background-color .2s,box-shadow .2s}.btn:active{transform:scale(.97)}.wizard-nav button{transition:background-color .2s,border-color .2s}.gold-next{border-color:#786334;background:linear-gradient(110deg,#342d1c,#1d1d16)}.gold-next .eyebrow{color:var(--gold)}.gold-next .next-icon{background:#4b3c20;color:var(--gold)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.btn:active{transform:none}}

.pack-highlights{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}.pack-highlights li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.55;color:var(--text)}.pack-highlights svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px;color:var(--lime)}.pack.gold .pack-highlights svg{color:var(--gold)}

/* Upgrade emphasis: gentle motion, with reduced-motion support. */
.pack.locked{position:relative;border-color:#786334;transition:transform .25s,box-shadow .25s,border-color .25s}.pack.locked:hover{transform:translateY(-5px);box-shadow:0 18px 50px #0005;border-color:var(--gold)}.pack.locked.purple{border-color:#5b487e}.pack.locked .btn,.upgrade .btn{position:relative;isolation:isolate;overflow:hidden;animation:upgradePulse 3s ease-in-out infinite}.pack.locked .btn:after,.upgrade .btn:after{content:'';position:absolute;inset:-60% auto -60% -60%;width:30%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:rotate(22deg);animation:upgradeShine 6s ease-in-out infinite;pointer-events:none}.pack-content .btn{white-space:normal;text-align:center;line-height:1.4}.upgrade{border-color:#786334;background:radial-gradient(ellipse at top right,#68511d55,transparent 75%),#1b2018}.pack-highlights{flex:1}.pack.locked .pack-art img{transition:transform .4s}.pack.locked:hover .pack-art img{transform:scale(1.035)}
@keyframes upgradePulse{0%,100%{box-shadow:0 0 0 0 #edc66d08}50%{box-shadow:0 0 0 5px #edc66d20,0 6px 22px #edc66d18}}@keyframes upgradeShine{0%,65%{left:-60%}100%{left:150%}}
@media(max-width:600px){.pack-highlights li{font-size:12px}.pack-highlights{gap:8px}.pack.locked:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.pack.locked .btn,.upgrade .btn,.pack.locked .btn:after,.upgrade .btn:after{animation:none}.pack.locked:hover,.pack.locked:hover .pack-art img{transform:none}}