@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#102334;background:#f7f9fb;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.eyebrow{font-size:.79rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1971bc}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}.section-head p{max-width:490px;color:#627386;line-height:1.7;margin:0}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.055em;margin:12px 0 0}h3{letter-spacing:-.03em}
.topline{background:#081c2e;color:#c7d7e7;font-size:.76rem}.topline .container{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.topline strong{color:#fff}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 1px 0 #dce5ed}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px}.logo{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.logo-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#0877d4;color:#fff;font-size:1.15rem;box-shadow:inset -7px -7px 0 #0459a5}.logo small{font-size:.53rem;letter-spacing:.13em;display:block;line-height:1.1;color:#587086}.nav{display:flex;align-items:center;gap:29px;font-size:.86rem;font-weight:700}.nav a:hover,.footer a:hover{color:#0978d1}.header-actions{display:flex;align-items:center;gap:16px}.phone{font-weight:800;font-size:.89rem;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:15px 22px;font-size:.86rem;font-weight:800;line-height:1.2;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;text-align:center}.button:hover{transform:translateY(-2px)}.button-primary{background:#ff6b3d;color:#fff;box-shadow:0 10px 24px rgba(255,107,61,.22)}.button-primary:hover{background:#ed5d31}.button-blue{background:#0877d4;color:#fff}.button-ghost{color:#fff;border-color:#56718b;background:transparent}.button-light{color:#0a4f86;background:#fff}.menu-btn{display:none;background:none;border:0;font-size:1.5rem;color:#102334}
.hero{background:#081c2e;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(24,123,216,.42),transparent 35%),linear-gradient(110deg,#071928 20%,#103453 100%)}.hero .container{position:relative}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;padding:78px 0 88px}.hero h1{font-size:clamp(2.9rem,6vw,5.45rem);line-height:1.03;letter-spacing:-.068em;margin:18px 0 26px;max-width:730px}.hero h1 em{font-style:normal;color:#63b9ff}.hero p{color:#c6d7e6;font-size:1.04rem;line-height:1.7;max-width:580px}.hero .eyebrow{color:#70c0ff}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.hero-note{font-size:.79rem;color:#94adc3!important}.hero-visual{align-self:stretch;border:1px solid rgba(142,202,246,.2);border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(145deg,#174b72,#061c30)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,31,.83),transparent 43%);pointer-events:none}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual-caption{position:absolute;z-index:2;bottom:26px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:end;gap:18px}.hero-visual-caption strong{font-size:1.1rem;max-width:240px}.hero-visual-caption span{color:#bdd6e9;font-size:.72rem;text-align:right}.visual-placeholder{height:100%;min-height:470px;background:repeating-linear-gradient(90deg,transparent 0 80px,rgba(103,182,247,.07) 81px 82px),linear-gradient(140deg,#0b3150,#071827);display:grid;place-items:center;color:#5cb0f2;font-size:6rem;font-weight:800;letter-spacing:-.1em}
.proof{background:#fff;position:relative;box-shadow:0 15px 45px rgba(19,49,76,.06)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-item{padding:30px 26px;border-right:1px solid #e3eaf0}.proof-item:first-child{padding-left:0}.proof-item:last-child{border:0}.proof-item strong{display:block;font-size:1.38rem;letter-spacing:-.06em;color:#0a5b9c}.proof-item span{display:block;color:#627386;font-size:.78rem;line-height:1.5;margin-top:7px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{display:flex;flex-direction:column;min-height:350px;background:#fff;border:1px solid #e2e9ef;border-radius:16px;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(16,45,72,.12);border-color:#9bcdf0}.product-num{color:#1971bc;font-size:.72rem;letter-spacing:.16em;font-weight:800}.product-card h3{font-size:1.7rem;margin:49px 0 12px}.product-card p{color:#657789;line-height:1.62;font-size:.86rem;flex:1}.product-card .card-link{color:#0877d4;font-weight:800;font-size:.82rem;border-top:1px solid #e5edf3;padding-top:18px}.product-card.featured{background:#0e385a;color:#fff}.product-card.featured .product-num,.product-card.featured .card-link{color:#7ecbff}.product-card.featured p{color:#bbd0e0}.product-card.featured .card-link{border-color:#315d7e}
.dark-section{background:#0b2439;color:#fff}.dark-section .eyebrow{color:#78c7ff}.dark-section .section-head p{color:#acc3d6}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-card{border:1px solid #35536b;border-radius:14px;padding:25px;min-height:250px;background:rgba(255,255,255,.035)}.process-card b{display:block;color:#6dc1fb;font-size:2rem;margin-bottom:38px}.process-card h3{margin-bottom:10px}.process-card p{color:#acc2d3;line-height:1.65;font-size:.82rem;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.split p,.body-copy{color:#647587;line-height:1.75}.panel{background:#eaf3fa;border:1px solid #d4e5f1;border-radius:20px;padding:40px}.panel h3{font-size:1.5rem}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{border-bottom:1px solid #d6e5ef;padding:13px 0 13px 29px;position:relative;color:#334e62;font-size:.86rem}.checklist li:before{content:"✓";position:absolute;left:0;color:#0877d4;font-weight:800}
.quote-section{background:#0877d4;color:#fff}.quote-wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.quote-wrap h2{max-width:650px}.quote-wrap p{color:#d8efff;line-height:1.6;max-width:650px;margin:18px 0 0}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.faq-list details{border-bottom:1px solid #d7e3ec;padding:20px 0}.faq-list summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';font-size:1.3rem;color:#0877d4}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:#617486;line-height:1.7;font-size:.88rem;margin:14px 0 0}
.page-hero{background:#0b2439;color:#fff;padding:80px 0 86px}.page-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.06em;line-height:1.08;max-width:880px;margin:17px 0}.page-hero p{color:#c1d3e3;max-width:700px;line-height:1.7}.breadcrumbs{font-size:.75rem;color:#9cb7cc;margin-bottom:35px}.breadcrumbs a:hover{color:#fff}.content-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:55px}.content-grid article p{color:#5d7082;line-height:1.8}.content-grid article h2{font-size:2rem;margin:40px 0 15px}.content-grid aside{align-self:start;position:sticky;top:105px}.aside-box{background:#eaf3fa;padding:30px;border-radius:14px}.aside-box h3{font-size:1.3rem}.aside-box p{color:#617486;line-height:1.6}.tag-list{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.tag{border:1px solid #cadde9;background:#fff;padding:9px 13px;border-radius:6px;font-size:.76rem;font-weight:700;color:#2d6388}.catalog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.catalog-list .product-card{min-height:280px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-card{border:1px solid #d8e5ef;background:#fff;padding:30px;border-radius:14px}.contact-card strong{display:block;font-size:1.4rem;margin-bottom:8px}.contact-card p{color:#627386;line-height:1.6}.contact-card a{color:#0877d4;font-weight:700}.contact-list{display:grid;gap:15px}.contact-list div{padding-bottom:15px;border-bottom:1px solid #d8e5ef}.contact-list span{display:block;color:#7890a3;font-size:.75rem;margin-bottom:5px}.contact-list a,.contact-list strong{font-size:1.1rem}.notice{font-size:.75rem;color:#627386}
.footer{background:#061827;color:#bbcfde;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px}.footer .logo{color:#fff}.footer p{line-height:1.7;font-size:.78rem;max-width:400px}.footer h3{color:#fff;font-size:.85rem}.footer-links{display:grid;gap:12px;font-size:.78rem}.footer-bottom{border-top:1px solid #25435a;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.68rem;color:#91aabb}
@media(max-width:1050px){.phone{display:none}.nav{gap:16px}.hero-grid{min-height:580px}.hero h1{font-size:4.3rem}.section{padding:72px 0}}
@media(max-width:760px){.container{width:min(100% - 32px,1200px)}.topline .container span:last-child{display:none}.nav-wrap{min-height:66px}.menu-btn{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.12);padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.header-actions .button{display:none}.hero-grid{display:block;padding:58px 0 35px;min-height:0}.hero h1{font-size:clamp(2.8rem,11vw,4.3rem)}.hero-visual{height:330px;margin-top:37px}.visual-placeholder{min-height:330px}.hero-visual-caption{bottom:19px;left:19px;right:19px}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-item{padding:20px!important;border-bottom:1px solid #e3eaf0}.proof-item:nth-child(2){border-right:0}.section{padding:60px 0}.section-head,.quote-wrap{display:block}.section-head p{margin-top:18px}.product-grid,.catalog-list,.process-grid,.split,.faq,.content-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.product-card{min-height:270px}.product-card h3{margin-top:30px}.process-grid{gap:10px}.process-card{min-height:0}.process-card b{margin-bottom:20px}.split{gap:25px}.panel{padding:27px}.quote-wrap .button{margin-top:25px}.content-grid aside{position:static}.footer-grid{gap:27px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.product-card{transition:none}}

/* Published customer letters and component makers */
.brand-section{background:#eaf2f8}.brand-carousel{position:relative}.brand-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 16px;scroll-behavior:smooth}.brand-track::-webkit-scrollbar{display:none}.brand-card{scroll-snap-align:start;flex:0 0 calc((100% - 48px)/4);min-width:0;min-height:168px;background:#fff;border:1px solid #d5e4ee;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:24px}.brand-card img{width:100%;max-width:190px;height:83px;object-fit:contain}.brand-card span{font-size:.77rem;font-weight:800;color:#445e72}.carousel-controls{display:flex;align-items:center;gap:8px}.carousel-controls button{width:43px;height:43px;border-radius:50%;border:1px solid #bbcfde;background:#fff;color:#0a5b9c;font-size:1.45rem;line-height:1;display:grid;place-items:center}.carousel-controls button:hover{background:#0877d4;color:#fff}.carousel-controls button:disabled{opacity:.38;cursor:default;background:#fff;color:#0a5b9c}.carousel-hint{font-size:.75rem;color:#627386;margin:7px 0 0}
.letters-intro{max-width:540px}.letters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.letter-card{appearance:none;border:1px solid #d8e5ee;border-radius:14px;background:#fff;padding:12px 12px 18px;display:flex;align-items:stretch;flex-direction:column;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.letter-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(12,42,68,.13)}.letter-card:focus-visible,.carousel-controls button:focus-visible{outline:3px solid #ff6b3d;outline-offset:3px}.letter-card img{width:100%;height:265px;object-fit:cover;object-position:top;background:#f5f7f9;border:1px solid #e5eaef;border-radius:8px}.letter-card strong{font-size:.86rem;margin:17px 5px 7px;line-height:1.45}.letter-card span{font-size:.75rem;color:#0877d4;font-weight:800;margin:0 5px}.letter-dialog{border:0;border-radius:16px;padding:0;width:min(900px,calc(100vw - 24px));max-height:94vh;box-shadow:0 28px 100px rgba(0,0,0,.35);background:#f8fafc;color:#102334}.letter-dialog::backdrop{background:rgba(3,17,30,.78)}.letter-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#fff;border-bottom:1px solid #dce6ee}.letter-dialog-head strong{font-size:.9rem}.letter-dialog-close{font-size:1.7rem;line-height:1;border:0;background:none;color:#496578;padding:3px 9px}.letter-dialog-body{padding:18px;overflow:auto;max-height:calc(94vh - 116px);display:block}.letter-dialog-body img{width:min(100%,700px);max-width:100%;height:auto;max-height:none;object-fit:contain;display:block;margin:auto;box-shadow:0 4px 20px rgba(0,0,0,.12)}.letter-dialog-foot{display:flex;justify-content:flex-end;padding:12px 20px;background:#fff;border-top:1px solid #dce6ee}.letter-dialog-foot a{font-size:.82rem;color:#0877d4;font-weight:800}
@media(max-width:900px){.brand-card{flex-basis:calc((100% - 32px)/3)}.letters-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.brand-card{flex-basis:calc((100% - 16px)/2);min-height:145px}.brand-card img{height:68px}.letters-grid{grid-template-columns:repeat(2,1fr);gap:10px}.letter-card img{height:210px}.letter-card strong{font-size:.75rem}.section-head.letters-head{display:block}.section-head.letters-head p{margin-top:16px}.carousel-controls{margin-top:18px}}
@media(max-width:390px){.letters-grid{grid-template-columns:1fr 1fr}.letter-card img{height:170px}.brand-card{flex-basis:80%}}

/* Complete equipment catalog */
.catalog-page{background:#f7f9fb}.catalog-jump{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 54px}.catalog-jump a{display:inline-flex;align-items:center;border:1px solid #cbdde9;border-radius:999px;background:#fff;color:#235a83;padding:11px 17px;font-size:.86rem;font-weight:800}.catalog-jump a:hover{background:#0877d4;color:#fff;border-color:#0877d4}.catalog-group{padding:44px 0 56px;border-top:1px solid #d6e2eb;scroll-margin-top:95px}.catalog-group-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:25px}.catalog-group-head h2{font-size:clamp(1.9rem,3vw,2.6rem)}.catalog-group-head p{max-width:400px;color:#647587;line-height:1.65;margin:0;font-size:.9rem}.catalog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog-item{display:flex;flex-direction:column;align-items:start;min-height:255px;background:#fff;border:1px solid #dce7ee;border-radius:14px;padding:25px;transition:transform .2s,box-shadow .2s}.catalog-item:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(14,52,82,.1)}.catalog-item.has-detail{border-top:3px solid #0877d4}.catalog-code{display:inline-block;color:#0877d4;font-size:.82rem;font-weight:800;letter-spacing:.07em;margin-bottom:18px}.catalog-item h3{font-size:1.1rem;line-height:1.34;margin:0 0 10px}.catalog-item p{color:#647587;line-height:1.55;font-size:.88rem;flex:1;margin:0 0 20px}.catalog-action{font-size:.83rem;font-weight:800;color:#0877d4;border-bottom:1px solid #9dc6e3;padding-bottom:3px}.catalog-action:hover{color:#ff6b3d;border-color:#ff6b3d}.catalog-supply{background:#eaf3fa;scroll-margin-top:95px}.catalog-supply-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.catalog-supply-inner h2{max-width:620px}.catalog-supply-inner p{color:#647587;line-height:1.65;max-width:700px;margin:20px 0 0}.catalog-supply-inner .button{flex:none}
@media(max-width:900px){.catalog-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.catalog-jump{margin-bottom:35px}.catalog-jump a{font-size:.8rem}.catalog-group{padding:37px 0 45px}.catalog-group-head,.catalog-supply-inner{display:block}.catalog-group-head p{margin-top:13px}.catalog-cards{grid-template-columns:1fr}.catalog-item{min-height:0}.catalog-supply-inner .button{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.catalog-item{transition:none}}
.product-page-hero{background:radial-gradient(circle at 82% 20%,#17496f 0,#0b2439 48%,#071d2f 100%)}.product-page-hero .button{margin-top:20px}.product-detail-section{background:#fff}.product-detail-section .content-grid article h2:first-of-type{margin-top:12px}.product-detail-section .checklist{margin:14px 0 28px}.product-detail-section .checklist li{margin:12px 0;line-height:1.55}.aside-kicker{display:block;color:#0877d4;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px}.product-detail-section .aside-box .button{width:100%;text-align:center;margin:13px 0 3px}.product-detail-section .aside-box .notice{font-size:.82rem}.related-section{background:#f3f7fa}.related-all{font-weight:800;color:#0877d4;white-space:nowrap}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.related-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce7ee;border-radius:14px;padding:27px;min-height:185px;transition:transform .2s,box-shadow .2s}.related-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(14,52,82,.1)}.related-card span{color:#0877d4;font-size:.76rem;font-weight:800;letter-spacing:.07em}.related-card strong{font-size:1.15rem;margin:15px 0;line-height:1.35}.related-card b{font-size:.82rem;color:#0877d4;margin-top:auto}@media(max-width:650px){.related-grid{grid-template-columns:1fr}.related-card{min-height:0}.product-page-hero{padding:65px 0}.product-detail-section .content-grid article h2{font-size:1.55rem}}

.catalog-hero{padding:58px 0 65px}.catalog-page{padding-top:64px}
@media(max-width:650px){.catalog-hero{padding:48px 0 55px}.catalog-page{padding-top:52px}}

/* Editorial article collection */
.articles-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 87% 24%,#1d5c89 0,#0b2c47 34%,#081c2e 75%)}.articles-hero .eyebrow{color:#79c8ff}.articles-hero h1{max-width:900px}.articles-hero-foot{display:flex;align-items:center;gap:14px;margin-top:35px;color:#b9d4e7}.articles-hero-foot strong{font-size:3rem;line-height:1;color:#70c0ff;letter-spacing:-.07em}.articles-hero-foot span{max-width:145px;font-size:.85rem;line-height:1.35}.articles-section{background:#f3f7fa}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #dce7ee;border-radius:17px;box-shadow:0 4px 18px rgba(9,42,68,.035);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(9,42,68,.12)}.article-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top;background:#dceaf3}.article-copy{display:flex;flex-direction:column;flex:1;padding:24px}.article-number{color:#1971bc;font-size:.71rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.article-copy h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.035em;margin:12px 0}.article-copy p{color:#5d7082;font-size:.82rem;line-height:1.65;margin:0 0 24px;flex:1}.article-link,.article-unavailable{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #e2eaf0;font-size:.78rem;font-weight:800}.article-link{color:#0877d4}.article-link:hover{color:#ef6538}.article-link span{font-size:1.25rem;line-height:1}.article-unavailable{color:#7890a3;font-weight:600;line-height:1.45}.articles-source{color:#7890a3;font-size:.76rem;margin:35px 0 0}.articles-source a{color:#0877d4;text-decoration:underline}@media(max-width:950px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.articles-grid{grid-template-columns:1fr;gap:15px}.articles-hero{padding:58px 0 65px}.articles-hero-foot{margin-top:25px}.article-card>img{aspect-ratio:16/10}.article-copy{padding:21px}}@media(prefers-reduced-motion:reduce){.article-card{transition:none}}

@media(max-width:980px){.menu-btn{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.12);padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}}
@media(max-width:760px){.nav{top:66px}}

/* Messenger selector: rendered only for configured channels */
.chat-selector{position:fixed;right:22px;bottom:22px;z-index:80;font-family:Manrope,Arial,sans-serif}.chat-selector-launcher{display:flex;align-items:center;gap:9px;border:0;border-radius:999px;background:#0877d4;color:#fff;padding:15px 19px;box-shadow:0 12px 35px rgba(7,61,103,.3);font-size:.87rem;font-weight:800}.chat-selector-launcher:hover{background:#075fa9}.chat-selector-bubble{display:grid;place-items:center;width:22px;height:22px}.chat-selector-bubble svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chat-selector-panel{position:absolute;right:0;bottom:calc(100% + 14px);width:min(355px,calc(100vw - 28px));background:#fff;border:1px solid #d5e4ee;border-radius:17px;box-shadow:0 22px 65px rgba(8,28,46,.23);overflow:hidden}.chat-selector-panel[hidden]{display:none}.chat-selector-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:22px 22px 16px;background:#0b2f4c;color:#fff}.chat-selector-heading span{display:block;color:#93c9ef;text-transform:uppercase;font-size:.68rem;letter-spacing:.13em;font-weight:800;margin-bottom:6px}.chat-selector-heading strong{font-size:1.2rem;line-height:1.25}.chat-selector-close{border:0;background:rgba(255,255,255,.13);color:#fff;border-radius:50%;width:31px;height:31px;line-height:1;font-size:1.45rem;flex:none}.chat-selector-panel>p{font-size:.82rem;line-height:1.55;color:#5d7082;padding:18px 22px 4px;margin:0}.chat-selector-list{display:grid;gap:7px;padding:12px 14px 17px}.chat-selector-channel{display:flex;align-items:center;gap:13px;border-radius:11px;padding:10px;color:#102334}.chat-selector-channel:hover,.chat-selector-channel:focus-visible{background:#eaf3fa}.chat-selector-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e4f2fc;color:#0869bb;font-size:.72rem;font-weight:800}.chat-selector-channel-name{font-size:.9rem;font-weight:800;flex:1}.chat-selector-arrow{font-size:1.15rem;color:#0877d4}.chat-selector-launcher:focus-visible,.chat-selector-close:focus-visible,.chat-selector-channel:focus-visible{outline:3px solid #ff6b3d;outline-offset:3px}@media(max-width:650px){.chat-selector{right:14px;bottom:14px}.chat-selector-panel{bottom:calc(100% + 10px)}.chat-selector-launcher{padding:13px 16px}}