html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#071327}*{box-sizing:border-box}a:focus-visible{outline:3px solid #00d5ac;outline-offset:6px}
#bibo-landing{border-radius:0;width:100%;font-size:16px}
#bibo-landing :is(.bi-nav,.bi-hero,.bi-about,.bi-features,.bi-examples,.bi-contact,footer){padding-left:max(6%,calc((100vw - 1160px)/2));padding-right:max(6%,calc((100vw - 1160px)/2))}
#bibo-landing .bi-nav{padding-top:20px;padding-bottom:20px}
#bibo-landing .bi-brand img{width:148px;height:72px}
#bibo-landing nav{gap:32px;font-size:15px}
#bibo-landing .bi-hero{grid-template-columns:1.15fr 1fr;gap:60px;padding-top:80px;padding-bottom:80px}
#bibo-landing h1{font-size:clamp(42px,5.6vw,76px);max-width:600px;line-height:1.08}
#bibo-landing .bi-eyebrow{font-size:12px!important;line-height:1.6;letter-spacing:.12em}
#bibo-landing .bi-lead{font-size:18px;max-width:480px;line-height:1.65;margin-top:28px}
#bibo-landing .bi-actions{gap:16px;margin-top:32px}
#bibo-landing :is(.bi-primary,.bi-secondary){font-size:15px;padding:15px 24px;min-height:50px;transition:background .2s,transform .2s,box-shadow .2s}
#bibo-landing .bi-primary:hover{background:#7956ec;transform:translateY(-2px);box-shadow:0 7px 24px #6741df35;opacity:1}
#bibo-landing .bi-secondary:hover{background:#ffffff0d;transform:translateY(-2px);opacity:1}
#bibo-landing .bi-fine{font-size:12px;line-height:1.6;margin-top:24px}
#bibo-landing .bi-preview{width:100%;max-width:420px;height:590px;animation:bibo-float 7s ease-in-out infinite}
#bibo-landing .bi-screen{border-width:8px;border-radius:34px}
#bibo-landing .bi-caption{font-size:12px;bottom:0}
#bibo-landing :is(.bi-about,.bi-features,.bi-examples){padding-top:84px;padding-bottom:84px}
#bibo-landing .bi-about-grid{gap:72px}
#bibo-landing h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15}
#bibo-landing .bi-about-grid p{font-size:17px;line-height:1.7}
#bibo-landing .bi-section-top{margin-bottom:52px}
#bibo-landing .bi-section-top>p{font-size:16px;line-height:1.6;max-width:300px}
#bibo-landing .bi-feature-grid{gap:4px 44px}
#bibo-landing .bi-feature-grid article{padding:32px 0}
#bibo-landing .bi-feature-grid h3{font-size:21px;line-height:1.25}
#bibo-landing .bi-feature-grid p{font-size:16px;line-height:1.65}
#bibo-landing .bi-feature-icon{width:36px!important;height:36px!important;margin-bottom:18px!important}
#bibo-landing .bi-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 42px}
#bibo-landing .bi-model-phone{width:min(245px,100%);aspect-ratio:9/19.5;border-width:7px;border-radius:35px;transition:box-shadow .3s}
#bibo-landing .bi-model-phone:hover{box-shadow:0 18px 42px #0008}
#bibo-landing .bi-model-phone iframe{width:390px}
#bibo-landing .bi-model-hint{font-size:12px;letter-spacing:.02em;margin-bottom:18px}
#bibo-landing .bi-projects h3{font-size:22px;line-height:1.4}
#bibo-landing .bi-model-link{font-size:14px;padding:8px 14px;margin-top:4px;min-height:44px}
#bibo-landing .bi-static{max-width:1160px;margin:64px max(6%,calc((100vw - 1160px)/2));padding:32px 38px;gap:28px}
#bibo-landing .bi-static h3{font-size:24px}
#bibo-landing .bi-static p:last-child{font-size:16px;line-height:1.6;max-width:680px}
#bibo-landing .bi-static>a{font-size:14px;min-height:44px;display:flex;align-items:center}
#bibo-landing .bi-contact{padding-top:60px;padding-bottom:100px}
#bibo-landing .bi-contact h2{font-size:clamp(36px,4.3vw,58px)}
#bibo-landing .bi-contact>p:not(.bi-eyebrow){font-size:17px;max-width:460px;line-height:1.6;margin:26px auto 30px}
#bibo-landing footer{padding-top:28px;padding-bottom:28px;font-size:14px}
.bi-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease var(--bi-delay,0ms),transform .7s ease var(--bi-delay,0ms)}.bi-reveal.bi-visible{opacity:1;transform:none}
@keyframes bibo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:900px){#bibo-landing .bi-hero{gap:28px}#bibo-landing .bi-preview{max-width:320px;height:470px}#bibo-landing .bi-about-grid{gap:36px}#bibo-landing .bi-projects{gap:32px 22px}#bibo-landing .bi-static{padding:28px}#bibo-landing .bi-feature-grid{gap:0 28px}}
@media(max-width:700px){#bibo-landing .bi-nav{align-items:center;padding-top:12px;padding-bottom:12px}#bibo-landing .bi-brand img{width:108px;height:58px}#bibo-landing nav{gap:10px 16px;font-size:13px;max-width:170px;flex-wrap:wrap}#bibo-landing .bi-hero{grid-template-columns:1fr;padding-top:52px;padding-bottom:60px;gap:42px}#bibo-landing h1{font-size:clamp(42px,8.5vw,58px);max-width:540px}#bibo-landing .bi-lead{font-size:17px}#bibo-landing .bi-preview{justify-self:center;max-width:320px;height:475px}#bibo-landing .bi-about-grid{grid-template-columns:1fr;gap:24px}#bibo-landing :is(.bi-about,.bi-features,.bi-examples){padding-top:56px;padding-bottom:56px}#bibo-landing .bi-section-top{display:block;margin-bottom:36px}#bibo-landing .bi-section-top>p{margin-top:20px}#bibo-landing .bi-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}#bibo-landing .bi-feature-grid h3{font-size:19px}#bibo-landing .bi-projects{grid-template-columns:1fr;gap:46px}#bibo-landing .bi-model-phone{width:245px}#bibo-landing .bi-static{flex-wrap:wrap;margin-top:40px;margin-bottom:40px}#bibo-landing .bi-static>svg{display:none}#bibo-landing .bi-static>a{margin-left:0;padding-left:0}#bibo-landing .bi-contact{padding-top:35px;padding-bottom:70px}}
@media(max-width:380px){#bibo-landing nav{max-width:140px;font-size:12px;gap:8px 12px}#bibo-landing .bi-brand img{width:95px}#bibo-landing .bi-preview{width:250px;height:390px}#bibo-landing .bi-feature-grid{grid-template-columns:1fr}#bibo-landing h1{font-size:41px}#bibo-landing .bi-primary,#bibo-landing .bi-secondary{padding:13px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bi-reveal{opacity:1;transform:none;transition:none}#bibo-landing .bi-preview{animation:none}#bibo-landing *{transition:none!important}}

#bibo-landing :is(.bi-process,.bi-faq){padding:84px max(6%,calc((100vw - 1160px)/2))}
#bibo-landing .bi-process{background:var(--bi-white);color:var(--bi-navy)}
#bibo-landing .bi-process :is(p,h2,h3,span){color:var(--bi-navy)}
#bibo-landing .bi-process .bi-eyebrow{color:var(--bi-navy)}
#bibo-landing .bi-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;list-style:none;padding:0;margin:44px 0 0}
#bibo-landing .bi-steps li{border-top:1px solid #07132726;padding-top:24px;min-width:0}
#bibo-landing .bi-step-number{display:block;font-size:14px;margin-bottom:20px}
#bibo-landing .bi-steps h3{font-size:24px;line-height:1.25;margin-bottom:12px}
#bibo-landing .bi-steps p{font-size:16px;line-height:1.7}
#bibo-landing .bi-static{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center}
#bibo-landing .bi-static-copy p:not(.bi-eyebrow){font-size:16px;line-height:1.65;color:var(--bi-grey);margin-top:12px;max-width:650px}
#bibo-landing .bi-static-copy .bi-static-note{font-size:14px}
#bibo-landing .bi-static-actions{display:flex;flex-direction:column;gap:12px;min-width:200px}
#bibo-landing .bi-static-actions a{font-size:14px;white-space:nowrap;text-align:center}
#bibo-landing .bi-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:72px}
#bibo-landing .bi-faq-heading>p:last-child{color:var(--bi-grey);font-size:16px;line-height:1.7;margin-top:24px;max-width:300px}
#bibo-landing .bi-faq-list details{border-top:1px solid #ffffff22}
#bibo-landing .bi-faq-list details:last-child{border-bottom:1px solid #ffffff22}
#bibo-landing .bi-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:24px 32px 24px 0;font-size:19px;line-height:1.4}
#bibo-landing .bi-faq-list summary::-webkit-details-marker{display:none}
#bibo-landing .bi-faq-list summary::after{content:"+";position:absolute;right:2px;top:24px;color:var(--bi-mint);font-size:23px;line-height:1.2;transition:transform .2s}
#bibo-landing .bi-faq-list details[open] summary::after{transform:rotate(45deg)}
#bibo-landing .bi-faq-list summary:focus-visible{outline:3px solid var(--bi-mint);outline-offset:4px}
#bibo-landing .bi-faq-list details>p{font-size:16px;line-height:1.7;color:var(--bi-grey);padding:0 24px 24px 0}
@media(max-width:1000px){#bibo-landing .bi-static{grid-template-columns:32px minmax(0,1fr)}#bibo-landing .bi-static-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}#bibo-landing .bi-steps{gap:28px}#bibo-landing .bi-faq{gap:36px}}
@media(max-width:700px){#bibo-landing :is(.bi-process,.bi-faq){padding-top:56px;padding-bottom:56px}#bibo-landing .bi-steps{grid-template-columns:1fr;gap:28px;margin-top:32px}#bibo-landing .bi-steps h3{font-size:22px}#bibo-landing .bi-step-number{margin-bottom:12px}#bibo-landing .bi-static{grid-template-columns:minmax(0,1fr);gap:20px}#bibo-landing .bi-static-icon{display:none}#bibo-landing .bi-static-actions{grid-column:1;min-width:0}#bibo-landing .bi-static-actions a{flex:1;white-space:normal}#bibo-landing .bi-faq{grid-template-columns:1fr;gap:28px}#bibo-landing .bi-faq-heading>p:last-child{max-width:100%;margin-top:16px}#bibo-landing .bi-faq-list summary{font-size:18px}}
@media(max-width:380px){#bibo-landing .bi-static-actions{flex-direction:column}#bibo-landing .bi-static-actions a{width:100%}}