@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --x-bg:#080809;
  --x-panel:#0e0e10;
  --x-panel2:#131315;
  --x-text:#f7f5f6;
  --x-muted:#aaa6aa;
  --x-faint:#716c71;
  --x-line:#2b282c;
  --x-pink:#ed3b98;
  --x-cyan:#ed3b98;
  --x-violet:#ed3b98;
  --x-green:#f7f5f6;
  --x-max:1400px;
  --x-serif:"Iowan Old Style","Palatino Linotype",Palatino,Baskerville,Georgia,serif;
  --x-sans:Inter,Helvetica,Arial,sans-serif;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--x-bg); }
body {
  margin:0 !important;
  overflow-x:hidden;
  background-color:var(--x-bg) !important;
  background-image:
    linear-gradient(180deg,rgba(8,8,9,.68) 0%,rgba(8,8,9,.79) 58%,rgba(8,8,9,.92) 100%),
    url("/assets/moon-background-v1.webp") !important;
  background-position:center,top right !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat,no-repeat !important;
  background-attachment:fixed,fixed !important;
  color:var(--x-text) !important;
  font-family:var(--x-sans) !important;
  font-size:16px;
}
a { color:inherit; }
button,input,textarea,select { font:inherit; }
::selection { background:var(--x-pink); color:#080809; }
:focus-visible { outline:2px solid var(--x-pink); outline-offset:4px; }

.mbx-container { width:min(var(--x-max),calc(100% - 72px)); margin:auto; }
.mbx-skip { position:fixed; top:14px; left:14px; z-index:1200; transform:translateY(-180%); padding:12px 16px; background:#fff; color:#080809; font-weight:700; text-decoration:none; }
.mbx-skip:focus { transform:translateY(0); }

.mbx-header { position:sticky; top:0; z-index:900; border-bottom:1px solid var(--x-line); background:rgba(8,8,9,.96); backdrop-filter:blur(16px); }
.mbx-header-inner { height:86px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; }
.mbx-logo { display:inline-flex; align-items:center; width:max-content; color:#fff !important; text-decoration:none !important; font:700 18px/1 var(--x-sans); letter-spacing:-.035em; }
.mbx-logo-mark {
  width:40px;
  height:40px;
  margin-right:12px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  filter:drop-shadow(0 0 8px rgba(237,59,152,.2));
}
.mbx-logo-mark svg {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  transition:transform .25s ease,filter .25s ease;
}
.mbx-logo:hover .mbx-logo-mark svg {
  transform:rotate(-7deg) scale(1.06);
  filter:drop-shadow(0 0 7px rgba(237,59,152,.45));
}
.mbx-logo span { color:#fff; }
.mbx-logo small { display:block; margin-top:3px; color:var(--x-pink); font:600 7px/1 var(--x-sans); letter-spacing:.25em; }

.mbx-nav { display:flex; align-items:center; justify-content:center; gap:30px; }
.mbx-nav > a,.mbx-menu-group > button { position:relative; padding:34px 0 32px; border:0; background:none; color:#aaa6aa !important; font:600 12px/1 var(--x-sans); letter-spacing:.075em; text-decoration:none !important; text-transform:uppercase; cursor:pointer; }
.mbx-nav > a::after,.mbx-menu-group > button::after { content:""; position:absolute; left:0; right:100%; bottom:23px; height:1px; background:var(--x-pink); transition:right .2s ease; }
.mbx-nav > a:hover,.mbx-nav > a[aria-current="page"],.mbx-menu-group > button:hover { color:#fff !important; }
.mbx-nav > a:hover::after,.mbx-nav > a[aria-current="page"]::after,.mbx-menu-group:hover > button::after { right:0; }
.mbx-menu-group { position:relative; }
.mbx-menu-group button span { color:var(--x-pink); }
.mbx-dropdown { position:absolute; top:68px; left:50%; width:230px; padding:8px 0; display:grid; border:1px solid var(--x-line); background:#0e0e10; box-shadow:0 26px 70px rgba(0,0,0,.65); opacity:0; visibility:hidden; transform:translate(-50%,8px); transition:.18s ease; }
.mbx-menu-group:hover .mbx-dropdown,.mbx-menu-group:focus-within .mbx-dropdown { opacity:1; visibility:visible; transform:translate(-50%,0); }
.mbx-dropdown a { padding:14px 17px; border-left:2px solid transparent; color:#c8c4c7 !important; text-decoration:none !important; font:600 12px/1.2 var(--x-sans); letter-spacing:.045em; text-transform:uppercase; }
.mbx-dropdown a:hover { border-left-color:var(--x-pink); background:#151316; color:#fff !important; }

.mbx-actions { justify-self:end; display:flex; gap:10px; align-items:center; }
.mbx-language { min-height:42px; padding:0 12px; display:flex; align-items:center; gap:8px; border:1px solid var(--x-line); color:var(--x-faint); font:600 11px/1 var(--x-sans); letter-spacing:.06em; }
.mbx-language a { color:#aaa6aa !important; text-decoration:none; }
.mbx-language a:hover { color:#fff !important; }
.mbx-language span[aria-current="true"] { color:var(--x-pink); }
.mbx-language a + span::before,.mbx-language span + a::before { content:"/"; margin-right:8px; color:#4e494e; }
.mbx-actions button { min-height:42px; padding:0 15px; border:1px solid var(--x-line); background:transparent; color:#fff; font:700 11px/1 var(--x-sans); letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.mbx-actions .mbx-support { min-width:128px; border-color:var(--x-pink); background:var(--x-pink); color:#080809; }
.mbx-actions .mbx-support:hover { background:#f15aa8; }
.mbx-menu { display:none !important; width:44px; padding:0 !important; font-size:18px !important; }
.mbx-mobile { display:none; padding:8px 36px 20px; border-top:1px solid var(--x-line); background:#0b0b0c; }
.mbx-mobile.open { display:grid; }
.mbx-mobile a,.mbx-mobile summary { padding:14px 0; border-bottom:1px solid var(--x-line); color:#eee !important; text-decoration:none !important; cursor:pointer; font:600 12px/1.2 var(--x-sans); letter-spacing:.055em; text-transform:uppercase; }
.mbx-mobile details a { display:block; padding-left:18px; color:#aaa6aa !important; }

.mbx-main { min-height:60vh; }
.mbx-hero { border-bottom:1px solid var(--x-line); }
.mbx-hero-grid { display:block; }
.mbx-hero-copy { min-height:560px; padding:72px 0 68px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.mbx-eyebrow { display:inline-flex; align-items:center; gap:11px; color:var(--x-pink); font:700 12px/1 var(--x-sans); letter-spacing:.1em; text-transform:uppercase; }
.mbx-eyebrow::before { content:""; width:30px; height:1px; background:var(--x-pink); }
.mbx-hero h1 { max-width:890px; margin:28px 0 29px; color:#fff; font:400 clamp(50px,6vw,82px)/.96 var(--x-serif); letter-spacing:-.05em; }
.mbx-hero h1 span,.mbx-hero h1 strong { display:inline; color:#fff; font-weight:400; }
.mbx-hero h1 strong { font-style:italic; }
.mbx-lede { max-width:720px; margin:0; color:#bbb7ba; font-size:19px; line-height:1.7; }
.mbx-buttons { display:flex; flex-wrap:wrap; align-items:center; gap:44px; margin-top:36px; }
.mbx-button { min-height:54px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:22px; border:1px solid var(--x-line); background:transparent; color:#fff !important; text-decoration:none !important; font:700 13px/1 var(--x-sans); letter-spacing:.025em; transition:border-color .18s,background .18s,color .18s; cursor:pointer; }
.mbx-button::after { display:none; }
.mbx-button:hover { border-color:var(--x-pink); }
.mbx-button.primary { border-color:#fff; background:#fff; color:#080809 !important; }
.mbx-button:not(.primary) { min-height:42px; padding:0 0 8px; border:0; border-bottom:1px solid var(--x-pink); }
.mbx-side { position:relative; min-height:600px; padding:0; overflow:hidden; border-top:1px solid var(--x-line); color:var(--x-muted); line-height:1.65; }
.mbx-side::before { display:none; }
.mbx-side strong { position:absolute; z-index:2; left:0; bottom:120px; width:250px; padding-top:16px; border-top:2px solid var(--x-pink); color:#fff; font:400 22px/1.2 var(--x-serif); }
.mbx-side p { position:absolute; z-index:2; left:0; bottom:58px; max-width:430px; margin:0; font-size:16px; line-height:1.6; }
.mbx-side span { position:absolute; z-index:2; left:0; bottom:24px; color:var(--x-pink); font:700 11px/1 var(--x-sans); letter-spacing:.08em; text-transform:uppercase; }

.mbx-section { padding:94px 0; border-bottom:1px solid var(--x-line); }
.mbx-heading { display:grid; grid-template-columns:1fr minmax(260px,420px); gap:60px; align-items:end; margin-bottom:43px; }
.mbx-heading h2 { max-width:820px; margin:16px 0 0; color:#fff; font:400 clamp(40px,4.8vw,60px)/1 var(--x-serif); letter-spacing:-.045em; }
.mbx-heading h2 span { color:var(--x-pink); font-style:italic; }
.mbx-heading > p { margin:0; color:var(--x-muted); line-height:1.7; }
.mbx-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--x-line); border-bottom:1px solid var(--x-line); }
.mbx-card { position:relative; min-height:270px; padding:28px 30px 26px; display:flex; flex-direction:column; border-right:1px solid var(--x-line); background:transparent; color:#fff !important; text-decoration:none !important; transition:background .2s; }
.mbx-card:last-child { border-right:0; }
.mbx-card::before { content:""; position:absolute; left:0; right:100%; top:-1px; height:2px; background:var(--x-pink); transition:right .22s ease; }
.mbx-card:hover { background:#0d0c0e; }
.mbx-card:hover::before { right:0; }
.mbx-card small { color:var(--x-pink); font:700 11px/1 var(--x-sans); letter-spacing:.09em; }
.mbx-card h3 { max-width:320px; margin:42px 0 14px; color:#fff; font:400 26px/1.1 var(--x-serif); letter-spacing:-.025em; }
.mbx-card p { margin:0; color:var(--x-muted); font-size:16px; line-height:1.65; }
.mbx-card b { margin-top:auto; padding-top:25px; color:#d7d3d6; font:700 11px/1 var(--x-sans); letter-spacing:.065em; text-transform:uppercase; }

.mbx-page-head { padding:88px 0 70px; border-bottom:1px solid var(--x-line); }
.mbx-page-head h1 { max-width:1050px; margin:23px 0 18px; color:#fff; font:400 clamp(44px,5.5vw,72px)/.98 var(--x-serif); letter-spacing:-.045em; }
.mbx-page-head p { max-width:720px; margin:0; color:var(--x-muted); font-size:18px; line-height:1.7; }
.mbx-content { padding:66px 0 96px; }
.mbx-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; color:var(--x-faint); font:700 9px/1 var(--x-sans); letter-spacing:.08em; text-transform:uppercase; }
.mbx-toolbar input { width:min(340px,100%); min-height:46px; padding:0 14px; border:1px solid var(--x-line); background:#0d0d0f; color:#fff; }
body:has(#news-container) .mbx-page-head h1 { font-size:clamp(44px,5.4vw,74px); line-height:.98; letter-spacing:-.045em; }
body:has(#news-container) .mbx-page-head p { display:none; }
body:has(#news-container) .mbx-toolbar { font-size:11px; }
body:has(#news-container) .mbx-toolbar input { font-size:14px; }

.mbx-news-grid,#news-container,#featured,#mb-articles,#tips-container,#guides-container { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; align-items:start; border-top:1px solid var(--x-line); border-left:1px solid var(--x-line); }
.mbx-news-grid > *,#news-container > *,#featured > *,#mb-articles > *,#tips-container > *,#guides-container > * { height:auto !important; align-self:start !important; overflow:hidden !important; border:0 !important; border-right:1px solid var(--x-line) !important; border-bottom:1px solid var(--x-line) !important; border-radius:0 !important; background:transparent !important; color:#fff !important; box-shadow:none !important; transition:background .2s !important; }
.mbx-news-grid > *:hover,#news-container > *:hover,#featured > *:hover,#mb-articles > *:hover,#tips-container > *:hover,#guides-container > *:hover { transform:none !important; background:#0d0c0e !important; }
.mbx-news-grid img,#news-container img,#featured img,#mb-articles img,#tips-container img,#guides-container img { display:block !important; width:100% !important; height:auto !important; aspect-ratio:16/10 !important; object-fit:cover !important; filter:grayscale(.25) saturate(.72) contrast(1.04); }
.mbx-news-grid h2,.mbx-news-grid h3,#news-container h2,#news-container h3,#featured h2,#featured h3,#mb-articles h2,#mb-articles h3 { color:#fff !important; font-family:var(--x-serif) !important; font-weight:400 !important; }
.mbx-news-grid p,#news-container p,#featured p,#mb-articles p { color:var(--x-muted) !important; }

.mb-editorial-section { margin:0 0 64px; }
.mb-editorial-section-head {
  grid-column:1/-1 !important;
  padding:0 0 22px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:end !important;
  gap:30px !important;
  overflow:visible !important;
  border:0 !important;
  border-bottom:1px solid var(--x-line) !important;
  background:transparent !important;
}
.mb-editorial-section-head p { margin:0 0 5px !important; color:var(--x-pink) !important; font:700 11px/1.2 var(--x-sans) !important; letter-spacing:.1em; text-transform:uppercase; }
.mb-editorial-section-head h2 { margin:0 !important; color:#fff !important; font:400 clamp(30px,3.2vw,44px)/1 var(--x-serif) !important; letter-spacing:-.035em !important; }

#bytes-articles-grid.mb-editorial-grid,
#news-container.mb-editorial-grid {
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
  border:0 !important;
  border-left:1px solid var(--x-line) !important;
}
#bytes-articles-grid .mb-editorial-card,
#news-container.mb-editorial-grid .mb-editorial-card {
  grid-column:span 4;
  min-width:0;
  height:100% !important;
  display:flex !important;
  flex-direction:column;
  align-self:stretch !important;
  overflow:hidden !important;
  border:0 !important;
  border-right:1px solid var(--x-line) !important;
  border-bottom:1px solid var(--x-line) !important;
  background:transparent !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
#bytes-articles-grid .mb-editorial-card--lead,
#news-container.mb-editorial-grid .mb-editorial-card--lead {
  grid-column:1/-1;
  min-height:370px;
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);
}
#bytes-articles-grid .mb-news-media,
#news-container.mb-editorial-grid .mb-news-media {
  width:100%;
  aspect-ratio:16/10;
  max-height:245px;
  overflow:hidden;
  border-bottom:1px solid var(--x-line);
  background:#0d0d0f;
}
#bytes-articles-grid .mb-editorial-card--lead .mb-news-media,
#news-container.mb-editorial-grid .mb-editorial-card--lead .mb-news-media {
  height:370px;
  max-height:370px;
  aspect-ratio:auto;
  border-right:1px solid var(--x-line);
  border-bottom:0;
}
#bytes-articles-grid .mb-news-image,
#news-container.mb-editorial-grid .mb-news-image {
  display:block !important;
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:grayscale(.18) saturate(.78) contrast(1.04);
}
.mb-editorial-card-copy { min-width:0; padding:24px 25px 27px; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.mb-editorial-card--lead .mb-editorial-card-copy { justify-content:center; padding:38px 40px; }
.mb-editorial-kicker { margin:0 0 17px !important; color:var(--x-pink) !important; font:700 11px/1 var(--x-sans) !important; letter-spacing:.09em; text-transform:uppercase; }
.mb-editorial-card h3 { margin:0 !important; color:#fff !important; font:400 23px/1.16 var(--x-serif) !important; letter-spacing:-.025em !important; }
.mb-editorial-card--lead h3 { font-size:clamp(30px,3vw,41px) !important; line-height:1.08 !important; }
.mb-editorial-date { margin:14px 0 0 !important; color:#918c91 !important; font:600 11px/1.45 var(--x-sans) !important; letter-spacing:.02em; }
.mb-editorial-summary { margin:16px 0 0 !important; color:#bcb7bb !important; font-size:15px !important; line-height:1.65 !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.mb-editorial-readmore,.mb-editorial-source { margin-top:auto !important; padding-top:21px; color:#fff !important; font:700 11px/1 var(--x-sans) !important; letter-spacing:.065em; text-decoration:none !important; text-transform:uppercase; }
.mb-editorial-readmore { display:block; }
.mb-editorial-readmore::after { content:""; display:block; width:36px; height:1px; margin-top:9px; background:var(--x-pink); }
.mb-editorial-source { margin-top:0 !important; padding-top:9px; color:var(--x-pink) !important; }

.mb-rb-grid,.mb-guides-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; border-top:1px solid var(--x-line); border-left:1px solid var(--x-line); }
.mb-rb-card,.mb-guide-card { position:relative; padding:28px !important; border:0 !important; border-right:1px solid var(--x-line) !important; border-bottom:1px solid var(--x-line) !important; border-radius:0 !important; background:transparent !important; color:#fff !important; box-shadow:none !important; text-decoration:none; }
.mb-rb-badge,.mb-guide-tag { display:inline-flex !important; padding:0 0 8px !important; border:0 !important; border-bottom:1px solid var(--x-pink) !important; border-radius:0 !important; background:transparent !important; color:var(--x-pink) !important; font:700 11px/1 var(--x-sans) !important; letter-spacing:.065em !important; text-transform:uppercase; }
.mb-rb-title,.mb-guide-title { color:#fff !important; font:400 29px/1.08 var(--x-serif) !important; letter-spacing:-.03em !important; }
.mb-rb-divider { height:1px !important; background:var(--x-line) !important; }
.mb-rb-text,.mb-guide-text { color:var(--x-muted) !important; font-size:16px !important; line-height:1.7 !important; }
.mb-rb-link,.mb-guide-cta { color:var(--x-pink) !important; font:700 11px/1 var(--x-sans) !important; }
.mb-guide-source { color:var(--x-faint) !important; font:700 11px/1 var(--x-sans) !important; }
.mb-guide-glow { display:none !important; }

body .mbx-contact { display:grid; grid-template-columns:.72fr 1.28fr; gap:0; border-top:1px solid var(--x-line); border-left:1px solid var(--x-line); }
body .mbx-contact aside { padding:36px !important; border:0; border-right:1px solid var(--x-line); border-bottom:1px solid var(--x-line); border-radius:0; background:transparent; color:var(--x-muted) !important; line-height:1.75 !important; }
body .mbx-contact aside h2 { color:#fff; font:400 36px/1.05 var(--x-serif); letter-spacing:-.035em; }
body .mbx-contact aside a { color:var(--x-pink); font-weight:700; }
body .mbx-form { display:grid !important; gap:20px !important; padding:36px !important; border:0 !important; border-right:1px solid var(--x-line) !important; border-bottom:1px solid var(--x-line) !important; border-radius:0 !important; background:transparent !important; box-shadow:none; }
body .mbx-form label { color:#d6d2d5 !important; font:700 11px/1 var(--x-sans) !important; letter-spacing:.065em; text-transform:uppercase; }
body .mbx-form input,body .mbx-form textarea { display:block; width:100%; margin-top:9px; padding:14px !important; border:1px solid var(--x-line) !important; border-radius:0 !important; background:#0d0d0f !important; color:#fff !important; }
body .mbx-form input:focus,body .mbx-form textarea:focus { border-color:var(--x-pink) !important; outline:0; }
body .mbx-turnstile { min-height:65px; display:flex; align-items:center; overflow:hidden; }
body .mbx-form button { min-height:50px; justify-self:start; padding:0 20px !important; border:0 !important; border-radius:0 !important; background:var(--x-pink) !important; color:#080809 !important; font:700 12px/1 var(--x-sans) !important; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; }

.mbx-footer { padding:54px 0 28px; border-top:1px solid var(--x-line); background:#080809; color:var(--x-muted); }
.mbx-footer-grid { display:grid; grid-template-columns:1fr auto auto; gap:30px; align-items:center; }
.mbx-footer-social p { margin:0 0 16px; color:#fff; font:400 24px/1.1 var(--x-serif); letter-spacing:-.025em; }
.mbx-footer .mb-social-links { gap:9px; }
.mbx-footer .mb-social-link { width:38px !important; height:38px !important; border:1px solid var(--x-line); border-radius:0; background:transparent; color:#aaa6aa; box-shadow:none; animation:none; backdrop-filter:none; }
.mbx-footer .mb-social-link:hover { transform:translateY(-2px); border-color:var(--x-pink); background:var(--x-pink); color:#080809; box-shadow:none; filter:none; }
.mbx-footer .mb-social-link:focus-visible { border-color:var(--x-pink); box-shadow:0 0 0 2px var(--x-pink); }
.mbx-footer-support { min-width:112px; display:flex; justify-content:center; }
.mbx-footer .mb-support-launcher { position:static !important; inset:auto !important; transform:none !important; margin:0 !important; padding:13px 18px !important; border:1px solid var(--x-pink) !important; border-radius:0 !important; background:var(--x-pink) !important; color:#080809 !important; box-shadow:none !important; font:700 12px/1 var(--x-sans) !important; letter-spacing:.045em; text-transform:uppercase; }
.mbx-footer nav { display:flex; flex-wrap:wrap; gap:24px; }
.mbx-footer nav a { color:#aaa6aa; font:700 11px/1 var(--x-sans); letter-spacing:.065em; text-decoration:none; text-transform:uppercase; }
.mbx-footer nav a:hover { color:var(--x-pink); }
.mbx-footer small { grid-column:1/-1; display:block; padding-top:22px; border-top:1px solid var(--x-line); color:#777176; font:700 10px/1.3 var(--x-sans); letter-spacing:.055em; text-transform:uppercase; }
.mb-social-footer { width:min(var(--x-max),calc(100% - 72px)) !important; margin:40px auto !important; border:1px solid var(--x-line) !important; border-radius:0 !important; background:transparent !important; }
.mb-social-link { width:2.65rem !important; height:2.65rem !important; }
.mb-social-link svg { width:1rem !important; height:1rem !important; }

.mbx-hero--about { overflow:hidden; }
.mbx-hero--about .mbx-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); }
.mbx-hero--about .mbx-hero-copy { position:relative; min-height:640px; padding-right:72px; }
.mbx-hero--about .mbx-hero-copy::after {
  display:none;
}
.mbx-hero--about .mbx-hero-copy > * { position:relative; z-index:1; }
.mbx-hero--about h1 { max-width:800px; font-size:clamp(52px,6vw,82px); }
.mbx-hero--about .mbx-lede { max-width:850px; font-size:17px; line-height:1.75; }
.mbx-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.mbx-chips span { padding:10px 13px; border:1px solid var(--x-line); color:#d6d2d5; font-size:12px; font-weight:700; }
.mbx-about-points { display:grid; align-content:center; border-left:1px solid var(--x-line); }
.mbx-about-points article { min-height:180px; padding:34px 0 30px 35px; border-bottom:1px solid var(--x-line); }
.mbx-about-points article:last-child { border-bottom:0; }
.mbx-about-points strong { color:#fff; font:400 27px/1.1 var(--x-serif); letter-spacing:-.025em; }
.mbx-about-points p { margin:15px 0 0; color:var(--x-muted); font-size:15px; line-height:1.65; }
.mbx-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mbx-home-feed-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:0 0 20px; border-bottom:1px solid var(--x-line); }
.mbx-home-feed-head + #featured { margin-bottom:62px; }
.mbx-home-feed-head + #featured:last-child { margin-bottom:0; }
.mbx-home-feed-head:not(:first-child) { margin-top:56px; }
.mbx-home-feed-head h2 { margin:0; color:#fff; font:400 clamp(32px,4vw,48px)/1 var(--x-serif); letter-spacing:-.035em; }
.mbx-home-feed-head span { color:var(--x-pink); font-size:11px; font-weight:700; text-transform:uppercase; }
body:has(#featured) #featured { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }

.mbx-ad-slot[hidden] { display:none !important; }
.mbx-ad-slot:not([hidden]) {
  width:min(970px,calc(100% - 72px));
  min-height:90px;
  margin:42px auto;
  padding-top:20px;
  border-top:1px solid var(--x-line);
  color:var(--x-faint);
  text-align:center;
}
.mbx-ad-slot:not([hidden])::before {
  content:attr(aria-label);
  display:block;
  margin-bottom:12px;
  font:700 9px/1 var(--x-sans);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.mbx-services-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--x-line); border-left:1px solid var(--x-line); }
.mbx-service-detail { padding:28px; border-right:1px solid var(--x-line); border-bottom:1px solid var(--x-line); }
.mbx-service-detail h2 { margin:0; color:#fff; font:400 27px/1.1 var(--x-serif); }
.mbx-service-detail p,.mbx-service-detail li { color:var(--x-muted); font-size:15px; line-height:1.65; }
.mbx-service-detail ul { padding-left:20px; }
.mbx-service-detail .mbx-availability { color:#d7d3d6; font-size:13px; }
.mbx-pricing { margin-top:72px; }
.mbx-pricing > h2 { margin:0 0 12px; color:#fff; font:400 42px/1 var(--x-serif); letter-spacing:-.035em; }
.mbx-pricing > p { max-width:760px; color:var(--x-muted); line-height:1.7; }
.mbx-price-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:28px; border-top:1px solid var(--x-line); border-left:1px solid var(--x-line); }
.mbx-price-card { padding:28px; overflow-x:auto; border-right:1px solid var(--x-line); border-bottom:1px solid var(--x-line); }
.mbx-price-card h3 { margin:0 0 18px; color:#fff; font:400 27px/1 var(--x-serif); }
.mbx-price-card table { width:100%; border-collapse:collapse; font-size:14px; }
.mbx-price-card th,.mbx-price-card td { padding:13px 12px 13px 0; border-bottom:1px solid var(--x-line); text-align:left; vertical-align:top; }
.mbx-price-card th { color:var(--x-faint); font-size:11px; text-transform:uppercase; }
.mbx-price-card td { color:#d5d1d4; }
.mbx-price-card tr:last-child td { border-bottom:0; }
.mbx-quote { margin-top:30px; padding:28px; display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid var(--x-line); }
.mbx-quote h3 { margin:0; font:400 29px/1.1 var(--x-serif); }
.mbx-quote p { margin:9px 0 0; color:var(--x-muted); }
.mbx-contact h2 { margin:0 0 24px; color:#fff; font:400 36px/1 var(--x-serif); letter-spacing:-.035em; }
.mbx-contact .mbx-form small { color:var(--x-faint); font-size:12px; line-height:1.5; }
.mbx-info-block { margin-top:25px; }
.mbx-info-block > strong { display:block; margin-bottom:9px; color:var(--x-faint); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.mbx-info-block p { margin:0; color:var(--x-muted); font-size:15px; line-height:1.7; }
.mbx-message-guide { margin-top:34px; padding:25px; border:1px solid var(--x-line); }
.mbx-message-guide h3 { margin:0; color:#fff; font:400 24px/1.1 var(--x-serif); }
.mbx-message-guide ul { margin:18px 0 0; padding-left:20px; color:var(--x-muted); font-size:14px; line-height:1.75; }

@media (max-width:1100px) {
  .mbx-header-inner { grid-template-columns:1fr auto; }
  .mbx-nav { display:none; }
  .mbx-menu { display:inline-grid !important; place-items:center; }
  .mbx-hero-copy { min-height:540px; padding:72px 0 68px; }
  .mbx-side { min-height:580px; }
  .mbx-news-grid,#news-container,#featured,#mb-articles,#tips-container,#guides-container,.mb-rb-grid,.mb-guides-grid { grid-template-columns:repeat(2,1fr) !important; }
  #bytes-articles-grid.mb-editorial-grid,#news-container.mb-editorial-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #bytes-articles-grid .mb-editorial-card,#news-container.mb-editorial-grid .mb-editorial-card { grid-column:span 1; }
  #bytes-articles-grid .mb-editorial-card--lead,#news-container.mb-editorial-grid .mb-editorial-card--lead { grid-column:1/-1; }
  .mbx-hero--about .mbx-hero-grid { grid-template-columns:1fr; }
  .mbx-hero--about .mbx-hero-copy { min-height:auto; padding-right:0; }
  .mbx-about-points { grid-template-columns:repeat(3,1fr); border-top:1px solid var(--x-line); border-left:1px solid var(--x-line); }
  .mbx-about-points article { min-height:220px; padding:28px; border-right:1px solid var(--x-line); }
  .mbx-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:700px) {
  body {
    background-image:
      linear-gradient(180deg,rgba(8,8,9,.72) 0%,rgba(8,8,9,.82) 52%,rgba(8,8,9,.94) 100%),
      url("/assets/moon-background-v1.webp") !important;
    background-position:center,top -12px right -250px !important;
    background-size:cover,auto 610px !important;
    background-attachment:scroll,scroll !important;
  }
  .mbx-container { width:calc(100% - 30px); }
  .mbx-header-inner { height:70px; }
  .mbx-logo { font-size:16px; }
  .mbx-logo-mark { width:34px; height:34px; margin-right:9px; }
  .mbx-actions .mbx-support { display:none; }
  .mbx-language { min-height:39px; }
  .mbx-mobile { padding-left:15px; padding-right:15px; }
  .mbx-hero-copy { min-height:auto; padding:60px 0 54px; }
  .mbx-hero h1 { margin-top:23px; font-size:53px; }
  .mbx-lede { font-size:16px; }
  .mbx-buttons { width:100%; gap:28px; }
  .mbx-button.primary { width:auto; }
  .mbx-side { min-height:470px; }
  .mbx-side::before { background-position:center 18px; background-size:390px 390px; }
  .mbx-side strong { bottom:170px; width:220px; }
  .mbx-side p { bottom:54px; max-width:min(360px,calc(100% - 12px)); font-size:16px; }
  .mbx-side span { bottom:18px; }
  .mbx-section { padding:68px 0; }
  .mbx-heading { display:block; margin-bottom:32px; }
  .mbx-heading h2 { font-size:40px; }
  .mbx-heading > p { margin-top:18px; }
  .mbx-grid,.mbx-news-grid,#news-container,#featured,#mb-articles,#tips-container,#guides-container,.mb-rb-grid,.mb-guides-grid { grid-template-columns:1fr !important; }
  body:has(#featured) #featured { grid-template-columns:1fr !important; }
  .mb-editorial-section { margin-bottom:48px; }
  .mb-editorial-section-head { grid-template-columns:1fr !important; gap:10px !important; padding-bottom:18px !important; }
  #bytes-articles-grid.mb-editorial-grid,#news-container.mb-editorial-grid { grid-template-columns:1fr !important; }
  #bytes-articles-grid .mb-editorial-card,#news-container.mb-editorial-grid .mb-editorial-card { grid-column:1 !important; }
  #bytes-articles-grid .mb-editorial-card--lead,#news-container.mb-editorial-grid .mb-editorial-card--lead { min-height:0; display:flex !important; }
  #bytes-articles-grid .mb-editorial-card--lead .mb-news-media,#news-container.mb-editorial-grid .mb-editorial-card--lead .mb-news-media { height:auto; max-height:260px; aspect-ratio:16/10; border-right:0; border-bottom:1px solid var(--x-line); }
  .mb-editorial-card--lead .mb-editorial-card-copy { padding:26px 24px 29px; }
  .mb-editorial-card--lead h3 { font-size:30px !important; }
  .mb-editorial-card h3 { font-size:22px !important; }
  .mb-editorial-summary { font-size:15px !important; }
  .mbx-grid { border-left:1px solid var(--x-line); }
  .mbx-card { min-height:235px; border-right:1px solid var(--x-line); border-bottom:1px solid var(--x-line); }
  .mbx-page-head { padding:62px 0 52px; }
  .mbx-page-head h1 { font-size:44px; }
  .mbx-content { padding:50px 0 76px; }
  .mbx-toolbar { align-items:stretch; flex-direction:column; }
  .mbx-toolbar input { width:100%; }
  body .mbx-contact { grid-template-columns:1fr; }
  body .mbx-contact aside,body .mbx-form { border-right:1px solid var(--x-line) !important; }
  body .mbx-form { padding:25px !important; }
  .mbx-footer-grid { grid-template-columns:1fr; }
  .mbx-footer-support { justify-content:flex-start; }
  .mbx-footer small { display:grid; gap:9px; }
  .mb-social-footer { width:calc(100% - 30px) !important; }
  .mbx-ad-slot:not([hidden]) { width:calc(100% - 30px); min-height:100px; margin:30px auto; }
  .mbx-hero--about h1 { font-size:44px; }
  .mbx-hero--about .mbx-hero-copy::after { width:360px; height:360px; right:-100px; bottom:-50px; }
  .mbx-about-points { grid-template-columns:1fr; }
  .mbx-about-points article { min-height:0; padding:25px 24px; }
  .mbx-grid--two,.mbx-services-grid,.mbx-price-grid { grid-template-columns:1fr; }
  .mbx-home-feed-head h2 { font-size:34px; }
  .mbx-quote { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

body main[class] h1,
body main[class] h2,
body main[class] h3,
body main[class] #featured h2,
body main[class] #featured h3,
body main[class] #news-container h2,
body main[class] #news-container h3,
body main[class] #mb-articles h2,
body main[class] #mb-articles h3 { color:var(--x-pink) !important; }
