/* v12: premium enterprise SaaS treatment, no JS framework required. */
:root {scrollbar-color:color-mix(in srgb,var(--brand) 35%,#aabbd5) transparent;scrollbar-width:thin;scroll-behavior:smooth}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand) 30%,#aabbd5) transparent}
*::-webkit-scrollbar{width:8px;height:7px}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 30%,#aabbd5);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.btn,button,a,input,textarea,select{transition:box-shadow .19s ease,border-color .19s ease,background-color .19s ease,transform .19s ease,color .19s ease}
.btn:not(:disabled):hover,button:not(:disabled):hover{filter:brightness(1.018)}
.btn.primary{background:var(--v10-gradient);border:0;box-shadow:0 10px 28px var(--v10-glow);font-weight:800;letter-spacing:-.01em}
.btn.primary:hover{box-shadow:0 18px 30px var(--v10-glow);transform:translateY(-2px)}
input:focus,textarea:focus,select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px var(--brand-soft)!important}
.sidebar{scrollbar-gutter:stable}
:root[data-palette] .panel,:root[data-palette] .v5-buy-panel{border:1px solid color-mix(in srgb,var(--stroke) 84%,transparent);box-shadow:0 8px 36px rgba(25,55,108,.043)}
:root[data-palette] .v5-hero{border-radius:26px;box-shadow:0 22px 55px var(--v10-glow)}
.v5-step{min-width:0}
/* Remove awkward vertical category scrollbar: horizontally swipeable chips with prev/next controls */
.v12-chip-shell{display:grid;grid-template-columns:29px minmax(0,1fr) 29px;gap:4px;align-items:center;max-width:100%;padding:6px 0}
.v12-chip-shell .v5-category-chips{min-width:0;display:flex!important;flex-wrap:nowrap!important;gap:7px!important;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;margin:0;padding:7px 2px 10px;scroll-snap-type:x proximity;touch-action:pan-x}
.v12-chip-shell .v5-category-chips::-webkit-scrollbar{display:none}
.v12-chip-shell .category-tab{white-space:nowrap;flex:none;scroll-snap-align:start;min-height:34px;padding:7px 11px;border-radius:999px;font-size:11px}
.v12-chip-prev,.v12-chip-next{display:grid;place-items:center;border:1px solid var(--stroke);border-radius:10px;width:29px;height:32px;color:var(--brand);background:var(--surface)}
.v12-chip-prev:hover,.v12-chip-next:hover{background:var(--brand-soft)}
.v12-stock-tabs{gap:5px}
.v5-step[aria-label="Select service"] .v11-service-dropdown.is-open{top:unset!important;margin-top:-4px;max-height:min(300px,44vh);z-index:90;overflow:auto;border:1px solid var(--brand);box-shadow:0 22px 62px rgba(30,60,114,.23)}
.v5-selected-service{margin-top:8px;min-height:57px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(27,52,104,.038);gap:10px}
.v5-selected-service select{width:100%;font-size:13px!important;min-height:43px!important;color:var(--heading)!important;cursor:pointer}
.v5-selected-service .service-symbol{height:40px;width:40px;border-radius:13px;cursor:pointer;flex:none}
.v5-selected-service.v12-has-choice{border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand-soft) 28%,var(--surface))}
.v12-more-countries{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;width:100%;margin:5px 0 12px;border:1px dashed var(--stroke);background:var(--surface2);color:var(--brand);font-size:12px;font-weight:800;border-radius:12px}
.v12-more-countries[aria-expanded=true]>.fa-chevron-down{transform:rotate(180deg)}
.v5-country-list.is-expanded{max-height:280px;overflow-y:auto;scrollbar-gutter:stable;border-radius:14px;border:1px solid var(--stroke);padding:4px}
.v5-country-row,.v5-operator-row{border-radius:10px;min-height:40px}
.v5-country-row:hover,.v5-operator-row:hover{background:var(--brand-soft)!important}
/* FAQ selector: intentional layout, not a long vertical scroller below chat */
.v12-faq-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px 0;background:var(--surface)}
.v12-faq-title span{color:var(--heading);font-size:11px;font-weight:850;display:flex;gap:6px;align-items:center}
.v12-faq-title button{background:transparent;border:0;color:var(--brand);font-size:11px;font-weight:850;padding:7px}
.az-chat-suggestions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow:hidden!important;max-height:95px!important;transition:max-height .25s ease!important;gap:6px;padding:8px 12px!important;background:var(--surface)}
.az-chat-suggestions.v12-expanded{max-height:195px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin}
.az-chat-suggestions button{max-width:none!important;min-width:0!important;width:100%;white-space:normal!important;text-align:left!important;overflow:hidden;text-overflow:ellipsis;border-radius:12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;font-size:10px!important;padding:9px 11px!important;min-height:42px!important}
.az-chat-actions{background:var(--surface);border-top:1px solid var(--stroke);padding:10px 12px}
.az-chat-human{width:100%;justify-content:center;min-height:41px;border-radius:13px!important;font-weight:850}
.az-chat-compose{padding:10px!important;background:var(--surface);gap:8px}
.az-chat-compose input{min-height:44px!important;border-radius:13px!important}
.az-chat-compose button{min-width:43px;min-height:43px}
.az-chat-head{border-radius:0!important}
.az-chat-panel{width:min(396px,calc(100vw - 20px))!important;max-height:calc(100dvh - 96px);box-shadow:0 24px 80px rgba(22,41,77,.22)}
.az-chat-login,.v11-chat-action{display:flex!important;align-items:center;gap:9px;text-decoration:none!important;padding:12px 14px!important;border:1px solid var(--stroke);border-radius:12px;background:var(--brand-soft);color:var(--brand)!important;font-weight:800}
.az-chat-login:hover{transform:translateY(-2px)}
/* Native dialog centered: keyboard focus, backdrop & subtle entrance */
.az-modal{border:1px solid var(--stroke);padding:28px;max-width:min(425px,calc(100vw - 28px));width:100%;border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 30px 90px rgba(10,26,59,.34);text-align:center;animation:azModalIn .25s cubic-bezier(.17,.84,.32,1)}
.az-modal::backdrop{background:rgba(10,26,49,.64);backdrop-filter:blur(5px)}
.az-modal-icon{width:62px;height:62px;display:grid;place-content:center;font-size:29px;border-radius:19px;margin:0 auto 12px}
.az-modal-icon.success{color:#07986a;background:rgba(16,185,129,.11)}.az-modal-icon.error{color:#e05d48;background:rgba(234,93,74,.12)}
.az-modal h2{font-size:22px;letter-spacing:-.035em;margin:8px 0}.az-modal p{font-size:14px;line-height:1.6;max-width:340px;margin:0 auto 22px;overflow-wrap:anywhere}
.az-modal-actions{display:flex;justify-content:center;gap:10px}.az-modal-actions button{min-width:105px}
@keyframes azModalIn{from{opacity:0;transform:translateY(13px) scale(.96)}to{opacity:1;transform:none}}
#toast{display:none!important}
/* Walkthrough videos are real bundled files rather than dead placeholders */
.v12-video-section,.v12-provider-section{margin:20px 0}
.v12-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.v12-video-card{overflow:hidden;border:1px solid var(--stroke);border-radius:19px;background:var(--surface);box-shadow:0 10px 26px rgba(22,45,97,.052);transition:transform .25s,box-shadow .25s}
.v12-video-card:hover{transform:translateY(-3px);box-shadow:0 18px 37px var(--v10-glow)}
.v12-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#0b1732;object-fit:cover}
.v12-video-top{padding:12px 16px;display:flex;align-items:center;gap:9px;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.08em}
.v12-video-body{padding:18px}.v12-video-body h3{margin:0 0 6px;font-size:18px}.v12-video-body p{font-size:13px;color:var(--muted);line-height:1.55;min-height:40px}.v12-video-body a{margin-top:6px}
.v12-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}
.v12-provider-tile{display:flex;flex-direction:column;gap:9px;border:1px solid var(--stroke);border-radius:17px;padding:18px;background:var(--surface);min-height:160px}
.v12-provider-tile>.fa-solid{display:grid;place-content:center;width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-size:19px}
.v12-provider-tile strong{color:var(--heading);font-size:14px}.v12-provider-tile>span:not(.status){font-size:11px;color:var(--muted)}.v12-provider-tile>.status{align-self:flex-start}
.v12-theme-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}
.v12-theme-preview{background:#f8f9fc;border:1px solid #e0e5ec;border-radius:17px;padding:11px;display:flex;flex-direction:column;gap:8px;min-width:0;color:#1d2840;box-shadow:0 4px 13px rgba(0,0,0,.03)}
.v12-theme-preview .fake-nav{height:12px;border-radius:7px;background:#c8d0e5}.v12-theme-preview .fake-hero{height:59px;border-radius:12px;background:var(--fake)}.v12-theme-preview .fake-grid{display:flex;gap:4px}.v12-theme-preview .fake-grid i{height:23px;flex:1;border-radius:6px;background:color-mix(in srgb,var(--fake) 23%,white)}
.v12-theme-preview b{font-size:12px}.v12-theme-preview small{color:#627087;font-size:10px}.v12-theme-preview.aurora{--fake:linear-gradient(120deg,#2762ed,#35addb)}.v12-theme-preview.indigo{--fake:linear-gradient(120deg,#6640df,#b279fd)}.v12-theme-preview.emerald{--fake:linear-gradient(120deg,#107666,#3bc9a0)}.v12-theme-preview.sunset{--fake:linear-gradient(120deg,#d94776,#f49b55)}.v12-theme-preview.noir{--fake:linear-gradient(120deg,#292827,#b38b48)}
.v12-theme-form{max-width:560px}.v12-net-admin{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:18px}
/* distinct layouts, not only accent-color changes */
:root[data-palette=indigo] .v5-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-palette=emerald] .v5-feature-icon{border-radius:50%}
:root[data-palette=emerald] .v5-category-grid{gap:19px}
:root[data-palette=sunset] :is(.v12-video-card,.v12-provider-tile){border-radius:8px 24px 8px 24px}
:root[data-palette=noir] :is(.v12-video-card,.v12-provider-tile){border-radius:8px;border-width:1.5px}
:root[data-palette=noir] .v5-category-card{border-left:3px solid var(--brand)}
@media(max-width:850px){.v12-theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.v12-net-admin{grid-template-columns:1fr}}
@media(max-width:680px){.v12-video-grid{grid-template-columns:1fr}.v12-video-section,.v12-provider-section{padding:14px!important}.v12-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-step[aria-label="Select service"] .v11-service-dropdown.is-open{max-height:260px}.az-chat-panel{max-height:calc(100dvh - 78px)}.v12-chip-shell{grid-template-columns:24px minmax(0,1fr) 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

.az-modal-icon.warning{color:#cc8a18;background:rgba(245,171,45,.12)}