:root{--bg:#0f1012;--surface:#17181b;--surface-2:#1d1f23;--text:#f5f5f6;--muted:#a7a9b0;--line:#2a2c31;--accent:#ef343d;--accent2:#ff6269;--wrap:1160px;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{width:min(var(--wrap),calc(100% - 32px));margin:auto}.header-three{position:sticky;top:0;z-index:60;background:rgba(15,16,18,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.notice{display:none}.brand-row{width:min(var(--wrap),calc(100% - 32px));height:72px;margin:auto;display:flex;align-items:center}.brand-row>a img{height:40px;width:auto}.nav-row{width:min(var(--wrap),calc(100% - 32px));margin:auto;display:flex;gap:28px;padding-bottom:14px}.nav-row a{font-size:13px;color:#b8bac1;font-weight:700}.nav-row a:hover{color:#fff}.brand-row .mobile-actions{margin-left:auto}.beam-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:10px;border:1px solid var(--line);font-size:13px;font-weight:760;transition:.2s}.beam-action.login{background:transparent}.beam-action.register{background:var(--accent);border-color:var(--accent);color:#fff}.beam-action:hover{transform:translateY(-1px)}.menu-button,.mobile-menu{display:none}.hero-three{padding:54px 0 42px}.hero-image-text{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.hero-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}.hero-pdf{color:var(--muted);font-size:17px;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-button{min-height:50px;padding:0 22px}.hero-secondary-action{background:transparent!important}.hero-picture{position:relative;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:26px}.hero-picture img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}.hero-picture span{position:absolute;left:28px;bottom:26px;background:rgba(15,16,18,.78);border:1px solid rgba(255,255,255,.12);padding:8px 11px;border-radius:9px;font-size:12px;color:#fff}.device-section{padding:64px 0;border-top:1px solid var(--line)}.device-section>.wrap>h2,.pdf-section-body h2{font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:-.035em;margin:0 0 24px}.device-card{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:center;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-bottom:28px}.device-card>div span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#25272c;color:#d9dae0;font-size:12px;font-weight:800;margin-bottom:18px}.device-card h2{font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.04em;margin:0}.device-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.pdf-content{color:#c1c3c9;font-size:16.5px}.pdf-section-body{max-width:900px}.pdf-content p{margin:0 0 17px}.pdf-content h3{color:#fff;font-size:23px;line-height:1.2;margin:34px 0 13px}.pdf-content ul{margin:18px 0 24px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pdf-content li{list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 16px}.pdf-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;margin:22px 0 28px}.pdf-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--surface)}.pdf-table th,.pdf-table td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line)}.pdf-table th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#8f9198;background:#141518}.faq-accordion{display:grid;gap:10px;margin-top:24px}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.faq-question{width:100%;padding:19px 20px;border:0;background:transparent;color:#fff;display:flex;justify-content:space-between;gap:18px;text-align:left;font:inherit;font-weight:740;cursor:pointer}.faq-icon{color:var(--accent2);font-size:22px;transition:.2s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease}.faq-answer-inner{overflow:hidden;padding:0 20px}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer-inner{padding-bottom:18px}.faq-item.is-open .faq-icon{transform:rotate(45deg)}.footer-three{border-top:1px solid var(--line);background:#0b0c0e;padding:0 0 24px}.footer-cta{width:min(var(--wrap),calc(100% - 32px));margin:auto;padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.footer-cta span{font-size:12px;letter-spacing:.12em;color:#878991}.footer-cta h2{font-size:30px;margin:4px 0 0;letter-spacing:-.03em}.footer-columns{display:grid;grid-template-columns:1.3fr .5fr .5fr;gap:40px;padding:38px 0}.footer-columns img{height:42px;width:auto;margin-bottom:14px}.footer-columns p{color:#8f9198}.footer-columns>div{display:flex;flex-direction:column;gap:8px}.footer-columns b{font-size:13px;margin-bottom:6px}.footer-columns a{color:#a5a7ad;font-size:14px}.copyright{width:min(var(--wrap),calc(100% - 32px));margin:auto;color:#6f7178;font-size:12px}@media(min-width:901px){.brand-row .mobile-actions{display:flex;gap:9px}}@media(max-width:900px){.nav-row{display:none}.brand-row .mobile-actions{display:flex;gap:8px}.menu-button{display:flex;margin-left:10px;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);color:#fff;border-radius:10px;font-size:18px}.mobile-menu{display:none;width:min(var(--wrap),calc(100% - 32px));margin:auto;padding:6px 0 16px}.mobile-menu.is-open{display:grid}.mobile-menu a{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.hero-image-text,.device-card{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div:first-child{grid-column:1/-1}}@media(max-width:640px){.wrap,.brand-row,.mobile-menu,.footer-cta,.copyright{width:calc(100% - 24px)}.brand-row{height:64px}.brand-row>a img{height:34px}.brand-row .mobile-actions .beam-action{min-height:36px;padding:0 10px;font-size:11px}.hero-three{padding:38px 0 26px}.hero-copy h1{font-size:39px}.hero-pdf{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-button{padding:0 10px}.hero-picture{padding:7px;border-radius:20px}.hero-picture img{border-radius:14px}.device-section{padding:48px 0}.device-card{padding:16px;border-radius:18px}.pdf-content{font-size:16px}.pdf-content ul{grid-template-columns:1fr}.footer-cta{align-items:flex-start;flex-direction:column}.footer-columns{grid-template-columns:1fr;gap:26px}.footer-columns>div:first-child{grid-column:auto}}


/* Reference MB66 theme — 2027 */
:root{--bg:#ffffff;--surface:#ffffff;--surface-2:#fff8f8;--text:#171717;--muted:#5f5f63;--line:#eeeeee;--accent:#e10600;--accent2:#e10600;--gold:#f2c800}
body{background:#fff;color:var(--text)}
.header-three{background:#fff;border-bottom:0;box-shadow:0 3px 14px rgba(0,0,0,.06);backdrop-filter:none}
.brand-row{height:76px}
.brand-row>a img{height:48px}
.nav-row{width:100%;max-width:none;min-height:48px;padding:0 22px;margin:0;justify-content:center;gap:0 18px;flex-wrap:wrap;background:linear-gradient(90deg,#efc6c6 0%,#e10600 16%,#d90000 50%,#e10600 84%,#efc6c6 100%)}
.nav-row a{display:flex;align-items:center;min-height:48px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em}
.nav-row a:hover{color:#ffe000}
.beam-action{border-radius:5px;font-weight:800}
.beam-action.login,.beam-action.register{background:var(--gold);border-color:var(--gold);color:#171717}
.beam-action.login:hover,.beam-action.register:hover{background:#dcb700;border-color:#dcb700}
.hero-three,.device-section{background:#fff;border-top-color:#ededed}
.hero-copy h1,.device-section>.wrap>h2,.pdf-section-body h2,.device-card h2,.pdf-content h3{color:var(--accent);letter-spacing:-.025em}
.hero-pdf,.pdf-content{color:#2b2b2b}
.hero-picture,.device-card,.pdf-content li,.faq-item,.pdf-table,.pdf-table-wrap{background:#fff;border-color:#ededed}
.hero-picture{box-shadow:0 10px 28px rgba(0,0,0,.08)}
.hero-picture span{background:rgba(190,5,0,.88);border-color:transparent;color:#fff}
.device-card>div span{background:#fff0f0;color:var(--accent);border:1px solid #ffd0d0}
.pdf-table th{background:#fff7f7;color:#777}
.faq-question{color:#171717}.faq-icon{color:var(--accent)}
.mobile-menu{width:100%;background:#d90000;padding:6px 16px 12px}
.mobile-menu a{color:#fff;border-bottom:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:800}
.menu-button{background:#fff;color:#171717;border-color:#ededed}
.footer-three{background:#191919;border-top:0;color:#fff}.footer-cta{border-color:#333}.footer-columns p,.footer-columns a{color:#b9b9b9}
.footer-logo{width:200px!important;height:auto!important;max-width:100%;object-fit:contain}
@media(max-width:900px){.brand-row{height:68px}.brand-row>a img{height:42px}.brand-row .mobile-actions .beam-action{background:var(--gold);border-color:var(--gold);color:#171717}}
@media(max-width:640px){.brand-row>a img{height:36px}.hero-copy h1{font-size:36px}.device-section>.wrap>h2,.pdf-section-body h2,.device-card h2{font-size:30px}}
/* "More" dropdown menu */
.nav-more{position:relative;display:flex;align-items:center}
.nav-more-toggle{display:flex;align-items:center;gap:6px;min-height:48px;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:800;letter-spacing:.01em;cursor:pointer}
.nav-more-toggle:hover,.nav-more:focus-within .nav-more-toggle,.nav-more.is-open .nav-more-toggle{color:#ffe000}
.nav-more-caret{font-size:10px;transition:transform .2s}
.nav-more:hover .nav-more-caret,.nav-more.is-open .nav-more-caret{transform:rotate(180deg)}
.nav-more-menu{position:absolute;top:100%;right:0;z-index:70;display:none;min-width:190px;padding:6px;background:#fff;border-radius:8px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.nav-more:hover .nav-more-menu,.nav-more:focus-within .nav-more-menu,.nav-more.is-open .nav-more-menu{display:block}
.nav-row .nav-more-menu a{display:block;min-height:0;padding:10px 12px;border-radius:6px;color:#171717;font-size:13px;font-weight:700}
.nav-row .nav-more-menu a:hover{background:#fff0f0;color:#e10600}
.mobile-more{border-bottom:1px solid rgba(255,255,255,.16)}
.mobile-more summary{display:flex;justify-content:space-between;align-items:center;padding:11px 0;color:#fff;font-size:13px;font-weight:800;list-style:none;cursor:pointer}
.mobile-more summary::-webkit-details-marker{display:none}
.mobile-more summary::after{content:"\25BE"}
.mobile-more[open] summary::after{content:"\25B4"}
.mobile-menu .mobile-more a{display:block;padding:9px 0 9px 14px;border-bottom:0}
/* footer 4 columns */
.footer-columns{grid-template-columns:1.3fr .7fr .7fr 1fr}
.footer-contact p{margin:0;line-height:1.6;font-size:14px}
.footer-contact span{color:#fff;font-weight:700}
@media(max-width:900px){.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.footer-columns{grid-template-columns:1fr}.footer-columns>div:first-child{grid-column:auto}}