@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:DMSans;src:url('/assets/fonts/dm-sans.woff2') format('woff2');font-weight:300 800;font-display:swap}
:root{--bg:#f8fafc;--ink:#111827;--muted:#5b6472;--line:#dde3ea;--card:#fff;--green:#1565c0;--green2:#0d1b2a;--soft:#edf5fe;--gold:#4e9ce9;--shadow:0 24px 70px rgba(13,27,42,.10);--support-primary:#1565c0;--support-secondary:#0d1b2a;--support-surface:#f8fafc}
html,body{font-family:DMSans,Arial,sans-serif;background:var(--bg);color:var(--ink)}
button,input,select,textarea{font-family:inherit}
.topbar{height:78px;border-color:rgba(13,27,42,.08);padding-inline:max(22px,calc((100vw - 1240px)/2));box-shadow:0 1px 0 rgba(13,27,42,.02)}
.brand{gap:11px;color:#0d1b2a}.brand-mark{width:49px;height:38px;border:0;border-radius:0;background:transparent;padding:0}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand strong{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em;text-transform:uppercase}.brand small{color:#687385;font-weight:700}
.topbar nav{gap:5px}.nav-link{color:#334155;font-size:.88rem;border-radius:8px}.nav-link:hover{color:#1565c0;background:#edf5fe}.nav-link.nav-strong{color:#1565c0}.btn{border-radius:8px}.btn.primary{background:#1565c0}.btn.primary:hover{background:#0c57ab}.btn.secondary{background:#edf5fe;color:#0d1b2a}.btn.ghost{color:#0d1b2a;border-color:#cad2dd}.btn.ghost:hover{border-color:#1565c0;color:#1565c0}
.hero{margin-top:52px;grid-template-columns:1.15fr .85fr;gap:18px}.hero-copy{position:relative;overflow:hidden;background:#0d1b2a;border-radius:20px;padding:54px;box-shadow:var(--shadow)}.hero-copy:after{content:"";position:absolute;width:160px;height:620px;right:45px;top:-170px;transform:rotate(25deg);background:linear-gradient(90deg,transparent 0 38%,#1565c0 38% 58%,rgba(255,255,255,.045) 58% 75%,transparent 75%);pointer-events:none}.hero-copy>*{position:relative;z-index:1}.eyebrow{font-family:Manrope,sans-serif;color:#1565c0}.hero-copy .eyebrow{color:#7db7f1}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(3.4rem,6vw,5.6rem);letter-spacing:-.065em;line-height:.96;margin:16px 0 19px}.hero p{color:#b9c4d1}.searchbar{border-radius:10px;padding:6px}.hero-copy .searchbar .btn{background:#1565c0}.hero-copy .btn.secondary{background:transparent;border-color:rgba(255,255,255,.35)}
.hero-panel{border-radius:20px;border-color:var(--line);padding:38px}.hero-panel strong,.feature-card h2,.panel h2,.view-head h2,.dialog-card h2,.wow-heading h2,.request-hub h2,.guided-showcase h2,.reusable-product-callout h2{font-family:Manrope,sans-serif;color:#0d1b2a;letter-spacing:-.035em}.status-dot{background:#1565c0;box-shadow:0 0 0 7px #e8f3fe}.hero-panel strong{font-size:30px}
.grid{gap:14px}.feature-card{border-radius:14px;min-height:215px}.feature-card:hover{border-color:#7fb3e7;box-shadow:0 18px 48px rgba(13,27,42,.09)}.feature-card.accent{background:#edf5fe}.feature-card .icon,.feature-card span{color:#1565c0}.feature-card h2{font-size:1.25rem}
.wow-section,.split,.dynamic-view,.wow-stats{max-width:1240px}.deep-stat-grid button,.collection-navigator button,.topic-grid button,.wow-card,.service-card,.request-preview-card,.capability-grid>div,.panel{border-color:var(--line);border-radius:14px}.deep-stat-grid button:hover,.collection-navigator button:hover,.topic-grid button:hover{border-color:#7fb3e7;box-shadow:0 15px 35px rgba(13,27,42,.08)}
.deep-stat-grid strong,.collection-navigator b,.capability-grid b{color:#1565c0;font-family:Manrope,sans-serif}.deep-stat-grid em,.collection-navigator>button>span,.collection-navigator small,.topic-grid b,.read-more{color:#1565c0}.badge,.badge.subtle{background:#edf5fe;color:#1565c0}
.service-hub{background:#f1f5f9}.request-hub{background:#0d1b2a}.request-hub h2,.request-hub .eyebrow{color:#fff}.request-hub p,.request-benefits{color:#b9c4d1}.guided-showcase{background:#edf5fe}.reusable-product-callout,.ai-panel{background:#0d1b2a}.reusable-product-callout h2,.ai-panel h2{color:#fff}.reusable-product-callout p,.ai-panel p{color:#b9c4d1}
.process-grid b{background:#1565c0}.process-grid strong{font-family:Manrope,sans-serif}.support-stat strong,.workspace-toolbar strong,.section-title h3,.guided-flow-card h3{font-family:Manrope,sans-serif;color:#0d1b2a}.workspace-toolbar{background:#0d1b2a}.support-stat strong{color:#1565c0}.guided-flow-card span,.route-share{color:#1565c0}.notice{background:#edf5fe;color:#0d1b2a!important}
dialog{border-radius:16px}.dialog-card input{border-color:#cad2dd}.announcement-zone{background:#edf5fe;color:#0d1b2a}
footer a{color:#1565c0}
*:focus-visible{outline:3px solid rgba(21,101,192,.32);outline-offset:2px}
@media(max-width:980px){.topbar{height:auto;min-height:76px;align-items:flex-start;padding-block:18px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr}.hero-copy{padding:42px}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{display:grid;gap:14px}.topbar nav{justify-content:flex-start}.nav-link{padding:7px 8px;font-size:.78rem}.hero{margin-top:28px}.hero-copy{padding:30px 24px}.hero h1{font-size:3.2rem}.searchbar{display:grid}.searchbar input{min-height:48px}.grid.four{grid-template-columns:1fr}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1}.hero-copy:after{right:-35px;opacity:.7}}

/* Phase B1 — self-service handoff inside the existing structured request wizard. */
.suggested-help-list{display:grid;gap:9px}
.request-help-inline,
.request-help-solved,
.request-help-continue{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:16px;
}
.request-help-inline h4,
.request-help-solved h4,
.request-help-continue h4{margin:6px 0 9px;color:#0d1b2a}
.request-help-back{margin:0 0 14px;padding:0}
.request-help-body{
  max-height:330px;
  overflow:auto;
  padding:12px 0;
  color:#34475c;
  font-size:.88rem;
  line-height:1.58;
  border-top:1px solid #e7edf3;
  border-bottom:1px solid #e7edf3;
}
.request-help-checkpoint{margin-top:14px}
.request-help-checkpoint>strong{display:block;color:#0d1b2a;font-family:Manrope,sans-serif}
.request-help-checkpoint>p,
.request-help-solved p,
.request-help-continue p{color:#66778b;font-size:.8rem;line-height:1.45}
.request-help-checkpoint>div{display:grid;gap:8px;margin-top:12px}
.request-help-solved,
.request-help-continue{background:#f8fbfe}
@media(max-width:720px){
  .request-help-body{max-height:none}
}

/* Ticket detail visual reconciliation v1
   Presentation-only: customer conversation uses WMP blue/navy family.
   Semantic success/warning/error/status colors remain unchanged. */
.conversation{
  background:#f7fafe;
}
.message-customer{
  background:#1565c0;
  color:#fff;
}
.message-customer .message-head,
.message-customer .message-meta,
.message-customer small{
  color:rgba(255,255,255,.82);
}

/* Support brand refresh: approved artwork and typography, October 27, 2026. */
@font-face{font-family:WMPSupportText;src:url('/assets/support-brand-20261027/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap;}
@font-face{font-family:WMPSupportHeading;src:url('/assets/support-brand-20261027/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;}
html,body{font-family:WMPSupportText,'Segoe UI',sans-serif;font-weight:400;line-height:1.65;}
button,input,select,textarea{font-family:inherit;}
h1,h2,h3,h4,h5,h6,.hero h1,.hero-panel strong,.wow-heading h2{font-family:WMPSupportHeading,'Segoe UI',sans-serif;font-weight:650;letter-spacing:-.025em;line-height:1.22;}
.hero h1{font-size:clamp(2.5rem,4.8vw,4rem);line-height:1.16;letter-spacing:-.025em;}
h2{font-size:clamp(1.65rem,3vw,2.25rem);}
h3{font-size:1.25rem;letter-spacing:-.015em;line-height:1.3;}
.hero p{font-size:1.1rem;line-height:1.7;}
.eyebrow,.badge{font-family:WMPSupportText,'Segoe UI',sans-serif;font-weight:650;letter-spacing:.11em;}
.btn,.nav-link,.route-share{font-family:WMPSupportText,'Segoe UI',sans-serif;font-weight:650;letter-spacing:0;line-height:1.4;}
.topbar{height:auto;min-height:94px;gap:24px;padding-block:16px;flex-wrap:wrap;}
.topbar .brand{flex:0 0 auto;max-width:100%;}
.brand-mark.wmp-brand-mark{display:block;width:300px;height:auto;min-width:0;background:transparent;border:0;border-radius:0;flex:0 0 auto;}
.brand-mark.wmp-brand-mark img{display:block;width:100%;height:auto;aspect-ratio:1500 / 187;object-fit:contain;}
.brand:has(.wmp-brand-mark){flex-direction:column;align-items:flex-start;gap:5px;}
.brand:has(.wmp-brand-mark) #brandName{display:none;}
.brand:has(.wmp-brand-mark) #supportName{margin:0;font-family:WMPSupportText,'Segoe UI',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.02em;}
.topbar nav{flex-wrap:wrap;min-width:0;gap:4px;}
.hero-copy:after{opacity:.4;}
.result h3,.deep-view-head h2,.view-head h2{letter-spacing:-.02em;}
footer{gap:24px;flex-wrap:wrap;}
@media(min-width:981px) and (max-width:1180px){.topbar{gap:16px;}.brand-mark.wmp-brand-mark{width:260px;}.topbar nav{gap:1px;}.nav-link{font-size:.8rem;padding-inline:7px;}}
@media(max-width:980px){.topbar{position:relative;align-items:flex-start;}.topbar nav{justify-content:flex-start;}.brand-mark.wmp-brand-mark{width:300px;}}
@media(max-width:680px){.topbar{display:flex;flex-direction:column;align-items:stretch;padding:18px 20px;gap:16px;}.brand-mark.wmp-brand-mark{width:min(310px,calc(100vw - 40px));}.topbar nav{display:flex;gap:6px;}.nav-link{font-size:.85rem;min-height:44px;}.hero h1{font-size:2.5rem;line-height:1.18;}.hero p{font-size:1.05rem;}.hero-actions{flex-direction:column;}.hero-actions .btn{min-height:46px;}.searchbar input{width:100%;}.grid,.hero,footer,.dynamic-view{min-width:0;}.deep-view-head,.view-head{flex-wrap:wrap;}}
@media(max-width:360px){.hero h1{font-size:2.2rem;}.hero-copy{padding:28px 20px;}.nav-link{padding-inline:6px;}.hero-panel{padding:26px;}}

.hero h1,.hero-panel strong,.feature-card h2,.panel h2,.view-head h2,.dialog-card h2,.workspace-toolbar strong,.support-stat strong,.section-title h3,.guided-flow-card h3,.hero-panel strong #resourceCount,.wow-stats strong,.wow-heading h2,.wow-card h3,.guided-showcase h2,.service-card h3,.request-hub-copy h2,.capability-grid b,.request-page-head h3,.wizard-title h3,.wizard-side h4,.customer-welcome h3,.my-help-panel h3,.deep-stat-grid button strong,.collection-navigator b,.deep-view-head h2,.collection-summary strong,.service-detail-hero h3,.category-detail-hero h3,.connected-panel-head h4,.escalation-card h4,.article-related h4,.reusable-product-callout h2{font-family:WMPSupportHeading,'Segoe UI',sans-serif;font-weight:650;letter-spacing:-.025em;line-height:1.25;}
.support-footer-logo{display:none;}body:has(.wmp-brand-mark) .support-footer-logo{display:block;width:min(310px,100%);height:auto;aspect-ratio:1500 / 187;margin-bottom:14px;}.hero-panel p{color:#516479;}.hero-panel strong #resourceCount{font-family:WMPSupportHeading,'Segoe UI',sans-serif;font-weight:650;}.announcement p{font-size:.85rem;line-height:1.6;}.announcement strong{font-size:.9rem;}.announcement a{font-size:.8rem;}.article-body{line-height:1.75;}@media(max-width:980px){.topbar nav .nav-link{display:inline-flex;align-items:center;}.topbar nav{justify-content:flex-start;}}