body{min-width:320px}.static-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#0091cc;color:#fff;padding:0 22px;font-size:14px;font-weight:650}.static-button b,.static-submit b{font-size:18px}.spark{color:#bfe9fa;font-size:20px}.scan-line .spark{color:#0091cc;font-size:29px}.step-icon{display:block;color:#0091cc;font-size:29px;line-height:1}.preview-wrap{position:relative;min-width:0}.preview-wrap .concept-preview{height:100%;min-height:520px}.preview-brand .concept-symbol{font:800 14px/1 monospace}.static-fields{display:flex;flex-direction:column;gap:20px}.static-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.static-fields input,.static-fields textarea{width:100%;border:1px solid #c9d5dc;border-radius:8px;background:#fff;color:#102633;padding:12px 14px;outline:none}.static-fields input{height:46px}.static-fields textarea{min-height:110px;resize:vertical}.static-fields input:focus,.static-fields textarea:focus{border-color:#0091cc;box-shadow:0 0 0 3px rgba(0,145,204,.14)}.static-submit{margin-top:25px;width:100%;height:50px;border:0;border-radius:8px;background:#0091cc;color:#fff;font-weight:700;cursor:pointer}.static-submit:disabled{opacity:.65;cursor:wait}[hidden]{display:none!important}.static-success{min-height:520px;display:flex;flex-direction:column;justify-content:center}.static-success h3{font-size:32px;letter-spacing:-.04em}.static-success p{color:#647782;line-height:1.65}.static-success strong{color:#0091cc}@media(max-width:640px){.preview-wrap .concept-preview{min-height:440px}.site-header .family{max-width:150px}.family b{white-space:nowrap}}

