/* Shared product cards allow the Baiboki family to grow without replacing its home. */
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.product-card{padding:34px;border:1px solid var(--line);border-radius:26px;background:white;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.product-icon{width:64px;height:64px;border-radius:16px;object-fit:contain}
.product-card h3{font-size:30px;line-height:1.2;margin:0}.product-card p{margin:0}.product-card>.button{margin-top:auto}
.product-kicker{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--ink-2)}
.product-signpop{background:#080a12;color:#f7f7fb;border-color:#282d42}.product-signpop .product-kicker{color:#ffce64}.product-signpop>p:not(.product-kicker){color:#bdc2d4}
#apps,#features,#premium{scroll-margin-top:100px}
.signpop-page h1,.signpop-page h2{text-wrap:balance}
.sp-primary.button{background:#ffb82e;border-color:#ffb82e;color:#171006}.sp-primary.button:hover{background:#ffce64}
.sp-secondary.button{background:transparent;border-color:#52576a;color:#f7f7fb}
.sp-hero{background:radial-gradient(ellipse at 90% 20%,#19223f,transparent 50%),#080a12;color:#f7f7fb;padding:64px 0 0;overflow:hidden}
.sp-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center}
.sp-identity{display:flex;align-items:center;gap:16px}.sp-identity img{border-radius:19px}.sp-wordmark{font-size:29px;font-weight:900;line-height:1.15;margin:0 0 8px}.sp-wordmark span{font-size:19px;color:#bdc2d4;margin-left:6px}
.sp-family{font-size:11px;letter-spacing:.14em;font-weight:700;margin:0;color:#a9aec4}
.sp-status{display:inline-block;color:#ffce64;font-size:11px;letter-spacing:.1em;border:1px solid #5d4a25;border-radius:99px;padding:5px 12px;margin:32px 0 16px}
.sp-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.18;letter-spacing:-.045em;margin:0 0 22px;font-weight:900}
.sp-intro{font-size:18px;line-height:1.9;color:#bdc2d4;margin:0 0 28px}.sp-release{font-size:12px;color:#a9aec4;line-height:1.8;margin:18px 0 0}
.sp-board{padding:34px;border:1px solid #5b5470;border-radius:32px;background:radial-gradient(circle,#33303a 1px,transparent 1.5px) 0 0/12px 12px,#06070e;box-shadow:0 30px 70px #0008,0 0 40px #ff2daa12;transform:rotate(-4deg)}
.sp-board-kicker{font-size:10px;color:#acb3c9;letter-spacing:.16em}.sp-board>p{font-size:clamp(40px,5vw,68px);font-weight:950;line-height:1.3;letter-spacing:-.04em;color:#ffce64;text-shadow:0 0 20px #ffb82e55;margin:44px 0}.sp-board>p span{color:#24e6ff;text-shadow:0 0 22px #24e6ff55}
.sp-board-tags{display:flex;flex-wrap:wrap;gap:8px}.sp-board-tags span{font-size:10px;letter-spacing:.08em;border:1px solid #424454;border-radius:99px;padding:5px 12px;color:#c5c9d8;background:#11131d}
.sp-use-cases{border-top:1px solid #292e40;padding:24px 0;text-align:center;margin-top:60px;font-size:12px;letter-spacing:.13em;color:#bdc2d4;word-spacing:.4em}
.sp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sp-feature{border-top:1px solid #d0dbea;padding-top:20px}.sp-number{color:#956108;font-size:12px;font-weight:800}.sp-feature h3{font-size:19px;margin:16px 0 10px}.sp-feature p{font-size:14px;color:var(--ink-2);margin:0}
.sp-art{margin:44px 0 0}.sp-art img{display:block;width:100%;height:auto;border-radius:24px}.sp-art figcaption{font-size:12px;color:var(--ink-2);text-align:center;margin-top:12px}
.sp-promise{background:#080a12;color:#f7f7fb;text-align:center;padding:68px 0}.sp-promise h2{font-size:clamp(30px,4vw,46px);line-height:1.4;letter-spacing:-.025em;margin:20px 0}.sp-promise p:last-child{max-width:680px;margin:auto;color:#bdc2d4}
.sp-free{display:flex;gap:24px;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:24px;border-radius:20px;background:#fff}.sp-free h3{margin:0 0 6px;font-size:23px}.sp-free p{margin:0;max-width:720px;color:var(--ink-2);font-size:14px}.sp-free>span{white-space:nowrap;font-size:12px;border-radius:99px;padding:8px 12px;background:#e8f2ff;color:#184fc9;font-weight:700}
.sp-plan-intro{margin:26px 0;color:var(--ink-2);font-size:14px}.sp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sp-plan{border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px 24px}.sp-plan.recommended{background:#fff8e8;border:2px solid #dfa527;padding:27px 23px}.sp-plan-label{font-weight:800;margin:0 0 20px}.sp-price{font-size:38px;line-height:1.2;font-weight:850;letter-spacing:-.04em;margin:18px 0}.sp-price span{font-size:13px;letter-spacing:0;vertical-align:top;margin-right:3px}.sp-price small{font-size:13px;font-weight:500;letter-spacing:0;white-space:nowrap}.sp-plan>p:not(.sp-price){color:var(--ink-2);font-size:14px}.sp-renew{display:block;font-size:11px;color:var(--ink-2);margin-top:22px}
.sp-event{margin-top:22px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-radius:22px;background:#111725;color:#f7f7fb}.sp-event h3{font-size:24px;margin:10px 0}.sp-event p:not(.sp-price){color:#bdc2d4;font-size:14px}.sp-event .sp-price{flex-shrink:0;color:#ffce64}.sp-separate{font-size:13px;color:var(--ink-2);margin-top:20px}
.sp-local-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.sp-local-nav a{border:1px solid var(--line);border-radius:99px;padding:8px 15px;font-size:13px;text-decoration:none;background:white}.sp-local-nav a[aria-current=page]{background:var(--ink);color:#fff}
.signpop-page .data-card h2{font-size:20px;margin:0 0 12px}.signpop-page .data-card p+p{margin-top:12px}.signpop-page .legal-card{max-width:950px;margin:auto}.signpop-page .faq-item{border:1px solid var(--line);border-radius:14px}
@media(max-width:1050px){.nav-links{gap:16px}.sp-hero-grid{gap:32px}.sp-board{padding:24px}}
@media(max-width:850px){.sp-hero-grid{grid-template-columns:1fr}.sp-board{max-width:520px;width:calc(100% - 20px);margin:20px auto}.sp-board>p{font-size:64px;margin:24px 0}.sp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-plan-grid{gap:12px}.sp-plan{padding:20px 16px}.sp-plan.recommended{padding:19px 15px}.sp-price{font-size:32px}}
@media(max-width:650px){.nav-links>a.products-link{display:inline-flex;white-space:nowrap;font-size:12px}.nav-inner{gap:12px}.product-grid,.sp-plan-grid{grid-template-columns:1fr}.product-card{padding:26px}.sp-hero{padding-top:36px}.sp-hero h1{font-size:42px}.sp-intro{font-size:16px}.sp-identity img{width:60px;height:60px}.sp-use-cases{font-size:10px;line-height:2;margin-top:36px}.sp-board>p{font-size:52px}.sp-board{padding:24px}.sp-feature-grid{gap:24px 18px}.sp-feature h3{font-size:18px}.sp-free,.sp-event{flex-direction:column;align-items:flex-start;padding:24px}.sp-free{gap:16px}.sp-event{gap:0}.sp-plan,.sp-plan.recommended{padding:24px}.sp-promise{padding:52px 0}.sp-art{margin-top:32px}.sp-art img{border-radius:16px}}
@media(max-width:360px){.brand-logo-zh{height:30px}.brand-logo-en{height:25px}.brand-mascot{width:32px;height:32px}.brand{gap:6px}.nav-links{gap:7px}.sp-hero h1{font-size:36px}.sp-board>p{font-size:44px}.sp-feature-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}