@font-face{font-family:BiboDynx;src:url('/assets/bibo-dynx.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
#bibo-landing{--bi-navy:#071327;--bi-violet:#6741df;--bi-mint:#00d5ac;--bi-white:#fff;--bi-light:#f1f0f2;--bi-grey:#bcc3cf;font-family:BiboDynx,Arial,sans-serif;background:var(--bi-navy);color:var(--bi-white);font-size:16px;line-height:1.5;color-scheme:light;overflow:hidden;border-radius:12px}
#bibo-landing *{box-sizing:border-box}
#bibo-landing a{color:inherit;text-decoration:none}
#bibo-landing p,#bibo-landing h1,#bibo-landing h2,#bibo-landing h3{margin:0;font-weight:400}
#bibo-landing .bi-nav{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff18}
#bibo-landing .bi-brand{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.14em}
#bibo-landing .bi-brand img{width:72px;height:45px;object-fit:contain}
#bibo-landing nav{display:flex;gap:18px;align-items:center;font-size:12px}
#bibo-landing .bi-agency{color:var(--bi-mint)}
#bibo-landing .bi-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;padding:65px 5% 55px;align-items:center}
#bibo-landing .bi-eyebrow{font-size:10px;letter-spacing:.14em;color:var(--bi-mint);margin-bottom:16px}
#bibo-landing h1{font-size:clamp(34px,5.8vw,52px);line-height:1.07;letter-spacing:-.045em;max-width:460px}
#bibo-landing h1 em{font-style:normal;color:var(--bi-mint)}
#bibo-landing .bi-lead{color:var(--bi-grey);font-size:15px;max-width:330px;margin-top:24px;line-height:1.55}
#bibo-landing .bi-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
#bibo-landing .bi-primary,#bibo-landing .bi-secondary{display:inline-flex;justify-content:center;align-items:center;padding:12px 16px;font-size:12px;border-radius:100px;min-height:44px}
#bibo-landing .bi-primary{background:var(--bi-violet);color:var(--bi-white)}
#bibo-landing .bi-secondary{border:1px solid #ffffff35}
#bibo-landing .bi-fine{font-size:10px;color:var(--bi-grey);margin-top:22px}
#bibo-landing .bi-preview{position:relative;height:450px;max-width:300px;width:100%;justify-self:end}
#bibo-landing .bi-screen{position:absolute;width:56%;border:6px solid #283448;border-radius:27px;overflow:hidden;box-shadow:0 18px 40px #0005;background:#eee}
#bibo-landing .bi-screen img{width:100%;display:block}
#bibo-landing .bi-screen-back{right:0;top:0;transform:rotate(6deg)}
#bibo-landing .bi-screen-front{left:2%;top:60px;transform:rotate(-6deg)}
#bibo-landing .bi-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:var(--bi-grey)}
#bibo-landing .bi-about{background:var(--bi-light);color:var(--bi-navy);padding:52px 5%}
#bibo-landing .bi-about .bi-eyebrow{color:var(--bi-violet)}
#bibo-landing .bi-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
#bibo-landing h2{font-size:30px;line-height:1.13;letter-spacing:-.025em}
#bibo-landing .bi-about-grid p{font-size:14px;line-height:1.6}
#bibo-landing .bi-about-grid p+p{margin-top:14px}
#bibo-landing .bi-features,#bibo-landing .bi-examples{padding:56px 5%}
#bibo-landing .bi-section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
#bibo-landing .bi-section-top>p{color:var(--bi-grey);font-size:12px;max-width:230px}
#bibo-landing .bi-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
#bibo-landing .bi-feature-grid article{border-top:1px solid #ffffff22;padding:24px 0}
#bibo-landing .bi-feature-grid svg{width:23px;height:23px;color:var(--bi-mint);margin-bottom:12px;stroke-width:1.4}
#bibo-landing h3{font-size:17px;line-height:1.25}
#bibo-landing .bi-feature-grid p{color:var(--bi-grey);font-size:12px;line-height:1.5;margin-top:9px}
#bibo-landing .bi-examples{background:#0d1b32}
#bibo-landing .bi-projects>a{display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff22;padding:23px 0}
#bibo-landing .bi-projects>a:last-child{border-bottom:1px solid #ffffff22}
#bibo-landing .bi-number{font-size:12px;color:var(--bi-mint)}
#bibo-landing .bi-projects h3{font-size:23px}
#bibo-landing .bi-projects p{color:var(--bi-grey);font-size:11px;margin-top:5px}
#bibo-landing .bi-project-link{margin-left:auto;font-size:12px;display:flex;gap:12px;align-items:center;white-space:nowrap}
#bibo-landing .bi-project-link svg{width:15px;height:15px}
#bibo-landing .bi-static{margin:40px 5%;display:flex;gap:20px;align-items:center;padding:26px;border:1px solid #ffffff22;border-radius:14px}
#bibo-landing .bi-static>svg{width:28px;height:28px;flex-shrink:0;color:var(--bi-mint)}
#bibo-landing .bi-static .bi-eyebrow{margin-bottom:7px}
#bibo-landing .bi-static p:last-child{font-size:12px;color:var(--bi-grey);margin-top:8px;max-width:420px}
#bibo-landing .bi-static>a{font-size:12px;color:var(--bi-mint);padding:12px;margin-left:auto}
#bibo-landing .bi-contact{padding:48px 5% 60px;text-align:center}
#bibo-landing .bi-contact h2{font-size:40px}
#bibo-landing .bi-contact>p:not(.bi-eyebrow){color:var(--bi-grey);font-size:14px;max-width:350px;margin:20px auto 24px}
#bibo-landing footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--bi-grey);padding:23px 5%;border-top:1px solid #ffffff22}
#bibo-landing a:hover{opacity:.85}
@media(max-width:560px){#bibo-landing .bi-nav{padding:18px 6%;align-items:start}#bibo-landing .bi-brand{flex-direction:column;gap:0;align-items:start}#bibo-landing nav{flex-wrap:wrap;justify-content:end;max-width:180px;gap:12px;font-size:11px}#bibo-landing .bi-hero{grid-template-columns:1fr;padding:45px 6%;gap:38px}#bibo-landing h1{font-size:43px;max-width:370px}#bibo-landing .bi-preview{justify-self:center;max-width:300px;height:450px}#bibo-landing .bi-about-grid{grid-template-columns:1fr;gap:22px}#bibo-landing .bi-section-top{display:block}#bibo-landing .bi-section-top>p{margin-top:16px}#bibo-landing .bi-feature-grid{grid-template-columns:repeat(2,1fr);gap:0 22px}#bibo-landing .bi-projects>a{gap:14px;flex-wrap:wrap}#bibo-landing .bi-project-link{font-size:11px}#bibo-landing .bi-projects h3{font-size:21px}#bibo-landing .bi-static{padding:22px;flex-wrap:wrap}#bibo-landing .bi-static>svg{display:none}#bibo-landing .bi-static>a{margin-left:0;padding-left:0}#bibo-landing .bi-contact h2{font-size:33px}#bibo-landing .bi-about,#bibo-landing .bi-features,#bibo-landing .bi-examples{padding:42px 6%}}
#bibo-landing,#bibo-landing *{font-family:BiboDynx,Arial,sans-serif!important}
#bibo-landing :is(h1,h2,h3,p,span,a){color:var(--bi-white)}
#bibo-landing .bi-about{background:var(--bi-white)}
#bibo-landing .bi-about,#bibo-landing .bi-about *{color:var(--bi-navy)!important}
#bibo-landing .bi-eyebrow,#bibo-landing .bi-agency,#bibo-landing h1 em{color:var(--bi-mint)}
#bibo-landing :is(.bi-lead,.bi-fine,.bi-caption),#bibo-landing .bi-section-top>p,#bibo-landing .bi-feature-grid p,#bibo-landing .bi-static p:last-child,#bibo-landing .bi-contact>p:not(.bi-eyebrow){color:var(--bi-grey)}
#bibo-landing .bi-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#bibo-landing .bi-model{text-align:center;min-width:0}
#bibo-landing .bi-model-preview{display:block;width:100%;margin:0 auto 24px}
#bibo-landing .bi-model-phone{position:relative;width:min(164px,100%);aspect-ratio:9/19.5;margin:auto;border:6px solid #41454b;border-radius:25px;box-shadow:0 18px 30px #0005;overflow:hidden;background:#fff}
#bibo-landing .bi-model-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:18px}
#bibo-landing .bi-projects h3{font-size:18px;line-height:1.3}
#bibo-landing .bi-projects p{font-size:12px;margin:5px 0 8px;color:var(--bi-grey)}
#bibo-landing .bi-model-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:44px}
#bibo-landing .bi-model-link svg{width:14px;height:14px}
#bibo-landing .bi-static>a{color:var(--bi-mint)}
#bibo-landing footer,#bibo-landing footer *{color:var(--bi-grey)}
@media(max-width:560px){#bibo-landing .bi-projects{grid-template-columns:1fr;gap:38px}#bibo-landing .bi-model-phone{width:180px}#bibo-landing .bi-model-preview{margin-bottom:20px}#bibo-landing .bi-brand{display:block}#bibo-landing .bi-brand img{display:block}}

#bibo-landing .bi-model-phone{height:auto}
#bibo-landing .bi-model-phone iframe{position:absolute;left:0;top:0;width:360px;max-width:none;border:0;transform-origin:top left;display:block;background:#fff}
#bibo-landing .bi-model-hint{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--bi-mint);font-size:11px;margin-bottom:14px}
#bibo-landing .bi-model-hint svg{width:14px;height:14px}
#bibo-landing .bi-model-link{font-size:11px}

#bibo-landing .bi-feature-grid .bi-feature-icon{display:block;width:32px;height:32px;object-fit:contain;object-position:left center;margin:0 0 14px;max-width:none}
#bibo-landing .bi-static>a{white-space:nowrap}


#bibo-landing .bi-intro>.bi-eyebrow{font-size:12px;letter-spacing:.11em}

#bibo-landing .bi-static-icon{width:32px;height:32px;flex-shrink:0;object-fit:contain}