:root{--ink:#06181a;--deep:#071f22;--panel:#0d292b;--paper:#f3f0e8;--white:#fffdf7;--muted:#9eb1ad;--coral:#ff6f59;--amber:#f4bb54;--line:rgba(255,255,255,.14);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:white;color:#111;padding:.75rem}.site-header{height:88px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(6,24,26,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand b{display:block;font-size:1.32rem;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--coral);display:flex;gap:3px;align-items:center;justify-content:center;transform:rotate(-7deg)}.brand-mark i{display:block;width:5px;background:var(--ink);border-radius:9px}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:16px}.site-header nav{display:flex;gap:clamp(18px,2.5vw,40px)}.site-header nav a{color:#dce5e1;text-decoration:none;font-weight:700;font-size:.91rem}.site-header nav a:hover{color:var(--amber)}.menu{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem}.mobile-nav{position:fixed;z-index:19;top:88px;left:0;right:0;background:var(--deep);padding:1rem 24px 2rem;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:1rem 0;color:white;text-decoration:none;border-bottom:1px solid var(--line)}.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:clamp(70px,8vw,120px) clamp(20px,6vw,96px);overflow:hidden}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,26,.98) 2%,rgba(5,24,26,.86) 37%,rgba(5,24,26,.12) 76%),url('mybyd-hero-concept-v1.jpg') center/cover no-repeat;transform:scale(1.015);animation:breathe 14s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.05) translateX(-.6%)}}.hero:after{content:"";position:absolute;inset:auto 0 0;height:200px;background:linear-gradient(transparent,var(--ink))}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{color:var(--amber);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}.hero h1{font-size:clamp(3.2rem,7vw,7.3rem);line-height:.86;letter-spacing:-.075em;margin:0;max-width:950px}.hero h1 em{color:var(--coral);font-style:normal}.lede{font-size:clamp(1.05rem,1.5vw,1.32rem);line-height:1.65;color:#cad5d1;max-width:640px;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:15px 21px;border-radius:999px;text-decoration:none;font-weight:850}.primary{background:var(--coral);color:var(--ink)}.ghost{border:1px solid rgba(255,255,255,.38);color:white;background:rgba(6,24,26,.38)}.proof{display:flex;gap:25px;flex-wrap:wrap;padding:0;margin:30px 0 0;list-style:none;color:#b9c8c4;font-size:.82rem}.proof li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:8px}.pulse-card{position:absolute;z-index:3;right:clamp(20px,5vw,80px);bottom:65px;width:min(350px,35vw);padding:24px;background:rgba(7,31,34,.78);border:1px solid rgba(255,255,255,.25);border-radius:24px;backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.35)}.pulse-card strong{font-size:1.25rem;display:block;margin:14px 0 8px}.pulse-card p{color:#bdcbc7;font-size:.88rem;line-height:1.55}.pulse-card a,.text-link{color:var(--amber);font-weight:800;text-decoration:none}.live{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#d4dfdb}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-right:8px;box-shadow:0 0 0 7px rgba(255,111,89,.12);animation:pulse 2s ease-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(255,111,89,0)}}.quick{position:relative;z-index:4;margin:-20px auto 0;width:min(1280px,calc(100% - 40px));display:grid;grid-template-columns:repeat(5,1fr);background:var(--paper);color:var(--ink);border-radius:var(--radius);overflow:hidden}.quick a{padding:24px;text-decoration:none;color:inherit;border-right:1px solid rgba(6,24,26,.12);position:relative}.quick a:hover{background:#fff}.quick span{display:block;color:#b05f4f;font-size:.68rem;font-weight:900;letter-spacing:.15em;margin-bottom:25px}.quick b,.quick small{display:block}.quick b{font-size:1.02rem}.quick small{font-size:.78rem;color:#64726f;margin-top:5px}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:110px 0}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:38px}.section h2{font-size:clamp(2.25rem,4vw,4.2rem);line-height:.98;letter-spacing:-.055em;margin:0}.section-heading>p,.feature-copy>p,.manuals>div>p{color:var(--muted);font-size:1.02rem;line-height:1.7}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.model-grid a{min-height:210px;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:22px;color:white;text-decoration:none;position:relative;overflow:hidden;transition:.25s}.model-grid a:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-60px;top:-70px;background:var(--coral);opacity:.1;transition:.25s}.model-grid a:hover{transform:translateY(-4px);border-color:rgba(244,187,84,.55)}.model-grid a:hover:before{transform:scale(1.8);opacity:.18}.model-grid span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.model-grid h3{font-size:2rem;margin:28px 0 5px;letter-spacing:-.04em}.model-grid p{color:#aebdb9;font-size:.88rem}.model-grid i{position:absolute;right:24px;bottom:22px;color:var(--amber);font-style:normal}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.version-panel{background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:20px}.version-top{display:flex;justify-content:space-between;padding:5px 6px 18px;color:#65736f;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.status{color:#21725f}.version-panel article{display:grid;grid-template-columns:100px 1fr 34px;gap:15px;align-items:center;padding:19px 10px;border-top:1px solid rgba(6,24,26,.13)}.version-panel time{font-size:.67rem;font-weight:900;color:#9b5547}.version-panel b{font-size:1.1rem}.version-panel p{margin:4px 0 0;color:#65736f;font-size:.82rem}.version-panel a{font-size:1.2rem;color:var(--ink);text-decoration:none}.answer-band{background:var(--coral);color:var(--ink);width:min(1280px,calc(100% - 24px));border-radius:36px;padding:clamp(35px,6vw,80px)}.answer-band .eyebrow{color:#5f2d26}.answer-band>div:first-child{max-width:700px}.answer-band>div:first-child p:last-child{font-size:1.08rem;line-height:1.6}.search{margin:40px 0}.search label{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:9px}.search div{display:flex;background:var(--white);border-radius:16px;padding:7px}.search input{flex:1;border:0;background:transparent;padding:16px;font:inherit;min-width:0}.search button{border:0;border-radius:12px;background:var(--ink);color:white;padding:0 28px;font-weight:850}.topics{display:flex;gap:9px;flex-wrap:wrap}.topics a{color:var(--ink);border:1px solid rgba(6,24,26,.3);border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:750;font-size:.82rem}.manuals{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.manual-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:center}.book{grid-row:1 / span 2;background:var(--amber);color:var(--ink);width:62px;height:72px;border-radius:8px 16px 16px 8px;display:grid;place-items:center;font-size:2rem}.manual-card b{font-size:1.2rem}.manual-card p{color:#c3cfcb;font-size:.84rem}.manual-card small{color:var(--muted)}.manual-card>a{grid-column:2;color:var(--amber);font-weight:850;text-decoration:none;margin-top:8px}footer{margin:50px clamp(20px,5vw,78px) 0;padding:45px 0;display:flex;justify-content:space-between;gap:40px;align-items:center;border-top:1px solid var(--line);color:var(--muted)}footer p{font-size:.72rem;line-height:1.55;max-width:530px}.hero,.answer-band{isolation:isolate}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:900px){.site-header nav{display:none}.menu{display:block}.hero{min-height:760px;align-items:flex-start;padding-top:80px}.hero-media{background-position:62% center}.hero-copy{max-width:620px}.pulse-card{left:20px;right:20px;bottom:50px;width:auto}.quick{grid-template-columns:1fr 1fr}.quick a:nth-child(2){border-right:0}.section-heading,.split,.manuals{grid-template-columns:1fr;gap:30px}.model-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.site-header{height:72px}.brand small{display:none}.mobile-nav{top:72px}.hero{min-height:790px;padding:58px 20px 210px}.hero h1{font-size:3.55rem}.hero-media{background-image:linear-gradient(180deg,rgba(5,24,26,.55),rgba(5,24,26,.86) 56%,var(--ink) 94%),url('mybyd-hero-concept-v1.jpg');background-position:62% center}.lede{font-size:1rem}.proof{gap:9px 18px}.pulse-card{bottom:26px}.quick{grid-template-columns:1fr;margin-top:0}.quick a{border-right:0;border-bottom:1px solid rgba(6,24,26,.12);display:grid;grid-template-columns:32px 1fr;column-gap:8px}.quick span{grid-row:1 / span 2;margin:2px 0}.quick small{grid-column:2}.section{padding:75px 0}.model-grid{grid-template-columns:1fr}.answer-band{border-radius:25px}.search div{display:block}.search button{width:100%;height:48px}.version-panel article{grid-template-columns:72px 1fr 24px}.manual-card{grid-template-columns:1fr}.book{grid-row:auto}.manual-card>a{grid-column:1}footer{align-items:flex-start;flex-direction:column}}
