@import url("market-peek.css");
@font-face{font-family:Galmuri;src:url('../fonts/Galmuri9.woff2') format('woff2');font-display:swap}
:root{--bg:#111318;--panel:#1b1c23;--line:#393329;--text:#f8f4ec;--muted:#b4b0a9;--accent:#ffad43;background:var(--bg)}
body{background:radial-gradient(ellipse at 80% 6%,#a65c141c,transparent 45%),radial-gradient(ellipse at 8% 48%,#51412912,transparent 38%),var(--bg)}
.wrap{max-width:1200px}
.product-topbar{justify-content:space-between;gap:16px;min-height:84px}
.bitbox-home{display:inline-flex;align-items:center;gap:9px;font:10px Galmuri,monospace;color:var(--muted);padding:14px 0}
.bitbox-home:hover{color:var(--accent)}
.product-language{border-color:var(--line);background:#201d19}
.product-language a[aria-current=page]{background:#4b351c;color:#ffd79b}
.product-language a:hover{background:#35291e}
.bitbox-page .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:32px;padding-bottom:64px}
.bitbox-eyebrow{font:10px/1.8 Galmuri,monospace;letter-spacing:.06em;color:var(--accent);margin:0 0 18px}
.bitbox-page .product-brand{font-size:38px;gap:10px}
.bitbox-wordmark{color:var(--accent);margin-left:-10px}
.bitbox-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:650;color:#ffd7a0;background:#35291b;border:1px solid #67471d;border-radius:99px;padding:8px 12px}
.bitbox-status>span{width:6px;height:6px;background:var(--accent);border-radius:50%}
.bitbox-page h1{font-size:clamp(36px,4.15vw,56px);line-height:1.3;letter-spacing:-1.7px;margin:24px 0 20px;word-break:keep-all}
.bitbox-page .intro{font-size:15px;line-height:1.95;max-width:470px;margin-bottom:24px}
.bitbox-download-area{max-width:470px}
.bitbox-download.button:disabled{width:100%;justify-content:center;gap:12px;cursor:not-allowed;opacity:1;background:#302a22;color:#c9b99e;border:1px dashed #766143;border-radius:7px;box-shadow:0 4px 0 #090a0e;transform:none;font-size:14px;min-height:54px}
#bitbox-download-note{font-size:11px;line-height:1.9;color:var(--muted);margin:15px 0 0}
.bitbox-showcase{margin:0;padding:18px;background:linear-gradient(145deg,#25211b,#18191f);border:1px solid #53432e;border-radius:14px;box-shadow:7px 7px 0 #090a0d;min-width:0}
.bitbox-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.7 Galmuri,monospace;color:#dbbd8f}
.bitbox-devices{position:relative;height:555px;margin:20px 0 16px;display:flex;align-items:center;justify-content:flex-start;padding-left:12px}
.bitbox-phone{width:236px;background:#050608;border:6px solid #4b4b50;border-radius:34px;box-shadow:0 18px 35px #0007;overflow:hidden}
.bitbox-phone img{display:block;width:100%;height:auto}
.bitbox-watch{position:absolute;right:4px;bottom:35px;width:195px;padding:8px;border:4px solid #887860;background:#111;border-radius:43px;box-shadow:0 15px 30px #0009}
.bitbox-watch:before,.bitbox-watch:after{content:'';position:absolute;left:26%;width:48%;height:34px;background:repeating-linear-gradient(0deg,#2a2b2c 0 3px,#343638 3px 5px);z-index:-1}
.bitbox-watch:before{top:-36px;border-radius:10px 10px 0 0}.bitbox-watch:after{bottom:-36px;border-radius:0 0 10px 10px}
.bitbox-watch-crown{position:absolute;right:-11px;top:42px;width:8px;height:25px;background:#ac9677;border-radius:0 4px 4px 0}
.bitbox-watch img{display:block;width:100%;height:auto;border-radius:30px}
.bitbox-mascot{position:absolute;right:18px;top:34px;width:90px;height:90px;image-rendering:auto;border-radius:18px;transform:rotate(8deg);box-shadow:5px 5px 0 #090a0d;border:1px solid #574226}
.bitbox-showcase figcaption{font-size:10px;line-height:1.8;color:var(--muted)}
.bitbox-page .features{border-top:1px dashed var(--line);padding-top:52px;padding-bottom:62px}
.bitbox-page h2{font-size:30px;line-height:1.45;letter-spacing:-.8px;word-break:keep-all}
.bitbox-page .feature-grid{gap:18px;margin-top:28px}
.bitbox-page .feature-grid article{border:1px solid #3c3429;border-top:3px solid #bd863d;border-radius:8px;padding:22px;background:linear-gradient(145deg,#27221b,#191a20)}
.bitbox-page .feature-grid article:nth-child(3n+2){border-top-color:#73ad8c}
.bitbox-page .feature-grid article:nth-child(3n){border-top-color:#7d9dc9}
.bitbox-feature-badge{font:9px/1.7 Galmuri,monospace;color:#d7bd94}
.bitbox-page .feature-grid h3{font-size:17px;margin:18px 0 10px}
.bitbox-page .feature-grid p{font-size:13px;line-height:1.9}
.bitbox-development{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding-top:30px;padding-bottom:30px;border:1px solid #5e4628;background:#211e19;border-radius:10px;box-shadow:5px 5px 0 #090a0d}
.bitbox-development h2{margin:0 0 12px}.bitbox-development p:not(.bitbox-eyebrow){color:var(--muted);font-size:13px;line-height:1.9;margin:0}
.bitbox-development ul{align-self:center;list-style:none;margin:0;padding:0;display:grid;gap:11px;color:#e3d3b9;font-size:13px}.bitbox-development li:before{content:'✦';color:var(--accent);margin-right:10px}
.bitbox-faq{padding-top:68px;padding-bottom:64px}.bitbox-faq h2{margin-bottom:24px}.bitbox-page .faq,.bitbox-page details{border-color:var(--line)}
.product-footer{border-top:1px dashed var(--line)}
@media(max-width:1000px){.bitbox-page .hero{gap:28px}.bitbox-phone{width:210px}.bitbox-devices{height:500px;padding-left:0}.bitbox-watch{width:170px;right:0}.bitbox-mascot{width:76px;height:76px;right:2px;top:22px}}
@media(max-width:760px){.bitbox-page .hero{grid-template-columns:1fr;gap:36px;padding-top:24px}.bitbox-page h1{font-size:43px}.bitbox-showcase{max-width:470px;width:100%;margin:auto}.bitbox-devices{height:545px;padding-left:12px}.bitbox-phone{width:230px}.bitbox-watch{width:200px;right:10px}.bitbox-mascot{width:85px;height:85px;right:24px;top:35px}.bitbox-page .feature-grid{grid-template-columns:1fr 1fr}.bitbox-development{grid-template-columns:1fr;margin-left:18px;margin-right:18px;gap:24px}}
@media(max-width:480px){.wrap{padding-left:20px;padding-right:20px}.product-topbar{gap:8px}.bitbox-home{font-size:8px}.bitbox-page h1{font-size:36px}.bitbox-showcase{padding:13px}.bitbox-devices{height:430px;padding-left:0}.bitbox-phone{width:182px;border-width:4px;border-radius:25px}.bitbox-watch{width:156px;border-width:3px;border-radius:35px;right:0;bottom:20px}.bitbox-watch img{border-radius:22px}.bitbox-mascot{width:66px;height:66px;right:5px;top:25px}.bitbox-preview-heading{font-size:8px}.bitbox-page .feature-grid{grid-template-columns:1fr}.bitbox-page h2{font-size:26px}.bitbox-development{padding:25px 20px}.bitbox-wordmark{margin-left:-10px}}
