.hp-directory{--hp-canvas:var(--astra-canvas,#f7f8fb);--hp-surface:var(--astra-surface,#fff);--hp-surface-soft:var(--astra-surface-soft,#f1f4f9);--hp-control:var(--astra-control,#fff);--hp-border:var(--astra-border,#dde3ee);--hp-border-medium:var(--astra-border-medium,#c7d0df);--hp-brand:var(--astra-brand,#2c3fa7);--hp-heading:var(--astra-heading,#18223b);--hp-body:var(--astra-body,#43516a);--hp-muted:var(--astra-muted,#64718a);width:var(--astra-page-width);color:var(--hp-body);margin-inline:auto;padding-block:48px 80px}.hp-eyebrow{color:var(--hp-brand);letter-spacing:.1px;margin:0 0 8px;font-size:14px;font-weight:700}.hp-home__intro{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:24px;padding-block:0 36px;display:grid}.hp-home__copy{grid-column:1;max-width:780px}.hp-home__shortcuts{grid-area:1/2/span 2;gap:12px;display:grid}.hp-home__shortcuts>a{border:1px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-body);transition:border-color .16s var(--astra-ease-out), background-color .16s var(--astra-ease-out);border-radius:24px;gap:4px;padding:20px;text-decoration:none;display:grid}.hp-home__shortcuts>a>span{color:var(--hp-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.hp-home__shortcuts>a>strong{color:var(--hp-heading);font-size:18px;line-height:1.3}.hp-home__shortcuts>a>p{color:var(--hp-muted);margin:0;font-size:14px;line-height:1.45}@media (hover:hover) and (pointer:fine){.hp-home__shortcuts>a:hover{border-color:var(--hp-border-medium);background:var(--hp-surface-soft)}}.hp-home__copy h1,.hp-category__intro h1{color:var(--hp-heading);letter-spacing:-.5px;margin:0 0 12px;font-size:clamp(34px,4vw,44px);line-height:1.15}.hp-home__copy>p:last-child,.hp-category__intro>p{color:var(--hp-body);margin:0;font-size:17px;line-height:1.5}.hp-search{gap:10px;width:100%;min-width:0;display:grid}.hp-search label{color:var(--hp-heading);font-size:13px;font-weight:600}.hp-search>div{width:100%;display:flex}.hp-search>div input{border:1px solid var(--hp-border-medium);border-radius:var(--astra-panel-radius) 0 0 var(--astra-panel-radius);background:var(--hp-control);min-width:0;min-height:52px;color:var(--hp-heading);border-right:0;flex:1;padding-inline:18px;font-size:16px}.hp-search>div button{border:1px solid var(--hp-brand);background:var(--hp-brand);min-height:52px;color:var(--hp-on-brand);cursor:pointer;border-radius:0 9999px 9999px 0;padding-inline:24px;font-size:14px;font-weight:650}.hp-search>div input::placeholder{color:var(--hp-muted)}.hp-search>div input:focus{border-color:var(--hp-brand);box-shadow:var(--astra-focus-ring);outline:none}.hp-search>p{color:var(--hp-muted);margin:0;font-size:13px;line-height:1.5}.hp-section,.hp-search-results{border:1px solid var(--hp-border);background:var(--hp-surface);border-radius:24px;margin-top:16px;padding:40px 32px;box-shadow:0 2px 8px #18223b0a}.hp-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.hp-section-heading h2,.hp-directory-status h2,.hp-connection h2{color:var(--hp-heading);letter-spacing:-.5px;margin:0;font-size:clamp(24px,3vw,32px);line-height:1.3}.hp-section-heading>a,.hp-section-heading>button,.hp-directory-status>a,.hp-connection>a{border:2px solid var(--hp-border-medium);background:var(--hp-surface);min-height:44px;color:var(--hp-brand);cursor:pointer;border-radius:9999px;flex:none;align-items:center;padding-inline:18px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .16s,color .16s;display:inline-flex}.hp-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hp-task-tile{border:1px solid var(--hp-border);background:linear-gradient(145deg, var(--hp-surface), var(--hp-surface-soft));min-width:0;min-height:220px;color:var(--hp-body);border-radius:24px;flex-direction:column;padding:24px;text-decoration:none;transition:border-color .18s cubic-bezier(.23,1,.32,1);display:flex}.hp-task-tile>span,.hp-result-list a>span,.hp-subcategory a>span,.hp-tool__type{color:var(--hp-muted);font-size:12px;font-weight:700}.hp-task-tile h3,.hp-essential-list h3,.hp-tool h3,.hp-subcategory h3{color:var(--hp-heading);margin:12px 0 8px;font-size:20px;line-height:1.3}.hp-task-tile p,.hp-essential-list p,.hp-tool p,.hp-subcategory p{color:var(--hp-muted);margin:0;font-size:16px;line-height:1.5}.hp-task-tile strong{color:var(--hp-brand);margin-top:auto;padding-top:20px;font-size:14px}@media (hover:hover) and (pointer:fine){.hp-task-tile:hover,.hp-tool:hover,.hp-subcategory a:hover,.hp-essential-list a:hover,.hp-result-list a:hover{border-color:var(--hp-border-medium)}}.hp-essentials{grid-template-columns:minmax(260px,.4fr) minmax(0,1fr);gap:48px;display:grid}.hp-essentials .hp-section-heading{margin:0;display:block}.hp-essentials .hp-section-heading>a{margin-top:24px}.hp-essential-list{border:1px solid var(--hp-border);background:var(--hp-surface);border-radius:24px;overflow:hidden}.hp-essential-list a{border-bottom:1px solid var(--hp-border);min-height:132px;color:var(--hp-body);justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;text-decoration:none;transition:background-color .16s;display:flex}.hp-essential-list a:last-child{border-bottom:0}.hp-essential-list h3{margin-top:0}.hp-essential-list a>span{color:var(--hp-brand);flex:none;font-size:14px;font-weight:600}.hp-tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hp-tool{border:1px solid var(--hp-border);background:var(--hp-surface);min-width:0;color:var(--hp-body);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;text-decoration:none;transition:border-color .16s;display:flex}.hp-category .hp-tool.hp-tool--visual{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;padding:24px}.hp-category .hp-tool--visual .tool-example img{aspect-ratio:16/9;object-fit:contain;background:var(--hp-surface-soft)}.hp-category .hp-tool--visual>.hp-tool__access{align-self:start;margin-top:auto}.hp-tool h3{margin:4px 0}.hp-tool__access{border:1px solid var(--hp-border);background:var(--hp-control);width:auto;min-height:28px;color:var(--hp-brand);border-radius:9999px;flex:none;align-items:center;padding-inline:10px;font-size:12px;font-weight:600;display:inline-flex}.hp-directory-status,.hp-connection{border:1px solid var(--hp-border);background:var(--hp-surface-soft);border-radius:24px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:32px;margin-top:48px;padding:24px;display:grid}.hp-directory-status p,.hp-connection p{max-width:680px;color:var(--hp-muted);margin:8px 0 0;font-size:16px;line-height:1.5}.hp-directory-status dl{gap:24px;margin:0;display:flex}.hp-directory-status dl div{flex-direction:column-reverse;gap:4px;display:flex}.hp-directory-status dt{color:var(--hp-muted);font-size:12px}.hp-directory-status dd{color:var(--hp-heading);margin:0;font-size:24px;font-weight:700}.hp-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hp-result-list a,.hp-empty{border:1px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-body);border-radius:24px;padding:20px;text-decoration:none}.hp-result-list strong,.hp-empty h3{color:var(--hp-heading);margin:6px 0;font-size:20px;line-height:1.3;display:block}.hp-result-list p,.hp-empty p{color:var(--hp-muted);margin:0;font-size:16px;line-height:1.5}.hp-category{padding-top:136px}.hp-category__intro{max-width:768px;margin-bottom:64px}.hp-category__summary{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.hp-category__summary span{border:1px solid var(--hp-border);background:var(--hp-control);width:auto;min-height:30px;color:var(--hp-muted);border-radius:9999px;align-items:center;padding-inline:12px;font-size:12px;font-weight:600;display:inline-flex}.hp-category__layout{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:start;gap:24px;display:grid}.hp-category__groups{gap:16px;display:grid}.hp-subcategory{border:1px solid var(--hp-border);background:var(--hp-surface);border-radius:24px;overflow:hidden}.hp-subcategory>header{border-bottom:1px solid var(--hp-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.hp-subcategory>header h2{color:var(--hp-heading);margin:0;font-size:24px;line-height:1.3}.hp-subcategory>header span{color:var(--hp-muted);font-size:14px}.hp-subcategory>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hp-subcategory a{border-right:1px solid var(--hp-border);border-bottom:1px solid var(--hp-border);min-height:168px;color:var(--hp-body);padding:20px 24px;text-decoration:none;transition:background-color .16s}.hp-subcategory a:nth-child(2n){border-right:0}.hp-subcategory a:nth-last-child(-n+2){border-bottom:0}.hp-subcategory a:last-child:nth-child(odd){border-bottom:0;border-right:0;grid-column:1/-1}.hp-subcategory a h3{margin-top:0}.hp-subcategory a>span{text-transform:capitalize;margin-top:16px;display:block}.hp-compare{top:calc(var(--header-height) + 24px);border:1px solid var(--hp-border);background:var(--hp-surface-soft);border-radius:24px;padding:24px;position:sticky}.hp-compare h2{color:var(--hp-heading);margin:0 0 24px;font-size:24px;line-height:1.3}.hp-compare dl{gap:20px;margin:0;display:grid}.hp-compare dl div{border-bottom:1px solid var(--hp-border);padding-bottom:20px}.hp-compare dl div:last-child{border-bottom:0;padding-bottom:0}.hp-compare dt{color:var(--hp-heading);font-weight:700}.hp-compare dd{color:var(--hp-muted);margin:6px 0 0;font-size:16px;line-height:1.5}.hp-connection{grid-template-columns:minmax(0,1fr) auto}.hp-context-tools{margin-top:48px}@media (width<=940px){.hp-directory{padding-top:32px}.hp-home__intro,.hp-essentials,.hp-category__layout{grid-template-columns:1fr}.hp-home__intro{grid-template-columns:1fr;align-items:start;gap:24px}.hp-home__shortcuts{grid-area:auto/1}.hp-compare{position:static}.hp-directory-status{grid-template-columns:1fr}}@media (width<=720px){.hp-task-grid,.hp-tool-list,.hp-result-list,.hp-subcategory>div{grid-template-columns:1fr}.hp-section-heading{flex-direction:column;align-items:start}.hp-task-tile{min-height:0}.hp-subcategory a,.hp-subcategory a:nth-child(2n),.hp-subcategory a:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--hp-border);min-height:0}.hp-subcategory a:last-child{border-bottom:0}.hp-essential-list a,.hp-tool{flex-direction:column;align-items:start}.hp-directory-status dl{justify-content:space-between;width:100%}.hp-connection{grid-template-columns:1fr}}@media (width<=480px){.hp-directory{padding-block:40px 64px}.hp-section,.hp-search-results{padding:28px 20px}.hp-home__copy h1,.hp-category__intro h1{font-size:32px}.hp-task-tile,.hp-essential-list a,.hp-tool,.hp-subcategory>header,.hp-subcategory a,.hp-compare,.hp-connection,.hp-directory-status{padding:20px}.hp-search>div{gap:8px;display:grid}.hp-search>div input,.hp-search>div button{border-radius:9999px;width:100%;max-width:none}.hp-search>div input{border-right:1px solid var(--hp-border-medium)}}@media (prefers-reduced-motion:reduce){.hp-section-heading>a,.hp-section-heading>button,.hp-directory-status>a,.hp-connection>a,.hp-task-tile,.hp-tool{transition-duration:0s}}.hp-directory .hp-task-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.hp-directory .hp-task-tile{min-height:196px;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.hp-directory .hp-task-tile:focus-visible,.hp-directory .hp-tool:focus-visible{box-shadow:var(--astra-focus-ring), var(--stack-edge)}@media (hover:hover) and (pointer:fine){.hp-directory .hp-task-tile:hover,.hp-directory .hp-tool:hover{border-color:var(--hp-brand);box-shadow:var(--stack-edge)}}.hp-home-tools .hp-tool{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading access""text text";align-items:start;gap:8px 16px;display:grid}.hp-home-tools .hp-tool__heading{grid-area:heading}.hp-home-tools .hp-tool>p{grid-area:text;max-width:52ch}.hp-home-tools .hp-tool__access{grid-area:access;margin-top:4px}.hp-directory .hp-home__intro h1,.hp-directory .hp-category__intro h1{font-size:var(--step-4);letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.hp-directory .hp-section-heading h2{font-size:var(--step-3);letter-spacing:var(--tracking-title)}.hp-directory .hp-home__copy>p:not(.hp-eyebrow),.hp-directory .hp-category__intro>p:not(.hp-eyebrow){max-width:var(--measure)}