:root{--green:#0091cc;--lime:#bfe9fa;--ink:#102633;--paper:#fbfaf7;--border:#d4dee3}
.brand span>span{color:#0091cc}
.brand-mark.home-mark .home-bg{fill:#d9f2fc;stroke:none}
.brand-mark.home-mark .home-roof{fill:#fff;stroke:#102633;stroke-width:2.5;stroke-linejoin:round}
.brand-mark.home-mark .home-screen{fill:none;stroke:#0091cc;stroke-width:2.5;stroke-linejoin:round}
.brand-mark.home-mark .home-dot{fill:#0091cc;stroke:none}
.brand-mark.home-mark .home-ua{fill:none;stroke:#ffd84d;stroke-width:3}
.new-site{background:#0091cc;box-shadow:12px 12px 0 #bfe9fa}.new-site p{color:#d9f2fc}.new-site button{background:#d9f2fc}.scan-line{background:#d9f2fc}.pixel{background:#bfe9fa}.mini-home{font-size:17px}
.legacy-concepts{display:none!important}
.included-section{background:#fff;border-top:1px solid var(--border);padding-block:100px 110px}
.included-heading{display:grid;grid-template-columns:1fr 390px;align-items:end;gap:70px;margin-bottom:52px}
.included-heading h2{font-size:clamp(42px,5vw,68px);line-height:.96;letter-spacing:-.065em;margin:0}.included-heading h2 span{color:#7e9099}.included-heading>p{color:#647782;font-size:15px;line-height:1.65;margin:0}
.included-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border)}
.included-grid article{position:relative;min-height:300px;padding:30px;border-right:1px solid var(--border);background:linear-gradient(145deg,#fff 30%,#eef8fc)}.included-grid article:last-child{border-right:0}.included-grid article>span{position:absolute;right:20px;top:18px;color:#91a1aa;font:600 10px var(--font-geist-mono)}
.included-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#d9f2fc;color:#0091cc;font-size:25px;box-shadow:4px 4px 0 #bfe9fa}.included-grid h3{font-size:22px;letter-spacing:-.035em;margin:70px 0 12px}.included-grid p{color:#647782;font-size:14px;line-height:1.65;margin:0}
.included-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--border);border-top:0;padding:20px 24px;font-size:11px}.included-strip b{color:#0091cc;text-transform:uppercase;letter-spacing:.08em;margin-right:6px}.included-strip span{background:#edf8fc;border-radius:99px;padding:7px 11px;color:#3c5562}
.brief-section{background:#102633}.brief-note{border-color:#314b59}.brief-card{box-shadow:12px 12px 0 #bfe9fa}.type-switch .active{color:#0091cc}.success-icon{background:#bfe9fa;color:#0091cc}.site-footer{background:#0a1d27;border-top-color:#29414d}
@media(max-width:900px){.included-heading{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.included-section{padding-block:72px}.included-grid{grid-template-columns:1fr}.included-grid article{border-right:0;border-bottom:1px solid var(--border);min-height:240px}.included-grid article:last-child{border-bottom:0}.included-strip{align-items:flex-start}.brief-card{box-shadow:7px 7px 0 #bfe9fa}}

.form-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.form-tabs button{min-height:92px;border:1px solid #405661;border-radius:10px;background:#172f3b;color:#aebdc4;text-align:left;padding:16px 18px;cursor:pointer;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;transition:.2s ease}
.form-tabs button>span{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:#25404d;display:grid;place-items:center;color:#8ad0ec;font-size:18px}.form-tabs button b{color:#fff;font-size:14px}.form-tabs button small{font-size:10px;line-height:1.35}.form-tabs button.active{background:#0091cc;border-color:#0091cc;box-shadow:5px 5px 0 #bfe9fa;color:#e5f7fe}.form-tabs button.active>span{background:#fff;color:#0091cc}
.project-form{box-shadow:12px 12px 0 #bfe9fa}.create-form{padding-bottom:30px}.form-heading{border-bottom:1px solid #dbe2e5;margin-bottom:25px;padding-bottom:23px}.form-heading h3{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:11px 0 8px}.form-heading p{font-size:12px;line-height:1.55;color:#647782;margin:0}.form-badge{font:650 9px var(--font-geist-mono);letter-spacing:.14em;color:#0091cc}
.static-fields select{width:100%;height:46px;border:1px solid #c9d5dc;border-radius:8px;background:#fff;color:#102633;padding:0 38px 0 14px;outline:none}.static-fields select:focus{border-color:#0091cc;box-shadow:0 0 0 3px rgba(0,145,204,.14)}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.static-fields .upload-field{position:relative;min-height:150px;border:1.5px dashed #9eb8c5;border-radius:10px;background:#edf8fc;padding:18px;align-items:flex-start;justify-content:center;cursor:pointer;transition:.2s ease}.static-fields .upload-field:hover{border-color:#0091cc;background:#e3f5fc}.upload-field .upload-icon{width:34px;height:34px;border-radius:9px;background:#d1eef9;color:#0091cc;display:grid;place-items:center;font-size:19px}.upload-field b{font-size:13px}.upload-field small{font-size:9px;line-height:1.4;color:#647782;font-weight:500}.upload-field input[type=file]{height:auto;border:0;background:transparent;padding:3px 0 0;font-size:10px;box-shadow:none}.upload-field input[type=file]::file-selector-button{border:0;border-radius:6px;background:#0091cc;color:#fff;padding:7px 9px;margin-right:8px;font-size:9px;font-weight:700;cursor:pointer}
@media(max-width:640px){.form-tabs{grid-template-columns:1fr}.form-tabs button{min-height:80px}.project-form{box-shadow:7px 7px 0 #bfe9fa}.form-heading h3{font-size:25px}.upload-grid{grid-template-columns:1fr}}

.besthosting-family{grid-template-columns:1fr;text-decoration:none;gap:4px;min-width:150px}.besthosting-family span{grid-column:1;color:#7a8580}.besthosting-family img{display:block;width:150px;height:auto}.site-footer .footer-besthosting{display:flex;align-items:center;gap:10px;text-decoration:none}.footer-besthosting span{white-space:nowrap}.footer-besthosting img{display:block;width:130px;height:auto;filter:brightness(0) invert(1);opacity:.92}

.logo-lab{padding-block:105px 112px;background:#eef8fc;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.logo-lab-heading{display:grid;grid-template-columns:1fr 390px;align-items:end;gap:70px;margin-bottom:50px}.logo-lab-heading h2,.perfect-heading h2{font-size:clamp(42px,5vw,68px);line-height:.96;letter-spacing:-.065em;margin:0}.logo-lab-heading h2 span,.perfect-heading h2 span{color:#7e9099}.logo-lab-note{border-left:3px solid #0091cc;padding:4px 0 4px 22px}.logo-lab-note b{font:700 10px var(--font-geist-mono);letter-spacing:.12em;text-transform:uppercase;color:#0091cc}.logo-lab-note p{color:#647782;font-size:14px;line-height:1.6;margin:8px 0 0}
.logo-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #c9dce5;background:#fff}.logo-variant{position:relative;min-height:285px;padding:26px 28px 27px;border-right:1px solid #c9dce5;border-bottom:1px solid #c9dce5;background:linear-gradient(145deg,#fff 56%,#f2fbfe);overflow:hidden}.logo-variant:nth-child(2n){border-right:0}.logo-variant:nth-last-child(-n+2){border-bottom:0}.logo-variant.is-recommended{background:linear-gradient(145deg,#fff 45%,#dff4fc)}.logo-variant.is-recommended:after{content:"";position:absolute;inset:0;border:2px solid #0091cc;pointer-events:none}.logo-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.logo-meta span{font:650 10px var(--font-geist-mono);color:#7b909b}.logo-meta b{font:700 9px var(--font-geist-mono);letter-spacing:.1em;text-transform:uppercase;color:#0091cc;background:#e4f6fd;border-radius:99px;padding:7px 9px}.logo-lockup{display:flex;align-items:center;gap:14px;color:#102633}.logo-lockup svg{width:62px;height:62px;flex:0 0 62px;fill:none;stroke:#102633;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.logo-lockup svg .logo-tile{fill:#d9f2fc;stroke:none}.logo-lockup svg .soft-fill{fill:#eaf8fd;stroke:#a6dff3}.logo-lockup svg .accent{fill:none;stroke:#00a4e0}.logo-lockup svg .accent-fill{fill:#00a4e0;stroke:none}.logo-lockup svg .ua-line{fill:none;stroke:#ffd84d;stroke-width:3}.logo-lockup svg .ua-line-fill{fill:#ffd84d;stroke:none}.logo-lockup>div{font-size:31px;font-weight:780;letter-spacing:-.065em}.logo-lockup>div span{color:#009ed9}.logo-lockup>div small{font-size:15px;font-weight:700;letter-spacing:-.03em}.logo-variant h3{font-size:18px;letter-spacing:-.03em;margin:25px 0 7px}.logo-variant p{max-width:450px;color:#647782;font-size:12px;line-height:1.55;margin:0}
.wordmark-card{display:flex;flex-direction:column}.wordmark-card .logo-meta{flex:0 0 auto}.wordmark{min-height:72px;display:flex;align-items:baseline;color:#102633;white-space:nowrap;font-style:normal}.wordmark span,.wordmark strong,.wordmark small,.wordmark i{font:inherit;font-style:normal}.wordmark small{color:#6f828c}.wordmark-01{font-size:43px;font-weight:780;letter-spacing:-.075em}.wordmark-01 strong{color:#0091cc}.wordmark-01 small{font-size:.46em;font-weight:720;letter-spacing:-.035em;margin-left:2px}.wordmark-02{font:650 31px/1 var(--font-geist-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);letter-spacing:-.06em}.wordmark-02 i,.wordmark-02 strong{color:#0091cc}.wordmark-02 small{font-size:.52em;letter-spacing:0;margin-left:5px}.wordmark-03{font-size:36px;font-weight:880;letter-spacing:-.075em}.wordmark-03 strong{color:#0091cc}.wordmark-03 small{font-size:.38em;font-weight:800;letter-spacing:.08em;margin-left:4px}.wordmark-04{font-size:41px;font-weight:720;letter-spacing:-.065em}.wordmark-04 strong{color:#0091cc}.wordmark-04 i{color:#ffd13d;font-size:.62em;margin:0 5px}.wordmark-04 small{font-size:.48em;font-weight:690}.wordmark-05{position:relative;width:max-content;font-size:41px;font-weight:760;letter-spacing:-.07em}.wordmark-05 strong{color:#0091cc}.wordmark-05 small{font-size:.45em;font-weight:720;margin-left:2px}.wordmark-05 i{position:absolute;left:1px;right:0;bottom:7px;height:4px;background:linear-gradient(90deg,#0091cc 0 72%,#ffd13d 72%);border-radius:9px}.wordmark-06{font-size:42px;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.075em}.wordmark-06 strong{font-family:var(--font-geist-sans,ui-sans-serif,system-ui,sans-serif);color:#0091cc;font-weight:760}.wordmark-06 small{font-family:var(--font-geist-sans,ui-sans-serif,system-ui,sans-serif);font-size:.42em;font-weight:650;margin-left:3px}.wordmark-07{font-size:40px;font-weight:790;font-style:italic;letter-spacing:-.075em;transform:skew(-4deg);transform-origin:left center}.wordmark-07 span,.wordmark-07 strong,.wordmark-07 small{font-style:italic}.wordmark-07 strong,.wordmark-07 i{color:#0091cc}.wordmark-07 small{font-size:.44em;font-weight:680;margin-left:2px}.wordmark-07 i{font-size:.66em;margin-left:11px}.wordmark-08{font-size:40px;font-weight:760;letter-spacing:-.07em;gap:3px}.wordmark-08 strong{display:inline-flex;align-items:center;align-self:center;background:#0091cc;color:#fff;border-radius:9px;padding:6px 8px 7px;line-height:.72;letter-spacing:-.055em;box-shadow:3px 3px 0 #bfe9fa}.wordmark-08 small{font-size:.45em;font-weight:700;margin-left:1px}.wordmark-09{font-size:36px;font-weight:430;letter-spacing:.035em}.wordmark-09 small{font-size:.43em;font-weight:570;letter-spacing:.01em;margin-left:4px;color:#0091cc}.wordmark-10{font-size:40px;font-weight:770;letter-spacing:-.07em}.wordmark-10 i{color:#ffd13d;font-weight:430;margin:0 7px}.wordmark-10 strong{color:#0091cc}.wordmark-10 small{font-size:.44em;font-weight:690;margin-left:2px}
.wordmark-sign{width:52px;height:52px;flex:0 0 52px;margin-right:14px;overflow:visible}.wordmark-sign rect{fill:#d9f2fc}.wordmark-sign path:nth-of-type(1){fill:#fff;stroke:#102633;stroke-width:2.5;stroke-linejoin:round}.wordmark-sign path:nth-of-type(2){fill:none;stroke:#0091cc;stroke-width:2.5;stroke-linejoin:round}.wordmark-sign circle{fill:#0091cc}.wordmark-sign path:nth-of-type(3){fill:none;stroke:#ffd13d;stroke-width:3}.wordmark small{font-size:10px!important;font-family:var(--font-geist-sans,ui-sans-serif,system-ui,sans-serif)!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:lowercase;color:#7f929b;opacity:.62;align-self:center;transform:translateY(21px);margin-left:4px!important}.wordmark-05 i{left:66px}.brand>span{position:relative;line-height:.88;padding-bottom:9px}.brand b{position:absolute;right:0;bottom:-1px;margin:0;font-size:8px;letter-spacing:.08em;color:#84959d;opacity:.72}

.perfect-brief{padding-block:105px 112px;background:#fbfaf7}.perfect-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:70px;margin-bottom:45px}.scope-card{position:relative;background:#102633;color:#fff;padding:26px 28px;box-shadow:8px 8px 0 #bfe9fa}.scope-card>span{display:block;color:#8ad0ec;font:700 9px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.12em}.scope-card strong{display:block;font-size:20px;letter-spacing:-.035em;margin-top:10px}.scope-card b{display:inline-block;background:#0091cc;border-radius:4px;padding:7px 9px;margin-top:8px;font:700 11px var(--font-geist-mono);text-transform:uppercase}.scope-card p{color:#b8c9d1;font-size:11px;line-height:1.55;margin:13px 0 0}
.brief-requirements{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:#fff}.brief-requirements article{position:relative;min-height:255px;padding:23px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.brief-requirements article:nth-child(4n){border-right:0}.brief-requirements article:nth-last-child(-n+4){border-bottom:0}.brief-requirements article.important{background:#eaf8fd}.brief-requirements article>span{position:absolute;right:18px;top:17px;color:#91a1aa;font:600 9px var(--font-geist-mono)}.requirement-icon{width:43px;height:43px;border-radius:12px;background:#d9f2fc;color:#0091cc;display:grid;place-items:center;font:750 16px var(--font-geist-mono);box-shadow:4px 4px 0 #bfe9fa}.brief-requirements h3{font-size:17px;letter-spacing:-.03em;margin:48px 0 9px}.brief-requirements p{color:#647782;font-size:12px;line-height:1.55;margin:0}.brief-requirements p b{color:#102633}
.ideal-example{display:grid;grid-template-columns:240px 1fr;margin-top:26px;background:#102633;color:#fff}.example-label{padding:28px;border-right:1px solid #34505e}.example-label span{display:block;color:#8ad0ec;font:700 9px var(--font-geist-mono);letter-spacing:.12em;text-transform:uppercase}.example-label b{display:block;font-size:21px;line-height:1.12;letter-spacing:-.04em;margin-top:14px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:28px 32px}.example-grid dl{margin:0}.example-grid dt{color:#8ad0ec;font:700 9px var(--font-geist-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:16px}.example-grid dt:first-child{margin-top:0}.example-grid dd{color:#e3edf1;font-size:12px;line-height:1.48;margin:5px 0 0}
.form-limit{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:#eaf8fd;border-left:3px solid #0091cc;border-radius:0 7px 7px 0;padding:13px 15px}.form-limit b{font-size:11px;color:#102633}.form-limit span{max-width:270px;text-align:right;color:#647782;font-size:10px;line-height:1.4}.upload-logo strong{font:700 8px var(--font-geist-mono);letter-spacing:.1em;color:#007fb4;background:#d4f0fb;border-radius:99px;padding:5px 7px}

@media(max-width:1100px){.brief-requirements{grid-template-columns:repeat(2,1fr)}.brief-requirements article:nth-child(2n){border-right:0}.brief-requirements article:nth-child(4n){border-right:0}.brief-requirements article:nth-last-child(-n+4){border-bottom:1px solid var(--border)}.brief-requirements article:nth-last-child(-n+2){border-bottom:0}.site-header nav{gap:17px;font-size:11px}.besthosting-family{min-width:120px}.besthosting-family img{width:120px}}
@media(max-width:900px){.logo-lab-heading,.perfect-heading{grid-template-columns:1fr;gap:22px}.logo-lab-note{max-width:520px}.ideal-example{grid-template-columns:1fr}.example-label{border-right:0;border-bottom:1px solid #34505e}.site-header nav{display:none}}
@media(max-width:640px){.besthosting-family{min-width:100px}.besthosting-family img{width:100px}.logo-lab,.perfect-brief{padding-block:72px}.logo-variants{grid-template-columns:1fr}.logo-variant{min-height:250px;border-right:0}.logo-variant:nth-last-child(-n+2){border-bottom:1px solid #c9dce5}.logo-variant:last-child{border-bottom:0}.wordmark-01{font-size:39px}.wordmark-02{font-size:28px}.wordmark-03,.wordmark-09{font-size:33px}.wordmark-04,.wordmark-05,.wordmark-06,.wordmark-07,.wordmark-08,.wordmark-10{font-size:37px}.brief-requirements{grid-template-columns:1fr}.brief-requirements article{min-height:225px;border-right:0!important;border-bottom:1px solid var(--border)!important}.brief-requirements article:last-child{border-bottom:0!important}.example-grid{grid-template-columns:1fr;gap:18px;padding:25px}.form-limit{display:block}.form-limit span{display:block;text-align:left;margin-top:5px}.site-footer .footer-besthosting{justify-content:flex-start}.footer-besthosting img{width:120px}}

/* Compact roof-over-word logo system */
.roof-brand{width:92px!important;display:inline-grid!important;grid-template-rows:15px 27px;justify-items:center;gap:0!important;letter-spacing:0!important}.roof-brand-mark{width:82px;height:16px;overflow:visible}.roof-brand-mark path:first-child{fill:none;stroke:#102633;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.roof-brand-mark path:nth-child(2){fill:none;stroke:#0091cc;stroke-width:2.4;stroke-linecap:round}.roof-brand-mark circle{fill:#ffd13d}.roof-brand .brand-word{position:relative;padding:0 0 7px!important;font-size:26px;font-weight:820;line-height:1;letter-spacing:-.075em}.roof-brand .brand-word>span{color:#0091cc}.roof-brand .brand-word b{position:absolute;right:0;bottom:0;font-size:7px;line-height:1;letter-spacing:.08em;color:#82949d;opacity:.58}.site-footer .roof-brand-mark path:first-child{stroke:#fff}.site-footer .roof-brand .brand-word b{color:#b8c8cf}
.slash-brand .roof-brand-mark path:nth-child(3){fill:none;stroke:#ffd13d;stroke-width:2.4;stroke-linecap:round}.slash-brand .brand-word{font-style:italic;transform:skew(-5deg)}.slash-brand .brand-word i{color:#ffd13d;font-style:italic;font-weight:560;margin:0 2px}.slash-brand .brand-word>span{color:#0091cc}.logo-variants-50 .logo-variant.is-selected:after{border-color:#102633}.logo-variants-50 .logo-variant.is-selected .logo-meta b{background:#102633;color:#fff}
.site-footer .slash-brand .brand-word{color:#fff!important}.site-footer .slash-brand .brand-word>span{color:#62c9ef}.site-footer .slash-brand .brand-word i{color:#ffd13d}

.logo-variants-50{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border:0;background:transparent}.logo-variants-50 .logo-variant{min-height:205px;padding:16px 17px 15px;border:1px solid #c9dce5!important;border-radius:12px;background:#fff}.logo-variants-50 .logo-variant:nth-child(2n){border-right:1px solid #c9dce5}.logo-variants-50 .logo-variant.is-recommended{background:linear-gradient(145deg,#fff 50%,#dff4fc)}.logo-variants-50 .logo-meta{margin-bottom:9px}.logo-variants-50 .logo-meta b{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-variants-50 .logo-variant h3{margin:13px 0 0;font-size:13px;text-align:center;letter-spacing:-.025em}.roofmark{height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#102633;border-radius:9px;overflow:hidden}.roof-svg{width:112px;height:40px;flex:0 0 40px;overflow:visible;color:inherit}.roof-svg .s{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.roof-svg .a{fill:none;stroke:#0091cc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.roof-svg .y{fill:none;stroke:#ffd13d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.roof-svg .f{fill:currentColor}.roof-svg .af{fill:#0091cc}.roof-svg .yf{fill:#ffd13d}.roof-svg .thin{stroke-width:1.5}.roof-svg .round{stroke-linecap:round}.roof-svg .square{stroke-linecap:square;stroke-linejoin:miter}.roof-svg .dash{stroke-dasharray:6 5}.roof-svg .hand{stroke-width:2.2}.roofword{position:relative;min-width:70px;margin-top:3px;padding-bottom:11px;color:inherit;font-family:ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:760;line-height:.9;letter-spacing:-.065em;text-align:center;white-space:nowrap}.roofword span,.roofword b,.roofword i,.roofword em,.roofword code{font:inherit;font-style:inherit}.roofword b{color:#0091cc}.roofword small{position:absolute;left:50%;bottom:0;display:block;transform:translateX(-50%);font:650 6px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:lowercase;color:#72858f;opacity:.6;white-space:nowrap}

.roof-01{background:#f6fcfe}.roof-01 .roofword{font-weight:830}.roof-02{color:#08759f;background:#f2fbff}.roof-02 .roofword b{color:#102633}.roof-03{border-radius:0;background:#edf7fb}.roof-03 .roofword{font:800 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.roof-04{background:#102633;color:#fff}.roof-04 .roofword{font:650 19px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em}.roof-04 .roof-svg .s{stroke:#fff}.roof-05{background:#fff}.roof-05 .roofword{font-size:26px;font-weight:640;border-radius:99px}.roof-06{background:linear-gradient(135deg,#fff,#eef9fd)}.roof-06 .roofword{font-style:italic;transform:skew(-7deg)}.roof-07{background:#fff9e8;border-radius:30px 30px 9px 9px}.roof-07 .roofword{font-family:Georgia,serif;font-weight:700}.roof-08{background:#eaf8fd}.roof-08 .roofword b{background:#0091cc;color:#fff;border-radius:6px;padding:1px 5px;box-shadow:2px 2px 0 #ffd13d}.roof-09{background:#f6fbfd}.roof-09 .roofword{font-size:25px;font-style:italic;font-weight:850;transform:skew(-8deg)}.roof-10{background:#fff}.roof-10 .roofword{font-size:22px;font-weight:360;letter-spacing:.06em}.roof-11{background:#f4fbfe}.roof-11 .roofword{font-weight:740}.roof-12{background:#f5f9fb}.roof-12 .roofword{font:680 20px/1 ui-monospace,monospace}.roof-12 .roofword span{color:#7b8d96}.roof-13{background:radial-gradient(circle at 50% 20%,#fff8cf,#f5fbfd 56%)}.roof-13 .roofword{font-weight:800}.roof-14{background:#e6f5fb;border-radius:2px}.roof-14 .roofword{background:#fff;padding:4px 7px 13px;font-size:20px;letter-spacing:-.04em}.roof-15{background:#102633;color:#fff;border-radius:8px}.roof-15 .roof-svg .s{stroke:#fff}.roof-15 .roofword{font-weight:780}.roof-16{background:linear-gradient(#f7fdff,#e6f6fc);border-radius:24px}.roof-16 .roofword{font-weight:720}.roof-17{background:#fbfaf7}.roof-17 .roofword{font:700 27px/.9 Georgia,serif}.roof-17 .roofword b{font-family:ui-sans-serif,system-ui,sans-serif}.roof-18{background:#fff}.roof-18 .roofword{font-size:23px}.roof-18 .roofword b{display:inline-block;background:#0091cc;color:#fff;border-radius:99px;padding:3px 6px;letter-spacing:-.03em}.roof-19{background:#0c202a;color:#dff5fd;border-radius:0}.roof-19 .roof-svg .s{stroke:#8ad0ec}.roof-19 .roofword{font:650 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em}.roof-20{background:#fff}.roof-20 .roofword{font-size:25px;font-weight:900;letter-spacing:-.09em;text-transform:uppercase}.roof-21{background:linear-gradient(180deg,#eef9fd 0 44%,#fff 44%)}.roof-21 .roofword{font-stretch:condensed;transform:scaleX(.82);font-weight:850}.roof-22{background:#fff}.roof-22 .roofword{font-size:20px;font-weight:680;letter-spacing:.16em}.roof-23{align-items:flex-end;padding-right:20px;background:#f4f9fb}.roof-23 .roofword{text-align:right;font-weight:800}.roof-24{background:#f7fcfe}.roof-24 .roofword{text-shadow:3px 3px 0 #d9f2fc;font-weight:820}.roof-25{background:linear-gradient(135deg,#0f2936,#0091cc);color:#fff}.roof-25 .roof-svg .af{fill:#fff}.roof-25 .roofword b{color:#ffd13d}.roof-26{background:#f3fbf8;color:#124e46}.roof-26 .roofword b{color:#008c82}.roof-27{background-image:radial-gradient(#b4dcea 1px,transparent 1px);background-size:10px 10px}.roof-27 .roofword{letter-spacing:.01em}.roof-28{background:#fff}.roof-28 .roofword{font-weight:780}.roof-29{background:#eaf6fb;border:1px dashed #70b8d4;border-radius:0}.roof-29 .roofword{font:700 21px/1 ui-monospace,monospace}.roof-30{background:linear-gradient(#e9f7fd 0 50%,#fff8d8 50%)}.roof-30 .roofword{font-weight:850}.roof-31{background:#fff;border-radius:36px}.roof-31 .roofword{font-size:25px;font-weight:620}.roof-32{background:#fffaf0;color:#253039}.roof-32 .roofword{font:700 25px/.9 Georgia,serif}.roof-32 .roofword b{color:#b47b00}.roof-33{background:#f3f7f9;border-radius:2px}.roof-33 .roofword{font-size:21px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.roof-34{background:#102633;color:#fff;border-radius:0}.roof-34 .roof-svg .s{stroke:#fff}.roof-34 .roofword{font-size:20px;font-weight:760;letter-spacing:.04em}.roof-35{background:#f4fbfe}.roof-35 .roofword{font-size:24px;font-weight:690;border-bottom:2px solid #ffd13d}.roof-36{background:#fff}.roof-36 .roofword{font-size:22px;font-weight:800;letter-spacing:-.08em}.roof-37{background:#eefaff;border-radius:40% 40% 9px 9px}.roof-37 .roofword{font-size:24px;font-weight:700}.roof-38{background:#f5fbf5;color:#214d3c;border-radius:26px 5px 26px 5px}.roof-38 .roofword{font-family:Georgia,serif;font-weight:700}.roof-38 .roofword b{color:#16826a}.roof-39{background:#f7fbfd}.roof-39 .roofword{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.roof-40{background:#eef6f9}.roof-40 .roofword{font-weight:760}.roof-41{background:#fff;border:1px solid #b8d3df;border-radius:0}.roof-41 .roofword{font-size:23px;font-weight:500;letter-spacing:.02em}.roof-42{background:#102633;color:#fff}.roof-42 .roofword{font-size:25px;font-weight:820;font-style:italic}.roof-42 .roofword b{color:#8ad0ec}.roof-43{background:#f5fbfd}.roof-43 .roofword{font-weight:790;letter-spacing:-.04em}.roof-44{background:linear-gradient(135deg,#fff,#e7f6fb);border-radius:0}.roof-44 .roofword{font:750 21px/1 ui-monospace,monospace;letter-spacing:.01em}.roof-45{background:#f3faff}.roof-45 .roofword{font-size:24px;font-weight:850}.roof-45 .roofword b{color:#e0aa00}.roof-46{background:radial-gradient(circle,#fff,#e9f7fc);border-radius:50% 50% 10px 10px}.roof-46 .roofword{font-weight:760}.roof-47{background:#102633;color:#fff}.roof-47 .roofword{font-size:29px;font-weight:900;letter-spacing:-.09em}.roof-47 .roofword span{color:#ffd13d}.roof-47 .roofword small{color:#d8e8ef}.roof-48{background:#fffaf1}.roof-48 .roofword{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:25px;font-weight:700;transform:rotate(-2deg)}.roof-49{background:linear-gradient(180deg,#fff 0 75%,#eaf8fd 75%)}.roof-49 .roofword{font-size:23px;font-weight:800}.roof-50{background:linear-gradient(180deg,#eaf8fd,#fff)}.roof-50 .roofword{font-size:24px;font-weight:820}.roof-50 .roofword b{color:#008fc9}

@media(max-width:1180px){.logo-variants-50{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.logo-variants-50{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.roof-brand{width:78px!important}.roof-brand-mark{width:70px}.roof-brand .brand-word{font-size:23px}.logo-variants-50{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.logo-variants-50 .logo-variant{min-height:190px;padding:13px 11px}.roofmark{height:105px}.roof-svg{width:96px}.logo-variants-50 .logo-meta b{max-width:72px;font-size:7px}.logo-variants-50 .logo-variant h3{font-size:12px}}

/* Live traffic counter, matching the compact footer treatment used on bib.com.ua. */
.site-footer .traffic-counter{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:22px;padding-top:16px;border-top:1px solid #29414d;color:#8fa6b1;font:600 10px/1.4 var(--font-geist-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);letter-spacing:.035em}.traffic-counter strong{color:#dff5fd;font-weight:720;font-variant-numeric:tabular-nums}.traffic-counter[data-unavailable="true"]{display:none}
@media(max-width:640px){.site-footer .traffic-counter{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:5px;margin-top:20px}}