/* Baibo Translate product presentation. No third-party fonts or scripts. */
.product-boki{background:#f1eeff;border-color:#d9d1ff}.product-boki .product-kicker{color:#593fc4}.boki-primary.button{background:#5034d6;border-color:#5034d6;color:#fff}.boki-primary.button:hover{background:#3d25b4}
.boki-hero{background:radial-gradient(ellipse at 88% 12%,#5034b9 0,transparent 54%),#11132b;color:#fff;padding:76px 0 0;overflow:hidden}
.boki-hero-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:62px;align-items:center}.boki-identity{display:flex;align-items:center;gap:14px}.boki-identity img{border-radius:18px}.boki-name{font-size:28px;font-weight:850;line-height:1.2;margin:0}.boki-name span{display:block;color:#c9c1ed;font-size:13px;font-weight:500;margin-top:7px}.boki-tag{display:inline-block;margin:30px 0 18px;border:1px solid #7a6ead;border-radius:99px;padding:5px 12px;color:#ded6ff;font-size:12px}.boki-hero h1{font-size:clamp(38px,4.7vw,63px);line-height:1.23;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}.boki-intro{font-size:18px;line-height:1.9;color:#d0cbe3;max-width:570px;margin-bottom:28px}.boki-subtitle{color:#baaff0;font-size:13px;letter-spacing:.035em;margin-top:20px}.boki-hero .button:not(.boki-primary){color:#fff;background:transparent;border-color:#756a9d}
.boki-demo{background:#f8f7ff;color:#221849;border:1px solid #ffffff80;border-radius:28px;padding:28px;box-shadow:0 30px 70px #0004;transform:rotate(2deg)}.boki-demo-caption{margin:0 0 20px;color:#675693;font-size:11px;letter-spacing:.09em;font-weight:750}.boki-bubble{background:#ebe5ff;border-radius:18px 18px 18px 4px;padding:18px;font-size:17px;line-height:1.7}.boki-bubble span{display:block;font-size:14px;color:#645482;margin-top:9px}.boki-check{background:#fff;border:1px solid #e2dcf2;border-radius:18px;margin-top:20px;padding:20px}.boki-check h2{font-size:17px;margin:0 0 14px}.boki-check dl{margin:0}.boki-check dl>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #ece7f5}.boki-check dl>div:last-child{border:0}.boki-check dt{color:#716586;font-size:13px}.boki-check dd{margin:0;font-weight:750;font-size:14px;text-align:right}.boki-unresolved{color:#a35d17}.boki-demo-note{font-size:12px;color:#716586;line-height:1.7;margin:16px 0 0}.boki-scenarios{margin-top:60px;padding:24px 0;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#d6cfee;font-size:13px}
.boki-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.boki-step{border-top:2px solid #ddd5fb;padding-top:22px}.boki-step>span{font-size:12px;letter-spacing:.1em;font-weight:800;color:#6145c8}.boki-step h3{font-size:24px;line-height:1.4;margin:16px 0 12px}.boki-step p{color:var(--ink-2);margin:0;font-size:15px}.boki-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.boki-feature{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.boki-feature h3{font-size:19px;line-height:1.4;margin:0 0 12px}.boki-feature p{margin:0;color:var(--ink-2);font-size:14px}.boki-wide{padding:42px;background:#ede8ff;border-radius:26px;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.boki-wide h3{font-size:28px;line-height:1.4;margin:0 0 12px}.boki-wide p{color:var(--ink-2);margin:0}.boki-pill-list{display:flex;flex-wrap:wrap;gap:10px}.boki-pill-list span{border:1px solid #d3c9f3;background:#fff;border-radius:99px;padding:10px 16px;font-size:14px;color:#4b397d}
.boki-progress{background:#11132b;color:#fff;border-radius:28px;padding:44px;display:grid;grid-template-columns:1.2fr 1fr;gap:42px}.boki-progress h2{font-size:32px;line-height:1.35;margin:0 0 20px}.boki-progress p{color:#d0cbe3;font-size:15px;margin:0 0 16px}.boki-progress .eyebrow{color:#beadff}.boki-progress aside{border-left:1px solid #ffffff30;padding-left:32px}.boki-progress h3{font-size:17px;margin:0 0 14px}.boki-progress ul{padding-left:20px;color:#d0cbe3;line-height:2;margin:0}.boki-status-note{font-size:12px;color:var(--ink-2);margin-top:18px}.boki-contact{margin-top:26px}.boki-page #features,.boki-page #workflow,.boki-page #progress{scroll-margin-top:100px}
.boki-progress .eyebrow{background:#302650;color:#e6dfff;border-color:#685795}
@media(min-width:960px){.product-grid.boki-family{grid-template-columns:repeat(3,minmax(0,1fr))}.boki-family .product-card{padding:26px}.boki-family .product-card h3{font-size:26px}}
@media(max-width:900px){.boki-hero-grid{grid-template-columns:1fr;gap:36px}.boki-demo{max-width:570px;transform:none;margin:0 auto;width:100%}.boki-hero{padding-top:44px}.boki-hero h1{max-width:660px}.boki-features{grid-template-columns:repeat(2,minmax(0,1fr))}.boki-scenarios{margin-top:38px}}
@media(max-width:650px){.boki-flow,.boki-features,.boki-wide,.boki-progress{grid-template-columns:1fr}.boki-flow{gap:30px}.boki-hero h1{font-size:40px}.boki-intro{font-size:16px}.boki-demo{padding:20px;border-radius:22px}.boki-check{padding:17px}.boki-scenarios{justify-content:flex-start;gap:12px 24px}.boki-wide,.boki-progress{padding:26px;gap:24px}.boki-progress aside{padding:22px 0 0;border-left:0;border-top:1px solid #ffffff30}.boki-progress h2{font-size:28px}.boki-name{font-size:25px}.boki-identity img{width:60px;height:60px}.boki-hero .actions{align-items:stretch}.boki-hero .actions .button{justify-content:center}.boki-subtitle{font-size:12px}}