/* AWEBZONE V36 — Real Campaign Insights. Palette: navy #080B18 · blue #397BFF · lavender #A78BFA · peach #FF9B91 · cyan #55D6E8 · cloud #F7F8FC */
:root{--awi-navy:#080B18;--awi-blue:#397BFF;--awi-lav:#A78BFA;--awi-peach:#FF9B91;--awi-cyan:#55D6E8;--awi-cloud:#F7F8FC;--awi-ink:#101A38;--awi-mute:#5B6682;--awi-line:rgba(16,26,56,.1);--awi-card:#fff;--awi-r:20px}
.awzi-main{overflow-x:clip}
.awzi-main *{min-width:0}
.awzi-label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:.78rem;font-weight:600;letter-spacing:.01em;background:rgba(57,123,255,.12);color:var(--awi-blue);margin-bottom:12px}
.awz-page-hero.dark .awzi-label{background:rgba(255,255,255,.12);color:#CFE0FF}
.awzi-fine{font-size:.85rem;color:var(--awi-mute);margin:12px 0 0}
.awzi-h3{margin:44px 0 18px}
/* proof */
.awzi-proof{display:flex;align-items:center;gap:22px;padding:24px 28px;border-radius:var(--awi-r);background:linear-gradient(135deg,var(--awi-navy),#17214A 70%);color:#C9D0E8;box-shadow:0 30px 60px -30px rgba(8,11,24,.6);border:1px solid rgba(167,139,250,.28);max-width:640px}
.awzi-proof-num{display:flex;align-items:baseline;gap:6px;color:#fff;font-family:'Bricolage Grotesque',Inter,sans-serif;white-space:nowrap}
.awzi-proof-num .cur{font-size:clamp(1.6rem,4vw,2.2rem);color:var(--awi-cyan)}
.awzi-proof-num b{font-size:clamp(3rem,9vw,4.6rem);line-height:1;font-weight:800;background:linear-gradient(120deg,#fff,var(--awi-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;min-width:.7em;display:inline-block}
.awzi-proof-num .suf{font-size:clamp(1rem,2.6vw,1.4rem);font-weight:700;letter-spacing:.05em;color:var(--awi-peach)}
.awzi-proof-txt strong{display:block;color:#fff;font-size:1.05rem}
.awzi-proof-txt p{margin:6px 0 0;font-size:.92rem;color:#AEB8DA}
.awzi-proof details{margin-top:8px;font-size:.82rem}.awzi-proof summary{cursor:pointer;color:var(--awi-cyan)}.awzi-proof details p{color:#AEB8DA}
.awzi-proof--compact{padding:12px 16px;gap:12px;margin-top:18px;max-width:420px}.awzi-proof--compact .awzi-proof-num b{font-size:2rem}.awzi-proof--compact .awzi-proof-num .cur{font-size:1.2rem}.awzi-proof--compact .awzi-proof-num .suf{font-size:.8rem}
.awzi-proof--strip{max-width:none;padding:18px 22px}.awzi-proof--strip .awzi-proof-num b{font-size:2.6rem}
@media(max-width:560px){.awzi-proof{flex-direction:column;align-items:flex-start;gap:10px;padding:20px}}
.awzi-home-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center}
@media(max-width:860px){.awzi-home-grid{grid-template-columns:minmax(0,1fr)}}
.awzi-twin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:44px}@media(max-width:860px){.awzi-twin{grid-template-columns:minmax(0,1fr)}}
.awzi-svc-mini{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:24px;align-items:center}@media(max-width:760px){.awzi-svc-mini{grid-template-columns:minmax(0,1fr)}}
/* KPIs */
.awzi-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px}
.awzi-kpi,.awzi-kpis>div{background:var(--awi-card);border:1px solid var(--awi-line);border-radius:var(--awi-r);padding:18px;box-shadow:0 12px 30px -22px rgba(57,123,255,.5)}
.awzi-kpi small,.awzi-kpis>div small{display:block;color:var(--awi-mute);font-size:.8rem}
.awzi-kpi b,.awzi-kpis>div b{display:block;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(1.4rem,3.4vw,2rem);line-height:1.15;margin:4px 0;color:var(--awi-ink);overflow-wrap:anywhere}
.awzi-kpi>span{font-size:.8rem;color:var(--awi-mute)}
.awzi-kpi details{margin-top:8px;font-size:.8rem}.awzi-kpi summary{cursor:pointer;color:var(--awi-blue)}
.awzi-kpis--hl{margin-top:10px}
/* panels + controls */
.awzi-panel{background:var(--awi-card);border:1px solid var(--awi-line);border-radius:24px;padding:clamp(14px,3vw,28px);margin-top:14px}
.awzi-panel--dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#C9D0E8}
.awzi-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;margin-bottom:18px}
.awzi-controls label,.awzi-sortl{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:600;color:var(--awi-mute)}
.awzi-panel--dark .awzi-controls label{color:#9AA4C6}
.awzi-controls select,.awzi-sort,.awzm-tools input{width:100%;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--awi-line);background:#fff;color:var(--awi-ink);font:inherit;font-size:.95rem}
.awzi-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;margin-bottom:8px}
.awzi-sum>div{padding:12px 14px;border-radius:14px;background:var(--awi-cloud)}.awzi-sum small{display:block;color:var(--awi-mute);font-size:.75rem}.awzi-sum b{font-size:1.1rem;overflow-wrap:anywhere}
.awzi-def{font-size:.82rem;color:var(--awi-mute);margin:6px 0 14px}.awzi-panel--dark .awzi-def{color:#9AA4C6}
.awzi-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.awzi-card{background:#fff;border:1px solid var(--awi-line);border-radius:var(--awi-r);padding:18px;overflow:hidden}.awzi-card h3,.awzi-card h4{margin:0 0 12px;font-size:1rem}.awzi-card h4 small{font-weight:400;color:var(--awi-mute)}
.awzi-emptybox{padding:28px;border:1px dashed rgba(57,123,255,.4);border-radius:var(--awi-r);text-align:center;background:rgba(57,123,255,.05)}.awzi-empty{color:var(--awi-mute)}
/* bars */
.awzi-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.awzi-bl{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.88rem}.awzi-bl span{color:var(--awi-mute);font-size:.78rem}
.awzi-bt{display:flex;align-items:center;gap:10px;margin-top:4px}.awzi-bt i{display:block;height:12px;border-radius:99px;background:var(--c);width:0;transition:width 1s cubic-bezier(.2,.8,.2,1);flex:none;max-width:calc(100% - 80px)}
.awzi-bars.in .awzi-bt i{width:var(--w)}.awzi-bt em{font-style:normal;font-weight:700;font-size:.9rem;white-space:nowrap}
.reduced .awzi-bt i{transition:none;width:var(--w)}
/* svg */
.awzi-svg{width:100%;height:auto;display:block;overflow:visible}.awzi-svg text{font-size:11px;fill:var(--awi-mute)}.awzi-svg .g{stroke:rgba(16,26,56,.08)}
.awzi-svg circle[data-tip],.awzi-svg rect[data-tip]{cursor:pointer;outline:none}.awzi-svg [data-tip]:focus{stroke:var(--awi-navy);stroke-width:2}
.awzi-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--awi-mute);margin-top:8px}.awzi-leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}
.awzi-tip{position:absolute;display:none;z-index:9999;max-width:min(280px,calc(100vw - 16px));padding:10px 12px;border-radius:12px;background:var(--awi-navy);color:#fff;font-size:.8rem;line-height:1.4;box-shadow:0 14px 30px rgba(8,11,24,.35);pointer-events:none}
.awzi-jchart .jb{transform-origin:bottom;transform-box:fill-box;transform:scaleY(0);transition:transform .7s cubic-bezier(.2,.8,.2,1) var(--d)}.awzi-jchart.in .jb{transform:scaleY(1)}
.awzi-jchart .jl{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.6s ease .4s}.awzi-jchart.in .jl{stroke-dashoffset:0}
.reduced .awzi-jchart .jb{transform:none;transition:none}.reduced .awzi-jchart .jl{stroke-dashoffset:0;transition:none}
.awzi-jchart .rot{font-size:10px}
/* explorer */
.awzi-exp-bar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.awzi-tabs{display:flex;gap:8px;flex-wrap:wrap}.awzi-tabs button,.awzi-filter button{min-height:44px;padding:8px 16px;border-radius:99px;border:1px solid var(--awi-line);background:#fff;font:inherit;font-size:.9rem;cursor:pointer;color:var(--awi-ink)}
.awzi-tabs button[aria-selected=true],.awzi-filter button[aria-pressed=true]{background:var(--awi-blue);color:#fff;border-color:var(--awi-blue)}
.awzi-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.awzi-sortl{min-width:190px}.awzi-count{font-size:.85rem;color:var(--awi-mute);margin:12px 0}
.awzi-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.awzi-ec{border:1px solid var(--awi-line);border-radius:var(--awi-r);padding:16px;background:var(--awi-cloud)}.awzi-ec header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.awzi-ec header span{font-size:.78rem;padding:2px 10px;border-radius:99px;background:rgba(167,139,250,.2)}.awzi-ec p{margin:6px 0;font-size:.82rem;color:var(--awi-mute)}
.awzi-ec dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.awzi-ec dt{font-size:.72rem;color:var(--awi-mute)}.awzi-ec dd{margin:0;font-weight:700;overflow-wrap:anywhere}.awzi-ec footer{font-size:.72rem;color:var(--awi-mute);border-top:1px solid var(--awi-line);padding-top:8px}
.awzi-more{margin-top:16px}
/* benchmark */
.awzi-bmhead{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.awzi-bmhead span{font-size:.8rem;color:var(--awi-peach)}
.awzi-panel--dark .awzi-kpis>div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.awzi-panel--dark .awzi-kpis b{color:#fff}.awzi-panel--dark .awzi-kpis small{color:#9AA4C6}
.awzi-range{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--awi-blue),var(--awi-lav));position:relative;margin:18px 0 4px}.awzi-range i{position:absolute;top:-5px;width:4px;height:20px;border-radius:2px;background:#fff;transform:translateX(-50%)}
.awzi-notes{display:grid;gap:10px;margin:14px 0 0;font-size:.88rem}.awzi-notes dt{font-weight:700;color:#fff}.awzi-notes dd{margin:2px 0 0}
/* cases / lessons / library */
.awzi-case{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--awi-r);background:#fff;border:1px solid var(--awi-line);text-decoration:none;color:var(--awi-ink);transition:transform .25s,box-shadow .25s}.awzi-case:hover{transform:translateY(-4px);box-shadow:0 24px 40px -26px rgba(57,123,255,.6)}
.awzi-case h3{margin:0}.awzi-case p{margin:0;color:var(--awi-mute);font-size:.88rem}.awzi-case ul{list-style:none;padding:0;margin:6px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.awzi-case li b{display:block;font-size:1rem;overflow-wrap:anywhere}.awzi-case li small{font-size:.7rem;color:var(--awi-mute)}
.awzi-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin-bottom:20px}.awzi-meta span{padding:12px 14px;border-radius:14px;background:var(--awi-cloud);font-size:.9rem}.awzi-meta b{display:block;font-size:.72rem;color:var(--awi-mute);text-transform:uppercase;letter-spacing:.04em}
.awzi-charts2{margin-top:20px}
.awzi-list-ok,.awzi-list-warn{padding-left:0;list-style:none;display:grid;gap:10px}.awzi-list-ok li,.awzi-list-warn li{padding:12px 14px 12px 40px;border-radius:14px;background:#fff;border:1px solid var(--awi-line);position:relative}
.awzi-list-ok li:before{content:"✓";position:absolute;left:14px;color:var(--awi-blue);font-weight:800}.awzi-list-warn li:before{content:"!";position:absolute;left:15px;color:var(--awi-peach);font-weight:800}
.awzi-lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.awzi-lesson,.awzi-lib{padding:22px;border-radius:var(--awi-r);background:#fff;border:1px solid var(--awi-line);scroll-margin-top:96px}.awzi-lesson h3,.awzi-lib h3{margin:8px 0}
.awzi-concept{font-size:1.02rem}.awzi-ex{padding:14px;border-radius:14px;background:var(--awi-cloud);margin:12px 0}.awzi-ex>b{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--awi-blue)}.awzi-ex p{margin:6px 0}
.awzi-mini{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.awzi-mini li{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--awi-line)}.awzi-mini small{display:block;font-size:.68rem;color:var(--awi-mute)}.awzi-mini b{overflow-wrap:anywhere}
.awzi-per{color:var(--awi-mute)}
.awzi-cc{display:grid;gap:8px;margin:10px 0}.awzi-cc dt{font-weight:700;font-size:.82rem}.awzi-cc dt.y{color:#1F8FA3}.awzi-cc dt.n{color:#C9574C}.awzi-cc dd{margin:0}
.awzi-take{padding:12px 14px;border-left:4px solid var(--awi-lav);background:rgba(167,139,250,.1);border-radius:0 12px 12px 0}
.awzi-hyp{background:rgba(255,155,145,.22)!important;color:#9B3A30!important}
.awzi-formula{font-size:.85rem;color:var(--awi-mute)}
.awzi-links{font-size:.88rem}
.awzi-libprev{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.awzi-libprev a{display:block;padding:16px;border-radius:var(--awi-r);background:#fff;border:1px solid var(--awi-line);text-decoration:none;color:var(--awi-ink);height:100%}.awzi-libprev small{display:block;color:var(--awi-blue);font-size:.72rem}
.awzi-timeline{list-style:none;margin:22px 0;padding:0 0 0 22px;border-left:3px solid var(--awi-lav);display:grid;gap:18px}.awzi-timeline li{position:relative}.awzi-timeline li:before{content:"";position:absolute;left:-30px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--awi-blue);box-shadow:0 0 0 4px rgba(57,123,255,.2)}.awzi-timeline p{margin:4px 0}
.awzi-acc details{background:#fff;border:1px solid var(--awi-line);border-radius:16px;padding:14px 18px;margin-bottom:10px}.awzi-acc summary{cursor:pointer;font-weight:700;min-height:28px}
.awzi-twin-note h2{margin-top:0}
/* myth buster */
.awzm-play{background:linear-gradient(135deg,var(--awi-navy),#17214A);border-radius:28px;padding:clamp(20px,4vw,40px);color:#C9D0E8;border:1px solid rgba(167,139,250,.3)}.awzm-play h2,.awzm-play h3{color:#fff}
.awzm-qh{display:flex;justify-content:space-between;font-size:.85rem}.awzm-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.14);margin:8px 0 16px}.awzm-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--awi-blue),var(--awi-cyan));transition:width .4s}
.awzm-qc{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--awi-peach)}
.awzm-ans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}@media(max-width:640px){.awzm-ans{grid-template-columns:minmax(0,1fr)}}
.awzm-ans .awz-btn{width:100%;justify-content:center;color:#fff;border-color:rgba(255,255,255,.3);min-height:48px}.awzm-ans .right{background:#1F8FA3!important;border-color:#55D6E8!important}.awzm-ans .wrong{background:#B84B40!important}
.awzm-fb{background:#fff;color:var(--awi-ink);border-radius:18px;padding:16px;margin-top:6px}.awzm-fb:empty{display:none}.awzm-res.ok{color:#1F8FA3;font-weight:800}.awzm-res.no{color:#C9574C;font-weight:800}
.awzm-verdict{display:inline-block;padding:4px 12px;border-radius:99px;font-size:.82rem;margin:0 0 6px}.awzm-verdict.v-true{background:rgba(85,214,232,.28)}.awzm-verdict.v-false{background:rgba(255,155,145,.3)}.awzm-verdict.v-depends{background:rgba(167,139,250,.28)}
.awzm-reveal h5{margin:12px 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--awi-mute)}.awzm-src{padding-left:18px;font-size:.82rem;color:var(--awi-mute)}.awzm-src em{font-style:normal;font-size:.7rem;padding:1px 8px;border-radius:99px;background:rgba(57,123,255,.1);color:var(--awi-blue)}
.awzm-fb h5{margin:12px 0 4px;font-size:.78rem;text-transform:uppercase;color:var(--awi-mute)}.awzm-fb .awzm-src{font-size:.8rem}
.awzm-final{text-align:center}.awzm-score{font-family:'Bricolage Grotesque',Inter,sans-serif;color:#fff}.awzm-score b{font-size:4.4rem;color:var(--awi-cyan)}.awzm-score span{font-size:1.4rem}
.awzm-dots{display:flex;justify-content:center;gap:6px;margin:10px 0}.awzm-dots i{width:12px;height:12px;border-radius:50%;background:#55D6E8}.awzm-dots i.no{background:#FF9B91}.awzm-final .awz-actions{justify-content:center}.awzm-final .awz-btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.awzm-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.awzm-tools input{max-width:360px}
.awzm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.awzm-card{background:#fff;border:1px solid var(--awi-line);border-radius:var(--awi-r);padding:20px;scroll-margin-top:96px;display:flex;flex-direction:column;gap:10px}.awzm-card h3{margin:0;font-size:1.05rem}.awzm-cat{font-size:.72rem;color:var(--awi-blue);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.awzm-card:target{box-shadow:0 0 0 3px var(--awi-lav)}
.awzm-rev{align-self:flex-start;min-height:44px}.awzm-reveal{animation:awzmIn .35s ease}@keyframes awzmIn{from{opacity:0;transform:translateY(-6px)}}.reduced .awzm-reveal{animation:none}
.awzm-links{display:flex;gap:14px;flex-wrap:wrap;font-size:.88rem}
/* myth teaser */
.awzi-mt-head{align-items:center}.awzi-mt-cards{display:grid;gap:12px}.awzi-mt-card{display:block;padding:18px;border-radius:var(--awi-r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none}.awzi-mt-card small{display:block;color:var(--awi-cyan);font-size:.72rem}.awzi-mt-card b{display:block;margin:4px 0}.awzi-mt-card span{font-size:.82rem;color:var(--awi-peach)}
@media(max-width:380px){.awzi-case ul{grid-template-columns:minmax(0,1fr)}.awzi-ec dl{grid-template-columns:minmax(0,1fr)}}
@media print{.awzi-tip{display:none!important}}
/* robust answer-button look on the dark quiz panel, whatever the theme's ghost button uses */
.awzm-ans .awz-btn:not(.right):not(.wrong){background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}
.awzm-ans .awz-btn:disabled{opacity:1;cursor:default}
.awzm-ans .awz-btn:disabled:not(.right):not(.wrong){opacity:.55}
.awzm-ans .awz-btn.right,.awzm-ans .awz-btn.wrong{color:#fff}
.awzm-ans .awz-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}
