:root{--op-hero-bg: #14181e;--op-content-bg: #f7f5ef;--op-card-cream: #ffffff;--op-card-dark-raised: #1e242e;--op-text-cream-hi: #f0ede4;--op-text-cream-muted: #b8b3a4;--op-text-charcoal: #1a1d24;--op-text-charcoal-muted: #6b6b62;--op-teal: #4fb3a5;--op-teal-ink-on-teal: #14181e;--op-teal-subtle-ink: #2a6b62;--op-teal-tint-shadow: rgba(79, 179, 165, .3);--op-hairline-cream: #e3ddc9;--op-hairline-dark: #2f3540;--op-radius-hero-tile: 14px;--op-radius-tool-tile: 12px;--op-radius-pill: 999px;--op-shadow-hero-tile-inactive: 0 2px 4px rgba(0, 0, 0, .35), 0 12px 28px rgba(0, 0, 0, .45);--op-shadow-hero-tile-active: 0 4px 8px rgba(79, 179, 165, .35), 0 16px 40px rgba(79, 179, 165, .3), 0 32px 72px rgba(0, 0, 0, .45);--op-shadow-tool-tile: 0 1px 2px rgba(20, 24, 30, .05), 0 4px 12px rgba(20, 24, 30, .06), 0 12px 24px rgba(20, 24, 30, .04);--op-shadow-tool-tile-hover: 0 2px 4px rgba(20, 24, 30, .08), 0 8px 20px rgba(20, 24, 30, .1), 0 20px 40px rgba(20, 24, 30, .06);--op-font-display: "Barlow", "Inter", system-ui, -apple-system, sans-serif;--op-font-body: "Inter", system-ui, -apple-system, sans-serif;--op-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}.opora-tools-hub--v2{max-width:none!important;width:100%;padding:0!important;margin:0!important;background:var(--op-hero-bg)}.opora-tools-hub--v2 .opora-tools-hub__bc{width:100%;max-width:none;margin:0;padding:0 24px;background:var(--op-hero-bg);color:var(--op-text-cream-muted);border-bottom:1px solid var(--op-hairline-dark)}.opora-tools-hub--v2 .opora-bc{background:transparent!important;max-width:1200px!important;margin:0 auto!important;padding:14px 0!important;display:flex!important;align-items:center!important;min-height:44px;box-sizing:border-box!important;font-size:13px!important;line-height:1.3!important}.opora-tools-hub--v2 .opora-bc ol{display:flex!important;flex-wrap:wrap;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;width:100%}.opora-tools-hub--v2 .opora-bc li{display:inline-flex!important;align-items:center!important;gap:8px;line-height:1.3!important;margin:0!important}.opora-tools-hub--v2 .opora-bc a,.opora-tools-hub--v2 .opora-bc [aria-current=page]{display:inline-flex;align-items:center;line-height:1.3!important}.opora-tools-hub--v2 .opora-bc a{color:var(--op-text-cream-muted)!important}.opora-tools-hub--v2 .opora-bc a:hover{color:var(--op-text-cream-hi)!important}.opora-tools-hub--v2 .opora-bc .sep{color:#5a6270!important;display:inline-flex!important;align-items:center!important;justify-content:center;line-height:1!important;font-size:12px;transform:none!important;position:static!important;top:auto!important;padding:0!important;margin:0!important;height:1em}.opora-tools-hub--v2 .opora-bc [aria-current=page]{color:var(--op-text-cream-hi)!important;font-weight:500}.opora-tools-hub--v2>.opora-bc,.opora-tools-hub--v2>.breadcrumb,.opora-tools-hub--v2>nav.opora-bc{max-width:1200px;margin:0 auto;padding:12px 24px;background:var(--op-hero-bg);color:var(--op-text-cream-muted)}.opora-tools-hub--v2 .page__header,.opora-tools-hub--v2 .page__content,.opora-tools-hub--v2 .oth-hero,.opora-tools-hub--v2 .oth-filters{display:none!important}.op-tools-hero{background:var(--op-hero-bg);color:var(--op-text-cream-hi);padding:48px 24px 72px;width:100%}.op-tools-hero__inner{max-width:1200px;margin:0 auto}.op-tools-hero__eyebrow{font-family:var(--op-font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--op-teal);margin:0 0 20px;display:flex;align-items:center;gap:8px}.op-tools-hero__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--op-teal);display:inline-block}.op-tools-hero__title{font-family:var(--op-font-display);font-weight:700;font-size:46px;line-height:1.1;letter-spacing:-.01em;color:var(--op-text-cream-hi);margin:0 0 20px;max-width:960px}.op-tools-hero__title-accent{color:var(--op-teal)}.op-tools-hero__sub{font-family:var(--op-font-body);font-weight:400;font-size:14px;line-height:1.55;color:var(--op-text-cream-muted);margin:0 0 40px;max-width:720px}.op-tools-hero__filter{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op-job-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:200px;padding:24px;background:var(--op-card-dark-raised);border:1px solid var(--op-hairline-dark);border-radius:var(--op-radius-hero-tile);box-shadow:var(--op-shadow-hero-tile-inactive);color:var(--op-text-cream-hi);font-family:var(--op-font-body);text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .22s ease,transform .22s ease;appearance:none;-webkit-appearance:none}.op-job-tile:focus-visible{outline:2px solid var(--op-teal);outline-offset:3px}.op-job-tile:hover:not(.is-active){border-color:#3d4552;transform:translateY(-2px)}.op-job-tile__icon{color:var(--op-teal);display:inline-flex;align-items:center;justify-content:flex-start}.op-job-tile__title{font-family:var(--op-font-display);font-weight:600;font-size:22px;line-height:1.15;margin:4px 0 0;color:var(--op-text-cream-hi)}.op-job-tile__sub{font-size:13px;color:var(--op-text-cream-muted);margin:4px 0 0}.op-job-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:20px}.op-job-tile__arrow{position:static;display:inline-flex;align-items:center;font-size:24px;font-weight:700;color:var(--op-text-cream-hi);opacity:1;line-height:1}.op-job-tile__count{position:static;display:inline-flex;align-items:center;padding:4px 10px;font-family:var(--op-font-mono);font-size:11px;letter-spacing:.06em;color:var(--op-text-cream-muted);background:transparent;border:1px solid var(--op-hairline-dark);border-radius:var(--op-radius-pill);line-height:1.2}.op-job-tile.is-active{background:var(--op-teal);border-color:var(--op-teal);box-shadow:var(--op-shadow-hero-tile-active);transform:translateY(-4px);color:var(--op-teal-ink-on-teal)}.op-job-tile.is-active .op-job-tile__icon,.op-job-tile.is-active .op-job-tile__title{color:var(--op-teal-ink-on-teal)}.op-job-tile.is-active .op-job-tile__title{font-weight:700}.op-job-tile.is-active .op-job-tile__sub{color:var(--op-teal-subtle-ink)}.op-job-tile.is-active .op-job-tile__arrow{color:var(--op-teal-ink-on-teal);opacity:1;font-weight:600}.op-job-tile.is-active .op-job-tile__count{color:var(--op-text-cream-hi);background:var(--op-teal-ink-on-teal);border-color:var(--op-teal-ink-on-teal)}.op-tools-body{background:var(--op-content-bg);padding:48px 24px 96px}.op-tools-body__inner{max-width:1200px;margin:0 auto}.op-filter-feedback{display:flex;align-items:center;gap:12px;margin-bottom:40px;font-family:var(--op-font-body)}.op-filter-feedback__label{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--op-text-charcoal-muted);font-weight:500}.op-filter-feedback__pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 14px;font-size:13px;font-weight:600;color:var(--op-teal-ink-on-teal);background:var(--op-teal);border:none;border-radius:var(--op-radius-pill);cursor:pointer;font-family:inherit;transition:background .16s ease}.op-filter-feedback__pill:hover{background:#45a294}.op-filter-feedback__pill-x{font-size:15px;line-height:1;opacity:.75}.op-filter-feedback__see-all{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:700;letter-spacing:.01em;color:#f0ede4;background:var(--op-text-charcoal);border:none;border-radius:var(--op-radius-pill);text-decoration:none!important;box-shadow:0 2px 4px #14181e1f,0 8px 18px #14181e24;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.op-filter-feedback__see-all:hover{color:#f0ede4;opacity:1;background:#0f1217;transform:translateY(-1px);box-shadow:0 3px 6px #14181e29,0 12px 24px #14181e2e;text-decoration:none!important}.op-category{margin-bottom:56px}.op-category:last-of-type{margin-bottom:0}.op-category.is-hidden{display:none}.op-category__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.op-category__label{font-size:14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--op-text-charcoal)}.op-category__link{font-size:13px;color:var(--op-text-charcoal);text-decoration:underline;text-underline-offset:3px}.op-tool-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:0;padding:0;list-style:none}.op-tool-grid>li{list-style:none;margin:0;padding:0}.op-tool-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;aspect-ratio:1 / 1;padding:20px 14px 18px;background:var(--op-card-cream);border:1px solid var(--op-hairline-cream);border-radius:var(--op-radius-tool-tile);box-shadow:var(--op-shadow-tool-tile);color:var(--op-text-charcoal);text-align:center;text-decoration:none!important;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.op-tool-tile:hover{box-shadow:var(--op-shadow-tool-tile-hover);transform:translateY(-2px);border-color:#d5cfb8;text-decoration:none!important;color:var(--op-text-charcoal)}.op-tool-tile:focus-visible{outline:2px solid var(--op-teal);outline-offset:2px}.op-tool-tile__most-used{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--op-teal)}.op-tool-tile__icon{color:var(--op-teal);margin-top:8px;margin-bottom:4px;display:inline-flex;align-items:center;justify-content:center}.op-tool-tile__icon svg{width:56px;height:56px;stroke-width:2}.op-tool-tile__title{font-family:var(--op-font-display);font-weight:600;font-size:15px;line-height:1.2;color:var(--op-text-charcoal);margin:6px 0 0;min-height:36px;display:flex;align-items:center;justify-content:center}.op-tool-tile__intent{font-family:var(--op-font-body);font-size:11px;font-weight:500;line-height:1.35;color:var(--op-text-charcoal-muted);margin:0}.op-tool-tile--view-all{background:transparent;border:1px dashed var(--op-hairline-cream);box-shadow:none}.op-tool-tile--view-all:hover{border-color:#d5cfb8;box-shadow:none}.op-tools-cta{background:#fbfaf5;border:1px solid var(--op-hairline-cream);border-radius:var(--op-radius-hero-tile);padding:32px;margin-top:56px;text-align:center}.op-tools-cta h3{font-family:var(--op-font-display);font-weight:600;font-size:22px;color:var(--op-text-charcoal);margin:0 0 8px}.op-tools-cta p{font-family:var(--op-font-body);color:var(--op-text-charcoal-muted);max-width:600px;margin:0 auto 16px}.op-tools-cta a{color:var(--op-text-charcoal);font-weight:600;text-decoration:underline;text-underline-offset:3px}.op-tools-cta__pricing{margin-bottom:0}.op-tools-cta__email{display:inline-block;margin:0;font-weight:700;color:var(--op-text-charcoal);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){.op-tool-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1024px){.op-tools-hero{padding:40px 20px 56px}.op-tools-hero__title{font-size:38px}.op-tools-hero__filter{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.op-tool-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.op-tools-hero{padding:32px 16px 40px}.op-tools-hero__title{font-size:30px}.op-tools-hero__sub{margin-bottom:28px}.op-tools-hero__filter{grid-template-columns:1fr;gap:12px}.op-job-tile{min-height:148px;padding:20px}.op-job-tile__title{font-size:19px}.op-tools-body{padding:32px 16px 64px}.op-tool-grid{grid-template-columns:repeat(2,1fr);gap:12px}.op-tool-tile{padding:16px 10px 14px}.op-tool-tile__icon svg{width:44px;height:44px}.op-tool-tile__title{font-size:14px;min-height:32px}}@media(prefers-reduced-motion:reduce){.op-job-tile,.op-tool-tile{transition:none}.op-job-tile:hover:not(.is-active),.op-job-tile.is-active,.op-tool-tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/opora-tools-hero-v2.css.map */