.brand-page{--brand:#25D366;--brand-secondary:#128C7E;--brand-soft:#edfcf3;--brand-ink:#143b2b;background:#faf9fb}.brand-page .button-primary{background:linear-gradient(135deg,var(--brand),var(--brand-secondary));box-shadow:0 9px 22px color-mix(in srgb,var(--brand) 25%,transparent)}.brand-page .bottom-ask>span{background:linear-gradient(135deg,var(--brand),var(--brand-secondary))}.brand-page .bottom-nav a.active{color:var(--brand-secondary)}
.breadcrumbs{padding-top:18px}.breadcrumbs ol{margin:0;padding:0;display:flex;gap:8px;list-style:none;color:#928b9e;font-size:11px;white-space:nowrap;overflow:hidden}.breadcrumbs li{overflow:hidden;text-overflow:ellipsis}.breadcrumbs li+li::before{content:"/";margin-right:8px;color:#c2bcc9}.breadcrumbs a:hover{color:var(--brand-secondary)}
.brand-hero{position:relative;overflow:hidden;margin-top:14px;padding:34px 0 0;background:linear-gradient(135deg,var(--brand-soft),#fff 65%);border-block:1px solid color-mix(in srgb,var(--brand) 13%,#eee)}.brand-orb{position:absolute;border-radius:50%;background:var(--brand);opacity:.07}.orb-one{width:240px;height:240px;right:-100px;top:-120px}.orb-two{width:130px;height:130px;left:-60px;bottom:-50px}.brand-hero-inner{position:relative;display:grid;place-items:center;text-align:center}.brand-emblem{width:78px;height:78px;display:grid;place-items:center;color:white;background:var(--brand);border:7px solid rgba(255,255,255,.75);border-radius:25px;box-shadow:0 12px 25px color-mix(in srgb,var(--brand) 22%,transparent);font-size:28px;font-weight:900}.brand-emblem img{width:43px;height:43px;object-fit:contain}.brand-label{width:fit-content;margin:14px auto 7px;display:flex;align-items:center;gap:5px;color:var(--brand-secondary);font-size:10px;font-weight:800}.brand-label svg{width:14px;height:14px}.brand-copy h1{margin:0;font-size:clamp(30px,6vw,48px);letter-spacing:-1.8px}.brand-copy p{max-width:650px;margin:12px auto;color:#716b7c;font-size:14px;line-height:1.65}.brand-numbers{display:flex;justify-content:center;gap:15px;color:#8f8997;font-size:9px}.brand-numbers strong{color:var(--brand-secondary);font-size:12px}.category-search-wrap{position:relative;bottom:-30px}.category-search{max-width:760px;height:61px;margin:auto;padding:7px 7px 7px 17px;display:flex;align-items:center;gap:10px;background:white;border:1px solid color-mix(in srgb,var(--brand) 20%,#e7e2ea);border-radius:18px;box-shadow:0 13px 35px rgba(62,43,94,.1)}.category-search svg{width:20px;color:#8b8493}.category-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}.category-search button{height:45px;padding:0 19px;color:white;background:var(--brand);border:0;border-radius:12px;font-weight:800}
.brand-layout{padding-block:73px 100px;display:grid;gap:28px}.feed-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:19px}.feed-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:-.8px}.feed-heading .button{padding:10px 13px;display:flex;align-items:center;gap:4px;font-size:11px}.feed-heading svg{width:16px}.brand-feed .tab.active{background:var(--brand);box-shadow:0 7px 16px color-mix(in srgb,var(--brand) 20%,transparent)}.brand-feed .question-card::before{background:var(--brand)}.brand-feed .question-card{padding-top:19px}.brand-feed .platform-badge{color:var(--brand-secondary);background:var(--brand-soft)}.topic-list{display:flex;flex-wrap:wrap;gap:7px}.topic-list a{padding:7px 10px;color:var(--brand-secondary);background:var(--brand-soft);border-radius:999px;font-size:10px;font-weight:700}.mini-brand{width:43px;height:43px;display:grid;place-items:center;color:white;background:var(--brand);border-radius:14px;font-weight:850}.mini-brand img{width:24px;height:24px}.category-about h2{margin:14px 0 7px;font-size:18px}.category-about p{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.55}.text-link{color:var(--brand-secondary);font-size:11px;font-weight:800}.related-card>div{display:grid}.related-card h2,.related-questions h2{margin:0 0 12px;font-size:17px}.related-card a{padding:10px 0;display:flex;align-items:center;gap:9px;border-bottom:1px solid #f0edf3;font-size:11px;font-weight:700}.related-card img{width:20px;height:20px;padding:3px;background:var(--related-soft);border-radius:6px}
.question-brand-strip{height:5px;background:linear-gradient(90deg,var(--brand),var(--brand-secondary))}.detail-layout{padding-block:25px 100px;display:grid;gap:18px}.question-detail,.answer-card,.write-answer{background:white;border-radius:22px;box-shadow:0 5px 22px rgba(61,43,91,.055)}.question-detail-header{padding:21px 19px;border-bottom:1px solid #f0edf3}.detail-category{width:fit-content;display:flex;align-items:center;gap:7px;color:var(--brand-secondary);font-size:10px;font-weight:800}.detail-brand-logo{width:25px;height:25px;display:grid;place-items:center;color:white;background:var(--brand);border-radius:8px}.detail-brand-logo img{width:15px;height:15px}.question-detail h1{margin:15px 0 17px;font-size:clamp(25px,5vw,38px);line-height:1.17;letter-spacing:-1.2px}.detail-author,.answer-author{display:flex;align-items:center;gap:9px}.detail-author>span:nth-child(2),.answer-author>span:nth-child(2){display:grid;gap:2px}.detail-author strong,.answer-author strong{font-size:11px}.detail-author small,.answer-author small{color:#9992a1;font-size:9px}.user-level,.expert-badge{margin-left:auto;padding:5px 8px;color:var(--brand-secondary);background:var(--brand-soft);border-radius:999px;font-size:8px;font-weight:800}.question-body{padding:20px 19px}.question-body p{margin:0;color:#565061;font-size:14px;line-height:1.75}.detail-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px}.detail-tags a{padding:6px 9px;color:var(--brand-secondary);background:var(--brand-soft);border-radius:999px;font-size:9px;font-weight:700}.question-actions{padding:14px 19px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #f0edf3}.question-actions>div{display:flex;align-items:center;gap:12px}.question-actions span,.question-actions button{display:flex;align-items:center;gap:5px;color:#8d8694;background:none;border:0;font-size:9px}.question-actions svg{width:15px;height:15px}.answers-section{display:grid;gap:12px}.answers-heading{padding:10px 3px 2px;display:flex;justify-content:space-between;align-items:center}.answers-heading h2{margin:0;font-size:21px}.answers-heading select{padding:8px;color:#716b7b;background:white;border:1px solid var(--line);border-radius:9px;font-size:9px}.answer-card{position:relative;padding:19px}.answer-card.accepted{border:1px solid color-mix(in srgb,var(--brand) 26%,white)}.accepted-label{width:fit-content;margin:-19px 0 15px -19px;padding:7px 12px;display:flex;align-items:center;gap:5px;color:white;background:var(--brand);border-radius:20px 0 10px 0;font-size:9px;font-weight:800}.accepted-label svg{width:14px}.expert-avatar{background:linear-gradient(135deg,var(--brand),var(--brand-secondary))}.second-avatar{background:linear-gradient(135deg,#ff7681,#d956a2)}.third-avatar{background:linear-gradient(135deg,#4c8fdf,#6e55dc)}.answer-content p{margin:16px 0;color:#5d5765;font-size:13px;line-height:1.75}.answer-actions{padding-top:13px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1eef3;color:#9a94a0;font-size:9px}.answer-actions>div{display:flex;gap:7px}.answer-actions button{padding:6px 8px;display:flex;align-items:center;gap:5px;color:#77717f;background:#f8f6f9;border:0;border-radius:8px;font-size:9px}.answer-actions svg{width:13px}.write-answer{padding:19px}.write-heading{display:flex;align-items:center;gap:10px}.write-heading h2{margin:0;font-size:17px}.write-heading p{margin:3px 0 0;color:#9992a0;font-size:10px}.guest-avatar{background:#eeeaf2;color:#867f8f}.guest-avatar svg{width:17px}.write-answer textarea{width:100%;margin-top:15px;padding:14px;resize:vertical;color:var(--ink);background:#faf9fb;border:1px solid var(--line);border-radius:13px;outline:0;font-size:13px}.write-answer textarea:focus{border-color:var(--brand)}.write-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.write-footer>span{display:flex;align-items:center;gap:5px;color:#918a98;font-size:9px}.write-footer svg{width:15px}.write-footer .button{font-size:10px}.brand-button{display:block;text-align:center;color:white;background:var(--brand)}.related-questions{display:grid}.related-questions a{padding:11px 0;display:grid;gap:3px;border-bottom:1px solid #f0edf2;font-size:11px;font-weight:700}.related-questions a span{color:#9992a0;font-size:9px;font-weight:500}
@media(min-width:700px){.brand-hero-inner{grid-template-columns:90px 1fr;place-items:center start;text-align:left;gap:22px}.brand-label{margin-inline:0}.brand-copy p{margin-inline:0}.brand-numbers{justify-content:flex-start}.brand-layout{padding-top:80px}.question-detail-header,.question-body,.question-actions{padding-inline:27px}.answer-card,.write-answer{padding:24px}.accepted-label{margin:-24px 0 18px -24px}.detail-layout{padding-top:32px}}
@media(min-width:980px){.brand-hero{padding-top:44px}.brand-layout{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.detail-layout>.question-detail,.detail-layout>.answers-section,.detail-layout>.write-answer{grid-column:1}.detail-sidebar{grid-column:2;grid-row:1/4}.brand-copy h1{font-size:46px}.brand-emblem{width:86px;height:86px}.brand-emblem img{width:47px;height:47px}}
.ask-page{padding-bottom:100px}.ask-form-card{max-width:780px;margin:25px auto 0;padding:22px}.ask-form-heading{display:grid;gap:16px;margin-bottom:24px;text-align:center}.ask-form-heading .brand-emblem{margin:auto}.ask-form-heading h1{margin:6px 0 7px;font-size:clamp(26px,5vw,39px);letter-spacing:-1.2px}.ask-form-heading p{margin:0;color:var(--muted);font-size:12px}.ask-form-card form{display:grid;gap:9px}.ask-form-card form>label,.field-row label{margin-top:8px;color:#514b5a;font-size:11px;font-weight:800}.ask-form-card input[type="text"],.ask-form-card input:not([type]),.ask-form-card select,.ask-form-card textarea{width:100%;padding:13px;color:var(--ink);background:#faf9fb;border:1px solid var(--line);border-radius:12px;outline:0;font-size:13px}.ask-form-card input:focus,.ask-form-card select:focus,.ask-form-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}.ask-form-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.anonymous-check{display:flex;align-items:center;gap:6px;color:#77717f;font-size:10px}.ask-form-footer .button{font-size:11px}
@media(min-width:700px){.ask-form-card{padding:32px}.ask-form-heading{grid-template-columns:86px 1fr;align-items:center;text-align:left}.ask-form-heading .brand-emblem{margin:0}.ask-form-heading p{font-size:13px}}
.brand-stat-cards{width:min(620px,100%);margin:20px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.brand-stat-cards>span{padding:13px 8px;display:grid;gap:2px;background:rgba(255,255,255,.88);border:1px solid color-mix(in srgb,var(--brand) 16%,#eee);border-radius:15px;box-shadow:0 8px 24px color-mix(in srgb,var(--brand) 7%,transparent)}.brand-stat-cards small{color:#8a8392;font-size:8px;font-weight:750}.brand-stat-cards strong{color:var(--brand-secondary);font-size:19px;line-height:1.1}.brand-stat-cards b{color:#6e6777;font-size:9px}.brand-feed.is-loading [data-category-results]{opacity:.42;transform:translateY(5px);pointer-events:none}.brand-feed [data-category-results]{scroll-margin-top:110px;transition:opacity .18s ease,transform .18s ease}.category-ajax-tabs a[aria-disabled=true]{pointer-events:none}.category-ajax-tabs a.active{box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 20%,transparent)}@media(max-width:520px){.brand-stat-cards{gap:6px}.brand-stat-cards>span{padding:11px 4px}.brand-stat-cards strong{font-size:16px}}
