.landing{background:#0b0d0c}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.landing-nav{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:24px;border-bottom:1px solid #ffffff12}.landing-brand{display:flex;align-items:center;gap:12px;font:700 24px var(--display);letter-spacing:1px}.landing-brand img{object-fit:contain}.landing-brand small{display:block;font:8px var(--font);letter-spacing:2px;color:var(--muted)}.landing-nav nav{display:flex;gap:32px;color:#c5c6bd;font-size:12px}.landing-nav .account-trigger{background:transparent;border:1px solid #777063;color:var(--text);padding:10px 24px}.landing-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:20px;min-height:670px;padding-block:60px}.landing-kicker{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#e9ac51;margin-bottom:24px}.landing h1{font-size:clamp(52px,5.8vw,82px);line-height:1.02;letter-spacing:-1px}.landing em{font-style:normal;color:#ffc35a}.hero-description{font-size:15px;line-height:1.9;color:#b3b7b0;max-width:460px;margin-top:26px}.landing-actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.landing-primary{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:52px;background:#ffc35a;color:#16120b;padding:16px 26px;font-size:13px;font-weight:700;border-radius:3px}.landing-primary:hover{background:#ffcf7c}.landing-secondary{font-size:12px;font-weight:600;display:inline-block;padding-block:14px}.hero-note{font-size:10px;color:#858d83;margin-top:20px}.hero-note span{display:inline-block;width:6px;height:6px;background:#adc786;border-radius:50%;margin-right:6px}.hero-art{position:relative;min-width:0;padding:20px 0 30px;isolation:isolate}.hero-art img{width:100%;height:auto;display:block;position:relative;border-radius:18px}.hero-orbit{position:absolute;inset:-30px;background:radial-gradient(ellipse,#a76c2025,transparent 68%);z-index:-1}.art-caption{display:block;text-align:center;font-size:8px;letter-spacing:3px;color:#8e7d5e;margin-top:18px}.league-strip{border-block:1px solid #ffffff12;background:#121412;padding:27px 0 20px}.league-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.league-strip span{font-size:10px;color:#878c82;line-height:1.8;letter-spacing:1px}.league-strip b{color:#d6d9cf}.league-strip strong{font:600 28px var(--display);color:#b3b6ac;letter-spacing:2px}.league-strip>p{text-align:center;color:#80877c;font-size:10px;margin:20px 20px 0}.landing-section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:38px}.landing h2{font-size:clamp(38px,4vw,54px);font-weight:600;line-height:1.08}.section-heading>p{max-width:270px;color:var(--muted);font-size:13px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:30px;background:linear-gradient(140deg,#1b1e19,#111410);border:1px solid #32372b;border-radius:5px}.feature-number{font-size:9px;letter-spacing:2px;color:#9ba48f}.feature-symbol{font:700 62px var(--display);color:#e9b453;margin:26px 0 20px}.feature-grid h3{font-size:26px;margin-bottom:15px}.feature-grid p{font-size:12px;line-height:1.9;color:#a6aea0}.section-note{color:#838c7d;font-size:10px;line-height:1.8;margin-top:22px}.pace-section{background:#131611;border-block:1px solid #ffffff12;padding:76px 0}.pace-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.pace-grid>div>p:not(.landing-kicker){max-width:370px;margin:24px 0 16px;color:var(--muted);font-size:13px;line-height:1.9}.pace-list{padding:0;margin:0;list-style:none}.pace-list li{display:flex;align-items:center;gap:20px;border-bottom:1px solid #353b2f;padding:20px 0}.pace-list li:first-child{padding-top:0}.pace-list li>span{font:500 21px var(--display);color:#a39269}.pace-list h3{font-size:23px}.pace-list p{font-size:11px;color:#939d89;margin-top:5px}.pace-list b{margin-left:auto;color:#ffc35a;font-size:13px}.landing-finale{text-align:center;padding-block:94px}.landing-finale h2{font-size:clamp(52px,6vw,78px)}.landing-finale button{margin-top:30px}.landing-finale>p:last-child{font-size:11px;color:#939d89;margin-top:18px}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding-block:26px;border-top:1px solid #ffffff14;font-size:10px;color:#929b88}.landing dialog{max-height:calc(100dvh - 32px);overflow:auto}.landing .account-body .button{display:block;text-align:center}.landing #conteudo{padding:0;max-width:none;margin:0}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.landing-hero{min-height:560px}.landing h1{font-size:58px}.landing-nav nav{gap:18px}.feature-grid article{padding:22px}.pace-grid{gap:40px}.hero-description{font-size:13px}.landing-actions{gap:16px}.league-strip strong{font-size:23px}}
@media(max-width:640px){.landing-nav{min-height:88px;gap:12px}.landing-brand{font-size:20px;gap:8px}.landing-brand img{width:50px;height:50px}.landing-brand small{font-size:6px;letter-spacing:1px}.landing-nav nav{display:none}.landing-nav .account-trigger{padding:10px 16px;font-size:11px}.landing-hero{grid-template-columns:1fr;padding-block:42px 26px;gap:10px}.landing h1{font-size:clamp(47px,11vw,62px)}.hero-description{font-size:14px;max-width:100%}.hero-art{width:min(360px,90%);margin:auto;padding-top:16px}.hero-orbit{inset:0}.landing-actions{gap:18px}.landing-primary{padding:15px 20px;gap:18px}.league-strip .wrap{flex-wrap:wrap;justify-content:center;gap:20px}.league-strip span{width:100%;text-align:center}.league-strip strong{font-size:20px;letter-spacing:1px}.landing-section{padding-block:58px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:100%}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:26px}.feature-symbol{margin-block:15px;font-size:46px}.pace-section{padding-block:52px}.pace-grid{grid-template-columns:1fr;gap:30px}.landing-finale{padding-block:64px}.landing-footer{flex-wrap:wrap;justify-content:center;text-align:center}.landing-footer>span:nth-child(2){display:none}.landing-kicker{font-size:9px;letter-spacing:2px}.landing .top-actions{gap:0}}

