/* BTDcrypto site. Plain CSS, no framework. Measurements follow the old site so pages look the same. */
@font-face { font-family: 'Abel'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/abel-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/exo-2-100-900-normal.woff2) format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/lato-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/lato-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(/assets/fonts/open-sans-300-800-normal.woff2) format('woff2'); }
@font-face { font-family: 'My Font'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/EuropaGroteskSH-Med.otf) format('opentype'); }

:root { --green: #7ac943; --bright: #7cda24; --text: #666; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--text); font: 500 14px/1.7em 'Open Sans', Arial, sans-serif; }
img { max-width: 100%; height: auto; border: 0; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, p, ul { margin: 0; padding: 0; }
button { font: inherit; }
.accent { color: var(--bright); }
[hidden] { display: none !important; }

/* ---- header ---- */
#main-header { position: fixed; top: 0; left: 0; width: 100%; height: 114px; background: #000; box-shadow: 0 1px 0 rgba(0, 0, 0, .1); z-index: 99999; font-weight: 500; }
#main-header .container { position: relative; width: 80%; max-width: 1080px; height: 114px; margin: 0 auto; }
#main-header .logo { position: absolute; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 114px; }
#main-header #logo { display: block; width: auto; height: 54%; margin-left: 3.64px; max-width: 100%; }
#top-navigation { position: relative; float: right; padding: 50px 0 0 144px; z-index: 2; }
#top-menu-nav { float: left; }
#top-menu { list-style: none; display: block; font-size: 0; }
#top-menu li { display: inline-block; position: relative; padding-right: 22px; font: 600 14px/14px 'Open Sans', Arial, sans-serif; }
#top-menu li a { display: block; padding-bottom: 50px; font: 600 18px/14px 'Open Sans', Arial, sans-serif; color: rgba(255, 255, 255, .6); transition: opacity .2s ease-in-out; }
#top-menu li a:hover { opacity: .7; }
#top-menu li.is-current a { color: #fff; }
.mobile_menu_bar { display: none; position: relative; width: 32px; height: 56px; padding: 0; border: 0; background: none; cursor: pointer; }
.mobile_menu_bar span { position: absolute; left: 6px; width: 20px; height: 2px; background: var(--green); }
.mobile_menu_bar span:nth-child(1) { top: 8px; }
.mobile_menu_bar span:nth-child(2) { top: 14px; }
.mobile_menu_bar span:nth-child(3) { top: 20px; }
#mobile-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 5%; background: #000; border-top: 3px solid var(--green); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); z-index: 9999; }
#mobile-menu ul { list-style: none; }
#mobile-menu a { display: block; padding: 10px 17.5px; font: 600 14px/23px 'Open Sans', Arial, sans-serif; color: rgba(255, 255, 255, .6); }
#mobile-menu a:hover { opacity: .7; background: rgba(255, 255, 255, .03); }
#page-container { padding-top: 113px; overflow-x: hidden; }

/* ---- sections and rows (the same measurements the old builder produced) ---- */
.sec { position: relative; padding: 54px 0; }
.sec-black { background: #000; }
.row { position: relative; width: 80%; max-width: 1080px; margin: 0 auto; padding: 27px 0; }
.foot-row::after { content: ''; display: table; clear: both; }

/* ---- the round-icon bars (Links, Promo) ---- */
.bars-row { padding: 27px 0 58px; }
.mod-image { width: 20%; margin: 0 auto 29.6875px; text-align: center; font-size: 0; line-height: 0; }
.mod-image img { display: inline; position: relative; width: 100%; height: auto; }
.mod-title { margin: 60px 0 -110px; min-height: 186.6px; font: 400 68px/0 'My Font', Helvetica, Arial, Lucida, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #fff; }
.mod-title h2 { padding: 0 0 10px; font: 500 23px/23px 'My Font', Helvetica, Arial, Lucida, sans-serif; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #fff; }
.bar { display: block; position: relative; margin: 0 10px 29.6875px; padding: 10px 0 0; background: #fff; color: #000; text-align: center; cursor: pointer; }
.bar.indent { padding-right: 62px; }
.bar.below-small { margin-bottom: 23px; }
.bar.below-large { margin-bottom: 100px; }
.bar-in { display: table; position: relative; width: 100%; max-width: 550px; margin: 0 auto; }
.has-icon .bar-in { table-layout: fixed; }
.bar-icon { display: table-cell; width: 60px; vertical-align: top; font-size: 0; }
.bar-icon img { display: block; width: 50px; height: 50px; margin: -4px 0 0 10px; }
.bar-text { display: table-cell; padding: 0 0 10px 15px; font: 500 41px/41px Abel, Helvetica, Arial, Lucida, sans-serif; color: #000; text-align: center; }
.bar:last-child { margin-bottom: 0; }
.bar.align-left .bar-text { text-align: left; }

/* ---- footer ---- */
.foot { padding: 54px 0; }
.foot-row { padding: 27px 0; }
.foot-col { position: relative; float: left; width: 20.875%; margin-right: 5.5%; }
.foot-col:last-child { margin-right: 0; }
.foot-col h4 { margin: 0 0 10px; padding: 0 0 10px; font: 800 20px/28px 'Exo 2', Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.foot-col p { margin: 0 0 10px; font: 500 14px/23.8px Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.foot-col p a { color: #fff; }
.foot-image { margin: 0; font-size: 0; line-height: 0; }
.foot-image img { display: inline; position: relative; width: 100%; height: auto; }

/* ---- shared buttons ---- */
.btn-outline { display: inline-block; position: relative; padding: 6px 20px; border: 2px solid var(--bright); border-radius: 3px; font: 500 20px/34px 'Open Sans', Arial, sans-serif; color: var(--bright); background: transparent; text-align: center; transition: all .3s ease; }
.btn-outline:hover { background: rgba(255, 255, 255, .1); }
.btn-blue { color: #2ea3f2; border-color: #2ea3f2; }
.btn-glow { box-shadow: 0 2px 18px 0 var(--bright); }
.btn-discord { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: #5865f2; color: #fff; border-radius: 4px; font: 700 14px/23.8px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.btn-discord:hover { background: #4752c4; }

/* ---- the "join the community" bar ---- */
.join-row { padding-top: 27px; padding-bottom: 27px; }
.bar-plain { margin: 0; padding: 0; background: #fff; }
.bar-plain.has-icon { padding-right: 0; }
.bar-plain .bar-icon img { width: 60px; height: 60px; margin: 0; }
.bar-plain .bar-icon { width: 60px; }
.bar-plain .bar-text { padding: 0 0 10px 15px; font: 500 18px/18px 'Open Sans', Arial, sans-serif; color: #333; vertical-align: top; }
.bar-big { margin: 0 10px; }

/* ---- Premium sales page ---- */
.prem-login { padding: 27px 0; }
.prem-login .btn-discord { margin-left: 854.5px; }
.prem-head { padding: 27px 0 0; }
.prem-icon { width: 30%; }
.prem-icon img { width: auto; max-width: 100%; }
.prem-title { width: 100%; min-height: 97.6px; margin: 18px 0 15px 21px; padding: 0 43px 0 10px; font: 500 15px/19.5px Arial, Helvetica, sans-serif; color: #fff; }
.prem-title h3 { padding: 0 0 10px; font: 500 32px/32px Arial, Helvetica, sans-serif; text-align: center; color: #7cda24; }
.prem-title b { font-weight: 700; }
.prem-plans { padding: 27px 0; }
.prem-plans::after { content: ''; display: table; clear: both; }
.plan { float: left; width: 12.0833%; margin: 0 5.5% 0 0; }
.plan:first-child { margin-left: 35.17%; }
.price { margin: 0 0 44px; min-height: 0; height: 0; font: 400 14px/0 'My Font', Helvetica, Arial, Lucida, sans-serif; letter-spacing: 3px; text-transform: uppercase; text-align: center; color: #fff; }
.plan-btn { height: 50px; }
.prem-bundle { padding: 27px 0; font-size: 0; line-height: 0; }
.prem-bundle img { display: block; width: 29.67%; height: auto; margin-left: 35.17%; }
.prem .join-row { margin-top: 93px; }

/* ---- Affiliates ---- */
.aff-main { padding: 27px 0; }
.aff .join-row, .welc .join-row { margin-top: 31px; }
.aff-icon { width: 100%; margin: 0 auto 30px; text-align: center; font-size: 0; line-height: 0; }
.aff-icon img { display: inline; width: auto; max-width: 100%; }
.btn-wrap { text-align: center; }

/* ---- Premium welcome ---- */
.welc-text { margin-top: 0; font: 400 14px/23.8px 'Open Sans', Arial, sans-serif; color: #666; }
.welc-text p { padding: 0 0 14px; }
.welc-text p:last-child { padding-bottom: 0; }
.welc-text h3 { padding: 0 0 10px; font: 700 22px/1em 'Open Sans', Arial, sans-serif; color: #333; }
.welc-text b, .welc-text strong { font-weight: 700; }

/* ======== Home ======== */
@font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 100 700; font-display: swap; src: url(/assets/fonts/roboto-mono-100-700-normal.woff2) format('woff2'); }
.home-hero { height: 561px; padding: 54px 0; background: #000 linear-gradient(269deg, #7cda24 0%, #000 28%, #000 56%); }
.home-hero-in { display: flex; align-items: flex-start; width: 76vw; margin: 0 0 0 17%; padding: 27px 0 27px; }
.hero-text { flex: 0 0 633px; max-width: 100%; margin-top: 74px; padding-bottom: 54px; }
.hero-text h1 { font: 500 5vw/.8em 'My Font', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-shadow: .08em .08em 0 rgba(0, 0, 0, .4); padding-bottom: 10px; }
.hero-text h1 .accent { color: #7cda24; }
.hero-image { flex: 0 0 548px; margin: 70px 0 0 -130px; }
.hero-image img { display: block; width: 100%; height: auto; }
.home-what .row { padding: 27px 0; }
.h2-big { font: 500 50px/1.2em 'My Font', Helvetica, Arial, Lucida, sans-serif; color: #fff; padding-bottom: 10px; }
.cards-row { display: flex; gap: 60px; align-items: stretch; padding-top: 27px; }
.card { flex: 1 1 0; min-width: 0; padding: 30px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 10px; min-height: 265px; }
.card-img { max-width: 48px; margin-bottom: 24px; font-size: 0; line-height: 0; }
.card:nth-child(3) .card-img { max-width: 54px; }
.card-img img { width: auto; height: auto; max-height: 48px; max-width: 100%; }
.card:nth-child(1) .card-img img { filter: contrast(178%); }
.card:nth-child(2) .card-img img { filter: hue-rotate(327deg) saturate(128%) brightness(146%) contrast(187%); }
.card:nth-child(3) .card-img img { filter: hue-rotate(322deg) saturate(130%) brightness(174%) contrast(181%); }
.card h4 { margin-bottom: 10px; padding: 0 0 10px; font: 700 14px/1.4em 'Roboto Mono', monospace; text-transform: uppercase; letter-spacing: 1px; color: var(--bright); }
.card p { font: 700 14px/1.7em Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; }

.home-big { height: 525px; padding: 54px 0; }
.big-wrap { width: 94%; max-width: 1456px; margin: 0 auto; padding: 27px 0; }
.big-text { margin-top: -7px; }
.big-text p { font: 500 6vw/0 'My Font', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; letter-spacing: 4px; text-align: center; color: #fff; padding-bottom: 6vw; }
.big-sub { margin-top: 10px; font: 600 31px/1em 'Exo 2', Helvetica, Arial, Lucida, sans-serif; letter-spacing: 1px; text-align: center; color: #b3b3b3; padding-bottom: 10px; }

.panels { background: #212121; box-shadow: inset 0 0 0 57px #000; padding: 54px 0 97px; height: 3136px; }
.panel-row { display: flex; align-items: flex-start; width: 90%; max-width: 1534px; margin: 0 0 0 7%; padding: 62px 0 65px; }
.panel-text { flex: 0 0 580px; max-width: 100%; }
#Indicator .panel-text { flex-basis: 593px; }
#Community .panel-text { flex-basis: 624px; }
.panel-media { flex: 0 0 639px; min-width: 0; }
#Indicator .panel-media { flex-basis: 540px; }
#Community .panel-media { flex-basis: 556px; }
#YouTube .panel-intro { margin-top: 36px; }
#YouTube .panel-btn { margin-top: 36px; }
#YouTube { min-height: 690px; }
#YouTube .bullets { max-width: 543px; }
#Indicator .bullets { max-width: 574px; }
#Indicator { min-height: 1172px; padding-bottom: 27px; }
#Community { min-height: 850px; padding-bottom: 65px; }
.panel-media img, .video { display: block; width: 100%; height: auto; }
.panel-line { width: 95%; max-width: 1368px; margin: 46px auto 49px; border: 0; border-top: 1px solid #8f8f8f; }
#Indicator + .panel-line { margin: 80px auto 48px; border-top-width: 2px; }
.eyebrow { padding-bottom: 10px; margin-bottom: 10px; font: 700 14px/1.4em 'Roboto Mono', monospace; text-transform: uppercase; letter-spacing: 1px; color: #fff; }
.eyebrow-green { color: #aadb24; }
.eyebrow-white { color: #fff; }
.h2-panel { margin-bottom: 10px; padding-bottom: 10px; font: 500 50px/1.2em 'My Font', Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.panel-intro { font: 500 18px/1em Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; padding-bottom: 18px; }
.panel-spacer { height: 18px; }
.bullets ul { list-style: disc; padding: 0 0 18px 18px; }
.bullets li { font: 500 18px/26px Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.panel-btn { margin-top: 30px; }
.panel-btn + .panel-btn { margin-top: 20px; }
.btn-outline.btn-solid { background: #aadb24; color: #000; border: 0; border-radius: 4px; font: 700 14px/1.4em 'Exo 2', Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 12px 42px 12px 24px; }
.btn-outline.btn-white { background: #fff; color: #000; border: 0; border-radius: 4px; font: 700 14px/1.4em 'Exo 2', Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 12px 42px 12px 24px; }
.btn-arrow { position: relative; }
.btn-arrow::after { content: ''; display: inline-block; width: 1em; height: 1em; margin-left: .3em; vertical-align: -0.12em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1 5l5 5-5 5-1.4-1.4L12.2 13H7v-2h5.2L9.6 8.4z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1 5l5 5-5 5-1.4-1.4L12.2 13H7v-2h5.2L9.6 8.4z'/%3E%3C/svg%3E") center / contain no-repeat; }
.video { position: relative; aspect-ratio: 16 / 9; background: #000; }
.yt-play { display: block; position: relative; width: 100%; height: 100%; padding: 0; border: 0; background: #000 center / cover no-repeat; cursor: pointer; }
.yt-play:hover { background-color: rgba(0, 0, 0, .6); }
.yt-icon { position: absolute; left: 50%; top: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; background: rgba(0, 0, 0, .55); box-shadow: 0 0 0 3px #fff inset; }
.yt-icon::after { content: ''; position: absolute; left: 33px; top: 24px; border-style: solid; border-width: 18px 0 18px 30px; border-color: transparent transparent transparent #fff; }
.video iframe { display: block; width: 100%; height: 100%; border: 0; }
.panel-media-stack > div + div { margin-top: 20px; }
.bar-small { margin: 28px 10px 24px; width: 380px; max-width: 100%; }
.tiers { width: 1198px; max-width: none; position: relative; font: 500 18px/1em Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; white-space: nowrap; }
.panel-media { position: relative; z-index: 1; }
.tiers p { padding-bottom: 18px; }

.mike-sec { position: relative; min-height: 551.7px; padding: 0; margin-top: 0; overflow: hidden; }
.mike-bg { position: absolute; inset: 0; background: #000 center top / cover no-repeat fixed; }
.mike-sec::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%); transform: rotate(180deg); }
.mike-title { position: relative; z-index: 2; padding-top: 137px; font: 500 6vw/0 'My Font', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #fff; }
.home-bio { height: 810px; }
.home-bio .row { padding-top: 81px; }
.slider { width: 100%; max-width: 1080px; height: 436px; margin: 0 auto; padding: 60px 0; background: rgba(18, 18, 18, .75); border: 1px solid rgba(255, 255, 255, .4); text-align: center; }
.slides { position: relative; min-height: 190px; padding: 0 64px; }
.slide { display: none; margin: 0; color: #fff; }
.slide.is-on { display: block; }
.slide h2 { font: 700 20px/36px Lato, Helvetica, Arial, Lucida, sans-serif; padding-bottom: 10px; color: #fff; }
.slide p { font: 400 14px/25.2px Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.slider-dots { margin-top: 26px; }
.slider-dots button { width: 8px; height: 8px; margin: 0 5px; padding: 0; border: 0; border-radius: 50%; background: #aadb24; opacity: .5; cursor: pointer; }
.slider-dots button.is-on { opacity: 1; }
.bio { padding-top: 30px; font: 500 18px/1.8em Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.bio p { padding-bottom: 18px; }

.home-learn .row { padding-top: 27px; }
.line-green { margin: 0; border: 0; border-top: 1px solid #7cda24; }
.learn-title { padding-top: 40px; font: 500 126px/0 'My Font', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; letter-spacing: 4px; text-align: center; color: #fff; min-height: 186.6px; }
.learn-row { display: flex; align-items: center; gap: 60px; }
.learn-img { flex: 0 0 568px; max-width: 100%; margin-left: -58px; }
.home-learn { height: 1018px; }
.learn-img img { display: block; width: 100%; height: auto; }
.learn-text { flex: 1 1 auto; max-width: 510px; }
.edu-text { font: 500 18px/1.8em Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.edu-text ul { padding: 0 0 18px 18px; list-style: disc; }
.edu-text li { line-height: 26px; }
.edu-text p { padding-bottom: 0; }

.dip-sec { height: 679px; padding: 115.2px 0 0; background-image: var(--dip-bg); background-size: cover; background-position: center; }
.dip-row { display: flex; align-items: flex-start; gap: 60px; padding-bottom: 27px; }
.dip-text { flex: 0 0 510px; max-width: 100%; }
.dip-p { font: 500 16px/1.8em Lato, Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.dip-img { flex: 0 0 510px; max-width: 100%; }
.dip-img img { display: block; width: 100%; height: auto; }
.dip-sec + .cta-sec { margin-top: 55px; }
.cta-sec { height: 296px; padding: 0; background-image: var(--cta-bg); background-size: contain; background-repeat: no-repeat; background-position: center; }
.cta-in { width: 850px; max-width: 100%; margin: 0 auto; padding: 57.6px 0 115.2px; text-align: center; }
.h2-cta { margin-bottom: 20px; font: 500 50px/1.2em 'My Font', Helvetica, Arial, Lucida, sans-serif; color: #fff; padding-bottom: 10px; }
.socials-sec { height: 532px; padding: 86.4px 0; background: linear-gradient(#000 10%, rgba(0, 0, 0, .5) 50%, #000 90%); }
.socials-row { display: flex; justify-content: space-between; padding: 27px 0; }
.social { display: block; width: 168px; max-width: 18vw; font-size: 0; line-height: 0; }
.social img { display: block; width: 100%; height: auto; }
.home-hero, .home-what, .home-big { background-color: #000; }

/* ======== Team ======== */
.team-hero { padding: 54px 0 0; background-color: #000; background-image: var(--team-bg), linear-gradient(269deg, #7cda24 0%, #000 28%, #000 56%); background-size: cover, cover; background-position: center, center; background-repeat: no-repeat; }
.team-hero-in { padding: 27px 0 27px 144px; width: 100%; }
.team-hero h1 { padding: 0 0 10px; font: 500 86.4px/69.12px 'My Font', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; letter-spacing: 5px; text-align: center; color: #fff; }
.team-list { padding: 54px 0; }
.member { display: grid; grid-template-columns: 168px 624px 168px; column-gap: 60px; align-items: start; }
.m-img { margin-top: 7px; font-size: 0; line-height: 0; text-align: center; }
.m-img img { display: inline-block; width: 168px; height: auto; }
.m-img-big img { width: 209px; max-width: none; margin-left: -20px; }
.m-text { margin-top: 0; }
.m-body { font: 500 17px/20.4px Arial, Helvetica, sans-serif; color: #fff; }
.m-body p { padding-bottom: 17px; }
.m-body p:last-child { padding-bottom: 0; }
.m-line { margin: 23px 0 0; border: 0; border-top: 1px solid #8f8f8f; }
.m-social { display: block; margin-top: 7px; text-align: center; color: var(--bright); }
.m-social svg { display: block; margin: 0 auto 10px; }
.m-social span { font: 500 18px/18px 'Open Sans', Arial, sans-serif; color: #fff; }

/* ======== Partners ======== */
.part-hero { padding: 0; background: #000 linear-gradient(#000 0%, #121212 100%); }
.part-hero-in { width: 1152px; max-width: 100%; margin: 0 auto; padding: 144px 115.2px; background: url(/uploads/2024/05/augmented-reality-background-03@2x.png) center / cover no-repeat; min-height: 470px; }
.part-hero h1 { padding: 0 0 10px; font: 500 100px/120px 'My Font', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; letter-spacing: 5px; text-align: center; color: #fff; }
.part-list { padding: 54px 0; }
.part-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; padding: 27px 0 18px; }
.part-text { flex: 0 0 510px; max-width: 100%; }
.part-text h2 { padding: 0 0 10px; font: 500 48px/1.2em 'My Font', Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.part-body { font: 500 16px/1.8em Lato, Helvetica, Arial, Lucida, sans-serif; color: #666; }
.part-body p { padding-bottom: 16px; }
.part-btn { margin-top: 30px; }
.btn-partner { display: inline-block; padding: 12px 42px 12px 24px; border: 2px solid #fff; border-radius: 4px; font: 700 14px/1.7em 'Exo 2', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; background: transparent; }
.part-img { flex: 0 0 510px; max-width: 100%; }
.part-img img { display: block; width: 100%; height: auto; }
.part-line { margin: 0; border: 0; border-top: 1px solid #8f8f8f; }
.part-mv { padding: 54px 0 84px; }
.mv-row { display: flex; gap: 60px; }
.mv-col { flex: 1 1 0; min-width: 0; }
.mv-col h3 { padding: 0 0 10px; font: 300 28px/1.4em 'My Font', Helvetica, Arial, Lucida, sans-serif; color: #fff; }
.mv-body { font: 500 16px/1.8em Lato, Helvetica, Arial, Lucida, sans-serif; color: #666; }

.notfound { padding: 80px 0; text-align: center; color: #fff; }
.notfound .head-center { font: 500 30px/1.3 'My Font', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; }
.notfound-text { margin-top: 20px; font-size: 16px; }
.notfound-text a { color: var(--bright); text-decoration: underline; }

/* ---- tablet and phone (the old builder's single breakpoint) ---- */
@media (max-width: 980px) {
  #main-header { position: absolute; height: 80px; }
  #main-header .container { width: 100%; max-width: 100%; height: 80px; }
  #main-header .logo { height: 80px; }
  #top-navigation { padding: 24px 0 0 73px; }
  #top-menu-nav { display: none; }
  .mobile_menu_bar { display: block; }
  #mobile-menu.is-open { display: block; }
  #page-container { padding-top: 78px; }
  .sec { padding: 50px 0; }
  .row { width: 80%; max-width: none; padding: 30px 0; }
  .bars-row { width: 100%; padding: 30px 0 58px; }
  .mod-image { width: 28%; margin-bottom: 30px; }
  .mod-title { margin: 42px 0 -136px; font-size: 20px; }
  .bar { margin-bottom: 30px; }
  .bar.indent { padding-right: 70px; }
  .bar.below-large, .bar.below-large_phone { margin-bottom: 100px; }
  /* Premium sales page, affiliates, welcome */
  .prem-login { padding: 30px 0; }
  .prem-login .btn-discord { margin-left: 0; }
  .prem-head { width: 100%; padding: 30px 0 0; }
  .prem-icon { width: 28%; margin-bottom: 30px; }
  .prem-title { margin: 42px 0 -136px 21px; font-size: 20px; line-height: 26px; }
  .prem-plans { padding: 30px 0 32px; }
  .plan, .plan:first-child { float: none; width: 100%; margin: 0 0 30px; }
  .prem-bundle { padding: 30px 0; }
  .prem-bundle img { width: 100%; margin-left: 0; }
  .prem .join-row { margin-top: 123px; }
  .aff-main { padding: 30px 0; }
  .aff .join-row, .welc .join-row { margin-top: 29px; }
  .join-row { padding-top: 30px; padding-bottom: 30px; }
  .bar-plain { margin: 0; }
  /* Home */
  .home-hero { height: auto; min-height: 416px; padding: 50px 0; background-image: linear-gradient(269deg, #7cda24 0%, #000 57%, #000 75%); }
  .home-hero-in { flex-direction: column; width: 80%; margin: 0 auto; padding: 30px 0; }
  .hero-text { flex: none; width: 100%; margin-top: 0; padding-bottom: 20px; }
  .hero-text h1 { font-size: 42px; letter-spacing: 3px; }
  .hero-image { flex: none; width: 77%; margin: 0 auto; }
  .h2-big { font-size: 32px; }
  .cards-row { flex-direction: column; gap: 30px; }
  .card { flex: none; min-height: 0; }
  .home-big { height: auto; padding: 50px 0; }
  .big-text p { font-size: 58px; line-height: .8em; padding-bottom: 0; margin-bottom: 20px; letter-spacing: 3px; }
  .big-sub { font-size: 24px; }
  .panels { height: auto; box-shadow: inset 0 0 0 18px #000; padding: 50px 0 60px; }
  .panel-row { flex-direction: column; width: 80%; margin: 0 auto; padding: 40px 0; }
  #YouTube, #Indicator, #Community { min-height: 0; padding-bottom: 40px; }
  .panel-text, #Indicator .panel-text, #Community .panel-text { flex: none; width: 100%; }
  .panel-media, #Indicator .panel-media, #Community .panel-media { flex: none; width: 100%; margin-top: 20px; }
  #YouTube .bullets, #Indicator .bullets { max-width: none; }
  .h2-panel { font-size: 40px; }
  .panel-intro, .bullets li, .tiers, .edu-text, .bio, .dip-p { font-size: 14px; line-height: 1.7em; }
  .tiers { width: auto; white-space: normal; }
  .panel-line, #Indicator + .panel-line { margin: 0 auto; width: 90%; }
  .bar-small { width: auto; margin-left: 0; margin-right: 0; }
  .mike-sec { min-height: 400px; }
  .mike-bg { background-attachment: scroll; }
  .mike-title { padding-top: 100px; font-size: 40px; }
  .home-bio { height: auto; }
  .slider { height: auto; padding: 30px 0; }
  .slides { padding: 0 20px; min-height: 0; }
  .slide h2 { font-size: 15px; line-height: 26px; }
  .learn-title { font-size: 40px; padding-top: 50px; min-height: 120px; letter-spacing: 2px; }
  .home-learn { height: auto; }
  .learn-row { flex-direction: column; gap: 30px; }
  .learn-img { flex: none; width: 100%; margin-left: 0; }
  .learn-text { max-width: none; width: 100%; }
  .dip-sec { height: auto; padding: 50px 0 30px; }
  .dip-row { flex-direction: column; gap: 30px; }
  .dip-text, .dip-img { flex: none; width: 100%; }
  .dip-sec + .cta-sec { margin-top: 0; }
  .cta-sec { height: auto; }
  .cta-in { padding: 40px 0 60px; width: 80%; }
  .h2-cta { font-size: 28px; }
  .socials-sec { height: auto; padding: 23.4px 0; }
  .socials-row { gap: 6px; }
  .social { width: 18%; max-width: none; }

  /* Team */
  .team-hero { padding: 50px 0 0; background-image: var(--team-bg), linear-gradient(269deg, #7cda24 0%, #000 57%, #000 75%); }
  .team-hero-in { padding: 30px 0 30px 39px; }
  .team-hero h1 { font-size: 40px; line-height: 1.1; letter-spacing: 3px; }
  .team-list { padding: 50px 0; }
  .member { display: block; }
  .m-img { margin: 0 0 30px; }
  .m-img img, .m-img-big img { width: 100%; max-width: 312px; margin-left: 0; }
  .m-img-big img { width: 387px; max-width: none; margin-left: -37px; }
  .m-social { margin: 30px 0; }
  .m-line { margin: 30px 0 0; }

  /* Partners */
  .part-hero-in { padding: 39px 31.2px; min-height: 470px; }
  .part-hero h1 { font-size: 48px; line-height: 1.2; }
  .part-row { flex-direction: column; gap: 30px; padding: 30px 0 18px; }
  .part-text, .part-img { flex: none; width: 100%; }
  .part-text h2 { font-size: 32px; }
  .part-mv { padding: 50px 0 80px; }
  .mv-row { flex-direction: column; gap: 30px; }
  .foot-row { display: flex; flex-direction: column; width: 80%; margin: 0 auto; padding: 30px 0; }
  .foot-col { float: none; width: 100%; margin: 0 0 30px; }
  .foot-col:last-child { margin-bottom: 0; }
  .foot-col h4 { font-size: 15px; line-height: 21px; }
  .foot-image { width: 100%; }
}