:root{--blue:#0877ee;--blue-dark:#062d69;--navy:#062b66;--ink:#073b9b;--text:#1e4b83;--muted:#6f84a0;--line:#cfe1f4;--soft:#f6faff;--green:#16a34a;--shadow:0 4px 14px rgba(7,64,130,.12)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,96%);margin:0 auto}
.header{background:#fff;border-bottom:1px solid #d9e6f4}.header .wrap{min-height:78px;display:grid;grid-template-columns:265px 1fr 350px;align-items:center;gap:18px}.logo{width:245px;display:block}.nav{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;color:#073b9b;white-space:nowrap}.nav a:hover{color:#005bd8}.get-help{background:#0877ee;color:#fff;padding:10px 17px;border-radius:4px;font-weight:700}.independent{text-align:right;color:#073b9b;font-size:10px;line-height:1.35}.independent strong{display:block;font-size:14px}
.hero{background:linear-gradient(100deg,#062d66 0%,#0877d8 60%,#0a9be2 100%);color:#fff;position:relative;overflow:hidden}.hero .wrap{min-height:318px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center}.hero-copy{padding:24px 0}.hero h1{font-size:48px;line-height:.98;margin:0 0 13px;letter-spacing:-1.5px}.hero p{font-size:16px;line-height:1.45;max-width:530px;margin:0 0 18px}.hero-search{display:flex;max-width:600px;background:#fff;border-radius:3px;overflow:hidden}.hero-search input{flex:1;border:0;padding:13px 15px;outline:0;color:#486585}.hero-search button{width:52px;border:0;background:#0877ee;color:#fff;font-size:24px}.hero-image{display:flex;justify-content:flex-end;align-items:center;height:100%}.hero-image img{width:min(500px,100%);max-height:285px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.23))}
.quick-wrap{margin-top:-18px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick{background:#fff;border:1px solid var(--line);padding:14px 10px;text-align:center;box-shadow:var(--shadow);min-height:120px}.quick .icon{font-size:27px;color:#0877ee;line-height:1}.quick h3{margin:7px 0 3px;font-size:13px;color:#083f9e}.quick p{font-size:10px;margin:0;color:#6b809a}.quick a{display:inline-block;margin-top:6px;font-size:10px;color:#0877ee;font-weight:700}
.section{padding:28px 0}.soft{background:#f7fbff}.section-title{text-align:center;margin-bottom:15px}.section-title h2{margin:0;color:#063c9d;font-size:27px}.section-title p{margin:5px 0 0;font-size:12px;color:#6e819b}.dark{background:linear-gradient(180deg,#052b66,#063d79);color:#fff}.dark .section-title h2,.dark .section-title p{color:#fff}.help-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.help-card{background:#fff;color:#073b9b;border-radius:6px;padding:13px 8px;text-align:center;min-height:132px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.help-card .icon{font-size:27px;color:#0877ee}.help-card h3{font-size:12px;line-height:1.15;margin:7px 0 3px}.help-card p{font-size:9px;line-height:1.25;color:#667d98;margin:0}.help-card a{display:block;margin-top:6px;font-size:9px;color:#0877ee;font-weight:700}
.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.brand-tile{height:57px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:800;font-size:18px;box-shadow:0 2px 7px rgba(10,76,145,.04)}.brand-tile.hp{color:#0b72e9}.brand-tile.canon{color:#e01c25;font-family:Georgia,serif}.brand-tile.epson{color:#1245c3}.brand-tile.brother{color:#065fe8}.brand-tile.lexmark{color:#3f4b43}.brand-tile.samsung{color:#fff;background:#1551b8;border-radius:50%}.brand-tile.xerox{color:#e31a1a}.brand-tile.ricoh{color:#d61b28}.brand-tile.kyocera{color:#d61c2c}.brand-tile.other{color:#0b4b9e}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-box{border:1px solid var(--line);background:#fff;padding:20px;box-shadow:var(--shadow)}.info-box h2{margin:0 0 8px;color:#063d9d;font-size:22px}.info-box p,.info-box li{font-size:12px;line-height:1.6;color:#5f7691}.info-box ul{padding-left:20px}.btn{display:inline-block;border:1px solid #b9d5ef;padding:9px 18px;border-radius:4px;font-weight:700;font-size:11px;cursor:pointer}.btn.primary{background:#0877ee;color:#fff;border-color:#0877ee}.btn.outline{background:#fff;color:#0877ee}.btn.green{background:#0a9145;color:#fff;border-color:#0a9145}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.topic{border:1px solid var(--line);background:#fff}.topic img{width:100%;height:110px;object-fit:cover;display:block}.topic-body{padding:11px}.topic h3{font-size:13px;color:#073b9b;margin:0 0 5px}.topic p{font-size:10px;color:#6b8099;line-height:1.4;margin:0 0 7px}.topic a{font-size:10px;color:#0877ee;font-weight:700}
.article{max-width:1000px}.article h1{color:#063d9d;font-size:29px}.article h2{color:#063d9d;font-size:20px;margin-top:24px}.article h3{color:#0b4e9d;font-size:16px}.article p,.article li{font-size:13px;line-height:1.75;color:#526b88}.article .callout{background:#edf6ff;border-left:4px solid #0877ee;padding:14px}.center{text-align:center}
.flow{background:#f7fbff;min-height:calc(100vh - 78px);padding:18px 0 40px}.flow-card{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.flow-head{text-align:center;padding:14px 20px 0}.flow-head h1{margin:0;color:#063d9d;font-size:24px}.flow-head p{font-size:11px;color:#6c819b;margin:4px 0}.steps{display:flex;justify-content:space-between;position:relative;padding:14px 35px 16px}.steps:before{content:"";position:absolute;left:62px;right:62px;top:25px;height:2px;background:#d6e5f4}.step{position:relative;z-index:1;text-align:center;font-size:10px;color:#7c8fa8;min-width:70px}.step span{display:block;margin:0 auto 4px;width:23px;height:23px;border-radius:50%;background:#e9f1fa;border:1px solid #a9bfd9;color:#67809d;line-height:21px;font-weight:700}.step.on{color:#063d9d;font-weight:700}.step.on span{background:#0877ee;color:#fff;border-color:#0877ee}.flow-body{padding:10px 25px 22px;text-align:center}.flow-body h2{font-size:21px;color:#063d9d;margin:4px 0}.flow-body>p{font-size:11px;color:#6f849e;margin:4px 0 13px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.option{background:#fff;border:1px solid var(--line);min-height:86px;padding:12px 7px;color:#063d9d;font-weight:700;cursor:pointer;border-radius:4px}.option:hover{border-color:#0877ee;box-shadow:0 3px 10px rgba(0,112,230,.12)}.mark{display:block;font-size:25px;line-height:30px;color:#0877ee;margin-bottom:4px}.option small{display:block;color:#7990a9;font-size:9px;font-weight:400}.searchbar{display:flex;border:1px solid var(--line);margin:10px auto;max-width:690px}.searchbar input{flex:1;border:0;padding:10px;outline:0}.searchbar button{border:0;background:#0877ee;color:#fff;width:48px}.model-list{border:1px solid var(--line);max-width:690px;margin:10px auto;text-align:left}.model-list a{display:block;padding:8px 12px;border-bottom:1px solid #e5eef7;color:#0877ee;font-size:11px}.model-list a:last-child{border-bottom:0}.model-list a:hover{background:#f2f8ff}.flow-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.flow-actions .btn{min-width:135px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:left}.field label{display:block;font-size:10px;color:#42607f;margin-bottom:3px}.field input,.field select,.field textarea{width:100%;border:1px solid #c9ddec;padding:8px;border-radius:3px;outline:0;background:#fff;font-size:11px}.field textarea{min-height:72px;resize:vertical}.field.full{grid-column:1/-1}.form-note{font-size:9px;color:#7c90a7;margin-top:8px;text-align:left}
.brand-hero{background:linear-gradient(90deg,#eef7ff,#fff);border-bottom:1px solid var(--line)}.brand-layout{min-height:190px;display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:25px}.brand-badge{display:inline-flex;width:82px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#0877ee;color:#fff;font-weight:800;font-size:22px;margin-right:8px}.brand-layout h1{display:inline;color:var(--brand,#0877ee);font-size:30px;vertical-align:middle}.brand-layout p{font-size:12px;color:#667c96;max-width:600px;line-height:1.5}.brand-printer{text-align:right}.brand-printer img{width:260px;height:125px;object-fit:cover;border-radius:5px}.model-section{padding:22px 0}.model-box{max-width:780px;margin:auto;border:1px solid var(--line)}.model-box a{display:block;padding:8px 12px;border-bottom:1px solid #e5eef7;color:#0877ee;font-size:11px}.model-box a:last-child{border-bottom:0}.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-card{border:1px solid var(--line);padding:12px;background:#fff;text-align:center}.mini-card .icon{font-size:25px;color:#0877ee}.mini-card h3{font-size:12px;margin:6px 0 4px;color:#063d9d}.mini-card p{font-size:9px;color:#71869e;margin:0}.mini-card a{font-size:9px;color:#0877ee;font-weight:700;display:block;margin-top:5px}
.footer{background:#062b66;color:#fff;padding:18px 0 8px;margin-top:25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px}.footer-logo{width:180px}.footer p,.footer a{font-size:9px;line-height:1.5;color:#dbeaff}.footer h3{font-size:12px;margin:0 0 7px;color:#fff}.copy{border-top:1px solid rgba(255,255,255,.18);margin-top:10px;padding-top:8px;text-align:center;font-size:8px;color:#c9dbef}.chat-pill{position:fixed;right:20px;bottom:18px;z-index:100;background:#0877ee;color:#fff;padding:12px 18px;border-radius:28px;box-shadow:0 7px 22px rgba(0,80,190,.3);font-size:11px;font-weight:700}.chat-pill span{display:inline-block;width:22px;height:22px;border-radius:50%;background:#fff;color:#0877ee;text-align:center;line-height:22px;margin-right:6px}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(3,25,58,.70);backdrop-filter:blur(4px);z-index:200}.modal.show{display:flex}.modalbox{width:min(440px,92%);background:#fff;border-radius:6px;padding:28px 32px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25);position:relative}.modal-close{position:absolute;right:13px;top:9px;border:0;background:none;font-size:23px;color:#6c809a;cursor:pointer}.success{width:66px;height:66px;border-radius:50%;background:#1fa85b;border:6px solid #e1f6e9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto 10px;box-shadow:0 0 0 4px #f0fbf4}.modalbox h2{font-size:28px;color:#063d9d;margin:8px 0}.modalbox p{font-size:12px;color:#687e98;line-height:1.55}.modalbox strong{color:#063d9d}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:15px}.modal-actions .btn{min-width:140px}
.notice{background:#eff8ff;border:1px solid #cce2f6;padding:12px;font-size:10px;color:#58708c}.page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.page-card{border:1px solid var(--line);padding:11px;background:#fff;border-radius:4px}.page-card b{color:#063d9d;font-size:12px}.page-card small{display:block;color:#7589a1;margin-top:4px;font-size:9px}
@media(max-width:1000px){.header .wrap{grid-template-columns:210px 1fr}.independent{display:none}.nav{justify-content:flex-end;gap:13px}.hero h1{font-size:40px}.help-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.header .wrap{display:flex;justify-content:space-between;min-height:70px}.logo{width:190px}.nav{display:none}.hero .wrap{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:28px 0 8px}.hero h1{font-size:38px}.hero-image{justify-content:center;min-height:190px}.hero-image img{max-height:200px}.quick-grid{grid-template-columns:repeat(2,1fr);margin-top:10px}.brand-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.options{grid-template-columns:1fr 1fr}.brand-layout{grid-template-columns:1fr}.brand-printer{text-align:center}.mini-cards{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr 1fr}.page-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.quick-grid,.help-grid,.topic-grid,.options,.mini-cards,.form,.page-grid{grid-template-columns:1fr}.flow-actions{flex-direction:column}.flow-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.steps{padding-left:5px;padding-right:5px}.step{font-size:8px}.steps:before{left:35px;right:35px}.logo{width:175px}}

/* Dynamic brand theme for the guided support workflow */
:root{--brand:#0877ee;--brand-dark:#063d9d}
.flow[data-brand-theme] .flow-card{border-top:4px solid var(--brand)}
.flow[data-brand-theme] .flow-head h1,.flow[data-brand-theme] .flow-body h2{color:var(--brand-dark)}
.flow[data-brand-theme] .step.on span{background:var(--brand);border-color:var(--brand)}
.flow[data-brand-theme] .step.on{color:var(--brand-dark)}
.flow[data-brand-theme] .btn.primary{background:var(--brand);border-color:var(--brand)}
.flow[data-brand-theme] .option:hover{border-color:var(--brand);box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 18%,transparent)}
.flow[data-brand-theme] .searchbar button{background:var(--brand)}
.flow[data-brand-theme] .model-list a{color:var(--brand-dark)}
.brand-context{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:18px;text-align:left;background:linear-gradient(90deg,#fff,#f7fbff);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:2px auto 8px;max-width:760px}.brand-context-copy{padding:14px 0 14px 16px}.brand-chip{display:inline-block;background:var(--brand);color:#fff;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.brand-context h1{margin:8px 0 3px!important}.brand-flow-image{width:100%;height:112px;object-fit:cover;display:block}.brand-context-mini{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 10px;color:#6c819b;font-size:10px}.brand-context-mini .brand-chip{font-size:9px;padding:4px 8px}.model-note,.model-empty{font-size:10px;color:#7489a2;padding:10px}.model-empty{text-align:center}.form select:focus,.form input:focus,.form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}
.brand-hp .flow-card{box-shadow:0 8px 28px rgba(8,119,238,.10)}.brand-canon .flow-card{box-shadow:0 8px 28px rgba(227,27,35,.10)}.brand-epson .flow-card{box-shadow:0 8px 28px rgba(23,71,199,.10)}.brand-brother .flow-card{box-shadow:0 8px 28px rgba(0,102,179,.10)}.brand-lexmark .flow-card{box-shadow:0 8px 28px rgba(27,143,58,.10)}.brand-samsung .flow-card{box-shadow:0 8px 28px rgba(20,40,160,.10)}.brand-xerox .flow-card{box-shadow:0 8px 28px rgba(215,25,32,.10)}.brand-ricoh .flow-card{box-shadow:0 8px 28px rgba(215,25,32,.10)}.brand-kyocera .flow-card{box-shadow:0 8px 28px rgba(214,28,44,.10)}
@media(max-width:700px){.brand-context{grid-template-columns:1fr}.brand-flow-image{height:105px}.brand-context-copy{padding:12px 14px}.brand-context h1{font-size:21px!important}}

.brand-visual-inline{display:flex;align-items:center;gap:10px;max-width:760px;margin:0 auto 10px;border:1px solid var(--line);border-left:4px solid var(--brand);background:#fff;padding:7px;text-align:left}.brand-visual-inline img{width:180px;height:70px;object-fit:cover;border-radius:3px}.brand-visual-inline b{display:block;color:var(--brand-dark);font-size:12px}.brand-visual-inline span{display:block;color:#72869e;font-size:9px;line-height:1.4;margin-top:3px}@media(max-width:600px){.brand-visual-inline{display:block}.brand-visual-inline img{width:100%;height:90px;margin-bottom:5px}}

.option[data-brand-choice]{border-top:3px solid var(--choice-brand,#0877ee)}.option[data-brand-choice] .mark{color:var(--choice-brand,#0877ee)}

/* ================= FINAL APPROVED DESIGN SYSTEM OVERRIDES ================= */
:root{--brand:#0877ee;--brand-dark:#063d9d;--approved-blue:#0877ee;--approved-navy:#062b66;--approved-line:#d7e7f6;--approved-bg:#f6faff}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#173f70}
.wrap{width:min(1220px,94%)}
.header{border-bottom:1px solid #d9e7f5;background:#fff}
.header .wrap{min-height:72px;grid-template-columns:190px minmax(390px,1fr) 320px;gap:18px}
.logo{width:180px;height:auto}
.nav{gap:16px;font-size:11px;justify-content:flex-start}
.nav a{font-weight:600;color:#063d9d}
.get-help{padding:9px 15px;border-radius:4px;background:#0877ee;color:#fff!important}
.independent{font-size:9px;line-height:1.25}
.independent strong{font-size:12px;line-height:1.2}
.hero{background:#06356f;min-height:0}
.hero .wrap{min-height:300px;grid-template-columns:1fr 1fr}
.hero-copy{padding:28px 0 28px 12px}
.hero h1{font-size:45px;line-height:.98;letter-spacing:-1.8px;margin-bottom:12px}
.hero p{font-size:15px;max-width:510px}
.hero-search{height:43px;max-width:570px}
.hero-search input{padding:11px 14px;font-size:12px}
.hero-search button{width:48px}
.hero-image img{width:100%;max-width:520px;height:290px;object-fit:contain}
.quick-wrap{margin-top:-12px}
.quick-grid{gap:8px}
.quick{min-height:104px;padding:13px 8px;border-radius:3px}
.quick .icon{font-size:26px;color:#0877ee}
.quick h3{font-size:12px;margin:6px 0 2px}
.quick p{font-size:9px}
.section{padding:26px 0}
.section-title h2{font-size:24px}
.section-title p{font-size:11px}
.brand-grid{gap:6px}
.brand-tile{height:55px;font-size:17px;border-radius:3px}
.dark{background:linear-gradient(180deg,#052b66 0%,#073f79 100%)}
.help-grid{gap:8px}
.help-card{min-height:118px;padding:12px 7px;border-radius:4px}
.help-card .icon{font-size:25px}
.help-card h3{font-size:11px}
.topic-grid{gap:8px}
.topic{border-radius:4px;overflow:hidden}
.topic img{height:100px}
.footer{background:#062b66;padding:20px 0 9px;margin-top:24px}
.footer-grid{grid-template-columns:1.55fr 1fr 1fr .8fr;gap:18px}
.footer-logo{width:170px}
.footer h3{font-size:11px}
.footer p,.footer a{font-size:8.5px}
.copy{font-size:8px}
.chat-pill{right:18px;bottom:16px;padding:10px 15px;font-size:10px}

/* Approved flow pages */
.flow{background:#f6faff;padding:16px 0 30px}
.flow-card{max-width:920px;border:1px solid #d3e5f5;border-radius:3px;box-shadow:0 6px 22px rgba(8,70,140,.09);overflow:hidden}
.flow-head{padding:10px 18px 0}
.flow-head h1{font-size:22px}
.flow-head p{font-size:10px}
.steps{padding:12px 42px 14px}
.steps:before{left:67px;right:67px;top:23px;background:#d5e5f3}
.step{font-size:9px}
.step span{width:22px;height:22px;line-height:20px}
.step.on span{background:var(--brand);border-color:var(--brand)}
.step.on{color:var(--brand-dark)}
.flow-body{padding:9px 24px 20px}
.flow-body h2{font-size:21px;color:var(--brand-dark)}
.flow-body>p{font-size:10px}
.options{gap:7px}
.option{min-height:84px;padding:11px 6px;border-radius:3px;border:1px solid #d8e7f4}
.option:hover{border-color:var(--brand);box-shadow:0 3px 9px rgba(8,100,210,.12)}
.option .mark{color:var(--brand);font-size:24px}
.searchbar{max-width:700px;height:36px}
.searchbar input{font-size:11px}
.searchbar button{background:var(--brand)}
.model-list{max-width:700px}
.model-list a{color:var(--brand);padding:8px 11px;font-size:10px}
.model-list a:hover{background:#f2f8ff}
.flow-actions .btn.primary{background:var(--brand);border-color:var(--brand)}
.flow-actions .btn{min-width:135px}
.brand-context{border-left:4px solid var(--brand);background:linear-gradient(90deg,#fff,#f7fbff);border-radius:4px;max-width:800px}
.brand-context-copy{padding:13px 0 13px 16px}
.brand-chip{background:var(--brand)}
.brand-flow-image{height:112px}
.brand-context h1{color:var(--brand-dark)!important;font-size:22px!important}
.brand-context p{font-size:10px}
.form{gap:8px}
.field label{font-size:9px}
.field input,.field select,.field textarea{font-size:10px;padding:8px;border-color:#cbddec}
.form .btn.primary{background:var(--brand);border-color:var(--brand)}

/* Approved brand pages */
.brand-hero{background:var(--brand)!important;border:0;color:#fff;overflow:hidden;position:relative}
.brand-layout{min-height:215px;grid-template-columns:1.1fr .9fr;gap:25px}
.brand-layout h1{color:#fff!important;font-size:32px;margin:0 0 5px}
.brand-layout p{color:#eef7ff;max-width:620px;font-size:11px;line-height:1.55}
.brand-badge{background:#fff!important;color:var(--brand)!important;width:64px;height:42px;font-size:19px;border-radius:999px}
.brand-printer img{width:390px;height:155px;object-fit:cover;border-radius:0;mix-blend-mode:normal}
.brand-hero .btn.primary{background:#fff!important;color:var(--brand)!important;border-color:#fff!important}
.brand-hero .btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.model-section{padding:22px 0}
.model-box{max-width:820px;border-radius:4px;overflow:hidden;box-shadow:0 3px 12px rgba(8,70,140,.07)}
.model-box a{color:var(--brand);padding:9px 12px;font-size:10px}
.mini-cards{gap:8px}
.mini-card{border-radius:4px;padding:12px 9px;min-height:108px}
.mini-card .icon{color:var(--brand);font-size:24px}
.mini-card h3{font-size:11px}
.mini-card p,.mini-card a{font-size:9px}

/* Content pages use the same approved panel language */
.article{max-width:980px;background:#fff;border:1px solid #d8e7f4;border-radius:4px;padding:24px 28px;box-shadow:0 4px 15px rgba(8,70,140,.06)}
.section:has(.article){background:#f6faff}
.article h1{font-size:27px;color:#063d9d;margin-top:0}
.article h2{font-size:19px;color:#063d9d}
.article h3{font-size:15px;color:#0b4e9d}
.article p,.article li{font-size:12px;line-height:1.7;color:#536d89}
.article .callout{background:#edf6ff;border-left-color:#0877ee;border-radius:3px}

/* Brand directory and all-pages cards */
.page-card{border:1px solid #d5e5f3!important;border-radius:4px!important;background:#fff!important;box-shadow:0 2px 8px rgba(8,70,140,.05)!important}
.page-card b{color:#063d9d!important}
.page-card small{color:#72879f!important}

/* Responsive approved layout */
@media(max-width:1050px){.header .wrap{grid-template-columns:180px 1fr;}.independent{grid-column:1/-1;text-align:left;order:3;padding:0 0 8px}.header .wrap{padding-bottom:6px}.nav{justify-content:flex-end;gap:11px}.hero .wrap{grid-template-columns:1fr .9fr}.hero h1{font-size:39px}.brand-layout{grid-template-columns:1fr .8fr}}
@media(max-width:760px){.header .wrap{grid-template-columns:1fr;gap:8px}.logo{width:170px}.nav{justify-content:flex-start;overflow:auto;padding-bottom:3px}.independent{text-align:left}.hero .wrap{grid-template-columns:1fr}.hero-copy{padding:25px 5px}.hero h1{font-size:36px}.hero-image{min-height:205px}.hero-image img{height:210px}.quick-grid{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.brand-layout{grid-template-columns:1fr}.brand-printer{text-align:center}.brand-printer img{width:100%;height:145px}.options{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr 1fr}.field.full{grid-column:1/-1}.steps{padding-left:15px;padding-right:15px}.steps:before{left:40px;right:40px}}
@media(max-width:480px){.quick-grid,.brand-grid,.help-grid,.topic-grid,.options,.form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.flow-body{padding-left:14px;padding-right:14px}.flow-actions{flex-direction:column}.flow-actions .btn{width:100%;text-align:center}.article{padding:18px 15px}.chat-pill{right:10px;bottom:10px}}
/* Consistent page-title band for all secondary pages */
.page-intro-band{background:linear-gradient(100deg,#062d66 0%,#0877d8 65%,#0a9be2 100%);color:#fff;padding:24px 0;border-bottom:1px solid #0a67b8}
.page-intro-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.page-intro-band h1{margin:3px 0 5px;font-size:29px;letter-spacing:-.5px}
.page-intro-band p{margin:0;color:#e8f4ff;font-size:11px;line-height:1.5;max-width:720px}
.page-kicker{text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:1px;opacity:.8}
.intro-btn{background:#fff!important;color:#0877ee!important;border-color:#fff!important;white-space:nowrap}
@media(max-width:650px){.page-intro-band .wrap{display:block}.intro-btn{margin-top:12px}}

/* FINAL PAGE-BY-PAGE MATCH PASS — approved reference */
body{font-size:13px;color:#234d82;background:#fff}
.header{border-bottom:1px solid #d7e4f2;background:#fff}
.header .wrap{min-height:78px;grid-template-columns:270px 1fr 340px;gap:14px}
.logo{width:255px;height:auto}
.nav{gap:18px;font-size:11px}
.get-help{padding:9px 16px;border-radius:4px}
.independent{font-size:9px;line-height:1.25}
.independent strong{font-size:13px}

/* Home */
.hero .wrap{min-height:286px}
.hero h1{font-size:43px}
.hero p{font-size:14px}
.hero-image img{width:min(470px,100%);max-height:265px}
.quick-wrap{margin-top:-14px}
.quick{min-height:104px;padding:12px 9px}
.section{padding:22px 0}
.section-title{margin-bottom:12px}
.section-title h2{font-size:23px}
.brand-grid{grid-template-columns:repeat(5,1fr);gap:5px}
.brand-tile{height:53px;font-size:15px}
.help-grid{gap:7px}
.help-card{min-height:108px;padding:10px 6px}
.help-card .icon{font-size:23px}

/* Guided workflow */
.flow{background:#fff;min-height:auto;padding:10px 0 18px}
.flow-card{max-width:820px;box-shadow:0 3px 12px rgba(8,70,140,.08)}
.flow-head{padding:8px 18px 0}
.flow-head h1{font-size:20px}
.flow-head p{font-size:9px;margin-top:3px}
.steps{padding:10px 34px 11px}
.steps:before{left:54px;right:54px;top:21px}
.step{font-size:8px;min-width:58px}
.step span{width:20px;height:20px;line-height:18px;margin-bottom:3px}
.flow-body{padding:7px 18px 15px}
.flow-body h2{font-size:18px;margin:2px 0}
.flow-body>p{font-size:9px;margin:3px 0 10px}
.options{gap:5px}
.option{min-height:70px;padding:8px 5px;font-size:11px}
.option .mark{font-size:21px;line-height:25px;margin-bottom:2px}
.option small{font-size:8px}
.brand-choice-logo{display:block;width:auto;max-width:68px;height:32px;object-fit:contain;margin:0 auto 3px}
.brand-choice-other{height:29px}
.flow-actions{margin-top:10px}
.flow-actions .btn{min-width:110px;padding:8px 14px;font-size:10px}
.searchbar{height:32px;margin:8px auto}
.searchbar input{font-size:10px;padding:8px}
.model-list{margin:8px auto}
.model-list a{padding:6px 10px;font-size:9px}

/* Brand pages */
.brand-layout{min-height:175px;grid-template-columns:1.05fr .95fr;gap:18px}
.brand-layout h1{font-size:28px}
.brand-layout p{font-size:10px;line-height:1.42;max-width:600px}
.brand-badge{width:58px;height:38px;font-size:17px}
.brand-printer img{width:350px;height:135px}
.model-section{padding:15px 0}
.model-box{max-width:760px}
.model-box a{padding:6px 10px;font-size:9px}
.mini-cards{gap:6px}
.mini-card{padding:9px 7px;min-height:90px}
.mini-card .icon{font-size:21px}
.mini-card h3{font-size:10px;margin:4px 0 2px}
.mini-card p,.mini-card a{font-size:8px}
.section:has(.article){padding:16px 0;background:#f6faff}
.article{max-width:900px;padding:16px 20px;border-radius:3px}
.article h1{font-size:22px}
.article h2{font-size:16px;margin-top:16px}
.article h3{font-size:13px}
.article p,.article li{font-size:10px;line-height:1.5}

/* Secondary support pages and legal pages */
.section:has(.article) .article{box-shadow:0 2px 9px rgba(8,70,140,.05)}
.section:has(.article) .article h1:first-child{margin-bottom:8px}

/* Footer and chat */
.footer{padding:14px 0 7px;margin-top:12px}
.footer-grid{gap:15px}
.footer-logo{width:175px;height:42px;object-fit:cover;object-position:left center}
.footer p,.footer a{font-size:8px;line-height:1.4}
.footer h3{font-size:10px}
.copy{font-size:7px;padding-top:6px;margin-top:7px}
.chat-pill{display:none!important}

@media(max-width:760px){
 .header .wrap{grid-template-columns:1fr;min-height:auto;padding:10px 0}.logo{width:210px}.nav{justify-content:flex-start;overflow:auto}.independent{text-align:left}
 .hero .wrap{grid-template-columns:1fr}.hero h1{font-size:35px}.hero-image{min-height:190px}.hero-image img{max-height:190px}
 .brand-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:repeat(2,1fr)}
 .flow-card{width:96%}.options{grid-template-columns:repeat(2,1fr)}
 .brand-layout{grid-template-columns:1fr}.brand-printer{text-align:center}.brand-printer img{width:100%;height:140px}
 .footer-grid{grid-template-columns:1fr 1fr}
}
.brand-tile img{max-width:82px;max-height:35px;width:auto;height:auto;object-fit:contain;display:block}
.hero-image img{width:470px;max-width:100%}
.brand-printer img{object-fit:contain;background:transparent}
/* Model step in the approved reference is a compact list, without the large brand banner. */
body:has(#modelList) .brand-context{display:none}
body:has(#modelList) .flow-head{padding-top:8px}
body.model-step .brand-context{display:none}
body.contact-step .form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}
body.contact-step .field{min-width:0;overflow:hidden}
body.contact-step .field input,body.contact-step .field select,body.contact-step .field textarea{width:100%;min-width:0;max-width:100%}
body.contact-step .field.full{grid-column:1/-1}
body.contact-step .field.full label{white-space:normal}
.footer-logo{object-fit:contain;object-position:left center;background:transparent}
body.contact-step .form{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%}
body.contact-step .form .field{flex:0 0 calc(33.333% - 6px);width:calc(33.333% - 6px);min-width:0;box-sizing:border-box}
body.contact-step .form .field.full{flex:0 0 100%;width:100%}
/* FINAL BRAND TILE FIX */
.option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.brand-choice-logo{display:block;width:68px;height:38px;max-width:68px;object-fit:contain;margin:0 auto 2px}
.brand-choice-other{width:72px;height:32px}

/* FORM VISUAL BRAND + DEVICE SELECTORS */
.visual-selector-section{margin:13px auto 15px;max-width:790px;text-align:left;border:1px solid #d8e7f4;background:#fbfdff;border-radius:5px;padding:10px}
.visual-selector-title{display:flex;align-items:center;gap:9px;margin-bottom:8px}.visual-selector-title>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:11px}.visual-selector-title strong{display:block;color:var(--brand-dark);font-size:12px}.visual-selector-title small{display:block;color:#71879f;font-size:9px;margin-top:2px}
.brand-visual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.visual-brand-card,.visual-device-card{appearance:none;border:1px solid #d5e5f2;background:#fff;border-radius:5px;cursor:pointer;transition:.16s;box-sizing:border-box}.visual-brand-card{height:70px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.visual-brand-card img{width:76px;height:31px;object-fit:contain}.visual-brand-card span{font-size:9px;font-weight:800;color:#45617e}.visual-brand-card:hover,.visual-brand-card.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 13%,transparent);transform:translateY(-1px)}.visual-brand-card.active span{color:var(--brand-dark)}
.device-visual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.visual-device-card{min-height:124px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.visual-device-card img{width:90px;height:62px;object-fit:contain}.visual-device-card strong{font-size:9px;color:#355574}.visual-device-card small{font-size:7px;color:#7b8fa5;text-align:center}.visual-device-card:hover,.visual-device-card.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 13%,transparent);transform:translateY(-1px)}.visual-device-card.active strong{color:var(--brand-dark)}
/* BRAND PAGE IMAGE FEATURES */
.brand-hero-banner{width:430px!important;height:190px!important;object-fit:cover!important;border-radius:7px!important;box-shadow:0 8px 24px rgba(0,0,0,.16)}.brand-feature-strip{padding:18px 0;background:#f6faff;border-bottom:1px solid #dceaf6}.brand-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.brand-feature-card{display:grid;grid-template-columns:105px 1fr;min-height:128px;background:#fff;border:1px solid #d6e6f3;border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 3px 12px rgba(8,70,140,.06);transition:.16s}.brand-feature-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(8,70,140,.11);border-color:var(--brand)}.brand-feature-card img{width:105px;height:100%;min-height:128px;object-fit:cover}.brand-feature-card>div{padding:10px}.brand-feature-card .feature-kicker{font-size:8px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:var(--brand)}.brand-feature-card h3{font-size:12px;color:#063d9d;margin:4px 0}.brand-feature-card p{font-size:8px;line-height:1.45;color:#6a819a;margin:0 0 6px}.brand-feature-card b{font-size:8px;color:var(--brand)}
@media(max-width:760px){.brand-visual-grid{grid-template-columns:repeat(2,1fr)}.device-visual-grid{grid-template-columns:repeat(2,1fr)}.brand-feature-grid{grid-template-columns:1fr}.brand-hero-banner{width:100%!important;height:160px!important}}
@media(max-width:480px){.brand-visual-grid,.device-visual-grid{grid-template-columns:1fr 1fr}.visual-brand-card{height:64px}.visual-device-card{min-height:112px}}

/* Final image/layout correction for brand pages and visual form */
.brand-layout .brand-printer img{width:410px;height:170px;object-fit:contain;background:transparent;border-radius:0;box-shadow:none}
.brand-banner-strip{background:#f6faff;padding:10px 0 0}.brand-banner-strip .wrap{max-width:1000px}.brand-banner-strip img{display:block;width:100%;height:auto;max-height:250px;object-fit:cover;border-radius:6px;box-shadow:0 3px 12px rgba(8,70,140,.08)}
.brand-feature-card,.brand-feature-card>div,.brand-feature-card img{min-width:0}.brand-feature-card img{object-fit:cover}
.brand-visual-grid,.device-visual-grid{grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;overflow:hidden}.visual-brand-card,.visual-device-card{width:100%;min-width:0;overflow:hidden}.visual-brand-card img{max-width:76px}.visual-brand-card span,.visual-device-card strong,.visual-device-card small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-device-card small{white-space:normal}
body.contact-step .field input[type="checkbox"]{width:auto!important;max-width:none!important;min-width:0!important;margin-right:5px;vertical-align:middle}
body.contact-step .field.full label:has(input[type="checkbox"]){display:flex;align-items:flex-start;gap:4px}
@media(max-width:760px){.brand-layout .brand-printer img{width:100%;height:145px}.brand-banner-strip img{max-height:190px}.brand-feature-card{grid-template-columns:100px 1fr}}
/* Brand page final fit */
.brand-layout h1{font-size:27px;white-space:nowrap}
.brand-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.brand-feature-card{grid-template-columns:82px minmax(0,1fr);min-width:0}
.brand-feature-card img{width:82px;min-width:82px}
.brand-feature-card h3,.brand-feature-card p,.brand-feature-card b{overflow-wrap:anywhere}
@media(max-width:760px){.brand-layout h1{font-size:25px;white-space:normal}.brand-feature-grid{grid-template-columns:1fr}.brand-feature-card{grid-template-columns:100px minmax(0,1fr)}.brand-feature-card img{width:100px;min-width:100px}}