:root {
  --f9-accent-rgb: 255, 90, 31;
  --f9-header-offset: 156px;
  --f9-header-utility: 30px;
  --f9-header-main: 78px;
  --f9-header-nav: 48px;
  --f9-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f9-font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-accent="orange"] { --f9-orange:#ff5a1f; --f9-orange-2:#ff8354; --f9-accent-rgb:255,90,31; }
html[data-accent="blue"] { --f9-orange:#2d8cff; --f9-orange-2:#66afff; --f9-accent-rgb:45,140,255; }
html[data-accent="violet"] { --f9-orange:#9b5cff; --f9-orange-2:#bd91ff; --f9-accent-rgb:155,92,255; }
html[data-accent="mono"] { --f9-orange:#e7e9ee; --f9-orange-2:#ffffff; --f9-accent-rgb:231,233,238; }
html[data-font="f9"] { --f9-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --f9-font-display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
html[data-font="tech"] { --f9-font-body:"Arial Narrow","Roboto Condensed",Inter,ui-sans-serif,system-ui,sans-serif; --f9-font-display:"Arial Narrow","Roboto Condensed",Inter,ui-sans-serif,system-ui,sans-serif; }
html[data-font="clean"] { --f9-font-body:Arial,Helvetica,ui-sans-serif,sans-serif; --f9-font-display:Arial,Helvetica,ui-sans-serif,sans-serif; }
html, body, button, input, select, textarea { font-family:var(--f9-font-body); }
h1,h2,h3,.display-title,.section-title,.campaign-copy h1 { font-family:var(--f9-font-display); }

html[data-resolved-scheme="light"] {
  color-scheme:light;
  --f9-black:#f2f4f7;
  --f9-obsidian:#ffffff;
  --f9-panel:#ffffff;
  --f9-panel-2:#f5f6f8;
  --f9-line:rgba(12,17,25,.12);
  --f9-line-strong:rgba(12,17,25,.22);
  --f9-white:#0b0e13;
  --f9-muted:#59616d;
  --f9-muted-2:#7c8490;
  --f9-shadow:0 28px 80px rgba(22,28,38,.12);
}
html[data-resolved-scheme="light"] body {
  background:radial-gradient(circle at 85% 0%,rgba(var(--f9-accent-rgb),.08),transparent 32rem),linear-gradient(180deg,#fff 0%,#f4f6f9 58%,#fff 100%);
}
html[data-resolved-scheme="light"] .site-shell::before { opacity:.28; background-image:linear-gradient(rgba(10,14,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,14,20,.035) 1px,transparent 1px); }
html[data-resolved-scheme="light"] .commerce-header,
html[data-resolved-scheme="light"] .settings-panel,
html[data-resolved-scheme="light"] .mobile-panel { color:#0b0e13; }
html[data-resolved-scheme="light"] .product-card { background:linear-gradient(180deg,#fff,#f3f5f8); }
html[data-resolved-scheme="light"] .product-card__visual { background:radial-gradient(circle at 50% 42%,rgba(var(--f9-accent-rgb),.13),transparent 14rem),#eef1f5; }
html[data-resolved-scheme="light"] .product-card__cta,
html[data-resolved-scheme="light"] .article-card__link { color:#0b0e13; }
html[data-resolved-scheme="light"] .article-card { background:#fff; }
html[data-resolved-scheme="light"] .newsletter { background:rgba(9,13,20,.025); }
html[data-resolved-scheme="light"] .newsletter-form input,
html[data-resolved-scheme="light"] .field input,
html[data-resolved-scheme="light"] .field select,
html[data-resolved-scheme="light"] .field textarea,
html[data-resolved-scheme="light"] .quote-form input,
html[data-resolved-scheme="light"] .quote-form textarea,
html[data-resolved-scheme="light"] .service-form input,
html[data-resolved-scheme="light"] .service-form textarea,
html[data-resolved-scheme="light"] .service-form select { color:#0b0e13; background:#fff; }
html[data-resolved-scheme="light"] .page-hero { background:linear-gradient(180deg,#fff,#f5f7fa); }
html[data-resolved-scheme="light"] .catalog-toolbar { background:rgba(255,255,255,.92); }
html[data-resolved-scheme="light"] .catalog-sort { color:#0b0e13; background:#fff; }
html[data-resolved-scheme="light"] .cart-panel,
html[data-resolved-scheme="light"] .cart-summary,
html[data-resolved-scheme="light"] .service-card,
html[data-resolved-scheme="light"] .service-grid article,
html[data-resolved-scheme="light"] .brand-explorer > *,
html[data-resolved-scheme="light"] .account-preview span { background:#fff; }
html[data-resolved-scheme="light"] .footer-column h3 { color:#0b0e13; }

html[data-resolved-scheme="light"] .campaign-hero,
html[data-resolved-scheme="light"] .recommender,
html[data-resolved-scheme="light"] .business-home__panel,
html[data-resolved-scheme="light"] .article-card__cover,
html[data-resolved-scheme="light"] .product-hero,
html[data-resolved-scheme="light"] .product-subnav,
html[data-resolved-scheme="light"] .spec-hero__visual,
html[data-resolved-scheme="light"] .compatibility-box,
html[data-resolved-scheme="light"] .spec-item,
html[data-resolved-scheme="light"] .modal {
  --f9-white:#f8f9fb;
  --f9-muted:#a6acb8;
  --f9-muted-2:#747b88;
  --f9-line:rgba(255,255,255,.12);
  --f9-line-strong:rgba(255,255,255,.22);
  color:#f8f9fb;
}

.commerce-header {
  position:sticky;
  top:0;
  z-index:170;
  color:#f8f9fb;
  background:rgba(7,9,13,.98);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 28px rgba(0,0,0,.08);
  transition:box-shadow 220ms ease,background 220ms ease;
}
.commerce-header.is-scrolled { background:rgba(7,9,13,.9); box-shadow:0 18px 52px rgba(0,0,0,.28); backdrop-filter:blur(24px) saturate(1.25); }
html[data-resolved-scheme="light"] .commerce-header { background:rgba(255,255,255,.98); border-color:rgba(8,12,18,.1); }
html[data-resolved-scheme="light"] .commerce-header.is-scrolled { background:rgba(255,255,255,.9); box-shadow:0 16px 40px rgba(18,24,34,.12); }

.header-utility { min-height:var(--f9-header-utility); border-bottom:1px solid rgba(255,255,255,.07); background:#0b0e13; }
.header-utility__inner { min-height:var(--f9-header-utility); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.header-utility nav { display:flex; align-items:center; gap:clamp(18px,2.6vw,38px); }
.header-utility nav a { display:inline-flex; align-items:center; gap:8px; min-height:28px; color:rgba(255,255,255,.64); font-size:10px; font-weight:720; letter-spacing:.055em; white-space:nowrap; }
.header-utility nav a:hover { color:#fff; }
.header-utility svg { width:15px; height:15px; flex:0 0 auto; stroke:currentColor; fill:none; stroke-width:1.65; }
.business-access { min-height:30px; display:flex; align-items:center; gap:10px; color:#fff; }
.business-access__mark { width:24px; height:20px; display:grid; place-items:center; color:#090b10; background:var(--f9-orange); font-size:9px; font-weight:950; letter-spacing:-.04em; clip-path:polygon(0 0,82% 0,100% 34%,100% 100%,18% 100%,0 66%); }
.business-access > span:nth-child(2) { display:flex; align-items:baseline; gap:8px; }
.business-access strong { font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.business-access small { color:rgba(255,255,255,.48); font-size:9px; }
.business-access > svg { width:14px; height:14px; transition:transform 220ms var(--f9-ease); }
.business-access:hover > svg { transform:translateX(4px); }
html[data-resolved-scheme="light"] .header-utility { background:#0b0e13; }

.header-main { position:relative; min-height:var(--f9-header-main); border-bottom:1px solid rgba(255,255,255,.07); }
.header-main__inner { min-height:var(--f9-header-main); display:grid; grid-template-columns:minmax(180px,230px) minmax(360px,1fr) auto; align-items:center; gap:clamp(18px,2vw,34px); }
.commerce-brand { display:flex; align-items:center; min-width:0; }
.commerce-brand img { width:min(218px,100%); }
html[data-resolved-scheme="light"] .commerce-brand img,
html[data-resolved-scheme="light"] .mobile-panel__top img,
html[data-resolved-scheme="light"] .footer-brand img { filter:invert(1); }

.global-search { position:relative; z-index:3; min-width:0; height:50px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; border:1px solid rgba(255,255,255,.18); border-radius:4px; background:#11151c; box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease; }
.global-search:focus-within { border-color:rgba(var(--f9-accent-rgb),.9); box-shadow:0 0 0 3px rgba(var(--f9-accent-rgb),.12),inset 0 0 0 1px rgba(0,0,0,.2); background:#0d1117; }
.global-search__icon { display:grid; place-items:center; color:rgba(255,255,255,.52); }
.global-search__icon svg { width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.8; }
.global-search input { width:100%; min-width:0; height:46px; padding:0; border:0; outline:0; color:#fff; background:transparent; font-size:14px; }
.global-search input::placeholder { color:rgba(255,255,255,.42); }
.global-search > button { align-self:stretch; min-width:90px; padding:0 18px; border:0; border-left:1px solid rgba(255,255,255,.12); color:#080a0d; background:var(--f9-orange); font-size:10px; font-weight:900; letter-spacing:.105em; text-transform:uppercase; cursor:pointer; }
.global-search__results { position:absolute; left:-1px; right:-1px; top:calc(100% + 10px); max-height:min(560px,72vh); overflow:auto; padding:10px; border:1px solid rgba(255,255,255,.17); border-radius:6px; color:#f8f9fb; background:rgba(11,14,19,.985); box-shadow:0 34px 90px rgba(0,0,0,.5); backdrop-filter:blur(22px); }
.global-search__group { padding:7px 8px 5px; color:rgba(255,255,255,.44); font-size:9px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.global-search__item { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:13px; min-height:58px; padding:8px 10px; border:1px solid transparent; border-radius:4px; }
.global-search__item:hover,.global-search__item.is-focused { border-color:rgba(var(--f9-accent-rgb),.5); background:rgba(var(--f9-accent-rgb),.075); }
.global-search__item-icon { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.09); background:#151a22; color:var(--f9-orange); font-size:10px; font-weight:900; }
.global-search__item strong { display:block; color:#fff; font-size:13px; }
.global-search__item small { display:block; margin-top:4px; color:rgba(255,255,255,.5); font-size:10px; }
.global-search__item > b { color:var(--f9-orange); font-size:15px; }
.global-search__empty { padding:24px; color:rgba(255,255,255,.6); font-size:13px; }
html[data-resolved-scheme="light"] .global-search { border-color:rgba(8,12,18,.16); background:#f2f4f7; box-shadow:none; }
html[data-resolved-scheme="light"] .global-search:focus-within { background:#fff; }
html[data-resolved-scheme="light"] .global-search input { color:#0b0e13; }
html[data-resolved-scheme="light"] .global-search input::placeholder { color:rgba(10,14,20,.48); }
html[data-resolved-scheme="light"] .global-search__icon { color:rgba(10,14,20,.52); }

.header-tools { display:flex; align-items:center; justify-content:flex-end; gap:4px; white-space:nowrap; }
.header-tool { position:relative; width:40px; height:40px; display:inline-grid; place-items:center; border:1px solid transparent; border-radius:50%; color:rgba(255,255,255,.72); background:transparent; cursor:pointer; transition:color 180ms ease,border-color 180ms ease,background 180ms ease,transform 180ms ease; }
.header-tool:hover { color:#fff; border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.055); transform:translateY(-1px); }
.header-tool svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.7; }
.header-tool > span:not(.cart-count) { position:absolute; right:-1px; top:-2px; min-width:17px; height:17px; display:grid; place-items:center; padding:0 3px; border:2px solid #07090d; border-radius:999px; color:#080a0d; background:var(--f9-orange); font-size:8px; font-weight:900; }
.header-tool--menu { display:none; }
.locale-switch { height:38px; display:inline-flex; align-items:center; padding:3px; border:1px solid rgba(255,255,255,.13); border-radius:999px; }
.locale-switch a { width:31px; height:30px; display:grid; place-items:center; border-radius:999px; color:rgba(255,255,255,.45); font-size:9px; font-weight:900; letter-spacing:.08em; }
.locale-switch a[aria-current="page"] { color:#080a0d; background:var(--f9-orange); }
html[data-resolved-scheme="light"] .header-tool { color:rgba(9,13,20,.68); }
html[data-resolved-scheme="light"] .header-tool:hover { color:#0b0e13; border-color:rgba(9,13,20,.14); background:rgba(9,13,20,.045); }
html[data-resolved-scheme="light"] .locale-switch { border-color:rgba(9,13,20,.14); }
html[data-resolved-scheme="light"] .locale-switch a { color:rgba(9,13,20,.48); }

.header-nav { min-height:var(--f9-header-nav); }
.header-nav__inner { min-height:var(--f9-header-nav); display:flex; align-items:stretch; gap:16px; }
.mega-menu { position:relative; flex:0 0 auto; }
.all-categories { height:100%; min-width:218px; display:flex; align-items:center; gap:10px; padding:0 17px; border:0; border-left:1px solid rgba(255,255,255,.08); border-right:1px solid rgba(255,255,255,.08); color:#fff; background:rgba(255,255,255,.025); font-size:10px; font-weight:880; letter-spacing:.095em; text-transform:uppercase; cursor:pointer; }
.all-categories__icon { color:var(--f9-orange); font-size:17px; }
.all-categories__chevron { margin-left:auto; color:rgba(255,255,255,.42); transition:transform 220ms ease; }
.mega-menu.is-open .all-categories { background:rgba(var(--f9-accent-rgb),.08); }
.mega-menu.is-open .all-categories__chevron { transform:rotate(180deg); }
.category-nav { min-width:0; flex:1; display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; }
.category-nav::-webkit-scrollbar { display:none; }
.category-nav a { flex:0 0 auto; min-height:47px; display:flex; align-items:center; padding:0 clamp(9px,1.05vw,17px); color:rgba(255,255,255,.62); font-size:10px; font-weight:760; letter-spacing:.075em; white-space:nowrap; }
.category-nav a:hover { color:#fff; }
.category-nav a[href*="ofertas"],.category-nav a[href*="deals"] { color:var(--f9-orange); }
html[data-resolved-scheme="light"] .all-categories { color:#0b0e13; border-color:rgba(9,13,20,.1); background:rgba(9,13,20,.02); }
html[data-resolved-scheme="light"] .category-nav a { color:rgba(9,13,20,.62); }
html[data-resolved-scheme="light"] .category-nav a:hover { color:#0b0e13; }

.mega-menu__panel { position:absolute; left:0; top:calc(100% + 1px); width:min(1180px,calc(100vw - 40px)); display:grid; grid-template-columns:1.05fr repeat(3,.72fr); gap:0; padding:0; border:1px solid rgba(255,255,255,.14); color:#f8f9fb; background:rgba(10,13,18,.985); box-shadow:0 40px 110px rgba(0,0,0,.55); opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:none; transition:opacity 170ms ease,transform 260ms var(--f9-ease),visibility 0s linear 260ms; }
.mega-menu.is-open .mega-menu__panel { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; transition-delay:0s; }
.mega-menu__intro { min-height:330px; padding:34px; border-right:1px solid rgba(255,255,255,.1); background:radial-gradient(circle at 20% 15%,rgba(var(--f9-accent-rgb),.18),transparent 14rem),linear-gradient(145deg,#161b24,#0a0d12); }
.mega-menu__intro > span { color:var(--f9-orange); font-size:9px; font-weight:900; letter-spacing:.16em; }
.mega-menu__intro h2 { max-width:280px; margin:56px 0 0; font-size:34px; line-height:.93; letter-spacing:-.045em; text-transform:uppercase; }
.mega-menu__intro p { max-width:300px; margin:18px 0 0; color:rgba(255,255,255,.56); font-size:13px; line-height:1.6; }
.mega-menu__intro a { display:inline-flex; align-items:center; gap:9px; margin-top:28px; color:#fff; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.mega-menu__intro a svg { width:16px; stroke:var(--f9-orange); fill:none; }
.mega-menu__column { padding:34px 26px; border-right:1px solid rgba(255,255,255,.08); }
.mega-menu__column h3 { margin:0 0 20px; color:rgba(255,255,255,.42); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.mega-menu__column a { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:44px; border-bottom:1px solid rgba(255,255,255,.07); color:rgba(255,255,255,.78); font-size:13px; }
.mega-menu__column a span { color:var(--f9-orange); opacity:0; transform:translateX(-5px); transition:opacity 180ms ease,transform 180ms ease; }
.mega-menu__column a:hover { color:#fff; }
.mega-menu__column a:hover span { opacity:1; transform:translateX(0); }
.mega-menu__business { grid-column:2/-1; min-height:72px; display:grid; grid-template-columns:auto auto 1fr auto; align-items:center; gap:13px; padding:0 26px; border-top:1px solid rgba(255,255,255,.1); background:rgba(var(--f9-accent-rgb),.06); }
.mega-menu__business strong { font-size:11px; letter-spacing:.09em; text-transform:uppercase; }
.mega-menu__business small { color:rgba(255,255,255,.5); }
.mega-menu__business b { color:var(--f9-orange); }

.mobile-panel { z-index:260; }
.mobile-panel__drawer { overflow:auto; padding:24px; color:#f8f9fb; background:#0d1016; }
.mobile-panel__top img { width:185px; }
.mobile-panel__section { margin-top:34px; }
.mobile-panel__label { display:block; margin-bottom:9px; color:var(--f9-orange); font-size:9px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.mobile-panel nav { margin-top:0; }
.mobile-panel nav a,.mobile-panel__secondary a { min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.82); font-size:15px; font-weight:650; }
.mobile-panel nav a b,.mobile-panel__secondary a b { color:var(--f9-orange); font-weight:700; }
.mobile-panel__secondary { border-top:1px solid rgba(255,255,255,.15); padding-top:10px; }

.settings-panel { position:fixed; inset:0; z-index:300; display:grid; grid-template-columns:minmax(0,1fr) min(460px,94vw); visibility:hidden; opacity:0; pointer-events:none; transition:visibility 0s linear 320ms,opacity 320ms ease; }
.settings-panel.is-open { visibility:visible; opacity:1; pointer-events:auto; transition-delay:0s; }
.settings-panel__scrim { background:rgba(0,0,0,.64); backdrop-filter:blur(8px); }
.settings-panel__drawer { overflow:auto; padding:30px; color:#f8f9fb; background:#0d1016; border-left:1px solid rgba(255,255,255,.12); transform:translateX(100%); transition:transform 420ms var(--f9-ease); }
.settings-panel.is-open .settings-panel__drawer { transform:translateX(0); }
.settings-panel__top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.settings-panel__top > div > span { color:var(--f9-orange); font-size:9px; font-weight:900; letter-spacing:.15em; }
.settings-panel h2 { margin:10px 0 0; font-size:34px; letter-spacing:-.045em; text-transform:uppercase; }
.settings-panel__lead { margin:18px 0 32px; color:rgba(255,255,255,.58); line-height:1.6; }
.settings-panel fieldset { margin:0 0 28px; padding:0; border:0; }
.settings-panel legend { margin-bottom:12px; color:rgba(255,255,255,.48); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.accent-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.accent-options button,.segmented-options button { min-height:48px; display:flex; align-items:center; gap:10px; padding:0 13px; border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.72); background:rgba(255,255,255,.025); cursor:pointer; }
.accent-options button.is-active,.segmented-options button.is-active { color:#fff; border-color:var(--f9-orange); background:rgba(var(--f9-accent-rgb),.09); box-shadow:inset 0 0 0 1px rgba(var(--f9-accent-rgb),.18); }
.accent-options i { width:19px; height:19px; border-radius:50%; background:var(--swatch); box-shadow:0 0 0 3px rgba(255,255,255,.08); }
.segmented-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.segmented-options button { justify-content:center; }
.settings-reset { width:100%; }
.settings-panel__note { margin:20px 0 0; color:rgba(255,255,255,.44); font-size:11px; line-height:1.55; }

.campaign-hero { position:relative; min-height:calc(100svh - var(--f9-header-offset)); min-height:max(660px,calc(100svh - var(--f9-header-offset))); overflow:hidden; color:#f8f9fb; background:#07090d; border-bottom:1px solid rgba(255,255,255,.1); isolation:isolate; }
.campaign-hero::before { content:""; position:absolute; inset:0; z-index:-3; background:radial-gradient(circle at 74% 40%,rgba(var(--f9-accent-rgb),.19),transparent 19rem),linear-gradient(115deg,#07090d 0%,#0c1017 52%,#07090d 100%); }
.campaign-hero::after { content:""; position:absolute; inset:0; z-index:-2; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.campaign-panel { position:absolute; inset:0; opacity:0; visibility:hidden; transform:translateX(28px); pointer-events:none; transition:opacity 380ms ease,transform 620ms var(--f9-ease),visibility 0s linear 620ms; }
.campaign-panel.is-active { position:relative; opacity:1; visibility:visible; transform:translateX(0); pointer-events:auto; transition-delay:0s; }
.campaign-panel__inner { min-height:calc(max(660px,100svh - var(--f9-header-offset)) - 104px); display:grid; grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr); align-items:center; gap:30px; padding:clamp(52px,6vw,88px) 0 32px; }
.campaign-copy { position:relative; z-index:5; max-width:710px; }
.campaign-copy__top { display:flex; align-items:center; gap:15px; margin-bottom:24px; }
.campaign-index { color:var(--f9-orange); font-size:10px; font-weight:900; letter-spacing:.16em; }
.campaign-eyebrow { padding-left:15px; border-left:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.62); font-size:10px; font-weight:760; letter-spacing:.13em; text-transform:uppercase; }
.campaign-copy h1 { max-width:760px; margin:0; font-size:clamp(54px,7vw,112px); line-height:.86; letter-spacing:-.065em; text-transform:uppercase; }
.campaign-copy > p { max-width:610px; margin:25px 0 0; color:rgba(255,255,255,.63); font-size:clamp(16px,1.45vw,20px); line-height:1.65; }
.campaign-commerce { display:flex; align-items:center; gap:22px; margin-top:28px; }
.campaign-commerce small { display:block; color:rgba(255,255,255,.46); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.campaign-commerce strong { display:block; margin-top:7px; color:#fff; font-size:17px; letter-spacing:.04em; }
.campaign-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.campaign-visual { position:relative; min-width:0; min-height:520px; display:grid; place-items:center; perspective:1500px; }
.campaign-product { position:absolute; inset:0; display:grid; place-items:center; }
.campaign-orbit { position:absolute; width:min(780px,86%); aspect-ratio:1; border:1px solid rgba(var(--f9-accent-rgb),.16); border-radius:50%; box-shadow:0 0 0 70px rgba(var(--f9-accent-rgb),.025),0 0 0 150px rgba(var(--f9-accent-rgb),.012); animation:campaignOrbit 12s linear infinite; }
.campaign-orbit::before,.campaign-orbit::after { content:""; position:absolute; border:1px dashed rgba(255,255,255,.09); border-radius:50%; }
.campaign-orbit::before { inset:14%; }
.campaign-orbit::after { inset:29%; }
.campaign-product--gpu .gpu-stage { width:min(760px,49vw); }
.campaign-techline { position:absolute; right:3%; bottom:8%; display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.44); font-size:8px; font-weight:850; letter-spacing:.15em; }
.campaign-techline i { width:70px; height:1px; background:linear-gradient(90deg,var(--f9-orange),transparent); }
@keyframes campaignOrbit { to { transform:rotate(360deg); } }

.switch-stage { position:relative; width:min(650px,48vw); height:430px; transform-style:preserve-3d; animation:switchFloat 5.4s ease-in-out infinite; }
.switch-console { position:absolute; left:4%; right:2%; top:18%; height:235px; transform:rotateX(-7deg) rotateY(-13deg) rotateZ(-3deg); filter:drop-shadow(0 46px 45px rgba(0,0,0,.55)); }
.switch-console__screen { position:absolute; left:80px; right:80px; inset-block:0; overflow:hidden; border:11px solid #171b22; border-radius:22px; background:radial-gradient(circle at 68% 25%,rgba(var(--f9-accent-rgb),.68),transparent 27%),linear-gradient(145deg,#131822,#05070a); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); }
.switch-console__screen::before { content:""; position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:26px 26px; }
.switch-console__screen b { position:absolute; left:24px; bottom:20px; color:#fff; font-size:24px; line-height:.92; letter-spacing:-.045em; }
.switch-console__joy { position:absolute; top:2px; bottom:2px; width:91px; border-radius:46px 18px 18px 46px; background:linear-gradient(155deg,#e9edf2,#737c88 52%,#f7f8fa); box-shadow:inset 0 0 0 1px rgba(255,255,255,.5); }
.switch-console__joy--left { left:0; }
.switch-console__joy--right { right:0; transform:scaleX(-1); }
.switch-console__joy::before { content:""; position:absolute; left:29px; top:49px; width:31px; height:31px; border-radius:50%; background:#0a0d12; box-shadow:0 78px 0 -7px #0a0d12; }
.switch-console__joy i { position:absolute; left:34px; top:119px; width:22px; height:22px; border-radius:50%; border:2px solid rgba(var(--f9-accent-rgb),.8); box-shadow:0 0 18px rgba(var(--f9-accent-rgb),.4); }
.switch-dock { position:absolute; right:2%; bottom:4%; width:280px; height:220px; border:1px solid rgba(255,255,255,.16); border-radius:18px 18px 9px 9px; background:linear-gradient(145deg,#222832,#080a0e 70%); transform:rotateY(-20deg) rotateX(4deg); box-shadow:inset 0 0 0 7px rgba(0,0,0,.22),0 34px 70px rgba(0,0,0,.5); }
.switch-dock::after { content:""; position:absolute; left:18%; right:18%; bottom:17%; height:4px; background:var(--f9-orange); box-shadow:0 0 18px rgba(var(--f9-accent-rgb),.6); }
.switch-dock span { position:absolute; left:20px; top:22px; color:rgba(255,255,255,.7); font-size:11px; font-weight:900; letter-spacing:.14em; }
@keyframes switchFloat { 0%,100% { transform:translateY(8px); } 50% { transform:translateY(-10px); } }

.mouse-stage { position:relative; width:min(590px,46vw); height:500px; display:grid; place-items:center; transform-style:preserve-3d; }
.mouse-stage .device-mouse { width:230px; height:340px; transform:rotateX(-13deg) rotateY(19deg) rotateZ(13deg); animation:mouseFloat 5s ease-in-out infinite; z-index:2; }
.mouse-stage .device-mouse::after { width:14px; height:45px; top:54px; }
.mouse-stage .device-mouse span { width:48px; height:5px; bottom:44px; }
.mouse-stage__shadow { position:absolute; width:320px; height:70px; bottom:60px; border-radius:50%; background:rgba(0,0,0,.55); filter:blur(22px); transform:rotate(-7deg); }
.mouse-stage__grid { position:absolute; width:86%; height:52%; bottom:3%; border:1px solid rgba(var(--f9-accent-rgb),.14); transform:rotateX(70deg); background-image:linear-gradient(rgba(var(--f9-accent-rgb),.16) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--f9-accent-rgb),.16) 1px,transparent 1px); background-size:32px 32px; mask-image:radial-gradient(circle,#000 20%,transparent 72%); }
@keyframes mouseFloat { 0%,100% { transform:rotateX(-13deg) rotateY(19deg) rotateZ(13deg) translateY(8px); } 50% { transform:rotateX(-10deg) rotateY(14deg) rotateZ(9deg) translateY(-11px); } }

.campaign-switcher { position:relative; z-index:15; min-height:104px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-bottom:20px; }
.campaign-tab { min-width:0; min-height:76px; display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:13px; padding:10px 14px; border:1px solid rgba(255,255,255,.11); color:rgba(255,255,255,.62); background:rgba(255,255,255,.025); text-align:left; cursor:pointer; transition:border-color 200ms ease,background 200ms ease,color 200ms ease,transform 200ms ease; }
.campaign-tab:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.23); color:#fff; }
.campaign-tab.is-active { color:#fff; border-color:rgba(var(--f9-accent-rgb),.65); background:rgba(var(--f9-accent-rgb),.09); }
.campaign-tab__visual { width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); background:#11151c; position:relative; overflow:hidden; }
.campaign-tab__visual--gpu::before { content:""; width:38px; height:21px; border:1px solid rgba(255,255,255,.25); border-radius:3px; background:linear-gradient(145deg,#2a313b,#080a0e); transform:rotate(-9deg); box-shadow:inset 0 -3px 0 var(--f9-orange); }
.campaign-tab__visual--switch::before { content:""; width:39px; height:21px; border:5px solid #cfd5dc; border-left-width:9px; border-right-width:9px; border-radius:8px; background:#090c11; }
.campaign-tab__visual--mouse::before { content:""; width:20px; height:31px; border-radius:60% 60% 44% 44%; background:linear-gradient(135deg,#fff,#7f8792); transform:rotate(12deg); }
.campaign-tab small { display:block; color:var(--f9-orange); font-size:8px; font-weight:900; letter-spacing:.13em; }
.campaign-tab strong { display:block; margin-top:5px; overflow:hidden; text-overflow:ellipsis; color:inherit; font-size:12px; white-space:nowrap; }
.campaign-tab > b { color:rgba(255,255,255,.28); font-size:9px; }
.campaign-progress { position:absolute; left:0; right:0; bottom:0; height:2px; background:rgba(255,255,255,.06); }
.campaign-progress span { display:block; width:33.333%; height:100%; background:var(--f9-orange); transition:transform 500ms var(--f9-ease); transform:translateX(var(--campaign-index,0%)); }

.trust-strip--v03 { background:rgba(255,255,255,.02); }
.trust-strip--v03 .trust-item svg { width:19px; height:19px; }
.section-title--sentence { max-width:1050px; text-transform:none; }
.section-heading--wide { align-items:flex-start; }
.catalog-scope { background:linear-gradient(180deg,rgba(255,255,255,.015),transparent); }
.catalog-scope-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.catalog-scope-card { position:relative; min-height:330px; overflow:hidden; border:1px solid var(--f9-line); background:#0e1218; isolation:isolate; transition:transform 300ms var(--f9-ease),border-color 220ms ease,box-shadow 300ms ease; }
.catalog-scope-card:hover { transform:translateY(-6px); border-color:rgba(var(--f9-accent-rgb),.58); box-shadow:0 26px 65px rgba(0,0,0,.24); }
.catalog-scope-card::before { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 72% 18%,rgba(var(--f9-accent-rgb),.17),transparent 12rem),linear-gradient(150deg,rgba(255,255,255,.04),transparent 48%); }
.catalog-scope-card__art { position:absolute; right:-3%; top:4%; width:62%; height:54%; display:grid; place-items:center; transition:transform 520ms var(--f9-ease); }
.catalog-scope-card:hover .catalog-scope-card__art { transform:translateY(-5px) scale(1.04) rotate(1deg); }
.catalog-scope-card__body { position:absolute; left:22px; right:22px; bottom:22px; z-index:3; }
.catalog-scope-card__body small { color:var(--f9-orange); font-size:8px; font-weight:900; letter-spacing:.14em; }
.catalog-scope-card h3 { margin:10px 0 0; font-size:clamp(25px,2.4vw,38px); line-height:.95; letter-spacing:-.045em; text-transform:uppercase; }
.catalog-scope-card p { margin:12px 0 0; color:var(--f9-muted); font-size:12px; line-height:1.55; }
.catalog-scope-card b { display:inline-block; margin-top:17px; color:var(--f9-white); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.catalog-scope-card--pc .catalog-scope-card__art::before { content:""; width:96px; height:136px; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 35%),linear-gradient(180deg,#202630,#090b10); box-shadow:inset 0 0 0 5px rgba(0,0,0,.24),0 23px 35px rgba(0,0,0,.42); }
.catalog-scope-card--pc .catalog-scope-card__art::after { content:""; position:absolute; width:68px; height:68px; border:2px solid rgba(var(--f9-accent-rgb),.72); border-radius:50%; background:repeating-conic-gradient(rgba(var(--f9-accent-rgb),.28) 0 12deg,transparent 13deg 28deg); box-shadow:0 0 30px rgba(var(--f9-accent-rgb),.28); }
.catalog-scope-card--components .catalog-scope-card__art::before { content:""; width:142px; height:78px; border:1px solid rgba(255,255,255,.18); border-radius:10px 16px 10px 12px; background:linear-gradient(145deg,#252b35,#0a0d12 55%,#1c2129); box-shadow:inset 0 -3px 0 var(--f9-orange),0 24px 35px rgba(0,0,0,.4); transform:rotate(-9deg); }
.catalog-scope-card--components .catalog-scope-card__art::after { content:""; position:absolute; width:42px; height:42px; border:7px double rgba(255,255,255,.12); border-radius:50%; background:repeating-conic-gradient(#2a313b 0 14deg,#090b10 15deg 29deg); transform:translateX(-30px) rotate(-9deg); }
.catalog-scope-card--phone .catalog-scope-card__art::before { content:"09"; width:80px; height:144px; display:grid; place-items:center; border:2px solid rgba(255,255,255,.22); border-radius:20px; color:#fff; background:radial-gradient(circle at 70% 20%,rgba(var(--f9-accent-rgb),.55),transparent 30%),linear-gradient(155deg,#181d26,#07090d); box-shadow:inset 0 0 0 5px #05070a,0 26px 42px rgba(0,0,0,.44); font-size:33px; font-weight:900; transform:rotate(8deg); }
.catalog-scope-card--console .catalog-scope-card__art::before { content:""; width:140px; height:74px; border:5px solid #d8dde3; border-left-width:24px; border-right-width:24px; border-radius:28px 15px 15px 28px; background:radial-gradient(circle at 67% 29%,rgba(var(--f9-accent-rgb),.65),transparent 28%),#080b10; box-shadow:0 25px 38px rgba(0,0,0,.4); transform:rotate(-5deg); }
.catalog-scope-card--laptop .catalog-scope-card__art::before { content:""; width:142px; height:92px; border:5px solid #1a1f28; border-radius:8px; background:radial-gradient(circle at 68% 25%,rgba(var(--f9-accent-rgb),.58),transparent 29%),linear-gradient(135deg,#191e28,#07090d); box-shadow:0 24px 38px rgba(0,0,0,.4); transform:rotate(-5deg); }
.catalog-scope-card--laptop .catalog-scope-card__art::after { content:""; position:absolute; width:166px; height:14px; top:70%; border-radius:2px 2px 10px 10px; background:linear-gradient(180deg,#bcc2ca,#4d5560); transform:rotate(-5deg); }
.catalog-scope-card--peripherals .catalog-scope-card__art::before { content:""; width:70px; height:103px; border-radius:56% 56% 44% 44%/40% 40% 58% 58%; background:linear-gradient(120deg,#f5f5f5,#8d96a2 48%,#fff); box-shadow:inset -10px -18px 24px rgba(0,0,0,.25),0 24px 35px rgba(0,0,0,.4); transform:rotate(16deg); }
.catalog-scope-card--monitor .catalog-scope-card__art::before { content:""; width:150px; height:92px; border:5px solid #1a1f28; border-radius:8px; background:radial-gradient(circle at 66% 32%,rgba(var(--f9-accent-rgb),.65),transparent 29%),linear-gradient(140deg,#1b202b,#07090d); box-shadow:0 22px 36px rgba(0,0,0,.42); transform:rotate(4deg); }
.catalog-scope-card--monitor .catalog-scope-card__art::after { content:""; position:absolute; width:70px; height:28px; top:70%; border-bottom:6px solid #89919c; clip-path:polygon(43% 0,57% 0,65% 72%,100% 72%,100% 100%,0 100%,0 72%,35% 72%); }
.catalog-scope-card--audio .catalog-scope-card__art::before { content:""; width:100px; height:112px; border:10px solid #dfe3e8; border-bottom-color:transparent; border-radius:60px 60px 0 0; box-shadow:0 20px 38px rgba(0,0,0,.38); transform:rotate(-7deg); }
.catalog-scope-card--audio .catalog-scope-card__art::after { content:""; position:absolute; width:28px; height:58px; border-radius:15px; background:linear-gradient(145deg,#e6e9ed,#737b86); box-shadow:74px 0 0 #bfc5cc; transform:rotate(-7deg); top:45%; left:28%; }
html[data-resolved-scheme="light"] .catalog-scope-card { background:#fff; }
html[data-resolved-scheme="light"] .catalog-scope-card b { color:#0b0e13; }

.featured-selection { border-top:1px solid var(--f9-line); border-bottom:1px solid var(--f9-line); }
.quiz-result__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.business-home__panel { min-height:330px; display:grid; grid-template-columns:180px minmax(0,1fr) auto; align-items:center; gap:clamp(30px,5vw,72px); padding:clamp(34px,5vw,64px); border:1px solid rgba(255,255,255,.13); color:#f8f9fb; background:radial-gradient(circle at 12% 50%,rgba(var(--f9-accent-rgb),.22),transparent 16rem),linear-gradient(135deg,#151a23,#080a0e 72%); }
.business-home__mark { color:#fff; font-size:72px; font-weight:950; line-height:.68; letter-spacing:-.09em; }
.business-home__mark span { color:var(--f9-orange); font-size:28px; letter-spacing:.12em; }
.business-home h2 { margin:0; font-size:clamp(34px,4.5vw,64px); line-height:.92; letter-spacing:-.055em; }
.business-home p:not(.eyebrow) { max-width:720px; margin:18px 0 0; color:rgba(255,255,255,.62); line-height:1.65; }

.page-hero--service { padding-top:clamp(80px,9vw,140px); background:radial-gradient(circle at 80% 10%,rgba(var(--f9-accent-rgb),.12),transparent 24rem); }
.service-content { padding-top:60px; }
.service-narrow { width:min(calc(100% - 40px),900px); }
.service-grid { display:grid; gap:1px; border:1px solid var(--f9-line); background:var(--f9-line); }
.service-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.service-grid article { min-height:270px; padding:34px; background:#0d1016; }
.service-grid article > span { color:var(--f9-orange); font-size:10px; font-weight:900; letter-spacing:.15em; }
.service-grid h2 { margin:66px 0 0; font-size:28px; line-height:1; letter-spacing:-.04em; text-transform:uppercase; }
.service-grid p { margin:16px 0 0; color:var(--f9-muted); line-height:1.65; }
.service-card { padding:clamp(30px,5vw,58px); border:1px solid var(--f9-line); background:#0d1016; }
.service-card > h2 { margin:0; font-size:clamp(36px,5vw,62px); letter-spacing:-.05em; text-transform:uppercase; }
.service-card > p { color:var(--f9-muted); line-height:1.7; }
.service-card--form { margin-top:28px; }
.service-form,.quote-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.service-card > .service-form { margin-top:30px; }
.field--wide { grid-column:1/-1; }
.field textarea,.quote-form textarea,.service-form textarea { width:100%; min-height:120px; padding:14px; resize:vertical; border:1px solid var(--f9-line-strong); color:#fff; background:#090b10; }
.quote-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(35px,6vw,90px); align-items:start; margin-top:70px; }
.quote-form { padding:clamp(28px,4vw,48px); border:1px solid var(--f9-line); background:rgba(255,255,255,.018); }
.service-note { margin-top:28px; padding:30px; border-left:3px solid var(--f9-orange); background:rgba(var(--f9-accent-rgb),.055); }
.service-note strong { display:block; font-size:20px; }
.service-note p { margin:12px 0 0; color:var(--f9-muted); line-height:1.65; }
.brand-explorer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid var(--f9-line); background:var(--f9-line); }
.brand-explorer > * { min-height:280px; display:flex; flex-direction:column; justify-content:flex-end; padding:34px; background:#0d1016; }
.brand-explorer span { font-size:clamp(28px,4vw,52px); font-weight:950; letter-spacing:-.045em; }
.brand-explorer p { margin:14px 0 0; color:var(--f9-muted); }
.brand-explorer a:hover { background:linear-gradient(145deg,rgba(var(--f9-accent-rgb),.11),#0d1016); }
.account-preview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:28px 0; }
.account-preview span { min-height:76px; display:flex; align-items:center; padding:0 20px; border:1px solid var(--f9-line); background:rgba(255,255,255,.02); font-weight:700; }
.product-hero--alt .campaign-product { position:relative; min-height:560px; }
.product-viewer--alt { overflow:hidden; }
.spec-list--four { grid-template-columns:repeat(4,minmax(0,1fr)); }

.catalog-toolbar,.product-subnav { top:var(--f9-header-offset); }
.product-hero { min-height:calc(100svh - var(--f9-header-offset)); }
.article-aside { top:calc(var(--f9-header-offset) + 24px); }

@media (max-width:1280px) {
  :root { --f9-header-offset:148px; --f9-header-main:72px; --f9-header-nav:46px; }
  .header-main__inner { grid-template-columns:minmax(165px,190px) minmax(320px,1fr) auto; gap:16px; }
  .commerce-brand img { width:185px; }
  .header-tool { width:36px; height:36px; }
  .category-nav a { padding-inline:11px; }
  .campaign-panel__inner { grid-template-columns:.9fr 1.1fr; }
  .campaign-product--gpu .gpu-stage { width:min(680px,51vw); }
  .catalog-scope-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:1080px) {
  :root { --f9-header-offset:154px; --f9-header-main:78px; }
  .header-utility nav a:nth-child(2),.header-utility nav a:nth-child(3),.business-access small { display:none; }
  .header-main__inner { grid-template-columns:170px minmax(260px,1fr) auto; }
  .header-tools .header-tool:nth-child(1),.header-tools .header-tool:nth-child(2) { display:none; }
  .header-tool--menu { display:inline-grid; }
  .category-nav { display:none; }
  .header-nav__inner { padding:0; }
  .all-categories { min-width:100%; border:0; justify-content:center; }
  .mega-menu { width:100%; }
  .mega-menu__panel { display:none; }
  .campaign-panel__inner { grid-template-columns:minmax(0,1fr); min-height:auto; padding-top:65px; }
  .campaign-copy { max-width:790px; }
  .campaign-copy h1 { max-width:900px; }
  .campaign-visual { min-height:500px; }
  .campaign-product--gpu .gpu-stage { width:min(720px,78vw); }
  .switch-stage { width:min(680px,76vw); }
  .mouse-stage { width:min(620px,75vw); }
  .campaign-switcher { margin-top:10px; }
  .catalog-scope-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .business-home__panel { grid-template-columns:130px minmax(0,1fr); }
  .business-home__panel > .btn { grid-column:2; justify-self:start; }
  .quote-layout { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  :root { --f9-header-offset:151px; --f9-header-utility:27px; --f9-header-main:62px; --f9-header-nav:62px; }
  .container { width:min(calc(100% - 28px),var(--f9-max)); }
  .header-utility__inner { justify-content:center; }
  .header-utility nav { width:100%; justify-content:space-between; }
  .header-utility nav a:nth-child(2) { display:inline-flex; }
  .header-utility nav a:nth-child(3),.business-access { display:none; }
  .header-main { min-height:124px; }
  .header-main__inner { min-height:124px; grid-template-columns:minmax(130px,1fr) auto; grid-template-rows:58px 58px; gap:0 8px; }
  .commerce-brand img { width:160px; }
  .header-tools { gap:0; }
  .header-tools .locale-switch,.header-tools .header-tool:nth-child(1),.header-tools .header-tool:nth-child(2),.header-tools .header-tool:nth-child(5) { display:none; }
  .header-tool { width:36px; height:36px; }
  .global-search { grid-column:1/-1; grid-row:2; height:48px; }
  .global-search input { font-size:13px; }
  .global-search > button { min-width:54px; padding:0 12px; font-size:0; }
  .global-search > button::after { content:"→"; font-size:18px; }
  .global-search__results { position:fixed; left:14px; right:14px; top:calc(var(--f9-header-utility) + var(--f9-header-main) - 5px); max-height:58vh; }
  .header-nav { display:none; }
  .campaign-hero { min-height:auto; }
  .campaign-panel__inner { min-height:auto; padding:52px 0 12px; }
  .campaign-copy__top { margin-bottom:18px; }
  .campaign-copy h1 { font-size:clamp(48px,15vw,75px); }
  .campaign-copy > p { margin-top:20px; font-size:15px; }
  .campaign-actions .btn { flex:1 1 180px; }
  .campaign-visual { min-height:380px; margin-top:10px; }
  .campaign-product--gpu .gpu-stage { width:min(620px,100vw); transform:scale(.9); }
  .switch-stage { width:100%; height:350px; transform:scale(.8); }
  .mouse-stage { width:100%; height:390px; transform:scale(.82); }
  .campaign-techline { display:none; }
  .campaign-switcher { grid-template-columns:repeat(3,minmax(0,1fr)); min-height:86px; gap:5px; padding-bottom:12px; }
  .campaign-tab { min-height:63px; grid-template-columns:36px minmax(0,1fr); gap:8px; padding:7px; }
  .campaign-tab__visual { width:34px; height:34px; }
  .campaign-tab > b,.campaign-tab small { display:none; }
  .campaign-tab strong { font-size:9px; }
  .trust-strip__inner { grid-template-columns:repeat(2,1fr); }
  .trust-item { min-height:64px; padding:13px 8px; font-size:9px; }
  .catalog-scope-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .catalog-scope-card { min-height:275px; }
  .catalog-scope-card__art { width:70%; height:50%; }
  .catalog-scope-card__body { left:17px; right:17px; bottom:17px; }
  .catalog-scope-card h3 { font-size:24px; }
  .catalog-scope-card p { display:none; }
  .business-home__panel { grid-template-columns:1fr; gap:25px; }
  .business-home__panel > .btn { grid-column:1; }
  .business-home__mark { font-size:58px; }
  .service-grid--three,.spec-list--four { grid-template-columns:1fr; }
  .service-grid article { min-height:220px; }
  .service-grid h2 { margin-top:42px; }
  .service-form,.quote-form { grid-template-columns:1fr; }
  .field--wide { grid-column:1; }
  .brand-explorer { grid-template-columns:1fr; }
  .account-preview { grid-template-columns:1fr; }
  .settings-panel__drawer { padding:23px; }
  .accent-options { grid-template-columns:1fr; }
  .segmented-options { grid-template-columns:1fr; }
  .footer-grid--v03 { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .product-hero--alt .campaign-product { min-height:400px; transform:scale(.76); }
  .catalog-toolbar,.product-subnav { top:var(--f9-header-offset); }
}

@media (max-width:480px) {
  .header-utility nav a { font-size:8px; }
  .header-utility svg { width:13px; height:13px; }
  .commerce-brand img { width:145px; }
  .campaign-copy h1 { font-size:clamp(44px,14.5vw,66px); }
  .campaign-commerce { margin-top:22px; }
  .campaign-visual { min-height:330px; }
  .campaign-product--gpu .gpu-stage { transform:scale(.78); }
  .switch-stage { transform:scale(.68); }
  .mouse-stage { transform:scale(.7); }
  .campaign-tab { grid-template-columns:1fr; place-items:center; text-align:center; }
  .campaign-tab__visual { display:none; }
  .catalog-scope-grid { grid-template-columns:1fr; }
  .catalog-scope-card { min-height:245px; }
  .footer-grid--v03 { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .campaign-panel,.campaign-orbit,.switch-stage,.mouse-stage .device-mouse,.gpu-stage,.catalog-scope-card,.campaign-tab { animation:none!important; transition-duration:.01ms!important; }
}

/* Search result miniatures and utility states added in 02B. */
body.f9-panel-open { overflow:hidden; }
.global-search__all { min-height:48px; display:flex; align-items:center; justify-content:space-between; margin-top:8px; padding:0 12px; border-top:1px solid rgba(255,255,255,.1); color:#fff; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.global-search__all span { color:var(--f9-orange); font-size:16px; }
.f9-search-icon { position:relative; width:40px; height:40px; display:block; overflow:hidden; border:1px solid rgba(255,255,255,.09); background:radial-gradient(circle at 50% 50%,rgba(var(--f9-accent-rgb),.18),transparent 70%),#151a22; }
.f9-search-icon--gpu::before { content:""; position:absolute; left:7px; right:7px; top:11px; bottom:10px; border:2px solid rgba(255,255,255,.8); transform:skewY(-5deg); }
.f9-search-icon--gpu i,.f9-search-icon--gpu b { position:absolute; top:16px; width:8px; height:8px; border:1px solid var(--f9-orange); border-radius:50%; }
.f9-search-icon--gpu i { left:11px; }.f9-search-icon--gpu b { right:11px; }
.f9-search-icon--switch::before { content:""; position:absolute; left:12px; right:12px; top:8px; bottom:8px; border:2px solid rgba(255,255,255,.8); }
.f9-search-icon--switch i,.f9-search-icon--switch b { position:absolute; top:6px; bottom:6px; width:9px; border:2px solid var(--f9-orange); border-radius:7px; }
.f9-search-icon--switch i { left:4px; }.f9-search-icon--switch b { right:4px; }
.f9-search-icon--mouse::before { content:""; position:absolute; left:12px; top:5px; width:15px; height:28px; border:2px solid rgba(255,255,255,.85); border-radius:10px 10px 12px 12px; transform:rotate(12deg); }
.f9-search-icon--mouse i { position:absolute; left:20px; top:9px; width:1px; height:9px; background:var(--f9-orange); transform:rotate(12deg); }
.mobile-panel__action { width:100%; min-height:50px; display:flex; align-items:center; justify-content:space-between; margin-top:10px; padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.82); background:transparent; font-size:15px; font-weight:650; text-align:left; cursor:pointer; }
.mobile-panel__action b { color:var(--f9-orange); }
.legal-draft-note { margin-top:24px; padding:22px 24px; border:1px solid rgba(var(--f9-accent-rgb),.35); background:rgba(var(--f9-accent-rgb),.06); }
.legal-draft-note strong { color:var(--f9-orange); font-size:9px; letter-spacing:.15em; }
.legal-draft-note p { margin:9px 0 0; color:var(--f9-muted); font-size:12px; line-height:1.6; }