:root{--blue: #1e3a5f;--blue-dark: #142a47;--navy-tint: #eef2f7;--coral: #1e3a5f;--yellow: #1e3a5f;--mint: #1e3a5f;--purple: #1e3a5f;--accent: #b1542a;--ink: #14233b;--ink-soft: #33425a;--muted: #5b6b80;--muted-2: #8a97a8;--bg: #ffffff;--bg-soft: #f4f6f9;--bg-tint: #f4f6f9;--bg-mint: #f4f6f9;--surface: #ffffff;--border: #e3e8ef;--border-strong: #cbd4df;--shadow-sm: 0 1px 2px rgba(20,35,59,0.05),0 1px 3px rgba(20,35,59,0.06);--shadow: 0 8px 24px -12px rgba(20,35,59,0.16),0 2px 6px -2px rgba(20,35,59,0.08);--shadow-lg: 0 18px 44px -16px rgba(20,35,59,0.2);--shadow-color: var(--shadow-sm);--radius: 8px;--radius-lg: 12px;--radius-sm: 6px;--radius-pill: 999px;--container: 1200px;--font-sans: "Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display: "Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--c: var(--blue)}*{box-sizing: border-box}html{scroll-behavior: smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{transition-duration: 0.001ms !important;animation-duration: 0.001ms !important;animation-iteration-count: 1 !important}}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--font-sans);line-height: 1.6;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased}img{max-width: 100%;display: block}picture{display: contents}a{color: inherit;text-decoration: none}button,input,select,textarea{font: inherit}::selection{background: var(--blue);color: #fff}.container{width: min(var(--container),calc(100% - 40px));margin: 0 auto}.site-header{position: sticky;top: 0;z-index: 50;background: rgba(255,255,255,0.85);backdrop-filter: saturate(160%) blur(12px);-webkit-backdrop-filter: saturate(160%) blur(12px);border-bottom: 1px solid var(--border)}.site-header .container{display: flex;align-items: center;justify-content: space-between;gap: 20px;min-height: 74px}.brand{display: inline-flex;align-items: center;gap: 12px;min-width: 0}.brand-mark{width: 44px;height: 44px;border-radius: var(--radius-sm);background: var(--blue);color: #fff;display: grid;place-items: center;font-family: var(--font-display);font-weight: 800;font-size: 1.05rem;letter-spacing: 0.02em}.brand-text{display: grid;gap: 1px;min-width: 0}.brand-text strong{font-family: var(--font-display);font-weight: 700;font-size: 1.04rem;line-height: 1.05;letter-spacing: -0.01em}.brand-text span{color: var(--muted);font-size: 0.82rem}.top-nav{display: flex;align-items: center;gap: 8px}.top-nav a{position: relative;color: var(--ink-soft);font-size: 0.93rem;font-weight: 600;white-space: nowrap;padding: 8px 13px;border-radius: var(--radius-pill);transition: color 160ms ease,background-color 160ms ease}.top-nav a:hover{color: var(--blue);background: var(--bg-soft)}.top-nav a[aria-current="page"]{color: var(--blue);background: var(--bg-soft)}.nav-actions{display: flex;align-items: center;gap: 10px}.nav-item{position: relative;display: inline-flex;align-items: center}.mega-trigger::after{content: "";width: 7px;height: 7px;margin-left: 6px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: translateY(-2px) rotate(45deg);transition: transform 180ms ease;opacity: 0.6}.nav-item:hover .mega-trigger::after,.nav-item:focus-within .mega-trigger::after,.nav-item.is-open .mega-trigger::after{transform: translateY(0) rotate(225deg)}.mega-panel{position: absolute;top: calc(100% + 10px);left: 0;min-width: 460px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-lg);padding: 22px;opacity: 0;visibility: hidden;transform: translateY(8px);transition: opacity 180ms ease,transform 180ms ease,visibility 180ms;z-index: 60}.mega-panel::before{content: "";position: absolute;top: -12px;left: 0;right: 0;height: 12px}.nav-item:hover .mega-panel,.nav-item:focus-within .mega-panel,.nav-item.is-open .mega-panel{opacity: 1;visibility: visible;transform: translateY(0)}.mega-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px 28px}.mega-grid.one{grid-template-columns: minmax(0,1fr)}.mega-col h4{margin: 0 0 10px;font-family: var(--font-display);font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.07em;color: var(--muted-2)}.mega-col a{display: block;padding: 7px 10px;margin: 0 -10px;border-radius: var(--radius-sm);color: var(--ink-soft);font-size: 0.92rem;font-weight: 500;transition: background-color 140ms ease,color 140ms ease}.mega-col a:hover{background: var(--bg-soft);color: var(--blue)}.mega-col a small{display: block;color: var(--muted-2);font-size: 0.78rem;font-weight: 400}.metrics-bar{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px}.metrics-bar .metric{padding: 22px 20px;background: var(--surface);border-radius: var(--radius);box-shadow: var(--shadow-sm);border-top: 4px solid var(--c)}.metrics-bar .metric strong{display: block;font-family: var(--font-display);font-weight: 700;font-size: 1.7rem;line-height: 1.1;letter-spacing: -0.02em;color: var(--ink)}.metrics-bar .metric span{display: block;margin-top: 6px;color: var(--muted);font-size: 0.9rem}.metrics-bar .metric:nth-child(4n + 1){--c: var(--blue)}.metrics-bar .metric:nth-child(4n + 2){--c: var(--coral)}.metrics-bar .metric:nth-child(4n + 3){--c: var(--yellow)}.metrics-bar .metric:nth-child(4n + 4){--c: var(--mint)}.mm-group{display: grid;gap: 4px;padding: 6px 0}.mm-group>strong{font-family: var(--font-display);font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.07em;color: var(--muted-2);padding: 6px 0 2px}.btn,.btn-ghost,.btn-outline{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 46px;padding: 0 22px;border-radius: var(--radius-sm);border: 1px solid transparent;font-family: var(--font-display);font-weight: 600;font-size: 0.93rem;letter-spacing: 0.01em;cursor: pointer;transition: transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease,border-color 180ms ease,color 180ms ease}.btn{background: var(--blue);color: #fff;box-shadow: var(--shadow-color)}.btn:hover{background: var(--blue-dark);transform: translateY(-2px)}.btn-outline{border-color: var(--border-strong);background: var(--surface);color: var(--ink)}.btn-outline:hover{border-color: var(--blue);color: var(--blue);transform: translateY(-2px)}.btn-ghost{background: transparent;color: var(--blue);border-color: transparent;padding-inline: 6px;gap: 6px;min-height: 40px}.btn-ghost::after{content: "→";transition: transform 180ms ease}.btn-ghost:hover{color: var(--blue-dark)}.btn-ghost:hover::after{transform: translateX(4px)}.nav-toggle{display: none}.mobile-menu{display: none;border-top: 1px solid var(--border);background: var(--surface)}.mobile-menu summary{list-style: none;cursor: pointer;display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-display);font-weight: 700;color: var(--ink)}.mobile-menu summary::-webkit-details-marker{display: none}.mobile-menu .panel{padding: 16px 0 24px;display: grid;gap: 10px}.mobile-menu .panel a{padding: 12px 14px;border-radius: var(--radius-sm);background: var(--bg-soft);color: var(--ink);font-weight: 600}.section{padding: 84px 0}.section.alt{background: var(--bg-soft)}.section.warm{background: var(--bg-tint)}.section.mint{background: var(--bg-mint)}.section.compact{padding: 48px 0}.eyebrow{display: inline-flex;align-items: center;gap: 10px;color: var(--blue);text-transform: uppercase;letter-spacing: 0.13em;font-family: var(--font-display);font-size: 0.72rem;font-weight: 700}.eyebrow::before{content: "";width: 22px;height: 2px;background: var(--blue)}.section-title{font-family: var(--font-display);font-weight: 700;line-height: 1.12;letter-spacing: -0.02em;font-size: clamp(1.8rem,1.2rem + 2.4vw,3rem);margin: 16px 0 14px;color: var(--ink);max-width: 20ch}.section-lead{max-width: 660px;color: var(--muted);font-size: 1.08rem;margin: 0}.hero{padding: 72px 0 64px;position: relative;overflow: hidden}.hero-grid{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(320px,0.95fr);gap: 48px;align-items: center}.hero-copy{max-width: 640px}.hero-kicker{display: inline-flex;align-items: center;gap: 9px;padding: 8px 16px;border-radius: var(--radius-pill);background: var(--bg-soft);border: 1px solid var(--border);color: var(--ink-soft);font-family: var(--font-display);font-size: 0.76rem;font-weight: 700;letter-spacing: 0.02em;text-transform: uppercase;margin-bottom: 20px}.hero-kicker::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--coral)}.hero h1{font-family: var(--font-display);font-size: clamp(2.4rem,1.4rem + 3.8vw,4.2rem);line-height: 1.04;font-weight: 800;letter-spacing: -0.03em;margin: 0 0 20px;color: var(--ink)}.hero h1 .hl{color: var(--blue);position: relative;white-space: nowrap}.hero h1 .hl-underline{background: linear-gradient(120deg,transparent 0 4%,var(--yellow) 4% 96%,transparent 96%);background-repeat: no-repeat;background-position: 0 88%;background-size: 100% 38%}.hero .lede{font-size: 1.15rem;max-width: 54ch;color: var(--muted);margin: 0 0 28px}.hero-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 28px}.hero-facts{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;margin-top: 24px}.hero-facts div{position: relative;padding: 18px 16px 16px;border-radius: var(--radius-sm);background: var(--surface);box-shadow: var(--shadow-sm)}.hero-facts div::before{content: "";display: block;width: 26px;height: 6px;border-radius: var(--radius-pill);background: var(--c);margin-bottom: 12px}.hero-facts strong{display: block;margin-bottom: 4px;font-family: var(--font-display);font-size: 0.9rem;font-weight: 600}.hero-facts span{display: block;color: var(--muted);font-size: 0.82rem;line-height: 1.4}.hero-facts div:nth-child(4n + 1){--c: var(--blue)}.hero-facts div:nth-child(4n + 2){--c: var(--coral)}.hero-facts div:nth-child(4n + 3){--c: var(--yellow)}.hero-facts div:nth-child(4n + 4){--c: var(--mint)}.chip-row{display: flex;flex-wrap: wrap;gap: 10px}.chip{display: inline-flex;align-items: center;gap: 8px;min-height: 34px;padding: 0 14px;border-radius: var(--radius-pill);background: var(--bg-soft);color: var(--ink);font-size: 0.84rem;font-weight: 600}.hero-visual{position: relative}.hero-visual::before{content: "";position: absolute;right: -16px;top: -16px;bottom: 16px;left: 28px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-lg);z-index: 0}.visual-card{position: relative;z-index: 1;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);overflow: hidden}.visual-card img{width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover}.visual-caption{padding: 16px 18px 18px;display: grid;gap: 5px;background: var(--surface)}.visual-caption strong{font-family: var(--font-display);font-size: 0.95rem;font-weight: 600}.visual-caption span{color: var(--muted);font-size: 0.9rem}.capability-band{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;margin-top: 32px}.capability-band>div{padding: 20px 18px;border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow-sm);border-top: 4px solid var(--c)}.capability-band strong{display: block;font-family: var(--font-display);font-size: 0.92rem;font-weight: 600;margin-bottom: 6px}.capability-band span{color: var(--muted);font-size: 0.83rem;line-height: 1.45}.capability-band>div:nth-child(4n + 1){--c: var(--blue)}.capability-band>div:nth-child(4n + 2){--c: var(--coral)}.capability-band>div:nth-child(4n + 3){--c: var(--yellow)}.capability-band>div:nth-child(4n + 4){--c: var(--mint)}.grid{display: grid;gap: 20px}.grid-4{grid-template-columns: repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns: repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns: repeat(2,minmax(0,1fr))}.card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-sm);overflow: hidden;transition: box-shadow 220ms ease,transform 220ms ease}.card:hover{box-shadow: var(--shadow);transform: translateY(-3px)}.card-body{padding: 22px}.card h3,.card h4{margin: 0 0 8px;font-family: var(--font-display);font-weight: 600;line-height: 1.2;letter-spacing: -0.01em}.card p{margin: 0;color: var(--muted)}.card .meta{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px}.pill{display: inline-flex;align-items: center;min-height: 32px;padding: 0 14px;border-radius: var(--radius-pill);background: var(--bg-soft);color: var(--ink);font-size: 0.84rem;font-weight: 600}.card.media-card img{width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover}.card.media-card .card-body{display: grid;gap: 10px}.media-row{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: center}.media-row .media{border-radius: var(--radius-lg);box-shadow: var(--shadow);overflow: hidden}.media-row .media img{width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover}.media-row .content{display: grid;gap: 20px}.list-check{display: grid;gap: 13px;margin: 0;padding: 0;list-style: none}.list-check li{display: flex;gap: 12px;align-items: flex-start;color: var(--ink-soft)}.list-check li::before{content: "";flex: 0 0 24px;width: 24px;height: 24px;margin-top: 1px;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="%2318c69b"/><path d="M7 12.4l3.2 3.2 6.6-7.1" fill="none" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>') center / contain no-repeat}.steps{counter-reset: step}.step{display: grid;gap: 12px;padding: 18px}.step-number{width: 44px;height: 44px;border-radius: 14px;display: grid;place-items: center;background: var(--bg-soft);color: var(--blue);font-family: var(--font-display);font-weight: 700}.step h3{margin: 0;font-family: var(--font-display);font-weight: 600}.step p{margin: 0;color: var(--muted)}.steps-row{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 18px;margin-top: 32px}.step-card{position: relative;display: grid;gap: 12px;align-content: start;padding: 26px 22px;border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow-sm);border-top: 4px solid var(--c);transition: box-shadow 220ms ease,transform 220ms ease}.step-card:hover{box-shadow: var(--shadow);transform: translateY(-3px)}.step-card .step-n{width: 46px;height: 46px;border-radius: 14px;display: grid;place-items: center;background: color-mix(in srgb,var(--c) 16%,white);color: var(--c);font-family: var(--font-display);font-weight: 700;font-size: 1.2rem}.step-card h3{margin: 0;font-family: var(--font-display);font-weight: 600;font-size: 1.12rem;line-height: 1.2}.step-card p{margin: 0;color: var(--muted);font-size: 0.93rem}.step-card .step-out{margin-top: 3px;padding-top: 13px;border-top: 1px solid var(--border);font-size: 0.88rem;color: var(--ink-soft)}.step-card .step-out strong{display: block;font-family: var(--font-display);font-size: 0.68rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--c);margin-bottom: 4px;font-weight: 700}.step-card:nth-child(4n + 1){--c: var(--blue)}.step-card:nth-child(4n + 2){--c: var(--coral)}.step-card:nth-child(4n + 3){--c: var(--yellow)}.step-card:nth-child(4n + 4){--c: var(--mint)}.spec-table{width: 100%;border-collapse: separate;border-spacing: 0;overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow-sm)}.spec-table th,.spec-table td{text-align: left;padding: 15px 18px;border-bottom: 1px solid var(--border);vertical-align: top}.spec-table th{font-family: var(--font-display);font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.05em;background: var(--bg-soft);color: var(--blue);font-weight: 700}.spec-table td:first-child{font-weight: 600;color: var(--ink)}.spec-table tbody tr{transition: background-color 140ms ease}.spec-table tbody tr:hover{background: var(--bg-soft)}.spec-table tr:last-child td{border-bottom: none}.faq{display: grid;gap: 12px}.faq details{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-sm);overflow: hidden;transition: border-color 160ms ease,box-shadow 160ms ease}.faq details[open]{border-color: var(--blue);box-shadow: var(--shadow-sm)}.faq summary{cursor: pointer;list-style: none;padding: 18px 20px;font-family: var(--font-display);font-weight: 600;font-size: 1.02rem;display: flex;justify-content: space-between;align-items: center;gap: 18px}.faq summary::-webkit-details-marker{display: none}.faq summary span{color: var(--blue);font-family: var(--font-sans);font-size: 0.82rem;font-weight: 600}.faq .answer{padding: 0 20px 18px;color: var(--muted)}.cta-band{background: linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color: #fff}.cta-band .eyebrow{color: #fff}.cta-band .eyebrow::before{background: rgba(255,255,255,0.7)}.cta-panel{display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 32px;align-items: center}.cta-panel .card,.cta-band .mini-block{background: var(--surface);color: var(--ink);border: 0}.cta-panel .card-body{padding: 22px}.cta-band h2,.cta-panel h2{margin: 0 0 14px;font-family: var(--font-display);font-size: clamp(1.7rem,1.1rem + 2vw,2.5rem);line-height: 1.12;font-weight: 700;letter-spacing: -0.02em;color: #fff}.cta-band p,.cta-panel p{margin: 0 0 22px;color: rgba(255,255,255,0.9)}.cta-band .btn{background: #fff;color: var(--blue);box-shadow: none}.cta-band .btn:hover{background: var(--bg-soft);color: var(--blue)}.cta-band .btn-outline{background: transparent;color: #fff;border-color: rgba(255,255,255,0.6)}.cta-band .btn-outline:hover{background: rgba(255,255,255,0.14);border-color: #fff;color: #fff}.link-row{display: flex;flex-wrap: wrap;gap: 12px}.form-grid{display: grid;gap: 16px}.field{display: grid;gap: 8px}.field label{font-family: var(--font-display);font-weight: 600;font-size: 0.92rem}.field input,.field select,.field textarea{width: 100%;background: var(--surface);border: 2px solid var(--border-strong);border-radius: var(--radius-sm);padding: 13px 15px;color: var(--ink);outline: none;transition: border-color 160ms ease,box-shadow 160ms ease}.field input::placeholder,.field textarea::placeholder{color: var(--muted-2)}.field input:focus,.field select:focus,.field textarea:focus{border-color: var(--blue);box-shadow: 0 0 0 4px rgba(59,108,246,0.16)}.field textarea{min-height: 170px;resize: vertical}.form-note{color: var(--muted);font-size: 0.92rem;margin: 0}.utility-grid{display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 28px;align-items: start}.utility-grid>*,.cta-panel>*{min-width: 0}.utility-list{display: grid;gap: 14px}.mini-block{border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface);padding: 26px;box-shadow: var(--shadow-sm)}.mini-block h3,.mini-block h4{margin: 0 0 12px;font-family: var(--font-display);font-weight: 600}.mini-block p,.mini-block li{color: var(--muted)}.resource-card{display: grid;gap: 14px;padding: 24px}.resource-card h3{margin: 0}.resource-card .tag-row{display: flex;flex-wrap: wrap;gap: 8px}.resource-card .tag{display: inline-flex;align-items: center;min-height: 30px;padding: 0 13px;border-radius: var(--radius-pill);background: color-mix(in srgb,var(--c) 14%,white);color: var(--c);font-size: 0.8rem;font-weight: 700}.resource-card:nth-child(4n + 1){--c: var(--blue)}.resource-card:nth-child(4n + 2){--c: var(--coral)}.resource-card:nth-child(4n + 3){--c: var(--mint)}.resource-card:nth-child(4n + 4){--c: var(--purple)}.resource-card:nth-child(4n + 5){--c: var(--yellow)}.catalog-list{display: grid;gap: 22px}.catalog-row{display: grid;grid-template-columns: minmax(300px,0.95fr) minmax(0,1.05fr);background: var(--surface);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);transition: box-shadow 240ms ease,transform 240ms ease}.catalog-row:hover{box-shadow: var(--shadow);transform: translateY(-3px)}.catalog-row.reverse{grid-template-columns: minmax(0,1.05fr) minmax(300px,0.95fr)}.catalog-row.reverse .catalog-media{order: 2}.catalog-media{min-height: 100%;background: color-mix(in srgb,var(--c) 12%,white);overflow: hidden}.catalog-media img{width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;transition: transform 600ms cubic-bezier(0.2,0.6,0.2,1)}@media (min-width: 1101px){.catalog-media{align-self: stretch}.catalog-media img{height: 100%;aspect-ratio: auto}}.catalog-row:hover .catalog-media img{transform: scale(1.05)}.catalog-copy{padding: 30px 32px;display: grid;align-content: start;gap: 14px}.catalog-kicker{display: inline-flex;align-items: center;width: fit-content;padding: 6px 13px;border-radius: var(--radius-pill);background: color-mix(in srgb,var(--c) 14%,white);color: var(--c);font-family: var(--font-display);font-size: 0.74rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em}.catalog-copy h3{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: 1.55rem;letter-spacing: -0.02em}.catalog-copy p{margin: 0;color: var(--muted)}.catalog-specs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));border-radius: var(--radius-sm);background: var(--bg-soft);overflow: hidden}.catalog-specs div{padding: 14px 14px 13px}.catalog-specs strong{display: block;margin-bottom: 4px;color: var(--c);font-family: var(--font-display);font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em}.catalog-specs span{display: block;font-size: 0.9rem;line-height: 1.45;color: var(--ink-soft)}.catalog-row:nth-child(4n + 1){--c: var(--blue)}.catalog-row:nth-child(4n + 2){--c: var(--coral)}.catalog-row:nth-child(4n + 3){--c: var(--yellow)}.catalog-row:nth-child(4n + 4){--c: var(--mint)}.resource-list{display: grid;gap: 16px}.resource-row{display: grid;grid-template-columns: 180px minmax(0,1fr) 120px;gap: 20px;align-items: center;padding: 24px;border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow-sm);border-left: 5px solid var(--c);transition: box-shadow 200ms ease,transform 200ms ease}.resource-row:hover{box-shadow: var(--shadow);transform: translateY(-2px)}.resource-row .tag-row{display: flex;flex-wrap: wrap;gap: 6px}.resource-row .tag{display: inline-flex;align-items: center;min-height: 28px;padding: 0 12px;border-radius: var(--radius-pill);background: color-mix(in srgb,var(--c) 14%,white);color: var(--c);font-size: 0.78rem;font-weight: 700}.resource-row h3{margin: 0 0 6px;font-family: var(--font-display);font-weight: 600;font-size: 1.14rem}.resource-row p{margin: 0;color: var(--muted)}.resource-row .btn-ghost{justify-self: end;align-self: center;min-height: 36px}.resource-row:nth-child(4n + 1){--c: var(--blue)}.resource-row:nth-child(4n + 2){--c: var(--coral)}.resource-row:nth-child(4n + 3){--c: var(--yellow)}.resource-row:nth-child(4n + 4){--c: var(--mint)}.table-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch}.gallery{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px;margin-top: 32px}.gallery figure{margin: 0;border-radius: var(--radius);overflow: hidden;background: var(--surface);box-shadow: var(--shadow-sm);transition: box-shadow 220ms ease,transform 220ms ease}.gallery figure:hover{box-shadow: var(--shadow);transform: translateY(-3px)}.gallery img{width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;transition: transform 600ms cubic-bezier(0.2,0.6,0.2,1)}.gallery figure:hover img{transform: scale(1.06)}.gallery figcaption{padding: 13px 16px;font-family: var(--font-display);font-size: 0.85rem;font-weight: 600;color: var(--ink);border-top: 4px solid var(--c)}.gallery figure:nth-child(4n + 1){--c: var(--blue)}.gallery figure:nth-child(4n + 2){--c: var(--coral)}.gallery figure:nth-child(4n + 3){--c: var(--yellow)}.gallery figure:nth-child(4n + 4){--c: var(--mint)}.detail-strip{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 18px;margin-top: 28px}.detail-strip figure{margin: 0}.detail-strip img{width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover;border-radius: var(--radius);box-shadow: var(--shadow-sm)}.detail-strip figcaption{margin-top: 12px;font-family: var(--font-display);font-size: 0.88rem;font-weight: 600;color: var(--ink)}.detail-strip figcaption span{display: block;margin-top: 2px;font-family: var(--font-sans);font-weight: 400;font-size: 0.83rem;color: var(--muted)}.footer{padding: 64px 0 44px;background: var(--ink);border-top: 6px solid var(--blue)}.footer-grid{display: grid;grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1.2fr;gap: 32px}.footer h4{margin: 0 0 16px;font-family: var(--font-display);font-weight: 600;font-size: 0.76rem;text-transform: uppercase;letter-spacing: 0.08em;color: #fff}.footer a,.footer p,.footer span{color: #b9bdd4}.footer p{margin: 0 0 10px;line-height: 1.55}.footer-links{display: grid;gap: 11px}.footer-links a{transition: color 150ms ease}.footer-links a:hover{color: #fff}.footer-bottom{margin-top: 40px;padding-top: 22px;border-top: 1px solid rgba(255,255,255,0.12);color: #8b90ad;font-size: 0.9rem;display: flex;justify-content: space-between;gap: 16px;flex-wrap: wrap}.page-hero{padding: 48px 0 28px;position: relative;overflow: hidden}.page-hero .hero-grid{grid-template-columns: minmax(0,1fr) minmax(300px,0.85fr)}.image-frame{border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow);background: var(--surface)}.image-frame img{width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover}.wide-image img{aspect-ratio: 16 / 10}.subtle-band{background: var(--bg-soft)}.number-row{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px}.number-card{padding: 22px;background: var(--surface);border-radius: var(--radius);box-shadow: var(--shadow-sm);border-top: 4px solid var(--c)}.number-card strong{display: block;font-family: var(--font-display);font-weight: 700;font-size: 1.1rem;margin-bottom: 6px}.number-card span{color: var(--muted);font-size: 0.92rem}.number-card:nth-child(4n + 1){--c: var(--blue)}.number-card:nth-child(4n + 2){--c: var(--coral)}.number-card:nth-child(4n + 3){--c: var(--yellow)}.number-card:nth-child(4n + 4){--c: var(--mint)}.caption{font-size: 0.92rem;color: var(--muted)}.inline-note{color: var(--muted);font-size: 0.96rem}.product-anchor{scroll-margin-top: 110px}#guide-briefing,#guide-materials,#guide-oem-odm{scroll-margin-top: 110px}.skip-link{position: absolute;left: 12px;top: -48px;z-index: 100;background: var(--blue);color: #fff;padding: 10px 16px;border-radius: var(--radius-sm);font-weight: 600;font-size: 0.9rem;transition: top 160ms ease}.skip-link:focus{top: 12px;color: #fff}.breadcrumb{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;color: var(--muted);font-size: 0.9rem;margin-bottom: 16px;list-style: none;padding: 0}.breadcrumb ol{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;list-style: none;margin: 0;padding: 0}.breadcrumb li{display: inline-flex;align-items: center;gap: 8px}.breadcrumb li:not(:last-child)::after{content: "/";color: var(--border-strong)}.breadcrumb a{color: var(--muted);transition: color 150ms ease}.breadcrumb a:hover{color: var(--blue)}.breadcrumb [aria-current="page"]{color: var(--ink);font-weight: 600}.faq summary::after,.mobile-menu>summary::after{content: "+";margin-left: auto;font-weight: 700;font-size: 1.2rem;color: var(--blue);transition: transform 160ms ease}.faq details[open]>summary::after,.mobile-menu[open]>summary::after{content: "−"}.section-title.sm{font-size: clamp(1.3rem,1.4rem + 0.6vw,1.8rem);margin-bottom: 14px;max-width: none}@media (max-width: 1180px){.nav-actions .btn-outline{display: none}.top-nav{gap: 4px}}.wa-fab{position: fixed;right: 20px;bottom: 20px;z-index: 80;display: inline-flex;align-items: center;gap: 10px;height: 54px;padding: 0 20px 0 15px;border-radius: var(--radius-pill);background: #25d366;color: #fff;font-family: var(--font-display);font-weight: 700;font-size: 0.92rem;box-shadow: 0 10px 24px -8px rgba(18,140,64,0.55);transition: transform 180ms ease,box-shadow 180ms ease}.wa-fab:hover{transform: translateY(-2px);box-shadow: 0 14px 28px -8px rgba(18,140,64,0.65)}.wa-fab svg{flex: 0 0 auto}@media (max-width: 760px){.wa-fab{padding: 0;width: 54px;justify-content: center;right: 14px;bottom: 14px}.wa-fab span{display: none}}@media (max-width: 1100px){.top-nav,.nav-actions{display: none}.nav-toggle{display: block}.mobile-menu{display: block}.hero-grid,.page-hero .hero-grid,.cta-panel,.utility-grid,.media-row{grid-template-columns: 1fr}.grid-4,.number-row,.trust-strip,.footer-grid,.hero-facts,.capability-band,.steps-row,.gallery,.detail-strip,.metrics-bar{grid-template-columns: repeat(2,minmax(0,1fr))}.catalog-row,.catalog-row.reverse,.resource-row{grid-template-columns: 1fr}.catalog-row.reverse .catalog-media{order: 0}.hero-visual::before{left: 24px;right: -12px}.resource-row .btn-ghost{justify-self: start}}@media (max-width: 760px){.container{width: min(var(--container),calc(100% - 28px))}.site-header .container{min-height: 64px}.section,.hero,.page-hero{padding-top: 52px;padding-bottom: 52px}.grid-4,.grid-3,.grid-2,.number-row,.trust-strip,.footer-grid,.hero-facts,.capability-band,.steps-row,.gallery,.metrics-bar,.catalog-row,.catalog-row.reverse,.catalog-specs,.resource-row{grid-template-columns: 1fr}.catalog-row.reverse .catalog-media{order: 0}.hero-grid,.media-row{gap: 32px}.section-title{max-width: none}.hero .lede,.section-lead{font-size: 1.03rem}.visual-card img,.image-frame img,.media-row .media img{aspect-ratio: 4 / 3}.catalog-copy{padding: 24px}.table-scroll .spec-table{min-width: 680px}}@media (max-width: 880px){.catalog-specs{grid-template-columns: 1fr}.catalog-specs div{border-bottom: 1px solid var(--border)}.catalog-specs div:last-child{border-bottom: none}}@media (max-width: 760px){.product-anchor{scroll-margin-top: 84px}.skip-link{left: 8px}}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline: 3px solid var(--blue);outline-offset: 2px}@media print{.site-header,.footer,.cta-band,.mobile-menu,.nav-actions,.hero-actions,.link-row,.skip-link,.wa-fab,.hero-visual::before,.visual-card img,.media-row .media{display: none !important}body{background: #fff;color: #000;font-size: 11pt}.section,.hero,.page-hero{padding: 12px 0}.section.alt,.section.warm,.section.mint,.cta-band{background: #fff !important}.table-scroll{overflow: visible}.spec-table,.table-scroll .spec-table{min-width: 0;border-color: #000}.spec-table th,.spec-table td{border-color: #999}.card,.mini-block,.catalog-row,.resource-row,.step-card{break-inside: avoid}a{color: #000;text-decoration: underline}}.material-card{display: flex;flex-direction: column}.material-card picture img{width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;display: block}.material-card .card-body{padding: 18px 20px 20px;display: flex;flex-direction: column;gap: 8px;flex: 1}.material-card .card-body h3{font-family: var(--font-display);font-size: 1.06rem;color: var(--ink);margin: 0}.material-card .card-body>p:first-of-type{color: var(--muted);font-size: 0.94rem;line-height: 1.55;margin: 0}.chips{display: flex;flex-wrap: wrap;gap: 6px;margin: 2px 0 4px}.chip{font-size: 0.72rem;font-weight: 600;letter-spacing: 0.02em;color: var(--blue);background: var(--navy-tint);border-radius: var(--radius-pill);padding: 4px 10px}.material-card .used{margin-top: auto;font-size: 0.84rem;color: var(--muted-2)}.material-card .used strong{color: var(--ink-soft);font-weight: 600}.article{display: grid;grid-template-columns: 240px minmax(0,1fr);gap: 48px;align-items: start}.article-toc{position: sticky;top: 24px;border-left: 2px solid var(--border);padding: 4px 0 4px 16px}.article-toc h2{font-family: var(--font-display);font-size: 0.74rem;text-transform: uppercase;letter-spacing: 0.13em;color: var(--muted);margin: 0 0 10px}.article-toc ol{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 8px}.article-toc a{color: var(--ink-soft);text-decoration: none;font-size: 0.9rem;line-height: 1.4;display: block}.article-toc a:hover{color: var(--blue)}.article-body{min-width: 0;max-width: 760px}.article-body h2{font-family: var(--font-display);color: var(--ink);font-size: 1.4rem;margin: 36px 0 12px;line-height: 1.25}.article-body h2:first-child{margin-top: 0}.article-body p{color: var(--ink-soft);font-size: 1.02rem;line-height: 1.7;margin: 0 0 14px}.article-figure{margin: 28px 0 0}.article-figure picture img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--radius);display: block}.article-figure figcaption{margin-top: 10px;font-size: 0.86rem;color: var(--muted-2)}.related-links{display: flex;flex-wrap: wrap;gap: 10px}.related-links .btn-ghost{border: 1px solid var(--border-strong);border-radius: var(--radius-pill);padding: 8px 16px;background: var(--surface)}.example-banner{margin-top: 18px;background: var(--navy-tint);border-left: 3px solid var(--blue);border-radius: var(--radius-sm);padding: 12px 16px;font-size: 0.9rem;color: var(--ink-soft);line-height: 1.55}section .article-body{max-width: none}@media (max-width: 900px){.article{grid-template-columns: 1fr;gap: 24px}.article-toc{position: static;border-left: none;border-bottom: 1px solid var(--border);padding: 0 0 12px}.article-toc ol{flex-direction: row;flex-wrap: wrap}}:root{color-scheme: light;--blue: #1746a2;--blue-dark: #0d2b64;--navy-tint: #edf2fb;--coral: #1746a2;--yellow: #1746a2;--mint: #1746a2;--purple: #1746a2;--accent: #1746a2;--ink: #0f1d2f;--ink-soft: #2e3f54;--muted: #5d6c7e;--muted-2: #8390a0;--bg: #fbfcfe;--bg-soft: #f2f5f9;--bg-tint: #f5f7fa;--bg-mint: #eef3f8;--surface: #ffffff;--border: #dce3ec;--border-strong: #b9c5d3;--shadow-sm: 0 1px 2px rgba(15,29,47,0.04),0 8px 24px -22px rgba(15,29,47,0.28);--shadow: 0 22px 54px -34px rgba(15,29,47,0.34),0 4px 14px -10px rgba(15,29,47,0.14);--shadow-lg: 0 34px 80px -42px rgba(15,29,47,0.42),0 12px 28px -20px rgba(15,29,47,0.22);--shadow-color: 0 14px 36px -22px rgba(23,70,162,0.65);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--container: 1280px;--font-sans: "Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display: "Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--c: var(--blue)}html{scroll-padding-top: 96px}body{min-width: 320px;overflow-x: clip;background: var(--bg);color: var(--ink);font-size: 16px;line-height: 1.68;letter-spacing: -0.006em}main{isolation: isolate}h1,h2,h3,h4,p,li{text-wrap: pretty}h1,h2,h3,h4{text-wrap: balance}img{background: var(--bg-soft)}.container{width: min(var(--container),calc(100% - 64px))}.site-header{background: rgba(251,252,254,0.94);border-bottom-color: rgba(185,197,211,0.7);backdrop-filter: saturate(130%) blur(18px);-webkit-backdrop-filter: saturate(130%) blur(18px)}.site-header .container{min-height: 76px;gap: 24px}.brand{gap: 11px;flex: 0 0 auto}.brand-mark{position: relative;width: 42px;height: 42px;border-radius: 12px;background: var(--blue);box-shadow: 0 10px 24px -16px rgba(23,70,162,0.9);font-size: 0.95rem;letter-spacing: -0.02em}.brand-mark::after{content: "";position: absolute;right: 7px;bottom: 7px;width: 7px;height: 2px;background: rgba(255,255,255,0.9)}.brand-text strong{font-size: 1rem;font-weight: 800;letter-spacing: -0.03em}.brand-text span{margin-top: 2px;color: var(--muted);font-size: 0.74rem;letter-spacing: 0.015em}.top-nav{gap: 2px}.top-nav a{min-height: 44px;padding: 12px 11px 10px;border-radius: 0;color: var(--ink-soft);font-size: 0.88rem;font-weight: 650;letter-spacing: -0.01em}.top-nav>a::before,.top-nav>.nav-item>.mega-trigger::before{content: "";position: absolute;right: 11px;bottom: 6px;left: 11px;height: 2px;background: var(--blue);transform: scaleX(0);transform-origin: right;transition: transform 180ms ease}.top-nav a:hover,.top-nav a[aria-current="page"]{color: var(--blue-dark);background: transparent}.top-nav>a:hover::before,.top-nav>a[aria-current="page"]::before,.top-nav>.nav-item:hover>.mega-trigger::before,.top-nav>.nav-item:focus-within>.mega-trigger::before,.top-nav>.nav-item>.mega-trigger[aria-current="page"]::before{transform: scaleX(1);transform-origin: left}.mega-panel{top: calc(100% + 12px);min-width: 560px;padding: 18px;border-color: var(--border);border-radius: 18px;box-shadow: var(--shadow-lg)}.top-nav>.nav-item:last-of-type>.mega-panel{right: 0;left: auto}.mega-grid{gap: 10px}.mega-col{gap: 2px}.mega-col h4{margin: 0 0 8px;padding: 0 10px;color: var(--muted-2);font-size: 0.68rem;font-weight: 800;letter-spacing: 0.12em}.mega-col a{min-height: 0;padding: 10px;border-radius: 10px;font-size: 0.88rem}.mega-col a:hover{background: var(--bg-soft)}.mega-col a small{margin-top: 2px;color: var(--muted);font-size: 0.75rem;line-height: 1.35}.nav-actions{gap: 8px;flex: 0 0 auto}.btn,.btn-ghost,.btn-outline{min-height: 48px;padding-inline: 20px;border-radius: var(--radius-sm);font-size: 0.88rem;font-weight: 750;letter-spacing: -0.01em;white-space: nowrap}.btn{background: var(--blue);color: #fff;box-shadow: var(--shadow-color)}.btn:hover{background: var(--blue-dark);box-shadow: 0 18px 40px -24px rgba(13,43,100,0.8)}.btn-outline{background: transparent;border-color: var(--border-strong);color: var(--ink)}.btn-outline:hover{background: var(--surface);border-color: var(--ink-soft);color: var(--ink)}.btn-ghost{min-height: 40px;padding-inline: 0;color: var(--blue);font-weight: 750}.btn-ghost::after{content: "↗";font-size: 0.92em}.btn:active,.btn-outline:active{transform: translateY(0) scale(0.99)}.hero{padding: clamp(52px,6.5vw,88px) 0 0;background: var(--bg);overflow: clip}.hero-grid{grid-template-columns: minmax(0,1.08fr) minmax(360px,0.92fr);gap: clamp(44px,6vw,84px);align-items: center}.hero-copy{max-width: 700px}.hero-kicker{gap: 11px;margin-bottom: 22px;padding: 0;border: 0;border-radius: 0;background: transparent;color: var(--blue);font-size: 0.72rem;font-weight: 800;letter-spacing: 0.11em}.hero-kicker::before{width: 28px;height: 2px;border-radius: 0;background: currentColor}.hero h1,.page-hero h1{margin: 0 0 22px;color: var(--ink);font-family: var(--font-display);font-size: clamp(2.75rem,2rem + 3.4vw,5.25rem);font-weight: 800;line-height: 0.99;letter-spacing: -0.062em}.hero h1 .hl,.page-hero h1 .hl{color: var(--blue);white-space: normal}.hero .lede,.page-hero .lede{max-width: 58ch;margin: 0 0 30px;color: var(--muted);font-size: clamp(1.02rem,0.96rem + 0.25vw,1.16rem);line-height: 1.7}.hero-actions{gap: 10px;margin-bottom: 0}.hero-facts{display: none}.hero-visual::before{inset: 18px -18px -18px 28px;border: 0;border-radius: 30px;background: var(--blue);opacity: 0.1}.visual-card{border-color: var(--border);border-radius: 28px;box-shadow: var(--shadow-lg)}.visual-card img{aspect-ratio: 1 / 1}.visual-caption{grid-template-columns: minmax(0,auto) minmax(0,1fr);align-items: baseline;gap: 12px 24px;padding: 17px 20px 18px;border-top: 1px solid var(--border)}.visual-caption strong{color: var(--ink);font-size: 0.84rem;font-weight: 800}.visual-caption span{color: var(--muted);font-size: 0.82rem;line-height: 1.5;text-align: right}.capability-band{grid-template-columns: repeat(4,minmax(0,1fr));gap: 0;margin-top: clamp(50px,6vw,78px);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}.capability-band>div{min-height: 138px;padding: 27px 28px 25px;border: 0;border-right: 1px solid var(--border);border-radius: 0;background: transparent;box-shadow: none}.capability-band>div:last-child{border-right: 0}.capability-band strong{margin-bottom: 9px;color: var(--ink);font-size: 0.88rem;font-weight: 800}.capability-band span{font-size: 0.82rem;line-height: 1.55}.page-hero{padding: clamp(44px,5.5vw,72px) 0 clamp(56px,6.5vw,88px);background: var(--bg-soft);border-bottom: 1px solid var(--border)}.page-hero .hero-grid{grid-template-columns: minmax(0,1.06fr) minmax(340px,0.78fr)}.page-hero h1{max-width: 13ch;font-size: clamp(2.45rem,1.8rem + 2.5vw,4.4rem);line-height: 1.02}.page-hero .hero-kicker,.page-hero .hero-facts{display: none}.page-hero .visual-card{box-shadow: var(--shadow)}.breadcrumb{margin-bottom: 22px;color: var(--muted);font-size: 0.78rem;letter-spacing: 0.01em}.breadcrumb li:not(:last-child)::after{content: "›";color: var(--muted-2)}.breadcrumb [aria-current="page"]{color: var(--ink-soft);font-weight: 700}.section{padding: clamp(72px,8vw,112px) 0}.section.compact{padding: clamp(48px,5vw,68px) 0}.section.alt{background: var(--bg-soft)}.section.warm{background: var(--bg-tint)}.section.mint{background: var(--bg-mint)}.section .eyebrow{display: none}.section-title{max-width: 18ch;margin: 0 0 18px;color: var(--ink);font-size: clamp(2.05rem,1.45rem + 2.1vw,3.7rem);font-weight: 800;line-height: 1.04;letter-spacing: -0.052em}.section-title.sm{margin-bottom: 16px;font-size: clamp(1.45rem,1.15rem + 1vw,2rem);line-height: 1.12}.section-lead{max-width: 64ch;color: var(--muted);font-size: clamp(1rem,0.96rem + 0.18vw,1.1rem);line-height: 1.7}.grid{gap: 22px}.card,.mini-block,.number-card{border-color: var(--border);border-radius: var(--radius);background: var(--surface);box-shadow: none}.card{transition: border-color 180ms ease,box-shadow 220ms ease,transform 220ms ease}.card-body{padding: 24px}.card h3,.card h4,.mini-block h3,.mini-block h4{color: var(--ink);font-weight: 750;letter-spacing: -0.025em}.card p,.mini-block p,.mini-block li{color: var(--muted)}.card.media-card img{transition: transform 520ms cubic-bezier(0.2,0.65,0.25,1)}.media-row{gap: clamp(40px,6vw,84px)}.media-row .media,.image-frame{border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow)}.media-row .content{gap: 21px}.mini-block{padding: 26px;border-left: 3px solid var(--blue)}.number-row,.metrics-bar,.trust-strip{gap: 0;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}.number-card,.metrics-bar .metric,.trust-strip>*{border: 0;border-right: 1px solid var(--border);border-radius: 0;background: transparent;box-shadow: none}.number-card:last-child,.metrics-bar .metric:last-child,.trust-strip>*:last-child{border-right: 0}.list-check{gap: 14px}.list-check li{color: var(--ink-soft)}.list-check li::before{content: "✓";display: grid;place-items: center;flex: 0 0 22px;width: 22px;height: 22px;margin-top: 2px;border: 1px solid rgba(23,70,162,0.28);border-radius: 50%;background: var(--navy-tint);color: var(--blue);font-size: 0.72rem;font-weight: 900}.catalog-list{grid-template-columns: repeat(2,minmax(0,1fr));gap: 28px;margin-top: 34px !important}.catalog-row,.catalog-row.reverse{display: grid;grid-template-columns: 1fr;align-content: start;overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: none}.catalog-row.reverse .catalog-media{order: 0}.catalog-media{min-height: 0;border-bottom: 1px solid var(--border);background: var(--bg-soft)}.catalog-media img,.catalog-row.reverse .catalog-media img{width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover}.catalog-copy{padding: 27px 28px 30px;gap: 13px}.catalog-kicker{min-height: 0;padding: 0;border-radius: 0;background: transparent;color: var(--blue);font-size: 0.68rem;letter-spacing: 0.1em}.catalog-copy h3{font-size: clamp(1.35rem,1.15rem + 0.55vw,1.75rem);font-weight: 800;letter-spacing: -0.04em}.catalog-copy p{line-height: 1.65}.catalog-specs{grid-template-columns: repeat(3,minmax(0,1fr));margin-top: 4px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: transparent}.catalog-specs div{padding: 13px;border-right: 1px solid var(--border)}.catalog-specs div:last-child{border-right: 0}.catalog-specs strong{color: var(--blue);font-size: 0.65rem;letter-spacing: 0.075em}.gallery{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));grid-auto-flow: dense;gap: 16px;margin-top: 34px}.gallery figure{grid-column: span 3;min-width: 0;margin: 0;overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface)}.gallery figure:nth-child(1),.gallery figure:nth-child(5),.gallery figure:nth-child(7),.gallery figure:nth-child(8){grid-column: span 6}.gallery figure img{width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;transition: transform 560ms cubic-bezier(0.2,0.65,0.25,1)}.gallery figure:nth-child(1) img,.gallery figure:nth-child(5) img,.gallery figure:nth-child(7) img,.gallery figure:nth-child(8) img{aspect-ratio: 16 / 9}.gallery figcaption{padding: 12px 14px 13px;color: var(--muted);font-size: 0.76rem;line-height: 1.45}.detail-strip{gap: 16px}.detail-strip figure{border-color: var(--border);border-radius: var(--radius);box-shadow: none}.steps-row{gap: 0;margin-top: 38px;border-top: 1px solid var(--border-strong)}.step-card{min-width: 0;padding: 27px 26px 4px 0;border: 0;border-right: 1px solid var(--border);border-radius: 0;background: transparent;box-shadow: none}.step-card + .step-card{padding-left: 26px}.step-card:last-child{border-right: 0;padding-right: 0}.step-card .step-n,.step-number{width: auto;height: auto;justify-content: start;border-radius: 0;background: transparent;color: var(--blue);font-size: 1.45rem;font-weight: 800;letter-spacing: -0.04em}.step-card h3{font-size: 1.05rem;font-weight: 800;letter-spacing: -0.025em}.step-card .step-out{border-top-color: var(--border)}.step-card .step-out strong{color: var(--blue)}.table-scroll{overflow-x: auto;border-radius: var(--radius);scrollbar-color: var(--border-strong) transparent}.spec-table{border-color: var(--border);border-radius: var(--radius);box-shadow: none}.spec-table th,.spec-table td{padding: 16px 18px;border-bottom: 0}.spec-table th{background: var(--navy-tint);color: var(--blue-dark);font-size: 0.7rem;letter-spacing: 0.085em}.spec-table tbody tr:nth-child(even){background: var(--bg-soft)}.spec-table tbody tr:hover{background: var(--navy-tint)}.faq{gap: 0;margin-top: 30px;border-top: 1px solid var(--border-strong)}.faq details{border: 0;border-bottom: 1px solid var(--border);border-radius: 0;background: transparent;box-shadow: none}.faq details[open]{border-color: var(--border-strong);box-shadow: none}.faq summary{min-height: 66px;padding: 19px 2px;font-size: 1rem;font-weight: 750}.faq .answer{max-width: 72ch;padding: 0 44px 21px 2px;color: var(--muted)}.resource-list{gap: 0;margin-top: 32px !important;border-top: 1px solid var(--border-strong)}.resource-row{grid-template-columns: 155px minmax(0,1fr) auto;gap: 28px;padding: 25px 4px;border: 0;border-bottom: 1px solid var(--border);border-radius: 0;background: transparent;box-shadow: none}.resource-row .tag,.resource-card .tag,.tag,.pill,.chip{min-height: 0;padding: 5px 9px;border: 1px solid rgba(23,70,162,0.16);border-radius: 7px;background: var(--navy-tint);color: var(--blue-dark);font-size: 0.7rem;font-weight: 750}.resource-row h3{color: var(--ink);font-size: 1.08rem;font-weight: 800;letter-spacing: -0.025em}.resource-card{padding: 25px;border-top: 3px solid var(--blue)}.cta-band{position: relative;overflow: hidden;background: var(--navy-tint);color: var(--ink);border-top: 1px solid rgba(23,70,162,0.12)}.cta-panel{grid-template-columns: minmax(0,1.2fr) minmax(320px,0.8fr);gap: clamp(36px,6vw,84px)}.cta-band h2,.cta-panel h2{max-width: 16ch;margin: 0 0 17px;color: var(--ink);font-size: clamp(2rem,1.5rem + 1.8vw,3.35rem);font-weight: 800;line-height: 1.05;letter-spacing: -0.05em}.cta-band p,.cta-panel p{max-width: 58ch;color: var(--muted)}.cta-band .btn{background: var(--blue);color: #fff;box-shadow: var(--shadow-color)}.cta-band .btn:hover{background: var(--blue-dark);color: #fff}.cta-band .btn-outline{background: transparent;color: var(--ink);border-color: var(--border-strong)}.cta-band .btn-outline:hover{background: var(--surface);border-color: var(--ink-soft);color: var(--ink)}.cta-panel .card,.cta-band .mini-block{border: 1px solid rgba(23,70,162,0.15);background: rgba(255,255,255,0.82);color: var(--ink);box-shadow: 0 24px 50px -38px rgba(13,43,100,0.48)}.form-grid{gap: 18px}.field{gap: 7px}.field label{color: var(--ink-soft);font-size: 0.84rem;font-weight: 750}.field input,.field select,.field textarea{min-height: 52px;border: 1px solid var(--border-strong);border-radius: var(--radius-sm);padding: 14px 15px;background: var(--surface);color: var(--ink)}.field textarea{min-height: 176px}.field input:hover,.field select:hover,.field textarea:hover{border-color: var(--muted-2)}.field input:focus,.field select:focus,.field textarea:focus{border-color: var(--blue);box-shadow: 0 0 0 4px rgba(23,70,162,0.13)}.field input::placeholder,.field textarea::placeholder{color: #7d8998}.form-note{color: var(--muted);font-size: 0.86rem}.article{grid-template-columns: 220px minmax(0,1fr);gap: clamp(34px,5vw,72px)}.article-toc{top: 104px;border-left-color: var(--border-strong)}.article-toc h2{color: var(--muted-2);font-size: 0.67rem;font-weight: 800}.article-toc a{color: var(--ink-soft);font-size: 0.86rem}.article-body{max-width: 780px}.article-body h2{margin: 44px 0 14px;font-size: clamp(1.55rem,1.25rem + 0.8vw,2.05rem);font-weight: 800;letter-spacing: -0.035em}.article-body p{color: var(--ink-soft);font-size: 1rem;line-height: 1.78}.article-figure picture img{border: 1px solid var(--border);border-radius: var(--radius-lg)}.example-banner{border: 1px solid rgba(23,70,162,0.16);border-left: 3px solid var(--blue);border-radius: var(--radius-sm);background: var(--navy-tint)}.footer{padding: 72px 0 28px;background: var(--bg-soft);color: var(--muted);border-top: 1px solid var(--border)}.footer-grid{grid-template-columns: minmax(220px,1.8fr) repeat(5,minmax(125px,1fr));gap: 38px 26px}.footer h4{margin: 0 0 14px;color: var(--ink);font-size: 0.78rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.footer p{max-width: 30ch;color: var(--muted);font-size: 0.86rem}.footer-links{min-width: 0;grid-template-columns: minmax(0,1fr);gap: 9px}.footer-links a,.footer-links span{min-width: 0;color: var(--muted);font-size: 0.82rem;line-height: 1.45;overflow-wrap: anywhere}.footer-links a:hover{color: var(--blue)}.footer-bottom{margin-top: 48px;padding-top: 20px;border-top-color: var(--border);color: var(--muted-2);font-size: 0.8rem}.wa-fab{right: 18px;bottom: 18px;height: 50px;padding: 0 17px 0 13px;border: 1px solid rgba(255,255,255,0.22);background: var(--blue-dark);color: #fff;font-size: 0.84rem;box-shadow: 0 16px 34px -20px rgba(13,43,100,0.85)}.wa-fab:hover{background: var(--ink);box-shadow: 0 20px 40px -22px rgba(15,29,47,0.9)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline: 3px solid rgba(23,70,162,0.72);outline-offset: 3px}.skip-link{border-radius: var(--radius-sm);background: var(--blue-dark)}@media (hover: hover) and (pointer: fine){.card:hover,.catalog-row:hover{border-color: var(--border-strong);box-shadow: var(--shadow);transform: translateY(-4px)}.card.media-card:hover img,.catalog-row:hover .catalog-media img,.gallery figure:hover img{transform: scale(1.035)}.step-card:hover,.resource-row:hover{box-shadow: none;transform: none}}@media (max-width: 1240px){.container{width: min(var(--container),calc(100% - 48px))}.brand-text span{display: none}.nav-actions .btn-outline{display: none}.footer-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.site-header .container{min-height: 68px;padding-right: 62px}.brand-text span{display: block}.mobile-menu{position: static;border: 0;background: transparent}.mobile-menu>summary{position: absolute;top: 12px;right: 24px;display: grid;place-items: center;width: 44px;height: 44px;padding: 0;overflow: hidden;border: 1px solid var(--border-strong);border-radius: 11px;background: var(--surface);color: transparent;font-size: 0}.mobile-menu>summary::before,.mobile-menu>summary::after{content: "";position: absolute;width: 18px;height: 2px;margin: 0;background: var(--ink);transition: transform 180ms ease,box-shadow 180ms ease}.mobile-menu>summary::before{transform: translateY(-4px);box-shadow: 0 8px 0 var(--ink)}.mobile-menu>summary::after{transform: translateY(4px)}.mobile-menu[open]>summary::before{transform: rotate(45deg);box-shadow: none}.mobile-menu[open]>summary::after{transform: rotate(-45deg)}.mobile-menu .panel{position: absolute;top: 100%;right: 0;left: 0;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px 24px;width: 100%;max-height: calc(100dvh - 68px);padding: 24px max(24px,calc((100vw - var(--container)) / 2)) 30px;overflow-y: auto;overscroll-behavior: contain;border-top: 1px solid var(--border);background: rgba(251,252,254,0.99);box-shadow: 0 24px 48px -32px rgba(15,29,47,0.55)}.mobile-menu .panel>a,.mm-group{min-width: 0}.mobile-menu .panel>a{align-self: start;padding: 12px 14px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);color: var(--ink-soft)}.mobile-menu .panel>.btn{color: #fff;border-color: var(--blue);background: var(--blue)}.mm-group{padding: 0 0 12px;border-bottom: 1px solid var(--border)}.mm-group>strong{color: var(--blue);font-size: 0.67rem;font-weight: 800;letter-spacing: 0.11em}.mm-group a{padding: 8px 0;background: transparent;color: var(--ink-soft);font-size: 0.86rem}html.menu-open{overflow: hidden}.hero-grid,.page-hero .hero-grid,.cta-panel,.utility-grid,.media-row{grid-template-columns: 1fr}.hero-copy,.page-hero h1{max-width: 760px}.hero-visual{width: min(760px,94%)}.page-hero .hero-visual{width: min(660px,94%)}.capability-band,.number-row,.metrics-bar,.trust-strip{grid-template-columns: repeat(2,minmax(0,1fr))}.capability-band>div:nth-child(2),.number-card:nth-child(2),.metrics-bar .metric:nth-child(2){border-right: 0}.capability-band>div:nth-child(-n + 2),.number-card:nth-child(-n + 2),.metrics-bar .metric:nth-child(-n + 2){border-bottom: 1px solid var(--border)}.gallery{grid-template-columns: repeat(2,minmax(0,1fr))}.gallery figure,.gallery figure:nth-child(n){grid-column: span 1}.gallery figure:nth-child(1),.gallery figure:nth-child(5){grid-column: span 2}.footer-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.container{width: min(var(--container),calc(100% - 32px))}.site-header .container{min-height: 64px}.brand-mark{width: 38px;height: 38px;border-radius: 10px}.brand-text strong{font-size: 0.9rem}.brand-text span{display: none}.mobile-menu>summary{top: 10px;right: 16px}.mobile-menu .panel{grid-template-columns: 1fr;max-height: calc(100dvh - 64px);padding: 18px 16px 24px}.hero,.page-hero{padding-top: 42px;padding-bottom: 52px}.hero-grid,.media-row{gap: 36px}.hero h1,.page-hero h1{font-size: clamp(2.4rem,11vw,3.5rem);line-height: 1.01}.hero-kicker{margin-bottom: 18px;font-size: 0.66rem}.hero-actions,.link-row{align-items: stretch}.hero-actions .btn,.hero-actions .btn-outline{flex: 1 1 180px}.hero-visual,.page-hero .hero-visual{width: calc(100% - 12px)}.hero-visual::before{inset: 14px -12px -12px 18px;border-radius: 24px}.visual-card{border-radius: 20px}.visual-caption{grid-template-columns: 1fr;gap: 3px}.visual-caption span{text-align: left}.capability-band,.number-row,.metrics-bar,.trust-strip,.catalog-list,.steps-row,.gallery,.footer-grid{grid-template-columns: 1fr}.capability-band>div,.capability-band>div:nth-child(n),.number-card,.metrics-bar .metric,.trust-strip>*{min-height: 0;padding: 22px 2px;border-right: 0;border-bottom: 1px solid var(--border)}.capability-band>div:last-child,.number-card:last-child,.metrics-bar .metric:last-child,.trust-strip>*:last-child{border-bottom: 0}.section{padding: 68px 0}.section-title{font-size: clamp(2rem,9.5vw,3rem);line-height: 1.06}.catalog-list{gap: 20px}.catalog-copy{padding: 23px 22px 25px}.catalog-specs{grid-template-columns: 1fr}.catalog-specs div,.catalog-specs div:last-child{border-right: 0;border-bottom: 1px solid var(--border)}.catalog-specs div:last-child{border-bottom: 0}.gallery figure,.gallery figure:nth-child(n){grid-column: span 1}.steps-row{border-top: 0;border-left: 1px solid var(--border-strong)}.step-card,.step-card + .step-card,.step-card:last-child{padding: 4px 0 28px 22px;border-right: 0;border-bottom: 1px solid var(--border)}.step-card + .step-card{padding-top: 25px}.step-card:last-child{padding-bottom: 0;border-bottom: 0}.resource-row{grid-template-columns: 1fr;gap: 12px;padding: 24px 0}.resource-row .btn-ghost{justify-self: start}.cta-panel{gap: 32px}.cta-band h2,.cta-panel h2{max-width: none}.grid-2,.grid-3,.grid-4{grid-template-columns: 1fr}.table-scroll .spec-table{min-width: 620px}.article-toc ol{gap: 6px 14px}.footer{padding-top: 56px}.footer-grid{gap: 30px}.footer-bottom{margin-top: 34px}.wa-fab{right: 14px;bottom: 14px;width: 50px;height: 50px;padding: 0}}@media (max-width: 900px){.article{grid-template-columns: minmax(0,1fr);gap: 24px}}@media (max-width: 430px){.brand-text strong{max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hero-actions .btn,.hero-actions .btn-outline,.link-row .btn,.link-row .btn-outline{width: 100%;flex-basis: 100%}}@media (prefers-reduced-motion: reduce){.card.media-card img,.catalog-media img,.gallery figure img,.mobile-menu>summary::before,.mobile-menu>summary::after{transition: none !important}}.resources-hero{position: relative;overflow: clip;padding: clamp(54px,6vw,88px) 0 clamp(64px,7vw,104px);background: #f5f7fb}.resources-hero::after{content: "";position: absolute;inset: auto 0 0;height: 1px;background: var(--border-strong)}.resources-hero-grid{position: relative;display: grid;grid-template-columns: minmax(0,1.02fr) minmax(380px,0.78fr);gap: clamp(48px,7vw,96px);align-items: center}.resources-hero .hero-copy{max-width: 760px}.resources-hero h1{max-width: 13ch;font-size: clamp(3rem,2.05rem + 3.3vw,5.7rem)}.resources-hero .breadcrumb{margin-bottom: 28px}.resources-hero .hero-kicker{display: inline-flex}.resource-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0;margin-top: 38px;border-top: 1px solid var(--border-strong);border-bottom: 1px solid var(--border-strong)}.resource-stats>span{min-width: 0;padding: 18px 18px 18px 0;color: var(--muted);font-size: 0.77rem;line-height: 1.45}.resource-stats>span + span{padding-left: 18px;border-left: 1px solid var(--border)}.resource-stats strong{display: block;margin-bottom: 2px;color: var(--ink);font-size: 1.1rem;font-weight: 800;letter-spacing: -0.03em}.resource-feature-panel{position: relative;border: 1px solid var(--border-strong);background: var(--surface);box-shadow: var(--shadow-lg)}.resource-feature-panel::before{content: "50";position: absolute;z-index: 2;top: -24px;right: -18px;color: var(--blue);font-size: clamp(3.8rem,6vw,6rem);font-weight: 800;line-height: 1;letter-spacing: -0.08em}.resource-feature-image{aspect-ratio: 16 / 10;overflow: hidden;background: var(--bg-soft)}.resource-feature-image picture,.resource-feature-image img{width: 100%;height: 100%}.resource-feature-image img{aspect-ratio: auto;object-fit: cover}.resource-feature-copy{padding: clamp(24px,3vw,36px);border-top: 1px solid var(--border)}.resource-feature-copy>span,.featured-guide>span,.related-guide>span,.cluster-heading>div>span,.seo-card-topline>span,.answer-box>span,.article-byline,.toc-label{color: var(--blue);font-size: 0.68rem;font-weight: 800;letter-spacing: 0.105em;text-transform: uppercase}.resource-feature-copy h2{max-width: 18ch;margin: 10px 0 13px;font-size: clamp(1.45rem,1.15rem + 0.8vw,2rem);line-height: 1.13;letter-spacing: -0.04em}.resource-feature-copy p{margin: 0;color: var(--muted);font-size: 0.9rem;line-height: 1.65}.resource-feature-copy .btn-ghost{margin-top: 16px}.resource-featured-section .eyebrow,.seo-article .eyebrow{display: block;margin-bottom: 13px;color: var(--blue);font-size: 0.7rem;font-weight: 800;letter-spacing: 0.11em;text-transform: uppercase}.resource-section-head{display: grid;grid-template-columns: minmax(0,1fr) minmax(280px,0.52fr);gap: clamp(32px,6vw,84px);align-items: end;margin-bottom: 38px}.resource-section-head .section-title{margin-bottom: 0}.resource-section-head>p{margin: 0 0 4px;color: var(--muted);line-height: 1.7}.featured-guide-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 34px 26px}.featured-guide{position: relative;display: grid;align-content: start;gap: 10px;min-height: 172px;padding: 22px 30px 18px 0;border-top: 2px solid var(--ink);transition: border-color 180ms ease,transform 180ms ease}.featured-guide::after,.related-guide::after{content: "↗";position: absolute;top: 18px;right: 2px;color: var(--muted-2);font-size: 0.9rem}.featured-guide strong{max-width: 22ch;color: var(--ink);font-size: 1.03rem;line-height: 1.45;letter-spacing: -0.02em}.featured-guide small{align-self: end;margin-top: auto;color: var(--muted)}.cluster-tile-grid{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0;margin-top: 40px;border-top: 1px solid var(--border-strong);border-bottom: 1px solid var(--border-strong)}.cluster-tile{display: grid;align-content: start;min-height: 176px;padding: 23px 18px;border-left: 1px solid var(--border);transition: background-color 180ms ease,color 180ms ease}.cluster-tile:first-child{border-left: 0}.cluster-tile>span{color: var(--blue);font-size: 0.72rem;font-weight: 800;letter-spacing: 0.08em}.cluster-tile strong{margin: 26px 0 12px;font-size: 0.9rem;line-height: 1.45;letter-spacing: -0.015em}.cluster-tile small{margin-top: auto;color: var(--muted)}.resource-browser{background: var(--bg)}.resource-toolbar-wrap{position: sticky;z-index: 20;top: 76px;border-bottom: 1px solid var(--border-strong);background: rgba(251,252,254,0.97);backdrop-filter: blur(16px) saturate(130%);-webkit-backdrop-filter: blur(16px) saturate(130%)}.resource-toolbar{display: grid;grid-template-columns: minmax(230px,0.7fr) minmax(460px,1.8fr) auto;gap: 20px 28px;align-items: center;padding-block: 18px}.resource-search{display: grid;gap: 5px;color: var(--ink-soft);font-size: 0.7rem;font-weight: 800;letter-spacing: 0.075em;text-transform: uppercase}.resource-search input{width: 100%;min-height: 46px;padding: 10px 13px;border: 1px solid var(--border-strong);border-radius: 7px;outline: 0;background: var(--surface);color: var(--ink);font-size: 0.84rem;letter-spacing: 0;text-transform: none}.resource-search input:focus{border-color: var(--blue);box-shadow: 0 0 0 3px rgba(23,70,162,0.12)}.resource-search input::placeholder{color: var(--muted-2)}.resource-filters{display: flex;flex-wrap: wrap;gap: 6px}.resource-filters button{min-height: 34px;padding: 6px 9px;border: 1px solid var(--border);border-radius: 7px;background: transparent;color: var(--muted);cursor: pointer;font-size: 0.7rem;font-weight: 700;line-height: 1.2;transition: border-color 160ms ease,background-color 160ms ease,color 160ms ease}.resource-filters button span{margin-left: 3px;color: var(--muted-2);font-variant-numeric: tabular-nums}.resource-filters button:hover{border-color: var(--border-strong);color: var(--ink)}.resource-filters button.is-active{border-color: var(--blue);background: var(--blue);color: #fff}.resource-filters button.is-active span{color: rgba(255,255,255,0.78)}.resource-result-count{margin: 19px 0 0;color: var(--muted);font-size: 0.75rem;white-space: nowrap}.resource-result-count strong{color: var(--ink);font-size: 0.94rem;font-variant-numeric: tabular-nums}.resource-cluster{scroll-margin-top: 192px;padding: clamp(68px,7vw,96px) 0;border-bottom: 1px solid var(--border)}.resource-cluster:nth-of-type(even){background: var(--bg-soft)}.cluster-heading{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 28px;align-items: end;margin-bottom: 34px;padding-bottom: 24px;border-bottom: 1px solid var(--border-strong)}.cluster-heading h2{max-width: 19ch;margin: 8px 0 9px;color: var(--ink);font-size: clamp(1.8rem,1.4rem + 1.25vw,2.8rem);line-height: 1.08;letter-spacing: -0.045em}.cluster-heading p{max-width: 68ch;margin: 0;color: var(--muted)}.cluster-heading>strong{padding-bottom: 3px;color: var(--muted);font-size: 0.78rem;font-weight: 750;white-space: nowrap}.seo-resource-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 28px 26px}.seo-resource-card{min-width: 0}.seo-resource-card>a{position: relative;display: flex;flex-direction: column;height: 100%;min-height: 326px;padding: 22px 23px 20px;border-top: 2px solid var(--ink);border-bottom: 1px solid var(--border);background: rgba(255,255,255,0.48);transition: transform 180ms ease,border-color 180ms ease,background-color 180ms ease}.seo-card-topline{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 24px}.seo-card-topline small{color: var(--muted-2);font-size: 0.7rem;white-space: nowrap}.seo-resource-card h3{margin: 0 0 13px;color: var(--ink);font-size: 1.12rem;line-height: 1.38;letter-spacing: -0.028em}.seo-resource-card p{display: -webkit-box;overflow: hidden;margin: 0;color: var(--muted);font-size: 0.84rem;line-height: 1.65;-webkit-box-orient: vertical;-webkit-line-clamp: 5}.seo-card-keyword{margin-top: auto;padding-top: 21px;color: var(--ink-soft);font-size: 0.71rem;font-weight: 700;line-height: 1.45}.seo-card-keyword::before{content: "Keyword · ";color: var(--muted-2);font-weight: 600}.resource-empty{padding-block: 88px;text-align: center}.resource-empty h2{margin: 0 0 10px;font-size: 2rem;letter-spacing: -0.04em}.resource-empty p{margin: 0 auto 22px;color: var(--muted)}.seo-article .article-hero{padding: clamp(48px,6vw,82px) 0 clamp(62px,7vw,104px);background: var(--surface)}.seo-article .article-hero .container{max-width: 1080px}.article-meta-row{display: flex;flex-wrap: wrap;gap: 8px 18px;align-items: center;margin-bottom: 24px;color: var(--muted);font-size: 0.75rem}.article-meta-row>*{position: relative}.article-meta-row>* + *::before{content: "";position: absolute;top: 50%;left: -10px;width: 3px;height: 3px;border-radius: 50%;background: var(--border-strong)}.article-meta-row a{color: var(--blue);font-weight: 800}.seo-article .article-hero h1{max-width: 17ch;font-size: clamp(3rem,2rem + 3.15vw,5.45rem);line-height: 0.99}.seo-article .article-hero .lede{max-width: 72ch;font-size: clamp(1.04rem,0.97rem + 0.32vw,1.24rem)}.article-main-section{padding-top: clamp(58px,7vw,96px)}.seo-article .article{grid-template-columns: 244px minmax(0,820px);justify-content: center;gap: clamp(44px,6vw,88px)}.seo-article .article-toc{top: 104px;padding: 2px 0 2px 20px;border-left: 1px solid var(--border-strong)}.seo-article .article-toc ol{gap: 10px}.seo-article .article-toc li{line-height: 1.4}.seo-article .article-toc a{color: var(--muted);font-size: 0.79rem}.seo-article .article-toc a:hover{color: var(--blue)}.toc-label{margin: 0 0 14px}.toc-rfq{display: grid;gap: 5px;margin-top: 24px;padding-top: 19px;border-top: 1px solid var(--border);color: var(--muted);font-size: 0.75rem}.toc-rfq a{color: var(--blue) !important;font-weight: 800}.seo-article .article-body{max-width: 820px}.answer-box{margin-bottom: 46px;padding: 25px 28px;border-left: 3px solid var(--blue);background: var(--navy-tint)}.answer-box p{margin: 8px 0 0;color: var(--ink-soft) !important;font-size: 1.03rem !important;font-weight: 600;line-height: 1.7 !important}.article-section{scroll-margin-top: 110px;padding-top: 42px;border-top: 1px solid var(--border)}.article-section + .article-section{margin-top: 42px}.seo-article .article-body .article-section h2{max-width: 24ch;margin: 0 0 18px;font-size: clamp(1.7rem,1.35rem + 0.9vw,2.3rem);line-height: 1.12}.seo-article .article-body p{margin-bottom: 18px;color: var(--ink-soft);font-size: 1.01rem;line-height: 1.82}.article-checklist{display: grid;gap: 11px;margin: 26px 0 6px;padding: 23px 24px;list-style: none;border: 1px solid var(--border);background: var(--bg-soft)}.article-checklist li{position: relative;padding-left: 22px;color: var(--ink-soft);font-size: 0.9rem;line-height: 1.62}.article-checklist li::before{content: "";position: absolute;top: 0.66em;left: 1px;width: 7px;height: 7px;background: var(--blue)}.seo-article .article-figure{margin-top: 34px}.seo-article .article-figure picture img{border-radius: 0}.article-sources,.compliance-note{margin-top: 48px;padding: 27px 28px;border: 1px solid var(--border-strong)}.article-sources h2{margin: 0 0 10px !important;font-size: 1.25rem !important}.article-sources p,.compliance-note p{font-size: 0.88rem !important;line-height: 1.7 !important}.article-sources ul{display: grid;gap: 8px;margin: 18px 0 0;padding-left: 20px}.article-sources a{color: var(--blue);text-decoration: underline;text-underline-offset: 3px}.compliance-note{border-left: 3px solid var(--blue);background: var(--navy-tint)}.compliance-note strong{color: var(--blue-dark);font-size: 0.78rem;letter-spacing: 0.08em;text-transform: uppercase}.compliance-note p{margin: 8px 0 0 !important}.article-byline{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px 24px;margin-top: 52px;padding-top: 20px;border-top: 1px solid var(--border-strong);color: var(--muted);line-height: 1.5}.narrow-section{width: min(860px,calc(100% - 64px));margin-inline: auto}.article-faq details summary span{display: none}.related-guide-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 26px}.related-guide{position: relative;display: grid;align-content: start;min-height: 190px;padding: 23px 34px 20px 0;border-top: 2px solid var(--ink)}.related-guide strong{margin: 13px 0;font-size: 1rem;line-height: 1.45;letter-spacing: -0.02em}.related-guide small{margin-top: auto;color: var(--muted)}@media (hover: hover) and (pointer: fine){.featured-guide:hover,.related-guide:hover{border-top-color: var(--blue);transform: translateY(-2px)}.cluster-tile:hover{background: var(--surface)}.seo-resource-card>a:hover{border-top-color: var(--blue);background: var(--surface);transform: translateY(-3px)}}@media (max-width: 1180px){.resources-hero-grid{grid-template-columns: minmax(0,1fr) minmax(340px,0.82fr);gap: 50px}.cluster-tile-grid{grid-template-columns: repeat(4,minmax(0,1fr))}.cluster-tile:nth-child(5){border-left: 0}.cluster-tile:nth-child(-n + 4){border-bottom: 1px solid var(--border)}.resource-toolbar{grid-template-columns: minmax(220px,0.65fr) minmax(0,1.6fr)}.resource-result-count{grid-column: 1 / -1;margin: -7px 0 0}}@media (max-width: 980px){.resources-hero-grid{grid-template-columns: 1fr}.resource-feature-panel{display: grid;grid-template-columns: minmax(0,1fr) minmax(300px,0.8fr)}.resource-feature-copy{border-top: 0;border-left: 1px solid var(--border)}.resource-feature-panel::before{right: 18px}.featured-guide-grid,.seo-resource-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.resource-toolbar-wrap{position: static}.resource-toolbar{grid-template-columns: 1fr}.resource-result-count{grid-column: auto;margin: 0}.resource-cluster{scroll-margin-top: 88px}.seo-article .article{grid-template-columns: 1fr;max-width: 860px}.seo-article .article-toc{position: static;padding: 22px 24px;border: 1px solid var(--border);background: var(--bg-soft)}.seo-article .article-toc ol{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 20px}.toc-rfq{display: flex;justify-content: space-between}}@media (max-width: 760px){.resources-hero{padding-top: 40px}.resources-hero h1{font-size: clamp(2.55rem,11.5vw,4rem);line-height: 1.01}.seo-article .article-hero h1{font-size: clamp(2.25rem,10vw,3.5rem);line-height: 1.02}.seo-article .article-hero .lede{max-width: none;font-size: 0.96rem;line-height: 1.68}.resource-stats{grid-template-columns: 1fr}.resource-stats>span,.resource-stats>span + span{padding: 14px 0;border-left: 0;border-bottom: 1px solid var(--border)}.resource-stats>span:last-child{border-bottom: 0}.resource-feature-panel{display: block}.resource-feature-panel::before{top: -17px;right: 10px}.resource-feature-copy{border-top: 1px solid var(--border);border-left: 0}.resource-section-head{grid-template-columns: 1fr;gap: 18px}.featured-guide-grid,.seo-resource-grid,.related-guide-grid{grid-template-columns: 1fr}.featured-guide,.related-guide{min-height: 0}.cluster-tile-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.cluster-tile,.cluster-tile:nth-child(5){min-height: 150px;border-left: 1px solid var(--border);border-bottom: 1px solid var(--border)}.cluster-tile:nth-child(odd){border-left: 0}.cluster-tile:last-child,.cluster-tile:nth-last-child(2):nth-child(odd){border-bottom: 0}.resource-toolbar{width: min(var(--container),calc(100% - 36px));padding-block: 20px}.resource-filters{flex-wrap: nowrap;margin-inline: -18px;padding: 0 18px 7px;overflow-x: auto;overscroll-behavior-inline: contain;scrollbar-width: thin}.resource-filters button{flex: 0 0 auto}.cluster-heading{grid-template-columns: 1fr;gap: 10px}.seo-resource-card>a{min-height: 0}.article-meta-row{gap: 7px 15px}.article-meta-row>* + *::before{left: -8px}.article-main-section{padding-top: 52px}.seo-article .article-toc{padding: 20px}.seo-article .article-toc ol{grid-template-columns: 1fr}.toc-rfq{display: grid}.answer-box,.article-checklist,.article-sources,.compliance-note{padding: 21px 20px}.article-section{padding-top: 34px}.article-section + .article-section{margin-top: 34px}.narrow-section{width: min(100% - 36px,860px)}}@media (max-width: 430px){.cluster-tile{padding: 20px 14px}.cluster-tile strong{margin-top: 20px;font-size: 0.82rem}.article-meta-row>* + *::before{display: none}.article-byline{display: grid}}@media (prefers-reduced-motion: reduce){.featured-guide,.related-guide,.cluster-tile,.seo-resource-card>a,.resource-filters button{transition: none !important}}.form-honeypot{position: absolute !important;left: -10000px !important;width: 1px !important;height: 1px !important;overflow: hidden !important}#rfq-status[data-state="pending"]{color: var(--blue)}#rfq-status[data-state="success"]{color: #17633a;font-weight: 700}#rfq-status[data-state="error"]{color: #a12b2b;font-weight: 700}.form-grid button[aria-busy="true"]{cursor: wait;opacity: 0.72}