:root{--red:#da291c;--red-dark:#b72116;--ink:#17191c;--muted:#565d65;--line:#dce0e4;--soft:#f4f6f8;--cyan:#56c5e7;--blue:#146685;--purple:#6147a0;--max:1200px;--font:Oxygen,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;background:white}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button,a,input,select,summary{outline-offset:5px}:focus-visible{outline:3px solid var(--blue)}button{color:inherit}button:disabled{cursor:default;opacity:.45}button,a{ -webkit-tap-highlight-color:transparent }[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.16;font-weight:700}h2{font-size:clamp(2rem,3.5vw,2.9rem);letter-spacing:-.035em}h3{font-size:1.45rem;letter-spacing:-.02em}p+p{margin-top:1rem}.wrap{width:min(var(--max),calc(100% - 80px));margin:auto}.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1.5}.muted{color:var(--muted)}.small{font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-100px;left:10px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 19px;border:1px solid var(--ink);background:transparent;border-radius:4px;text-decoration:none;font-size:.9rem;font-weight:700;line-height:1.4;transition:background .18s,color .18s}.btn:hover{background:var(--soft)}.btn-primary{background:var(--red);color:white;border-color:var(--red)}.btn-primary:hover{background:var(--red-dark)}.btn-white{color:var(--ink);background:white;border-color:white}.btn-white:hover{background:#dfeef5}.btn-light{border-color:#67717c;color:white}.btn-light:hover{background:#303943}.text-button{border:0;border-bottom:1px solid currentColor;background:transparent;padding:5px 0;color:var(--red);font-weight:700;font-size:.875rem;min-height:38px;line-height:1.5}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.section{padding:80px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:32px}.section-head p{max-width:430px;color:var(--muted)}.section-head .eyebrow{color:var(--muted);margin-bottom:12px}.rule{height:4px;width:72px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--red));margin-bottom:24px}.source{font-size:14px;color:var(--muted);line-height:1.55}.source button{font-size:inherit;min-height:32px}.tag{display:inline-block;background:#edf4f7;color:#24566a;border-radius:3px;font-size:14px;padding:3px 8px;font-weight:700}.section-anchor{scroll-margin-top:105px}
header{border-bottom:1px solid var(--line);background:white;position:relative;z-index:20}.masthead{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{width:122px;height:auto;display:block}.masthead-brand{display:flex;gap:28px;align-items:center}.masthead-brand span{font-size:14px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.masthead .btn{font-size:14px;padding:9px 16px;min-height:42px}.hero{position:relative;overflow:hidden;padding:61px 0 57px;background:linear-gradient(120deg,#fff 50%,#f3faff 100%)}.hero:before{content:"";position:absolute;right:-165px;top:-225px;width:520px;height:520px;border:1px solid #c7e8f4;transform:rotate(45deg);border-radius:60px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:center}.hero .eyebrow{color:var(--muted);margin-bottom:18px}.hero h1{font-size:clamp(2.8rem,4.4vw,3.75rem);letter-spacing:-.05em;line-height:1.05;margin-bottom:20px;max-width:650px}.hero h1 span{color:var(--red)}.hero-sub{font-size:1.25rem;line-height:1.55;max-width:540px}.hero-copy{color:var(--muted);margin-top:20px;max-width:590px}.hero .row{margin-top:25px}.research-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;font-size:14px;color:var(--muted)}.research-meta span+span{border-left:1px solid #bcc3c9;padding-left:14px}.hero-evidence{background:#17252e;color:#fff;border-radius:6px;padding:32px 34px 26px;box-shadow:18px 18px 0 #cbeaf4;position:relative}.hero-evidence .eyebrow{color:#93dff5;margin-bottom:9px;font-size:14px}.hero-number{font-size:6rem;line-height:1.1;letter-spacing:-.075em;font-weight:700}.hero-number span{font-size:2.6rem;color:#93dff5;letter-spacing:-.05em}.hero-evidence h2{font-size:1.45rem;letter-spacing:-.02em;line-height:1.35;margin:10px 0 16px}.hero-evidence p{color:#c8d4db;font-size:.875rem}.hero-evidence .source{border-top:1px solid #42525d;padding-top:18px;margin-top:20px;color:#c8d4db}.hero-evidence .text-button{color:#a4e2f3}
.section-nav{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 2px 6px #00000005}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:66px}.nav-links{display:flex;gap:28px}.nav-links a{font-size:.875rem;text-decoration:none;padding:20px 0;border-bottom:3px solid transparent}.nav-links a:hover,.nav-links a[aria-current]{border-color:var(--red)}.nav-label{font-size:14px;color:var(--muted)}
.theme-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-bottom:1px solid var(--line);margin-bottom:36px}.theme-tab{text-align:left;border:0;border-bottom:3px solid transparent;background:white;padding:17px 17px 20px;display:flex;gap:12px;align-items:center;font-size:.94rem;line-height:1.25}.theme-tab .num{font-size:14px;color:var(--muted)}.theme-tab[aria-selected=true]{border-color:var(--red);background:#fff5f3;color:var(--red);font-weight:700}.theme-tab:hover{background:var(--soft)}.theme-content{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;min-height:380px}.theme-story h3{font-size:2rem;line-height:1.22;margin:12px 0 18px;letter-spacing:-.03em}.theme-story>p{color:var(--muted)}.theme-meaning{border-left:3px solid var(--red);padding-left:20px;margin:24px 0}.theme-meaning strong{display:block;margin-bottom:7px}.theme-meaning p{font-size:.94rem}.theme-chart{background:var(--soft);padding:28px 30px;border-radius:5px}.theme-chart h4{font-size:1.1rem;line-height:1.5;margin-bottom:22px}.theme-chart .source{margin-top:20px}.theme-evidence{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:34px;padding-top:20px}.theme-mini{flex:1}.theme-mini b{font-size:1.8rem;font-weight:700;letter-spacing:-.04em}.theme-mini p{font-size:14px;line-height:1.5;color:var(--muted)}.bars{display:flex;flex-direction:column;gap:16px}.bar-row{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(90px,1fr) 42px;gap:15px;align-items:center;font-size:.875rem;line-height:1.4}.bar-track{height:10px;background:#dde3e8;border-radius:2px;position:relative;overflow:hidden}.bar-fill{height:100%;width:var(--bar);background:var(--red);border-radius:2px;transition:width .4s ease}.bar-value{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.theme-controls{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.theme-controls .small{color:var(--muted)}
.sim-section{background:#15232d;color:white;position:relative}.sim-section .section-head p{color:#c8d4db}.sim-section .eyebrow{color:#83d7f0}.sim-intro{font-size:14px;display:inline-flex;align-items:center;gap:8px;color:#b6c8d4;border-left:2px solid var(--cyan);padding-left:12px;margin-top:16px}.sim-grid{display:grid;grid-template-columns:300px 1fr;gap:32px}.sim-controls{border:1px solid #41505a;border-radius:5px;padding:25px;height:fit-content}.field{display:block;margin-bottom:21px}.field>span,.field>label{display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}.field select{width:100%;padding:12px 10px;background:#fff;color:var(--ink);border:1px solid #aab2b9;border-radius:4px;font-size:1rem;min-height:46px}.field input[type=range]{width:100%;accent-color:#72d8f4}.field .help{display:block;color:#c1d2dc;font-size:14px;line-height:1.5;font-weight:400;margin-top:8px}.check{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;line-height:1.5;margin:17px 0;cursor:pointer}.check input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--red);flex:none}.sim-buttons{border-top:1px solid #41505a;padding-top:20px;margin-top:20px}.sim-buttons .btn{width:100%;margin-top:10px}.sim-stage{background:white;border-radius:5px;color:var(--ink);overflow:hidden}.sim-stage-head{padding:22px 27px 0;border-bottom:0px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.sim-stage-head h3{font-size:1.1rem}.sim-step{font-size:14px;color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 27px 16px;gap:6px}.journey span{font-size:14px;line-height:1.4;border-top:3px solid #dce1e5;padding-top:9px;color:var(--muted)}.journey span.active{border-color:var(--red);color:var(--red);font-weight:700}.journey span.done{border-color:var(--blue);color:var(--blue)}.sim-body{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;padding:18px 27px 27px}.conversation-label{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700}.bubble{border-radius:5px;padding:15px 17px;font-size:.9rem;line-height:1.6;background:#f1f4f6;margin-bottom:12px}.bubble.customer{background:#e9f5fa;margin-left:20px}.bubble strong{display:block;font-size:14px;margin-bottom:5px;color:#36546a}.bubble.human{border-left:3px solid var(--red)}.company-view{border-left:1px solid var(--line);padding-left:24px}.context-line{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.context-line b{display:block;font-size:14px;color:var(--muted);margin-bottom:3px}.sim-status{padding:18px 27px;background:#edf5f8;font-size:.9rem;line-height:1.6}.sim-status strong{display:block}.sim-evidence{margin-top:24px;color:#c5d6e0;font-size:.875rem;line-height:1.65}.sim-evidence .text-button{color:#9cdff3}.sim-approve{margin-top:12px}
.explorer-section{background:#f5f7f9}.explorer-shell{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:6px;background:white;overflow:hidden}.explorer-aside{padding:24px;background:#eef2f5;border-right:1px solid var(--line)}.explorer-aside .field{margin-bottom:15px}.explorer-aside .field select{border-color:#bdc7cf;font-size:.875rem}.explorer-aside .field .help{color:var(--muted)}.question-list{display:flex;flex-direction:column;gap:2px;max-height:620px;overflow:auto;margin:14px -8px 0;padding:0 8px}.q-button{background:transparent;border:0;border-left:3px solid transparent;text-align:left;padding:10px 9px;font-size:14px;line-height:1.5;min-height:44px}.q-button b{font-size:14px;display:block;color:var(--muted)}.q-button:hover{background:#e2e8ed}.q-button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:white;font-weight:700}.explorer-main{min-width:0;padding:32px 36px}.q-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-bottom:13px}.explorer-main h3{font-size:1.75rem;margin-bottom:15px}.question-wording{font-size:1rem;line-height:1.65;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:23px}.explorer-main .bar-row{grid-template-columns:minmax(190px,1.1fr) minmax(100px,1fr) 43px}.chart-axis{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin:18px 58px 0 51.5%}.chart-note{font-size:14px;color:var(--muted);margin:15px 0 24px}.q-insight{background:#f5f8fa;border-left:3px solid var(--cyan);padding:18px 20px;margin-top:22px;font-size:.9rem}.q-insight b{display:block;margin-bottom:5px}.q-insight p+p{margin-top:8px}.q-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;flex-wrap:wrap}.data-details{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;font-weight:700;font-size:.875rem;min-height:40px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;margin-top:12px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--soft);font-weight:700}td:last-child,th:last-child{text-align:right}caption{text-align:left;margin-bottom:10px;color:var(--muted)}.matrix-selector{display:flex;gap:15px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.matrix-selector select{padding:10px;border:1px solid #b0bdc6;border-radius:4px;max-width:100%;font-size:.9rem;background:white}
.action-section .section-head{margin-bottom:35px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.action-item{border-top:3px solid var(--red);padding-top:20px}.action-item .eyebrow{color:var(--muted);margin-bottom:12px}.action-item h3{font-size:1.3rem;line-height:1.35;margin-bottom:14px}.action-item p{color:var(--muted);font-size:.94rem}.platform{margin-top:50px;background:#f3f7fa;border-radius:5px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:35px 40px;align-items:center}.platform h3{font-size:1.65rem;margin:8px 0 14px}.platform p{color:var(--muted);font-size:.94rem}.platform .row{justify-content:flex-end}.platform .source{margin-top:14px}.report-section{background:#fff4f2;border-top:1px solid #f1d3ce;border-bottom:1px solid #f1d3ce}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.report-grid h2{margin:12px 0 18px}.report-grid p{color:var(--muted)}.report-grid .row{margin-top:25px}.report-card{background:#fff;border:1px solid #e7d5d2;box-shadow:12px 12px 0 #f4d4cd;display:grid;grid-template-columns:10px 1fr;min-height:285px;border-radius:3px}.report-card:before{content:"";background:var(--red)}.report-card-inner{padding:34px}.report-card .logo{width:100px;margin-bottom:24px}.report-card h3{font-size:1.6rem;max-width:290px;margin-bottom:13px}.report-card .small{font-size:.875rem;max-width:340px}.report-card .source{margin-top:22px}.methodology{padding:50px 0 60px}.methodology summary{font-size:1rem;min-height:42px}.methodology-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;font-size:.875rem;color:var(--muted)}.methodology ul{padding-left:20px;margin:12px 0}.footer{background:#17252e;color:#c7d3da;padding:28px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px}.footer a{color:white}.footer strong{color:white}.footer .row{gap:24px}dialog{border:0;border-radius:6px;padding:0;width:min(1100px,95vw);height:min(92vh,1000px);max-width:none;max-height:none;box-shadow:0 15px 80px #0008}dialog::backdrop{background:#10212edb}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;gap:15px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1rem;letter-spacing:0}.dialog-head .btn{min-height:40px;padding:8px 12px;font-size:14px}.dialog-content{height:calc(100% - 125px);background:#edf0f3}dialog iframe{border:0;width:100%;height:100%}.reader-note{padding:10px 20px;font-size:14px;color:var(--muted)}.dialog-head .row{gap:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:40;padding:12px 22px;background:var(--ink);color:white;border-radius:4px;max-width:calc(100% - 32px);font-size:.875rem}.print-only{display:none}
@media(min-width:1500px){:root{--max:1280px}.hero h1{font-size:4rem}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:42px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:3rem}.hero-evidence{padding:25px;box-shadow:10px 10px 0 #cbeaf4}.hero-number{font-size:5rem}.theme-content{gap:35px}.theme-tab{padding:15px 10px;font-size:14px;gap:8px}.theme-chart{padding:24px}.bar-row{grid-template-columns:1.2fr 1fr 38px;gap:10px}.sim-grid{grid-template-columns:255px 1fr;gap:23px}.sim-body{grid-template-columns:1fr}.company-view{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}.company-view-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.explorer-shell{grid-template-columns:230px minmax(0,1fr)}.explorer-main{padding:28px}.explorer-main .bar-row{grid-template-columns:minmax(140px,1.1fr) minmax(70px,1fr) 40px}.report-grid{gap:45px}.platform{gap:30px}.nav-label{display:none}}
@media(max-width:760px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 36px)}.section{padding:55px 0}.masthead{min-height:70px;gap:12px}.masthead-brand span{display:none}.logo{width:106px}.masthead .btn{font-size:14px;padding:8px 10px}.hero{padding:37px 0 40px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(2.65rem,8vw,3.5rem);max-width:600px}.hero-sub{font-size:1.1rem}.hero-copy{font-size:.94rem}.hero-evidence{box-shadow:8px 8px 0 #cbeaf4;padding:24px;display:grid;grid-template-columns:120px 1fr;gap:0 16px}.hero-evidence .eyebrow{grid-column:1/-1}.hero-number{font-size:4.5rem;grid-row:2/4}.hero-number span{font-size:2rem}.hero-evidence h2{font-size:1.1rem;margin:8px 0}.hero-evidence p{font-size:14px}.hero-evidence .source{grid-column:1/-1;margin-top:14px;padding-top:10px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:18px;max-width:none}.nav-inner{min-height:58px;width:100%;padding:0 18px;overflow:auto}.nav-links{gap:23px;white-space:nowrap}.nav-links a{padding:15px 0;font-size:14px}.theme-tabs{grid-template-columns:repeat(5,1fr);margin-bottom:25px}.theme-tab{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 4px;font-size:14px;line-height:1.5}.theme-content{grid-template-columns:1fr;gap:25px}.theme-story h3{font-size:1.8rem}.theme-chart{padding:22px}.theme-evidence{gap:15px}.theme-mini b{font-size:1.65rem}.theme-controls{gap:14px}.sim-grid{grid-template-columns:1fr}.sim-controls{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.sim-controls .field{margin-bottom:15px}.sim-controls .sim-buttons{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.sim-buttons .btn{width:auto;flex:1;margin-top:0;white-space:normal}.sim-controls .check{font-size:14px}.sim-stage-head,.sim-body,.journey{padding-left:20px;padding-right:20px}.sim-body{grid-template-columns:1fr}.sim-status{padding:18px 20px}.explorer-shell{grid-template-columns:1fr}.explorer-aside{border-right:0;border-bottom:1px solid var(--line);padding:19px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.question-list{display:none}.explorer-aside .field{margin:0}.question-mobile{display:block!important}.explorer-aside .source{grid-column:1/-1}.explorer-main{padding:23px 20px}.explorer-main h3{font-size:1.45rem}.explorer-main .bar-row{grid-template-columns:minmax(140px,1.1fr) minmax(70px,1fr) 39px}.action-grid{grid-template-columns:1fr;gap:30px}.action-item{padding-top:18px}.platform{grid-template-columns:1fr;gap:22px;padding:27px}.platform .row{justify-content:flex-start}.report-grid{grid-template-columns:1fr;gap:36px}.report-card{max-width:520px}.methodology-body{grid-template-columns:1fr;gap:22px}.footer .wrap{flex-direction:column;align-items:flex-start}.dialog-head{align-items:flex-start;flex-direction:column;padding:12px 16px}.dialog-content{height:calc(100% - 165px)}.reader-note{padding:8px 16px}.dialog-head h2{font-size:.9rem}}
@media(max-width:420px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:2.7rem}.hero-evidence{grid-template-columns:100px 1fr;padding:20px}.hero-number{font-size:3.9rem}.theme-tab{font-size:14px}.theme-tab .num{font-size:14px}.theme-chart{padding:20px 16px}.theme-evidence{flex-direction:column;gap:12px}.theme-mini{display:flex;gap:14px;align-items:center}.theme-mini b{min-width:70px}.bar-row,.explorer-main .bar-row{grid-template-columns:minmax(125px,1.3fr) minmax(55px,1fr) 35px;gap:8px;font-size:14px}.sim-controls{grid-template-columns:1fr}.sim-controls .sim-buttons{display:block}.sim-buttons .btn{width:100%;margin-top:10px}.sim-stage-head{align-items:flex-start}.journey span{font-size:14px}.explorer-aside{grid-template-columns:1fr}.explorer-main{padding:22px 15px}.question-wording{font-size:.92rem}.theme-controls>.small{display:none}.research-meta{font-size:14px;gap:10px}.research-meta span+span{padding-left:10px}.report-card-inner{padding:27px}.company-view-inner{grid-template-columns:1fr}.btn{font-size:14px;padding:10px 15px}.hero .row{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{header,.section-nav,.theme-tabs,.theme-controls,.sim-section,.explorer-aside,.btn,.text-button,dialog,.toast{display:none!important}.wrap{width:100%}.section{padding:25px 0}.hero{padding:20px 0}.hero h1{font-size:30pt}.hero-grid{grid-template-columns:1.3fr 1fr;gap:25px}.hero-evidence{box-shadow:none;border:1px solid #aaa;color:#111;background:#fff}.hero-evidence p,.hero-evidence .eyebrow,.hero-evidence .source{color:#333}.hero-number{font-size:48pt}.theme-content,.report-grid{grid-template-columns:1fr 1fr;gap:25px}.explorer-shell{display:block;border:0}.explorer-main{padding:0}.bar-track{print-color-adjust:exact;-webkit-print-color-adjust:exact}.bar-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact}.platform{margin-top:25px}.footer{background:white;color:#333}.footer a,.footer strong{color:#111}.print-only{display:block}.source{font-size:14px}}

/* Avaya 2026: presentation layer. Research data and interaction logic stay intact. */
:root{--avaya-red:#da291c;--red:var(--avaya-red);--cyan:#61d6ff;--cyan-soft:#d2f5ff;--blue:#0194d7;--button-blue:#68cffe;--purple:#9c4de8;--lavender:#e6d6fc;--navy:#0d284d;--ink:#202020;--muted:#59595f;--line:#eee;--soft:#f5f5f5;--max:1120px;--font-body:"Noto Sans JP",Arial,sans-serif;--font-heading:"Oxygen",Arial,sans-serif;--font:var(--font-body);--shadow-card:0 8.361px 29.263px rgb(0 0 0 / 8%);--duration-ui:260ms;--ease-ui:cubic-bezier(.22,.61,.36,1)}
html,body{overflow-x:clip}body{font-weight:300;line-height:1.65;letter-spacing:.25px}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:300;letter-spacing:.5px;line-height:1.3}h2{font-size:clamp(30px,3.2vw,38px);letter-spacing:1.5px}h3{font-size:28px}.eyebrow{color:var(--muted);font-weight:300;font-size:14px;letter-spacing:2px;line-height:1.5}.wrap{width:min(var(--max),calc(100% - 96px))}.section{padding:88px 0}.section-head{gap:48px;margin-bottom:42px}.section-head>div{flex:1.25}.section-head>p{flex:1;font-size:17px}.source{font-size:14px}.tag{background:var(--cyan-soft);color:var(--ink);border-radius:0;font-weight:400}.rule{width:88px;background:linear-gradient(90deg,#61d6ff 0 45%,#9c4de8 64%,#da291c 86% 100%)}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button,input,select{font-family:var(--font-body)}.btn,.masthead .btn,.dialog-head .btn{font-size:16px;font-weight:300;min-height:42px;padding:10px 16px;border:1px solid #bcbcbc;border-radius:0;color:var(--ink);background:transparent;transition:background var(--duration-ui) var(--ease-ui)}.btn:hover:not(:disabled){background:var(--soft)}.btn-primary{position:relative;isolation:isolate;border:0;color:#000;background:transparent}.btn-primary::before,.btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;transition:opacity var(--duration-ui) var(--ease-ui)}.btn-primary::before{background:linear-gradient(303.64deg,#d2f5ff 11.49%,#62d6ff 65.39%)}.btn-primary::after{background:linear-gradient(291.27deg,#d2f5ff 105.46%,#62d6ff 202.74%);opacity:0}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible{background:transparent}.btn-primary:is(:hover,:focus-visible)::before{opacity:0}.btn-primary:is(:hover,:focus-visible)::after{opacity:1}.btn-primary [aria-hidden],.brand-glyph{display:none}.text-button{font-size:16px;font-weight:300;min-height:42px;color:var(--ink);border-bottom:1px solid var(--cyan);text-decoration:none}.text-button:is(:hover,:focus-visible){border-color:var(--ink)}button:disabled{opacity:.45}
header{border:0}.masthead{min-height:88px}.logo{width:120px}.masthead-brand span{font-size:14px;font-weight:300}.hero{padding:80px 0 88px;background:linear-gradient(120deg,#fff 52%,#d2f5ff 135%)}.hero::before{right:0;top:0;width:180px;height:100%;border:0;border-radius:0;transform:none;background:var(--avaya-grid-image) right center/auto 100% no-repeat;opacity:.3}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px}.hero h1{font-size:clamp(36px,4.1vw,50px);font-weight:300;line-height:1.2;letter-spacing:1px}.hero h1 span{color:var(--ink)}.hero-sub{font-size:20px;line-height:1.5}.hero-copy{font-size:16px}.hero .row{gap:20px;margin-top:28px}.research-meta{font-size:14px;gap:12px}.research-meta span+span{padding-left:12px}.hero-evidence{color:var(--ink);padding:34px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:0;box-shadow:var(--shadow-card)}.hero-evidence .eyebrow{color:var(--muted);font-size:14px;letter-spacing:2px}.hero-number{font:400 112px/1.2 var(--font-heading);letter-spacing:-3px;color:var(--ink)}.hero-number span{font-size:56px;color:var(--ink);letter-spacing:0}.hero-evidence h2{font-size:28px;letter-spacing:0;font-weight:300}.hero-evidence p,.hero-evidence .source{color:var(--muted)}.hero-evidence .source{border-color:var(--line)}.hero-evidence .text-button{color:var(--ink)}
.section-nav{background:#fff;box-shadow:0 4px 16px rgb(0 0 0 / 5%)}.nav-links{gap:24px}.nav-links a{font-size:16px;font-weight:300;color:#000}.nav-links a:hover,.nav-links a[aria-current]{border-color:var(--cyan)}.nav-label{display:none}.nav-toggle{display:none}.theme-tab{font-size:16px;font-weight:300;padding:20px 12px;gap:10px}.theme-tab[aria-selected=true]{background:#fff;border-color:var(--cyan);color:var(--ink);font-weight:400}.theme-tab .num{color:var(--muted);font-family:var(--font-heading)}.theme-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}.theme-story h3{font-size:30px;line-height:1.3;letter-spacing:.5px}.theme-meaning{border-color:var(--cyan);background:#fff;padding:20px 24px;box-shadow:var(--shadow-card)}.theme-chart{border:1px solid var(--line);border-radius:0;background:#f9f9f9;padding:28px}.theme-chart h4{font-size:20px;font-weight:400}.theme-mini b{font:400 48px/1.3 var(--font-heading);letter-spacing:0}.theme-mini p{font-size:14px}.bar-track{background:#e9e9e9;border-radius:0;height:10px}.bar-fill{background:var(--button-blue);border-radius:0}.bar-value{font-weight:400}.theme-controls{margin-top:40px}
.sim-section{background:var(--soft);color:var(--ink)}.sim-section .section-head p,.sim-section .eyebrow,.sim-intro,.sim-evidence,.field .help{color:var(--muted)}.sim-section .section-head .eyebrow{color:var(--muted)}.sim-grid{grid-template-columns:290px minmax(0,1fr);gap:28px}.sim-controls{background:#fff;border:1px solid var(--line);border-radius:0;padding:24px;box-shadow:var(--shadow-card)}.sim-setup{background:var(--white);margin:-24px -24px 0;padding:24px}.sim-setup .check{margin-bottom:0}.sim-controls .sim-buttons{margin-top:0;border-top:0;padding-top:20px}.field>span,.field>label{font-weight:400}.field select,.matrix-selector select{border:1px solid #bcbcbc;border-radius:0;min-height:46px;font-size:15px}.check input,.field input[type=range]{accent-color:var(--blue)}.sim-buttons{border-color:var(--line)}.sim-buttons .btn--arrow{display:flex;width:fit-content;max-width:calc(100% - 50px);margin:14px auto 0;flex:0 0 auto;transform:translateX(-18px)}.sim-buttons .btn.btn-primary{width:100%;flex:1 0 100%;margin-top:0}.sim-controls>.text-button,.sim-controls>.text-button:is(:hover,:focus-visible){display:block;width:100%;margin:20px 0 0;padding:16px 0 2px;min-height:28px;border:0;border-top:1px solid var(--line);text-align:center;text-decoration:none;color:var(--muted);font-size:14px;line-height:1.4}.sim-stage{border-radius:0;box-shadow:var(--shadow-card)}.sim-stage-head h3{font-size:22px;font-weight:400}.sim-body{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:22px}.journey{gap:12px}.journey span{position:relative;padding-top:26px;border:0;color:var(--muted)}.journey span::before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border:2px solid var(--cyan-soft);border-radius:50%;background:#fff;z-index:1}.journey span::after{content:"";position:absolute;top:8px;left:16px;right:-12px;height:2px;background:var(--cyan-soft)}.journey span:last-child::after{display:none}.journey span.active{color:var(--ink);font-weight:400}.journey span.active::before{border-color:var(--blue)}.journey span.done{color:var(--ink)}.journey span.done::before{content:"✓";background:var(--cyan-soft);font:12px/12px var(--font-body);text-align:center;color:#000}.conversation-label{font-weight:400}.bubble{border-radius:0;background:var(--soft)}.bubble.customer{background:var(--cyan-soft)}.bubble strong{color:var(--ink);font-weight:500}.bubble.human{border-color:var(--cyan);background:var(--lavender)}.sim-status{background:var(--cyan-soft)}.sim-evidence .text-button{color:var(--ink)}.sim-evidence strong{font-weight:700}.btn-white{background:var(--cyan-soft);border-color:transparent}.btn-white:hover:not(:disabled){background:var(--cyan)}
.explorer-section{background:#fff}.explorer-shell{border-radius:0;box-shadow:var(--shadow-card);grid-template-columns:272px minmax(0,1fr)}.explorer-aside{background:#f5f5f5}.q-button{font-weight:300;color:var(--ink);padding:14px 10px}.q-button b{font-weight:400;letter-spacing:1px}.q-button:hover{background:#fff}.q-button[aria-pressed=true]{border-color:var(--cyan);color:var(--ink);font-weight:400}.explorer-main h3{font-size:30px}.q-insight{background:#fff;border-color:var(--cyan);box-shadow:var(--shadow-card);padding:22px 24px}summary{font-weight:400}th{font-weight:500}.action-section{background:#f5f5f5}.action-grid{gap:24px;align-items:stretch}.action-item{border:1px solid var(--line);padding:28px 24px;background:white;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.action-item::before{content:"";display:block;width:40px;height:40px;margin-bottom:24px;background:center/contain no-repeat url("https://www.avaya.com/content/dam/aem-avaya-portal/sites/en/customer-experience-on-their-terms/assets/img/workflow.png")}.action-item:nth-child(2)::before{background-image:url("https://www.avaya.com/content/dam/aem-avaya-portal/sites/en/customer-experience-on-their-terms/assets/img/_permissions.png")}.action-item:nth-child(3)::before{background-image:url("https://www.avaya.com/content/dam/aem-avaya-portal/sites/en/customer-experience-on-their-terms/assets/img/human-expertise.png")}.action-item h3{font-size:26px}.action-item .eyebrow{font-size:14px}.action-item .text-button{align-self:flex-start;margin-top:auto;padding-top:20px}.action-item:is(:hover,:focus-within){background:linear-gradient(156.59deg,#fff 49.54%,#d2f5ff 122.84%)}.platform{background:var(--cyan-soft);border-radius:0;padding:40px;gap:36px}.platform h3{font-size:30px}.platform .row{align-items:stretch;flex-direction:column}.platform .btn{align-self:flex-start}.report-section{background:#fff;border:0}.report-grid{gap:64px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.report-card{border:1px solid var(--line);border-radius:0;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 55%,#d2f5ff);grid-template-columns:5px 1fr}.report-card::before{background:linear-gradient(180deg,#61d6ff 0 45%,#9c4de8 64%,#da291c 86% 100%)}.report-card-inner{padding:40px}.report-card h3{font-size:30px;font-weight:300}.methodology{background:#f9f9f9}.footer{background:var(--navy);color:#fff}.footer .wrap{font-weight:300}dialog{border-radius:0}.dialog-head h2{font-weight:400}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:32px}.theme-content{gap:28px}.sim-grid{grid-template-columns:260px minmax(0,1fr)}.sim-body{grid-template-columns:1fr}.company-view{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}.nav-links{gap:20px}.nav-links a{font-size:14px}.hero-evidence{padding:28px}.explorer-shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:767.98px){.wrap{width:calc(100% - 44px)}.section{padding:64px 0}.hero{padding:48px 0 56px}.hero-grid,.theme-content,.sim-grid,.report-grid,.platform,.explorer-shell{grid-template-columns:1fr}.hero-grid{gap:32px}.hero h1{font-size:36px;line-height:1.2}.hero::before{display:none}.hero-evidence{display:block;padding:28px;box-shadow:var(--shadow-card)}.hero-number{font-size:80px}.hero-number span{font-size:40px}.hero-evidence h2{font-size:26px}.hero-evidence p{font-size:15px}.masthead .btn{font-size:14px;padding:10px 12px}.masthead-brand span{display:none}.masthead{min-height:76px}.logo{width:110px}.section-head{display:block;margin-bottom:30px}.section-head>p{font-size:16px;margin-top:20px}.nav-inner{position:relative;display:block;min-height:58px;overflow:visible;padding:8px 0}.nav-toggle{display:flex;margin-left:auto;align-items:center;justify-content:center;min-width:44px;min-height:42px;background:white;border:1px solid var(--line);color:var(--ink)}.nav-toggle::before{content:"";width:20px;height:14px;background:linear-gradient(var(--ink),var(--ink)) top/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) bottom/100% 2px no-repeat}.nav-links{display:none;white-space:normal;padding:8px 0}.nav-links.is-open{display:flex;flex-direction:column;gap:0}.nav-links a{padding:12px 4px;font-size:16px}.theme-tabs{display:flex;overflow-x:auto;padding:5px 3px;gap:12px;scrollbar-width:thin}.theme-tab{flex:0 0 130px;font-size:15px;padding:14px 8px}.theme-story h3,.explorer-main h3{font-size:28px}.theme-mini b{font-size:42px}.theme-mini p{font-size:14px}.theme-evidence{flex-direction:row}.theme-mini{display:block}.theme-controls{gap:12px}.theme-controls .btn{font-size:14px}.sim-controls{grid-template-columns:1fr;padding:24px;display:block}.sim-buttons{display:flex;flex-wrap:wrap;gap:12px}.sim-buttons .btn{flex:1 1 160px;width:auto;margin:0}.sim-stage-head{flex-wrap:wrap}.sim-stage-head h3{font-size:21px}.explorer-aside{grid-template-columns:1fr}.explorer-main{padding:24px 20px}.action-grid{grid-template-columns:1fr}.platform{padding:28px;gap:24px}.report-card-inner{padding:30px}.report-grid{gap:36px}.company-view-inner{grid-template-columns:1fr}.research-meta{gap:10px}.research-meta span+span{padding-left:10px}.theme-chart{padding:24px 20px}.bar-row,.explorer-main .bar-row{grid-template-columns:minmax(0,1.25fr) minmax(40px,1fr) 36px;gap:10px;font-size:14px}.journey{gap:8px}.journey span{font-size:14px}.journey span::after{right:-8px}.methodology-body{grid-template-columns:1fr}.theme-controls>.small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.nav-toggle{display:none}.section{padding:25px 0}.wrap{width:100%}.hero{padding:20px 0}.hero h1{font-size:30pt}.hero-number{font-size:48pt}.hero-evidence,.action-item,.report-card,.q-insight{box-shadow:none}.footer{background:#fff;color:#202020}}

/* Header and footer aligned with the Avaya AI Role Play Practice Hub. */
.topbar{position:relative;z-index:20;background:#fff;border:0;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#61d6ff,#61d6ff 45.02%,#9c4de8 63.56%,#da291c 85.52%,#da291c) 1;box-shadow:0 3px 16px rgb(0 0 0 / 6%)}
.topbar .masthead{min-height:72px;padding-block:12px;gap:24px}
.topbar .masthead-brand{gap:16px;min-width:0}
.topbar .logo{width:120px;max-height:38px;object-fit:contain}
.topbar .masthead-brand span{display:block;padding-left:16px;border:0;color:var(--ink);font:400 14px/1.4 var(--font-body);letter-spacing:.25px}
.topbar .masthead>.btn{margin-left:auto}
.section-nav{position:sticky;top:0;z-index:15;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 16px rgb(0 0 0 / 5%)}
.section-nav .nav-inner{min-height:66px;padding:0;overflow:visible}
.section-nav .nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:0}
.section-nav .nav-links a{position:relative;padding:12px 0 16px;border:0;color:#000;font:300 16px/1.4 var(--font-body);text-decoration:none}
.section-nav .nav-links a::after{content:"";position:absolute;right:0;bottom:8px;left:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-ui) var(--ease-ui)}
.section-nav .nav-links a:is(:hover,:focus-visible,[aria-current])::after{transform:scaleX(1)}
.section-nav .nav-toggle{display:none;width:44px;min-width:44px;height:44px;margin:0;padding:10px;border:1px solid var(--line);border-radius:0;background:#fff;color:#000;box-shadow:none}
.section-nav .nav-toggle:hover{border-color:var(--cyan)}
.section-nav .nav-toggle::before{content:"";width:22px;height:16px;background:linear-gradient(#000,#000) top/100% 2px no-repeat,linear-gradient(#000,#000) center/100% 2px no-repeat,linear-gradient(#000,#000) bottom/100% 2px no-repeat}
html{scroll-padding-top:90px}.section-anchor{scroll-margin-top:0}
.footer{padding:28px 0;color:#000;background:#fff;border-top:1px solid var(--line);font-family:var(--font-body);font-size:14px;font-weight:300}
.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;font-weight:300}
.footer strong{color:#000;font-weight:400}.footer a{color:#000;text-decoration:none}
.footer .row{gap:12px}.footer .row a+a{border-left:1px solid #bcbcbc;padding-left:12px}
.footer a:is(:hover,:focus-visible){text-decoration:underline;text-decoration-color:var(--cyan);text-underline-offset:5px}
@media(max-width:900px){
 .topbar .masthead{flex-wrap:wrap;gap:16px}
 .topbar .masthead-brand{flex:1}
 .section-nav .nav-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
 .section-nav .nav-inner{display:flex;flex-wrap:wrap;justify-content:flex-end;min-height:58px;padding:7px 0;gap:0}
 .section-nav .nav-links{display:none;width:100%;border-top:1px solid var(--line);padding:12px 0 8px}
 .section-nav .nav-links.is-open{display:flex;align-items:flex-start;gap:0;flex-direction:column;max-height:60vh;overflow-y:auto}
 .section-nav .nav-links a{padding:12px 0}
 .footer .wrap{align-items:flex-start;flex-direction:column;gap:14px}
 html{scroll-padding-top:78px}
}
@media(max-width:580px){
 .topbar .masthead{min-height:68px;padding-block:10px;gap:12px}
 .topbar .masthead-brand{gap:10px}
 .topbar .logo{width:96px;max-height:34px}
 .topbar .masthead-brand>a{flex:0 0 96px}
 .topbar .masthead-brand span{max-width:150px;padding-left:10px;font-size:14px;line-height:1.3}
 .topbar .masthead>.btn{margin-left:0;min-height:42px;font-size:14px}
 .section-nav .nav-toggle{margin-left:auto}
 html{scroll-padding-top:90px}
}
@media print{.topbar{display:none}.footer{background:#fff;color:#000}}


/* Footer content and layout from the AI Role Play Practice Hub reference. */
.footer{padding:28px clamp(22px,5vw,48px)}
.footer-inner{width:min(100%,1080px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
.footer-support,.footer-copy{flex:none}
.footer-support a,.footer-legal a{color:#000;text-decoration:none}
.footer-legal{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:6px;font:inherit}
.footer-separator{color:#bcbcbc}
@media(max-width:1100px){.footer-inner{align-items:flex-start;flex-direction:column;gap:14px}.footer-legal{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:420px){.footer-support a{overflow-wrap:anywhere}}


/* Canonical Avaya secondary CTA: text and animated local arrow asset. */
.btn--arrow{position:relative;display:inline-flex;align-items:center;min-height:42px;max-width:calc(100% - 50px);margin-right:50px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#000;font:300 16px/1.4 var(--font-body);text-decoration:none}
.btn--arrow::before,.btn--arrow::after{content:"";position:absolute;left:100%;margin-left:25px;transform:translateX(-50%);pointer-events:none}
.btn--arrow::before{top:50%;width:20px;box-shadow:0 0 0 1px #61d6ff}
.btn--arrow::after{top:calc(50% - 12px);width:24px;height:24px;background:var(--avaya-arrow-image) center / 24px 16px no-repeat;transition:transform var(--duration-ui) var(--ease-ui),filter var(--duration-ui) var(--ease-ui)}
.btn--arrow:is(:hover,:focus-visible)::before{filter:brightness(0) saturate(0)}
.btn--arrow:is(:hover,:focus-visible)::after{transform:translateX(10px);filter:brightness(0)}
@media print{.btn--arrow{display:none!important}}



/* Header primary CTA shares the canonical two-layer Avaya gradient. */
.masthead .btn-primary{border:0;border-radius:0;background:transparent;color:#000;padding:10px 16px;min-height:42px}
.masthead .btn-primary:hover:not(:disabled),.masthead .btn-primary:focus-visible{background:transparent}


/* Decorative grid behind the left edge of the hero title; out of layout flow. */
.hero-grid{isolation:isolate}
.hero-grid::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-180px;top:0;width:220px;height:360px;background:var(--avaya-grid-image) center / contain no-repeat;opacity:.65}
@media(max-width:1199.98px){.hero-grid::before{display:none}}
@media print{.hero-grid::before{display:none}}


/* Avaya background for the complete research explorer. */
#research.explorer-section{background:#fff url("https://www.avaya.com/content/dam/aem-avaya-portal/sites/en/customer-experience-on-their-terms/assets/img/bg-lp-02.png") top center / contain no-repeat}


/* Keep every question at its content height within the scrolling list. */
.explorer-aside{min-width:0}
.question-list{min-width:0;max-width:100%;margin:14px 0 0;padding:6px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
.q-button{flex:0 0 auto;display:block;width:100%;max-width:100%;min-width:0;height:auto;padding:12px 10px;font-size:16px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.q-button b{display:block;margin-bottom:5px;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:1.2px}

/* finding-tertiary-cta */
.btn-tertiary{border:1px solid #000;border-radius:0;background:transparent;color:#000}
.hero-evidence .source .btn-tertiary{font-size:16px;min-height:42px;margin-top:12px}
.btn-tertiary:hover:not(:disabled){background:var(--soft)}

/* Typography floor: supporting text 14px; compact labels and indicators 12px. */
:root{--font-size-support:14px;--font-size-label:12px}
.source,.chart-note,.reader-note,.field .help,.context-line,.sim-intro,table{font-size:var(--font-size-support)}
.research-meta,.nav-label,.tag,.q-meta,.chart-axis,.sim-step,
.theme-tab .num,.q-button b,.journey span,.conversation-label,
.bubble strong,.context-line b{font-size:var(--font-size-label)}
.eyebrow,.hero-evidence .eyebrow,.action-item .eyebrow{font-size:var(--font-size-support)}


/* Partner Website journey: pale-cyan rings with the same drawn black check. */
.journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-top:32px}
.journey span{position:relative;min-width:0;padding:22px 12px 0 0;border:0;border-top:2px solid var(--line);color:var(--muted);font-size:12px;line-height:1.4}
.journey span::before{content:"";position:absolute;top:-11px;left:0;width:20px;height:20px;border:2px solid #d2f5ff;border-radius:50%;background:#fff;z-index:1;transition:background var(--duration-ui) var(--ease-ui),border-color var(--duration-ui) var(--ease-ui)}
.journey span::after{content:"";display:block;position:absolute;top:-6px;left:8px;right:auto;width:4px;height:8px;background:none;border:solid var(--ink);border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg);z-index:2}
.journey span:last-child::after{display:block}
.journey span:is(.active,.done){border-color:var(--line);color:var(--ink);font-weight:400}
.journey span:is(.active,.done)::before{content:"";background:#d2f5ff;border-color:#d2f5ff}
.journey span:is(.active,.done)::after{opacity:1}
@media(max-width:575.98px){
 .journey{grid-template-columns:1fr;padding-top:20px}
 .journey span{padding:22px 0 20px 30px;border-top-width:1px}
 .journey span:first-child{border-top-width:2px}
 .journey span::before{top:20px}
 .journey span::after{top:25px}
}

/* Shared tertiary treatment, matching Bring in a person. */
.btn.btn-tertiary{min-height:42px;padding:10px 16px;border:1px solid #bcbcbc;border-radius:0;background:transparent;color:var(--ink);font:300 16px/1.4 var(--font-body);box-shadow:none;transition:background var(--duration-ui) var(--ease-ui)}
.btn.btn-tertiary:hover:not(:disabled){background:var(--soft)}
.btn.btn-tertiary:disabled{opacity:.45;cursor:default}

/* Avaya checkbox: cyan fill with an explicit black check. */
input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;display:inline-block;flex:0 0 auto;width:20px;height:20px;border:1px solid #bcbcbc;border-radius:0;background:#fff;vertical-align:middle;cursor:pointer}
input[type="checkbox"]:checked{background:var(--cyan);border-color:var(--cyan)}
input[type="checkbox"]:checked::after{content:"";position:absolute;top:1px;left:6px;width:6px;height:11px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}
input[type="checkbox"]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
input[type="checkbox"]:disabled{opacity:.45;cursor:default}
@media(forced-colors:active){input[type="checkbox"]{appearance:auto;-webkit-appearance:auto}input[type="checkbox"]:checked::after{display:none}}

/* Keep secondary actions aligned at the bottom of the action cards. */
.action-item .btn--arrow{align-self:flex-start;margin-top:auto;text-align:left}
.action-item>p:not(.eyebrow){margin-bottom:20px}

/* Prevent the platform's stretched flex row from separating text and arrow. */
.platform .row>.btn--arrow{align-self:flex-start;width:fit-content}

/* Original report artwork, responsive and uncropped. */
.report-cover{display:block;width:100%;max-width:320px;height:auto;justify-self:center;box-shadow:var(--shadow-card)}

/* Decorative background across the full report section. */
#full-report.report-section{background:#fff url("https://www.avaya.com/content/dam/aem-avaya-portal/sites/en/customer-experience-on-their-terms/assets/img/decorative-bg-2.png") center center / cover no-repeat}


/* Open methodology panels contrast with the section's light gray background. */
.methodology details[open]{background:#fff;border:1px solid var(--line);padding:24px;box-shadow:var(--shadow-card)}
.methodology details[open]>summary{margin-bottom:16px}
.methodology details details[open]{border-left:3px solid var(--cyan);box-shadow:none}
@media(max-width:575.98px){.methodology details[open]{padding:18px}.methodology details details[open]{padding:16px}}

/* Balanced summary spacing; retain the native disclosure marker. */
.data-details{padding-top:0}
.data-details>summary{min-height:44px;padding-block:12px;line-height:20px}
.methodology .data-details>summary{min-height:44px}
.methodology details.data-details[open]>summary{margin-bottom:16px}

/* Right-align question actions, reserving room for the secondary arrow. */
.methodology .data-details>.btn--arrow[data-q]{display:flex;width:fit-content;margin-top:24px;margin-left:auto;margin-right:50px;text-align:left}

.methodology .btn--arrow[data-pdf="55"]{margin-top:24px}

/* Shared disclosure chevron and alignment for both states. */
.data-details:not([open]){padding-block:0}
.data-details>summary{display:flex;align-items:center;gap:10px;min-height:56px;margin:0;padding:16px 0;line-height:24px;list-style:none}
.data-details>summary::-webkit-details-marker{display:none}
.data-details>summary::marker{content:""}
.data-details>summary::before{content:"";flex:0 0 auto;width:7px;height:7px;margin-left:2px;border:solid var(--cyan);border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform var(--duration-ui) var(--ease-ui)}
.data-details[open]>summary::before{transform:rotate(45deg)}

/* Place platform actions side by side, wrapping only when space is limited. */
.platform .row{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;flex-wrap:wrap}
.platform .row>.btn,.platform .row>.btn--arrow{align-self:center;flex:0 0 auto}
@media(min-width:1100px){.platform{grid-template-columns:minmax(0,1fr) auto}}

/* Light-blue square markers for theme numbers. */
.theme-tabs .theme-tab .num{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;background:var(--cyan-soft);color:var(--ink);border-radius:0;font-size:12px;line-height:1}

/* Human expert message: Avaya soft yellow with a black accent border. */
:root{--warning-soft:#fcf6d4}
.bubble.human{background:var(--warning-soft);border-left-color:#000}

/* Match the hero's decorative grid beside the full-report title. */
.report-section{position:relative;overflow:hidden}
.report-grid{position:relative;isolation:isolate}
.report-grid::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-180px;top:0;width:220px;height:360px;background:var(--avaya-grid-image) center / contain no-repeat;opacity:.65}
@media(max-width:1199.98px){.report-grid::before{display:none}}
@media print{.report-grid::before{display:none}}

/* Self-contained SVG artwork: no .svg requests are required for deployment. */
:root{--avaya-grid-image:url("https://www.avaya.com/content/dam/aem-avaya-portal/sites/en/customer-experience-on-their-terms/assets/img/avaya-grid-image.svg");--avaya-arrow-image:url("https://www.avaya.com/content/dam/aem-avaya-portal/sites/en/customer-experience-on-their-terms/assets/img/avaya-arrow-image.svg")}


/* Shared shell dimensions across the two consumer research pages. */
:root{--shell-content-width:1120px;--shell-gutter:22px;--shell-header-row:72px;--shell-logo-width:120px;--shell-logo-height:60px}
.topbar .masthead{width:min(var(--shell-content-width),calc(100% - 2 * var(--shell-gutter)));min-height:var(--shell-header-row);margin-inline:auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px}
.site-header{min-height:calc(var(--shell-header-row) + 3px);padding:12px max(var(--shell-gutter),calc((100% - var(--shell-content-width))/2));align-items:center;gap:16px}
.topbar,.site-header{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#61d6ff 0 45%,#9c4de8 64%,#da291c 86% 100%) 1}
.topbar .masthead-brand,.site-header .brand{min-width:0;flex:0 0 auto}
.topbar .masthead-brand>a{display:flex;align-items:center;flex:0 0 auto}
.topbar .logo,.site-header .brand img{display:block;width:var(--shell-logo-width);height:var(--shell-logo-height);max-width:var(--shell-logo-width);max-height:var(--shell-logo-height);object-fit:contain;object-position:left center}
.topbar .masthead>.btn{flex:0 1 auto;margin-left:auto}
footer.footer{display:block;padding:28px var(--shell-gutter);border-top:1px solid #eee;background:#fff;color:#000;font:300 14px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
footer.footer .footer-inner{width:min(100%,var(--shell-content-width));max-width:var(--shell-content-width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;gap:24px}
footer.footer .footer-copy{flex:none}
footer.footer .footer-legal{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;font:inherit}
footer.footer a{color:#000;font:inherit;text-decoration:none}
footer.footer .footer-separator{color:#bcbcbc}
footer.footer a:is(:hover,:focus-visible){text-decoration:underline;text-decoration-color:#61d6ff;text-underline-offset:5px}
@media(max-width:1100px){footer.footer .footer-inner{align-items:flex-start;flex-direction:column;gap:14px}footer.footer .footer-legal{justify-content:flex-start}}
@media(max-width:767.98px){:root{--shell-header-row:68px;--shell-logo-width:96px;--shell-logo-height:34px}.topbar .masthead{padding-block:10px;gap:12px}.site-header{padding-block:10px}.topbar .masthead>.btn{font-size:14px;padding:10px 12px}}

/* ===== Type scale matched to avaya.com computed styles (Oct 2026) =====
   avaya.com: body Noto Sans JP 300 16/26 · p & links 350 16/25 ls .25px
   h1 Oxygen 300 50/65 ls 2px · h2 Oxygen 300 38/49.4 ls 1.5px
   h3 Noto Sans JP 500 26px ls 1px · h4 Noto Sans JP 350 16/25 ls .25px */

/* Body copy */
body{font-weight:300;line-height:1.625;letter-spacing:normal}
p,li,td,summary{font-weight:350;line-height:1.5625;letter-spacing:.25px}

/* Headings: Oxygen for h1 and h2 only, as on avaya.com */
h1,h2{font-family:var(--font-heading);font-weight:300;line-height:1.3}
h1,.hero h1{letter-spacing:2px;line-height:1.3}
h2{letter-spacing:1.5px}

/* h3 and h4 use Noto Sans JP on avaya.com.
   To keep Oxygen for h3/h4 instead, delete the two font-family declarations below. */
h3{font-family:var(--font-body);font-weight:500;letter-spacing:1px;line-height:1.3}
h4{font-family:var(--font-body);font-weight:350;letter-spacing:.25px;line-height:1.5625}
.theme-story h3,.explorer-main h3,.platform h3,.action-item h3{font-size:26px}
.sim-stage-head h3{font-weight:500}

/* Links, CTAs and navigation: 350 weight like avaya.com links */
.btn,.btn.btn-tertiary,.btn--arrow,.text-button,
.section-nav .nav-links a,.footer a,footer.footer a{font-weight:350;letter-spacing:.25px}
.btn--arrow,.btn.btn-tertiary{line-height:24px}