html{scroll-behavior:smooth;scroll-padding-top:96px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.knowledges .knowledge,.knowledges.addons .knowledge{position:relative}header a,.navi-wrapper a{text-transform:none!important}@media (max-width:991px){.navi-wrapper .main-navi li.ext .main-navi__second{border-left:2px solid #6aeaca59;align-items:flex-start!important;margin-left:4px!important;padding-left:24px!important;display:flex!important}.navi-wrapper .main-navi__second li a{opacity:.92;font-size:.95rem!important}.navi-wrapper .main-navi li.ext>a:after{display:none!important}.navi-wrapper .main-navi{padding-inline:8px;text-align:left!important;align-items:flex-start!important}.navi-wrapper .main-navi li{text-align:left;width:100%;align-items:flex-start!important}.navi-wrapper .main-navi li.ext{align-items:flex-start!important}.navi-wrapper .main-navi li a{white-space:normal;word-break:normal;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.35}.navi-wrapper .main-navi__second{text-align:left;align-items:flex-start!important}.navi-wrapper .main-navi__second li a{white-space:normal;overflow-wrap:anywhere;font-size:.95rem!important}body{font-size:16.5px}.blog-detail__content,.generic-page__content{font-size:1.02rem;line-height:1.7}}.skip-link{z-index:10000;color:#fff;background:#0f234d;border-radius:0 0 6px 6px;padding:8px 16px;text-decoration:none;transition:top .15s;position:absolute;top:-40px;left:8px}.skip-link:focus{outline:3px solid #6aeaca;top:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.blog-teaser{padding:60px 0}.blog-teaser__head{text-align:center;max-width:720px;margin:0 auto 32px}.blog-teaser__head h2{margin-bottom:8px}.blog-teaser__head .subtitle{color:#4a5b7e}.blog-teaser__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.blog-teaser__card{color:#0f234d;background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0f234d14}.blog-teaser__card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f234d26}.blog-teaser__image{aspect-ratio:3/2;background:linear-gradient(135deg,#0f234d 0%,#2d4473 100%);overflow:hidden}.blog-teaser__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-teaser__card:hover .blog-teaser__image img{transform:scale(1.04)}.blog-teaser__body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-teaser__meta{color:#617aac;margin-bottom:8px;font-size:.8rem}.blog-teaser__card h3{color:#0f234d;margin:0 0 12px;font-size:1.15rem;line-height:1.35}.blog-teaser__card p{color:#4a5b7e;flex:1;margin:0 0 16px;font-size:.9rem;line-height:1.5}.blog-teaser__cta{color:#0f8b59;margin-top:auto;font-size:.9rem;font-weight:600}.blog-teaser__more{justify-content:center;margin-top:32px;display:flex}.related-services{padding:40px 0}.related-services h2{text-align:center;margin-bottom:24px}.related-services__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.related-services__card{color:#0f234d;background:#fff;border-radius:12px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 2px 8px #0f234d14}.related-services__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f234d26}.related-services__card h3{color:#0f234d;margin:0 0 8px;font-size:1.1rem}.related-services__card p{color:#4a5b7e;margin:0 0 12px;font-size:.9rem;line-height:1.5}.related-services__badge{color:#0f8b59;background:#e8f4ee;border-radius:12px;margin-right:8px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-block}.related-services__link{color:#0f8b59;font-size:.9rem;font-weight:600}.addons-browser{padding:32px 0}.addons-browser__head{text-align:center;max-width:800px;margin-bottom:32px;margin-left:auto;margin-right:auto}.addons-browser__head h2{margin-bottom:8px}.addons-browser__head .subtitle{color:#4a5b7e;margin-bottom:24px}.addons-browser__search input{background:#fff;border:2px solid #d0d6e3;border-radius:12px;width:100%;padding:14px 20px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.addons-browser__search input:focus{border-color:#6aeaca;outline:none;box-shadow:0 0 0 3px #6aeaca33}.addons-browser__count{color:#617aac;margin-top:12px;font-size:.9rem}.addons-browser__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.addons-browser__card{color:#0f234d;background:#fff;border-radius:16px;flex-direction:column;padding:0 0 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0f234d14}.addons-browser__card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0f234d26}.addons-browser__card-image{aspect-ratio:16/10;background:#f0f3f8;overflow:hidden}.addons-browser__card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.addons-browser__card:hover .addons-browser__card-image img{transform:scale(1.04)}.addons-browser__card h3{margin:16px 20px 6px;font-size:1.1rem}.addons-browser__card p{color:#4a5b7e;flex:1;margin:0 20px 12px;font-size:.9rem;line-height:1.5}.addons-browser__badge{color:#0f8b59;background:#e8f4ee;border-radius:12px;align-self:flex-start;margin:0 20px 8px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-block}.addons-browser__cta{color:#0f8b59;margin:8px 20px 0;font-weight:600}.blog-back{margin:0 0 16px;font-size:.9rem}.blog-back a{color:#617aac}.blog-detail__meta{color:#617aac;margin:8px 0 0;font-size:.9rem}.blog-list__meta{color:#617aac;margin:4px 0 12px;font-size:.85rem}.blog-toc{background:#f7f9fc;border-left:4px solid #6aeaca;border-radius:6px;margin:0 0 32px;padding:20px 24px}.blog-toc__title{color:#0f234d;margin:0 0 12px;font-size:1.05rem}.blog-toc ol{gap:4px;margin:0;padding-left:24px;display:grid}.blog-toc a{color:#2d4473;text-decoration:none}.blog-toc a:hover{color:#0f234d;text-decoration:underline}.blog-detail__content table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95rem}.blog-detail__content th,.blog-detail__content td{text-align:left;vertical-align:top;border:1px solid #d0d6e3;padding:10px 14px}.blog-detail__content th{background:#f7f9fc;font-weight:600}.blog-detail__content code{background:#f0f3f8;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.blog-detail__content pre{color:#bfc9df;background:#0f234d;border-radius:8px;margin:1.5em 0;padding:16px 20px;font-size:.85rem;line-height:1.6;overflow-x:auto}.blog-detail__content pre code{color:inherit;background:0 0;padding:0}.blog-detail__content blockquote{background:#f7f9fc;border-left:4px solid #6aeaca;border-radius:0 6px 6px 0;margin:1em 0;padding:12px 20px}.blog-detail__content h2{margin-top:1.8em;margin-bottom:.5em;scroll-margin-top:80px}.blog-detail__content h3{margin-top:1.4em;margin-bottom:.5em;scroll-margin-top:80px}.blog-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#0f234d 0%,#1a3061 100%);border-radius:16px;margin:48px 0 0;padding:32px}.blog-cta h3{color:#fff;margin:0 0 12px;font-size:1.4rem}.blog-cta p{color:#bfc9df;margin:0 0 20px}.blog-cta__buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.introduction.big .introduction-inner{background-image:-webkit-image-set(url(/images/introduction-bg1.webp) 1x type("image/webp"),url(/images/introduction-bg1.jpg) 1x type("image/jpeg"));background-image:image-set("/images/introduction-bg1.webp" 1x type("image/webp"),"/images/introduction-bg1.jpg" 1x type("image/jpeg"))}:root{--scrollbar-width:0px}.contact-us form .field-error,.webotvurci-contact-form .field-error{color:#ff8aa3;margin-top:6px;font-size:.86rem;line-height:1.4;display:block}.contact-us form input[aria-invalid=true],.contact-us form textarea[aria-invalid=true],.webotvurci-contact-form input[aria-invalid=true],.webotvurci-contact-form textarea[aria-invalid=true]{border-color:#ff5e7e!important}@media (max-width:991px){.contact-us form .form-group.consents{flex-direction:column;align-items:stretch;row-gap:16px}.contact-us form .form-group.consents label{flex-direction:row;align-items:flex-start;gap:12px;line-height:1.4;display:flex}.contact-us form .form-group.consents input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin-top:2px}.contact-us form button[type=submit]{text-align:center;justify-content:center;width:100%}.contact-us form button[type=submit].arrow.arrow-down:after,.contact-us form button[type=submit].arrow:after{display:none!important}}.introduction .badges .badge img{max-width:100%;height:auto;display:block}.introduction .badges .badge.shoptet-premium img{aspect-ratio:1;width:67px}.introduction .badges .badge.shoptet-golden img{aspect-ratio:165/39;width:165px}@media (max-width:1199px){.introduction .badges .badge.shoptet-premium img,.introduction .badges .badge.shoptet-golden img{width:100%}}.home-references{position:relative}.home-references:before{content:"";pointer-events:none;z-index:0;background-image:url(/images/rope-half.svg);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:450px;height:600px;display:inline-block;position:absolute;bottom:calc(100% - 100px);left:0}.home-references>*{z-index:1;position:relative}@media (max-width:1439px){.home-references:before{width:300px;height:400px}}@media (max-width:1199px){.home-references:before{width:200px;height:300px}}@media (max-width:991px){.home-references:before{content:none}}.references-grid{text-align:center;padding:80px 0 60px}.references-grid h2{margin-bottom:12px}.references-grid .subtitle{color:#4a5b7e;max-width:720px;margin:0 auto 40px}.references-grid__list{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:36px;display:grid}.references-grid__list .tcard{background:#fff;border:1px solid #0f234d0f;border-radius:16px;flex-direction:column;margin:0;padding:56px 28px 28px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 2px #0f234d0a,0 8px 24px -8px #0f234d14}.references-grid__list .tcard:before{content:"“";color:#6aeaca;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:88px;font-weight:700;line-height:1;position:absolute;top:8px;left:22px}.references-grid__list .tcard:hover{transform:translateY(-3px);box-shadow:0 1px 2px #0f234d0d,0 16px 36px -8px #0f234d24}.references-grid__list .reference-text{color:#1f2a44;flex:1;margin-bottom:24px;font-size:1rem;line-height:1.65}.references-grid__list .reference-text__toggle{font:inherit;color:#0f8b59;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:8px;padding:0;font-weight:600;text-decoration:underline;display:inline-block}.references-grid__list .reference-text__toggle:hover{color:#2a967b}.references-grid__list .reference-name{text-transform:none;border-top:1px solid #0f234d14;flex-direction:column;padding-top:18px;font-size:1rem;display:flex}.references-grid__list .reference-name .name{color:#0f234d;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.3}.references-grid__list .reference-name .position{color:#5c6b8a;margin-top:2px;font-size:.92rem;font-weight:500}.references-grid__cta{justify-content:center;display:flex}@media (max-width:1100px){.references-grid__list{grid-template-columns:repeat(2,1fr)}.references-grid__list .tcard:nth-child(3){grid-column:1/-1;justify-self:center;width:100%;max-width:560px}}@media (max-width:700px){.references-grid{padding:56px 0 40px}.references-grid__list{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.references-grid__list .tcard{padding:48px 22px 24px}.references-grid__list .tcard:nth-child(3){max-width:none}.references-grid__list .tcard:before{font-size:72px;top:4px}}.related-posts{margin:48px 0 0}.related-posts h2{margin-bottom:16px;font-size:1.4rem}.related-posts__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.related-posts__card{color:#0f234d;background:#fff;border:1px solid #d0d6e3;border-radius:12px;flex-direction:column;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.related-posts__card:hover{border-color:#6aeaca;transform:translateY(-2px);box-shadow:0 6px 20px #0f234d1f}.related-posts__date{color:#617aac;margin-bottom:6px;font-size:.8rem}.related-posts__card h3{margin:0 0 8px;font-size:1.05rem;line-height:1.35}.related-posts__card p{color:#4a5b7e;flex:1;margin:0 0 12px;font-size:.9rem;line-height:1.5}.related-posts__cta{color:#0f8b59;font-size:.9rem;font-weight:600}.footer-inner .footer-socials a.linkedin:before{-webkit-mask-image:url(/images/linkedin.svg);mask-image:url(/images/linkedin.svg)}.faq{max-width:900px;padding:40px 0}.faq h2{text-align:center;margin-bottom:24px}.faq__items{flex-direction:column;gap:12px;display:flex}.faq__item{background:#fff;border-radius:12px;padding:0;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0f234d0f}.faq__item:hover{box-shadow:0 4px 16px #0f234d1a}.faq__item summary{cursor:pointer;color:#0f234d;padding:18px 50px 18px 24px;font-size:1.05rem;font-weight:600;list-style:none;position:relative}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"";border-bottom:2px solid #617aac;border-right:2px solid #617aac;width:14px;height:14px;transition:transform .2s;position:absolute;top:50%;right:24px;transform:translateY(-65%)rotate(45deg)}.faq__item[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq__answer{color:#2d4473;padding:0 24px 20px;line-height:1.6}.popup-generator__intro{max-width:800px;margin:0 auto 32px;line-height:1.6}.popup-generator__intro h2{margin:24px 0 8px}.popup-generator__intro ol{margin-left:20px}.popup-generator__intro li{margin-bottom:6px}.popup-generator__demo{text-align:center;max-width:800px;margin:0 auto 32px}.popup-generator__demo img{border-radius:8px;max-width:100%;height:auto;box-shadow:0 4px 24px #0f234d26}.popup-generator__grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;display:grid}.popup-generator__preview{justify-content:center;align-items:flex-start;padding:16px;display:flex}.popup-generator__editor{background:#fff;border-radius:8px;flex-direction:column;gap:12px;padding:24px;display:flex;box-shadow:0 2px 8px #000b221a}.popup-generator__field{flex-direction:column;gap:4px;display:flex}.popup-generator__field span{color:#0f234d;font-size:.85rem;font-weight:600}.popup-generator__field input,.popup-generator__field textarea,.popup-generator__field select{font:inherit;border:1px solid #d0d6e3;border-radius:6px;padding:10px 12px;font-size:.95rem}.popup-generator__field input:focus,.popup-generator__field textarea:focus,.popup-generator__field select:focus{outline-offset:0;border-color:#6aeaca;outline:2px solid #6aeaca}.popup-generator__output{text-align:center;grid-column:1/-1;margin-top:16px}.popup-generator__output .btn{min-width:280px;margin-bottom:16px}.popup-generator__code{color:#bfc9df;text-align:left;white-space:pre;background:#0f234d;border-radius:8px;max-width:800px;margin:0 auto 12px;padding:16px 20px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.popup-generator__hint{color:#555;max-width:800px;margin:0 auto;font-size:.9rem}.popup-generator__hint code{background:#f0f3f8;border-radius:4px;padding:1px 6px;font-size:.85rem}@media (max-width:768px){.popup-generator__grid{grid-template-columns:1fr}}.cookie-banner{z-index:9999;color:#fff;background:#0f234d;border-radius:16px;font-size:.92rem;line-height:1.5;animation:.24s ease-out cookieFadeIn;position:fixed;inset:auto 12px 12px;box-shadow:0 12px 40px #00000059}@keyframes cookieFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-banner__inner{grid-template-columns:1fr auto;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:20px 24px;display:grid}.cookie-banner__text{grid-column:1/-1}.cookie-banner__text a{color:#6aeaca;text-decoration:underline}.cookie-banner__details{border-top:1px solid #ffffff26;flex-wrap:wrap;grid-column:1/-1;gap:16px 24px;padding:12px 0;display:flex}.cookie-banner__details label{cursor:pointer;align-items:center;gap:8px;display:flex}.cookie-banner__details label input[type=checkbox]{cursor:pointer}.cookie-banner__details label span{opacity:.7;font-size:.85em}.cookie-banner__buttons{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.cookie-banner__buttons .btn,.cookie-banner__buttons button.btn{cursor:pointer;text-transform:none;letter-spacing:0;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:11px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.cookie-banner__buttons .btn:after,.cookie-banner__buttons button.btn:after{display:none!important}.cookie-banner__buttons .btn:hover{transform:translateY(-1px)}.cookie-banner__buttons .btn:active{transform:translateY(0)}.cookie-banner__buttons .btn-primary,.cookie-banner__buttons button.btn-primary{color:#0f234d;background-color:#6aeaca;border-color:#6aeaca}.cookie-banner__buttons .btn-primary:hover{background-color:#5cd9ba;border-color:#5cd9ba}.cookie-banner__buttons .btn-secondary,.cookie-banner__buttons button.btn-secondary{color:#fff;background-color:#0000;border-color:#ffffff59}.cookie-banner__buttons .btn-secondary:hover{background-color:#ffffff14;border-color:#fff9}@media (min-width:768px){.cookie-banner__inner{grid-template-columns:1fr auto}.cookie-banner__text{grid-column:1}.cookie-banner__buttons{grid-area:1/2}.cookie-banner__details{grid-area:2/1/auto/-1}}@media (max-width:480px){.cookie-banner{inset:auto 8px 8px}.cookie-banner__inner{padding:16px}.cookie-banner__buttons{flex-direction:column}.cookie-banner__buttons .btn{width:100%}}.reviews-filter{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 32px;display:flex}.reviews-filter .btn{padding:8px 16px;font-size:.9rem}@media (max-width:768px){.reviews-filter{gap:6px}.reviews-filter .btn{padding:6px 12px;font-size:.85rem}}.form-error{color:#c0392b;margin-top:12px}.form-success{color:#27ae60;margin-top:12px;font-weight:500}.hp-field{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.generic-page{max-width:900px;padding:40px 0 80px}.generic-page__content{line-height:1.6}.generic-page__content h2,.generic-page__content h3{margin-top:1.4em;margin-bottom:.5em}.generic-page__content p{margin-bottom:1em}.generic-page__content ul,.generic-page__content ol{margin:0 0 1em 1.4em}.generic-page__content a{text-decoration:underline}.introduction.small.blog-hero .introduction-inner h1{text-transform:none;letter-spacing:-.01em;max-width:880px;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);line-height:1.2}.introduction.small.blog-hero{padding-bottom:40px}.introduction.small.blog-hero .introduction-inner__text{width:100%}.blog-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;padding:48px 0 96px;display:grid}.blog-list__item{background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 20px #0f234d0f}.blog-list__item:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0f234d24}.blog-list__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-list__image{aspect-ratio:3/2;background:linear-gradient(135deg,#0f234d 0%,#2d4473 100%);position:relative;overflow:hidden}.blog-list__image>img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.blog-list__item:hover .blog-list__image>img{transform:scale(1.04)}.blog-list__body{flex-direction:column;flex:1;gap:10px;padding:24px 24px 28px;display:flex}.blog-list__body h2{color:#0f234d;text-transform:none;margin:0;font-size:1.2rem;line-height:1.35}.blog-list__body p{color:#4a5b7e;flex:1;margin:0;font-size:.94rem;line-height:1.55}.blog-list__cta{color:#0f8b59;margin-top:4px;font-size:.92rem;font-weight:600;transition:color .15s}.blog-list__item:hover .blog-list__cta{color:#2a967b}article.blog-detail{max-width:800px;padding:40px 0 80px;line-height:1.7}.blog-detail h2,.blog-detail h3{margin-top:1.4em;margin-bottom:.5em}.blog-detail p{margin-bottom:1em}.blog-detail__content img{border-radius:8px;max-width:100%;height:auto;margin:1em 0}.blog-detail__hero-image{border-radius:12px;max-width:560px;margin:0 auto 32px;position:relative;overflow:hidden;box-shadow:0 6px 24px #0f234d1a}.blog-detail__hero-image>img{aspect-ratio:3/2;object-fit:cover;border-radius:0;width:100%;height:auto;margin:0;display:block}.blog-signature{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;pointer-events:none;background:#f7f9fcf5;border:1px solid #0f234d0f;border-radius:10px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 14px 8px 12px;display:inline-flex;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 12px #0f234d2e}.blog-signature .blog-signature__icon{filter:brightness(0)saturate()invert(11%)sepia(40%)saturate(2300%)hue-rotate(207deg)brightness(95%)contrast(95%);flex-shrink:0;width:20px;height:20px;display:block}.blog-signature__text{color:#0f234d;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:.85rem;font-weight:600;overflow:hidden}@media (max-width:559px){.blog-signature{padding:6px 12px 6px 10px;bottom:12px;left:12px}.blog-signature__text{font-size:.78rem}.blog-signature__icon{width:16px;height:16px}}.author-bio{background:#f7f9fc;border:1px solid #e3e8f0;border-radius:16px;align-items:flex-start;gap:20px;margin:48px 0 0;padding:24px;display:flex}.author-bio__photo{background:linear-gradient(135deg,#0f234d 0%,#2d4473 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.author-bio__photo img{object-fit:cover;width:100%;height:100%}.author-bio__photo img[src$=\.svg]{object-fit:contain;background:#fff;padding:10px}.author-bio__monogram{color:#6aeaca;letter-spacing:.02em;font-size:1.4rem;font-weight:700}.author-bio__text{flex:1;min-width:0}.author-bio__name{color:#0f234d;text-transform:none;margin:0 0 6px;font-size:1.05rem}.author-bio__role{color:#617aac;font-size:.92rem;font-weight:400}.author-bio p{color:#2d4473;margin:0;font-size:.94rem;line-height:1.55}@media (max-width:559px){.author-bio{flex-direction:column;gap:12px;padding:20px}}