.landing-faq{max-width:960px}.landing-faq h2{margin-bottom:28px}.landing-faq details{border-bottom:1px solid #464136;padding:20px 0}.landing-faq summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.5;min-height:44px}.landing-faq details p{color:var(--muted);line-height:1.8;font-size:14px;max-width:760px;margin:12px 0 18px}.landing-faq summary:focus-visible{outline:2px solid #fba64b;outline-offset:5px}

/* Keep the introduction readable in tablet and embedded-browser widths. */
.hero-copy{min-width:0}.landing-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
@media(min-width:641px) and (max-width:900px){
 .landing-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:40px 28px;gap:20px}
 .hero-copy{max-width:680px}.landing h1{font-size:clamp(44px,6.4vw,58px);line-height:1.08}
 .hero-description{max-width:600px;font-size:15px;line-height:1.7;margin-top:20px}
 .landing-kicker{margin-bottom:20px}.landing-actions{margin-top:24px}
 .hero-art{width:min(340px,65%);margin-inline:auto;padding:0 0 12px}
 .hero-orbit{inset:0}.landing-nav{flex-wrap:wrap;gap:12px;padding-block:14px}
 .landing-nav nav{order:3;width:100%;justify-content:center;gap:24px}
}
@media(max-width:640px){.landing-hero{grid-template-columns:minmax(0,1fr)}}

/* The game dashboard also has .hero-copy; its width must not constrain the landing. */
.landing .hero-copy{width:100%;max-width:none;min-width:0}
@media(min-width:901px){
 .landing .landing-hero{min-height:0;padding-block:40px;gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .landing .landing-hero h1{font-size:clamp(46px,4.6vw,68px);line-height:1.08}
 .landing .hero-art{width:100%;max-width:440px;justify-self:end;padding:12px 0}
 .landing .hero-description{margin-top:20px;line-height:1.7}
 .landing .landing-actions{margin-top:24px}
}

/* Mobile: principal logo precedes the headline, with the requested image margins. */
@media(max-width:640px){
 .landing .landing-hero{padding-top:0;gap:0;min-height:0}
 .landing .hero-art{order:-1;margin:0 auto;padding:0}
 .landing .hero-art img{margin-top:20px;margin-bottom:15px}
 .landing .hero-art .art-caption{display:none}
}