.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.hero__bg{position:absolute;inset:0;background:var(--navy-1000)}.hero__bg img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;object-fit:cover;opacity:.92}.hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,var(--navy-1000) 0,rgba(8,11,22,.92) 30%,rgba(8,11,22,.5) 56%,rgba(8,11,22,.1) 80%),linear-gradient(0deg,var(--navy-1000) 0,rgba(8,11,22,.55) 26%,transparent 52%),radial-gradient(70% 100% at 100% 0,var(--violet-glow) 0,transparent 55%)}.hero__inner{position:relative;display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4.5rem);padding-block:clamp(3rem,6.5vw,6rem)}.hero__content{max-width:640px}.hero__cats-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.hero__cats-head .lbl{font-weight:600;font-size:clamp(18px,2vw,22px);letter-spacing:-.01em}.hero h1,.hero__cats-head .lbl{font-family:var(--font-display);color:#fff}.hero h1{font-weight:800;letter-spacing:-.03em;line-height:1.04;font-size:clamp(32px,4.4vw,56px);margin:16px 0 0}.hero h1 .accent{color:var(--blue-400)}.hero__sub{font-size:clamp(15px,1.2vw,17px);color:var(--text-secondary);margin:18px 0 0;max-width:46ch;line-height:1.6}.hero__cta{gap:14px;margin-top:34px}.hero__cta,.hero__regions{display:flex;flex-wrap:wrap}.hero__regions{gap:10px;margin-top:38px}.region-pill{font-family:var(--font-sans);font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--text-secondary);padding:7px 14px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:hsla(0,0%,100%,.03)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.cat-grid>a:first-child{grid-column:span 2}.banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.banner--sumix{display:grid;grid-template-columns:1fr 1.1fr;min-height:380px;background:linear-gradient(120deg,#0a2a5c,#06122b 60%)}.banner--sumix .b-media{position:relative}.banner--sumix .b-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}.banner__body{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:16px}.banner__body h3{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.6vw,48px);color:#fff;margin:0;line-height:1.05;letter-spacing:-.02em}.banner__body p{font-size:16px;color:var(--text-secondary);margin:0;max-width:44ch;line-height:1.6}.banner__points{display:flex;gap:22px;flex-wrap:wrap;margin-top:4px}.banner__point{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-secondary)}.banner__point .ic{color:var(--blue-300);display:inline-flex}.banner--navi{display:grid;grid-template-columns:1.05fr 1fr;min-height:420px;background:var(--grad-blue)}.banner--navi .b-media{position:relative;background:var(--navy-1000)}.banner--navi .b-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:18px}.navi-benefits{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:8px}.navi-benefit{display:flex;gap:11px;align-items:flex-start}.navi-benefit .ic{width:36px;height:36px;border-radius:10px;background:hsla(0,0%,100%,.14);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.navi-benefit b{display:block;font-family:var(--font-display);font-size:14px;color:#fff;font-weight:600}.navi-benefit span{font-size:12.5px;color:hsla(0,0%,100%,.78);line-height:1.4}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:150px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-default);text-decoration:none;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);padding:24px}.brand-tile:hover{transform:var(--lift);box-shadow:var(--shadow-glow)}.brand-tile img{max-height:52px;max-width:70%;object-fit:contain}.brand-tile .count{font-size:12.5px;color:#5a6b85;font-weight:600}.brand-tile--credential{background:var(--surface-card)}.brand-tile--credential img{filter:none}.brand-tile--credential .lbl{color:var(--text-secondary);font-size:13px;font-weight:600;text-align:center}@media (max-width:980px){.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-grid>a:first-child{grid-column:span 2}.banner--navi,.banner--sumix{grid-template-columns:1fr}.banner--navi .b-media,.banner--sumix .b-media{min-height:240px;position:relative}.banner--navi .b-media img,.banner--sumix .b-media img{position:relative}.brand-grid{grid-template-columns:1fr}}@media (max-width:640px){.cat-grid{grid-template-columns:1fr}.cat-grid>a:first-child{grid-column:span 1}}.account,.auth,.cart,.checkout,.confirmation,.page-body,.pdp,.quote-page,.toner-page{color:var(--text-secondary)}.account__content>*,.confirmation,.order-detail,.pdp,.tax-identity-list{min-width:0}.account h1,.account h2,.company-detail h2,.company-detail h3,.confirmation h1,.confirmation h2,.order-detail h1,.order-detail h2,.order-detail h3,.tax-identity-form h2,.tax-identity-list h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em}.pdp{display:block;max-width:860px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--container-pad)}.pdp>h1{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,44px);color:var(--text-primary);letter-spacing:-.02em;margin:0}.buybox{margin-top:24px;padding:22px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;max-width:460px}.buybox__qty{display:flex;align-items:center;gap:12px}.buybox__qty input,.buybox__qty select{background:var(--surface-input);border:1px solid var(--gray-500);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;font-family:var(--font-sans)}.buybox__addons{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-subtle);padding-top:16px}.buybox__addon-group{display:flex;flex-direction:column;gap:8px}.buybox__addon-option{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.buybox__addon-required{color:var(--warning);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.buybox__addon-sku{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.buybox__buynow{margin-top:4px}.buybox__quote{color:var(--blue-300);font-weight:600}.buybox__msg{color:var(--danger);font-size:13.5px}.buybox button:not(.sj-btn):not(.sj-qty__btn):not(.sj-iconbtn){font-family:var(--font-sans);font-weight:600;font-size:15px;cursor:pointer;padding:12px 20px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--grad-cta);color:#fff;box-shadow:0 6px 18px rgba(10,79,160,.45)}.buybox button:not(.sj-btn):not(.sj-qty__btn):not(.sj-iconbtn):disabled{opacity:.5;cursor:not-allowed}.account{max-width:var(--container-max);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--container-pad);display:grid;grid-template-columns:232px 1fr;grid-gap:32px;gap:32px;align-items:start}.account__nav{position:-webkit-sticky;position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px}.account__nav a{display:block;padding:10px 14px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:14.5px;transition:background var(--dur-fast),color var(--dur-fast)}.account__nav a:hover{background:rgba(28,132,227,.1);color:var(--text-primary)}.account__nav a.active,.account__nav a[aria-current=page]{background:rgba(28,132,227,.16);color:var(--text-primary);font-weight:600}.account__logout{margin-top:8px;text-align:left;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:10px 14px;border-radius:var(--radius-md);font-size:14.5px;font-family:var(--font-sans)}.account__logout:hover{color:var(--danger);background:rgba(226,35,26,.08)}.account__content{min-width:0}@media (max-width:860px){.account{grid-template-columns:1fr}.account__nav{position:static;flex-direction:row;flex-wrap:wrap}}.account-companies__notice,.account-overview__companies,.account-overview__notice,.account-tax-identity__notice{background:var(--surface-flat);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:14px 16px;margin:12px 0}.account table,.orders-table{width:100%;border-collapse:collapse;font-size:14px}.account table th,.orders-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-default)}.account table td,.orders-table td{padding:12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.account table a,.orders-table a{color:var(--link);text-decoration:none}.company-list,.members{display:flex;flex-direction:column;gap:10px}.company-list__active,.company__active{color:var(--success);font-weight:600;font-size:12px}.company-list__name,.company__name{font-family:var(--font-display);font-weight:600;color:var(--text-primary)}.company-list__role,.company__role{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.company-create,.company-detail,.company-invite{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px;margin:12px 0}.members__actions{display:flex;gap:8px}.address-form,.tax-identity-form{display:flex;flex-direction:column;gap:12px;max-width:520px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px;margin:12px 0}.address-form__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.account input:not([type=checkbox]):not([type=radio]),.account select,.account textarea,.auth input:not([type=checkbox]):not([type=radio]),.auth select,.checkout input:not([type=checkbox]):not([type=radio]),.checkout select,.checkout textarea{background:var(--surface-input);border:1px solid var(--gray-500);border-radius:var(--radius-md);color:var(--text-primary);padding:11px 13px;font-family:var(--font-sans);font-size:15px;width:100%}.account label,.auth label,.checkout label{color:var(--text-secondary);font-size:13.5px}.cart{max-width:var(--container-max);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--container-pad);display:grid;grid-template-columns:1fr 340px;grid-gap:32px;gap:32px;align-items:start}.cart__title{grid-column:1/-1;font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3vw,34px);color:var(--text-primary);margin:0}.cart__lines{display:flex;flex-direction:column;min-width:0}.cart__line{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.cart__qty{display:inline-flex;align-items:center;gap:8px}.cart__price{font-family:var(--font-mono);color:var(--text-primary);font-weight:500}.cart__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.cart__remove:hover{color:var(--danger)}.cart__summary{position:-webkit-sticky;position:sticky;top:96px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.cart__discount,.cart__total{display:flex;justify-content:space-between;padding:6px 0;color:var(--text-secondary)}.cart__total{color:var(--text-primary);font-weight:700;font-size:17px;border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:12px}.cart__checkout{margin-top:14px;display:block}@media (max-width:860px){.cart{grid-template-columns:1fr}.cart__summary{position:static}}.checkout{max-width:var(--container-max);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--container-pad);display:grid;grid-template-columns:1fr 340px;grid-gap:32px;gap:32px;align-items:start}.checkout__steps{grid-column:1/-1;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:6px;color:var(--text-muted);font-size:13.5px}.checkout__address,.checkout__pay,.checkout__po-form{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px;margin:12px 0}.checkout__method-selector{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.checkout__summary{position:-webkit-sticky;position:sticky;top:96px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.checkout__error,.checkout__line-errors{color:var(--danger);font-size:14px}.checkout__msg{color:var(--text-secondary)}.checkout__note{color:var(--text-muted);font-size:13px}@media (max-width:860px){.checkout{grid-template-columns:1fr}.checkout__summary{position:static}}.order-detail{max-width:860px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--container-pad)}.order-detail__section{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px;margin:14px 0}.order-detail__date{color:var(--text-muted);font-size:13px}.order-detail__items{display:flex;flex-direction:column;gap:12px}.order-detail__thumb,.qr-reorder__thumb{width:70px;height:70px;border-radius:10px;overflow:hidden;flex:none;background:radial-gradient(120% 120% at 50% 20%,#fff,#e9eef5)}.order-detail__totals{border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:12px}.order-detail__total-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--text-secondary);font-size:14px}.order-detail__total-row--total{color:var(--text-primary);font-weight:700;font-size:17px;border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:12px}.order-detail__invoice-link,.order-detail__tracking a{color:var(--link);text-decoration:none}.fulfillment-timeline{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.fulfillment-step__indicator{width:14px;height:14px;border-radius:50%;background:var(--navy-600)}.fulfillment-step__label{font-size:12.5px;color:var(--text-muted)}.confirmation{max-width:640px;margin:0 auto;padding:clamp(2rem,5vw,4rem) var(--container-pad);text-align:center}.confirmation__id{font-family:var(--font-mono);color:var(--text-primary)}.confirmation__paid{color:var(--success);font-weight:700}.confirmation__pending{color:var(--warning);font-weight:700}.confirmation__due,.confirmation__po,.confirmation__total{color:var(--text-secondary)}.confirmation__backorder,.confirmation__note{color:var(--text-muted);font-size:13.5px}.page-body{max-width:780px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--container-pad);line-height:1.7;color:var(--text-secondary)}.page-body h1,.page-body h2,.page-body h3{font-family:var(--font-display);color:var(--text-primary)}.page-body a{color:var(--link)}.page-body ul{padding-left:1.2em}.status--approved,.status--pending,.status--rejected,.status--verified,.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:var(--radius-pill)}.status--approved,.status--verified{background:rgba(52,199,123,.16);color:#5fe0a0}.status--pending{background:rgba(242,169,59,.16);color:#ffc266}.status--rejected{background:rgba(226,35,26,.16);color:#ff7a72}