@font-face{font-family:'Lato';src:url('/assets/lato-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lato';src:url('/assets/lato-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Reem Kufi';src:url('/assets/reem-kufi-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--surface-soft);color:var(--MainDark);font-family:var(--font);line-height:1.6}.tour-header{background:var(--MainDark);padding:22px 5vw;display:flex;justify-content:space-between;align-items:center}.tour-header img{object-fit:contain}.tour-hero{background:var(--MainDark);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:42px 5vw 70px}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em}h1{font-size:clamp(44px,5.2vw,76px);line-height:1.06;margin:0 0 25px;font-weight:700}h1 span{color:var(--SelectMid)}.intro{max-width:530px;font-size:20px;line-height:1.65;margin:0 0 30px}.tour-cta{display:flex;align-items:center;gap:24px}.tour-cta strong{font:700 23px/1.3 var(--display)}.system-art svg{width:100%;display:block;overflow:visible}.system-art>p{text-align:center;font-size:14px;color:#c7d0d1;margin-top:0}.circuit{fill:none;stroke:#879b9e;stroke-width:1}.packets{fill:none;stroke:var(--SelectMid);stroke-width:4;stroke-linecap:round;stroke-dasharray:.1 29.9;animation:travel 12s linear infinite}.tour{padding:75px 5vw 85px}.section-lead h2,.direction h2,.platforms h2{font-size:clamp(32px,4vw,48px);line-height:1.18;margin:0 0 16px}.stage-tabs{display:flex;flex-direction:column;gap:4px}.stage-tabs button{display:flex;align-items:center;gap:20px;min-height:70px;background:transparent;border:0;border-bottom:1px solid #cfd9d8;border-radius:0;color:var(--MainDark);text-align:left;font:700 18px var(--font);padding:14px 18px;cursor:pointer}.stage-tabs button span{font-size:12px;font-weight:400;opacity:.7}.stage-tabs button b{margin-left:auto;font-size:19px;font-weight:400}.stage-tabs button[aria-selected=true]{background:var(--MainDark);color:white;border-radius:12px;border-color:transparent}.stage-tabs button[aria-selected=true] span{color:var(--SelectMid);opacity:1}.stage-tabs button:focus-visible{outline:3px solid var(--AccentMid);outline-offset:3px}#stage-panel{border:1px solid #c6d0cf;background:white;border-radius:16px;padding:32px;min-height:470px}#panel-title{font-size:32px;line-height:1.2;margin:0 0 14px}#panel-copy{font-size:17px;line-height:1.6;max-width:720px;margin:0}.metric-bars div:nth-child(2){background:#89409b}.handoff{border-top:1px solid #d9e0df;padding-top:15px}.handoff span{font-size:10px;letter-spacing:.1em;font-weight:700;color:#718185}.handoff p{margin:5px 0 0;font-size:15px}.direction{padding:75px 5vw;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;background:#e9eeeb}.direction>div>p:last-child{max-width:370px;font-size:19px}.platforms{padding:70px 5vw;text-align:center}.platforms>div{display:flex;justify-content:center;gap:25px;margin:30px 0}.platforms>div>span{border-bottom:2px solid #9dafad;padding:8px 15px;font-weight:700}.platforms>p:last-child{max-width:620px;margin:auto;font-size:17px}.tour-close{background:var(--AccentDark);color:white;text-align:center;padding:64px 24px}.tour-close h2{font-size:clamp(34px,4vw,54px);line-height:1.15;margin:0 0 28px}.tour-close .tour-cta{justify-content:center}.tour-close>a{display:inline-block;font-size:14px;margin-top:26px;text-decoration:underline;text-underline-offset:4px}.footer-review-social{margin-top:20px}@keyframes travel{to{stroke-dashoffset:-300}}@media(max-width:760px){.tour-header{padding:16px 24px}.tour-header img{width:160px;height:40px}.tour-hero{grid-template-columns:1fr;padding:35px 24px 45px;gap:25px}.intro{font-size:18px}.system-art{max-width:480px;margin:auto}.tour{padding:48px 20px}.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stage-tabs button{font-size:12px;min-height:52px;padding:10px 6px;gap:5px;justify-content:center;border-radius:8px}.stage-tabs button span,.stage-tabs button b{display:none}#stage-panel{padding:22px;min-height:480px}#panel-title{font-size:28px}.direction{grid-template-columns:1fr;gap:28px;padding:48px 24px}.platforms{padding:48px 24px}.platforms>div{flex-direction:column;gap:8px}.tour-cta{gap:16px}.tour-cta strong{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.packets{animation:none}}

/* The homepage brain, sized for this hero rather than redrawn. */
.system-art{min-width:0}.system-art .schema-brain{--brain-height:440px;width:100%;margin:0}.system-art>p{margin:10px 0 0;color:#c7d0d1}.tour-hero{gap:24px;padding-top:36px;padding-bottom:54px}.stage-tabs button:hover:not([aria-selected=true]){background:#e6ece9}.stage-tabs button[aria-selected=true]{box-shadow:inset 3px 0 var(--SelectMid)}
@media(max-width:760px){.system-art{width:100%;max-width:560px}.system-art .schema-brain{--brain-height:320px}.tour-hero{gap:12px}.stage-tabs button[aria-selected=true]{box-shadow:inset 0 -3px var(--SelectMid)}}.price{margin:0;display:flex;flex-direction:column}.price strong{font:700 clamp(50px,5.6vw,78px)/1.1 var(--display);letter-spacing:-.04em}.price>span{color:var(--SelectMid);font-size:18px;margin-top:6px}.service-price>p:not(.price):not(.eyebrow){font-size:17px;color:#d8e2e2;line-height:1.55;margin:20px 0}.glove-close{background:var(--AccentDark);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px 6vw}.glove-close h2{font-size:clamp(30px,3.5vw,46px);line-height:1.2;margin:0 0 15px}.glove-close p{font-size:17px;margin:0}@media(max-width:760px){.price{flex-direction:row;align-items:baseline;gap:14px}.price strong{font-size:56px}.glove-close{align-items:flex-start;flex-direction:column;padding:40px 24px}}

.compare-hero{background:var(--MainDark);color:white;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding:48px 6vw 60px}.compare-hero h1{font-size:clamp(40px,5vw,68px)}.compare-hero .intro{max-width:600px}.factory-overview{text-align:center}.factory-overview img{width:100%;max-width:360px}.factory-overview p{font-size:11px;letter-spacing:.12em;color:#e8ca85}.compare-position{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:48px 6vw;background:var(--surface-soft);align-items:center}.compare-position h2{font-size:36px;line-height:1.2;margin:0}.compare-position p{font-size:17px;margin:0 0 12px}.directory{padding:65px 6vw}.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.directory-heading h2{font-size:40px;line-height:1.15;margin:0}.directory-heading label{display:block;font-size:13px;margin-bottom:8px}.directory-heading input{width:310px;max-width:100%;padding:14px 16px;border:1px solid #a9bab9;border-radius:10px;background:white;font:16px Lato,sans-serif;color:var(--MainDark)}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 20px}.category-filters button{font:14px Lato,sans-serif;color:var(--MainDark);border:1px solid #becbc8;border-radius:24px;padding:10px 15px;background:transparent;cursor:pointer}.category-filters button[aria-pressed=true]{background:var(--MainDark);color:white;border-color:var(--MainDark)}.category-filters button span{margin-left:6px;color:var(--SelectMid)}.result-count{font-size:13px;color:var(--NeutralMid)}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-card{min-width:0;display:flex;flex-direction:column;text-decoration:none;border:1px solid #d3dedb;border-radius:12px;padding:24px;background:var(--surface-soft);transition:background .2s,border-color .2s}.compare-card:hover{background:white;border-color:var(--AccentDark)}.compare-card[hidden]{display:none}.compare-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--NeutralMid)}.compare-card h3{font-size:23px;margin:12px 0;line-height:1.25}.compare-card p{font-size:15px;line-height:1.5;margin:0 0 22px}.compare-card small{margin-top:auto;text-decoration:underline;text-underline-offset:5px;font-size:12px}.compare-method{padding:55px 6vw;background:var(--surface-soft)}.compare-method h2{font-size:38px;line-height:1.2}.compare-method>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.compare-method article{border-top:1px solid #9badac;padding-top:20px}.compare-method article>span{color:var(--AccentDark);font-size:13px}.compare-method h3{font-size:24px;margin:10px 0}.category-filters button:focus-visible,.compare-card:focus-visible{outline:3px solid var(--AccentDark);outline-offset:3px}@media(max-width:760px){.compare-hero{grid-template-columns:1fr;padding:35px 24px;gap:24px}.factory-overview img{max-width:250px}.compare-position{grid-template-columns:1fr;gap:20px;padding:36px 24px}.directory{padding:40px 24px}.directory-heading{align-items:stretch;flex-direction:column}.directory-heading h2{font-size:32px}.directory-heading input{width:100%}.compare-grid{grid-template-columns:1fr}.compare-method{padding:40px 24px}.compare-method>div{grid-template-columns:1fr;gap:24px}}

/* Simplified comparison directory. */
.compare-hero .intro-followup{margin-top:28px}.company-search-wrap{position:relative}.company-search-wrap svg{position:absolute;width:20px;height:20px;left:16px;top:50%;transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:1.8;pointer-events:none}.directory-heading input{padding-left:46px}.result-count.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.compare-card .comparison-brands{display:flex;align-items:center;gap:12px;margin:24px 0;min-height:46px}.comparison-brands img{width:100px;height:38px;object-fit:contain}.comparison-brands .adsmith-mark{filter:brightness(0) saturate(100%);width:110px}.comparison-brands span{font:400 15px Lato,sans-serif;flex:none}.compare-card p{margin-bottom:0}.compare-method h2{font-size:clamp(24px,2.7vw,38px);max-width:none}.compare-grid{margin-top:28px}

.comparison-brands strong{font:700 20px/1.2 Lato,sans-serif}.comparison-brands{flex-wrap:wrap}

.comparison-brands .adsmith-mark{filter:none;width:110px}

.compare-card .comparison-brands{display:grid;grid-template-columns:90px 20px minmax(0,1fr);gap:10px;min-height:66px}.comparison-brands .adsmith-mark{width:90px;height:32px}.comparison-brands .competitor-mark{display:flex;align-items:center;justify-content:center;min-width:0;min-height:56px;padding:8px;border-radius:6px}.competitor-mark img{width:100%;max-width:145px;height:40px;object-fit:contain}.competitor-mark.dark{background:#10343c}.competitor-mark.light{background:transparent}.competitor-mark.light img{mix-blend-mode:multiply}.comparison-brands .icon-with-name{gap:6px}.icon-with-name img{width:26px;height:26px;flex:none}.comparison-brands .icon-with-name span{font:700 15px/1.15 Lato,sans-serif}.competitor-mark.dark span{color:white}

/* Compact, transparent brand pairings; reversed marks retain their original shapes. */
.compare-card .comparison-brands{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;min-height:36px;margin:22px 0}
.comparison-brands .adsmith-mark{width:90px;height:auto;max-height:32px;flex:0 0 90px}
.comparison-brands .versus{font:400 12px/1 Lato,sans-serif;color:#687b7d;letter-spacing:.04em}
.comparison-brands .competitor-mark{background:transparent;padding:0;border-radius:0;min-height:0;flex:0 1 auto;justify-content:flex-start;max-width:145px}
.competitor-mark img{width:auto;max-width:100%;height:auto;max-height:32px;object-position:left center}
.competitor-mark.dark img{filter:brightness(0);mix-blend-mode:multiply}
.competitor-mark.dark span{color:var(--MainDark)}
.comparison-brands .icon-with-name{gap:6px}.comparison-brands .icon-with-name img{width:24px;height:24px;flex:0 0 24px}
/* A connected sequence rather than three numbered columns. */
.compare-method{padding:72px 6vw 88px}
.compare-method h2{margin:0 0 40px}
.compare-method>div{gap:48px;align-items:stretch}
.compare-method article{position:relative;border:1px solid #cbd7d4;border-radius:14px;padding:26px;background:rgba(255,255,255,.45)}
.compare-method article:not(:last-child)::after{content:'→';position:absolute;right:-37px;top:50%;transform:translateY(-50%);color:var(--AccentDark);font:400 28px/1 Lato,sans-serif}
.compare-method h3{font:700 22px/1.25 Lato,sans-serif;letter-spacing:0;margin:0 0 14px}
.compare-method article p{margin:0;font-size:16px;line-height:1.6}
@media(max-width:760px){.compare-method{padding:48px 24px 56px}.compare-method h2{margin-bottom:28px}.compare-method>div{gap:40px}.compare-method article:not(:last-child)::after{content:'↓';top:auto;bottom:-33px;right:50%;transform:translateX(50%)}}
/* Give responsive SVG wordmarks a real viewport, including files with percentage dimensions. */
.comparison-brands .competitor-mark{width:145px;flex:0 1 145px}
.comparison-brands .competitor-mark img{width:100%;height:32px;object-fit:contain;object-position:left center}
.comparison-brands .icon-with-name img{width:24px;height:24px}

.comparison-brands .growth-channel-wordmark{font:700 18px/1.2 Lato,sans-serif;letter-spacing:-.5px;color:#008364;white-space:nowrap}

/* Keep logo pairs readable without forcing tablet cards beyond the viewport. */
@media(min-width:761px) and (max-width:1199px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.compare-card{padding:20px 16px}.compare-card .brand-pair{--brand-scale:.85;gap:8px}}

/* Match Product: hide the stray conveyor fragment without cropping the factory. */
.factory-overview picture{display:block;width:min(100%,360px);margin-inline:auto}
.factory-overview img{display:block;margin-inline:auto}

/* Contextual buying guides stay out of the main navigation. */
.compare-buying-guides{margin:24px 0 32px;font:400 16px/1.5 var(--font);color:var(--MainDark)}
.compare-buying-guides summary{cursor:pointer;text-underline-offset:4px}.compare-buying-guides summary:hover{text-decoration:underline}
.compare-buying-guides nav{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:20px}.compare-buying-guides a{color:var(--MainDark);text-underline-offset:4px}
