@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff)format("woff")}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f6f8fc;--canvas-deep:#edf1f8;--surface:#fff;--surface-raised:#ffffffdb;--surface-muted:#edf0f8;--surface-solid:#fbfcff;--text-strong:#090d1a;--text:#252b3a;--text-muted:#515a6b;--text-subtle:#596273;--border:#090d1a1f;--border-strong:#090d1a38;--glass-border:#ffffffb8;--glass-fill:#ffffffb8;--hero-start:#fbfcff;--hero-violet:#6247ea17;--hero-mint:#20bfae17;--card-shadow-color:#18153a24;--shimmer-color:#ffffffad;--orb-highlight:#fff;--orb-fill:#e5e0fb;--orb-edge:#b4a6ef;--orb-line:#8771da;--orb-mint:#20bfae;--brand:#6247ea;--brand-strong:#4b31cd;--brand-bright:#806cff;--brand-soft:#6247ea1c;--accent:#08766e;--accent-bright:#20bfae;--accent-soft:#08766e1a;--on-brand:#fff;--success:#087348;--success-soft:#0873481c;--warning:#775007;--warning-soft:#fff1c2bd;--warning-border:#77500747;--error:#a12e35;--error-soft:#ffe5e6c2;--focus:#4530c2;--selection:#4b31cde6;--shadow-xs:0 1px 2px #14122e0d;--shadow-sm:0 10px 30px #18153a14;--shadow-md:0 20px 55px #18153a1c;--shadow-lg:0 34px 100px #261b622b;--shadow-brand:0 18px 46px #4b31cd45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--duration-press:.14s;--duration-fast:.16s;--duration-ui:.2s;--duration-hero:.56s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-ambient:cubic-bezier(.45, 0, .55, 1);--container:1280px;--header-height:60px;font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#060811;--canvas-deep:#02040a;--surface:#0d1220;--surface-raised:#0d1220c7;--surface-muted:#171d2c;--surface-solid:#101625;--text-strong:#f8f9fd;--text:#e4e8f1;--text-muted:#b5bdcc;--text-subtle:#a7b0c0;--border:#e0e7f721;--border-strong:#e0e7f73d;--glass-border:#d2deff2e;--glass-fill:#0b101d94;--hero-start:#0b0f1c;--hero-violet:#6247ea29;--hero-mint:#20bfae14;--card-shadow-color:#00000061;--shimmer-color:#ffffff1c;--orb-highlight:#d8d1ff;--orb-fill:#252046;--orb-edge:#6247ea;--orb-line:#a28bff;--orb-mint:#63e3d3;--brand:#9d91ff;--brand-strong:#b0a7ff;--brand-bright:#c1bbff;--brand-soft:#9d91ff26;--accent:#63e3d3;--accent-bright:#72efdf;--accent-soft:#63e3d321;--on-brand:#0b0d19;--success:#70dda6;--success-soft:#70dda61f;--warning:#f4d681;--warning-soft:#68490f47;--warning-border:#f4d68147;--error:#ffada9;--error-soft:#8b2b303d;--focus:#c1bbff;--selection:#9d91ffb8;--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 12px 34px #0000003b;--shadow-md:0 22px 62px #00000052;--shadow-lg:0 40px 110px #00000075;--shadow-brand:0 18px 48px #5840e640}}@layer base{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--header-height) + 40px);background:var(--canvas)}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 8% 8%, #6247ea1a, transparent 30rem), radial-gradient(circle at 92% 38%, #20bfae14, transparent 32rem), linear-gradient(180deg, var(--canvas), var(--canvas-deep));margin:0;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img,svg,canvas{max-width:100%;display:block}::selection{color:#fff;background:var(--selection)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main:focus{outline:0}.app-shell{min-height:100vh;position:relative;overflow:clip}.skip-link{z-index:500;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-strong);background:var(--surface-solid);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out);padding:11px 16px;font-size:14px;font-weight:700;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}}@layer layout{.page-container,.content-shell,.site-header__frame,.site-footer__inner{width:min(var(--container), calc(100% - 48px));margin-inline:auto}.site-header{z-index:100;pointer-events:none;height:0;position:sticky;top:0}.site-header__frame{width:min(1180px,100% - 48px);padding-top:16px}.site-header__glass{pointer-events:auto}.site-header__inner{width:100%;min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);padding-inline:14px;display:flex}main{min-height:72vh}.hero{isolation:isolate;border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 78% 43%, var(--hero-violet), transparent 34rem), radial-gradient(ellipse at 88% 70%, var(--hero-mint), transparent 29rem), linear-gradient(150deg, var(--hero-start), var(--canvas));min-height:clamp(660px,82svh,800px);position:relative;overflow:clip}.hero__layout{z-index:2;min-height:inherit;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:center;gap:clamp(24px,4vw,64px);padding-block:clamp(144px,17vh,176px) clamp(64px,9vh,96px);display:grid;position:relative}.hero__backdrop,.hero__grid,.hero__noise{pointer-events:none;position:absolute;inset:0}.hero__backdrop{z-index:0;background:radial-gradient(ellipse at 75% 52%, color-mix(in srgb, var(--orb-edge) 9%, transparent), transparent 44%)}.hero__grid{z-index:0;opacity:.15;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(at 78% 45%,#000,#0000 70%);mask-image:radial-gradient(at 78% 45%,#000,#0000 70%)}.hero__noise{z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.hero__content{min-width:0;max-width:760px}.hero__visual{touch-action:pan-y pinch-zoom;place-items:center;width:100%;min-width:0;height:clamp(360px,36vw,490px);display:grid;position:relative}.hero__canvas-layer{z-index:1;pointer-events:none;position:absolute;inset:0 0 28px}.hero__scene>svg{display:none}.content-shell{padding-block:clamp(72px,9vw,112px) clamp(80px,10vw,128px);position:relative}.featured-services{scroll-margin-top:calc(var(--header-height) + 36px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-8);display:flex}.section-heading--featured{align-items:flex-end}.featured-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.featured-grid__item,.service-grid__item{min-width:0}.featured-grid__item:first-child,.featured-grid>.service-skeleton--featured:first-child{grid-column:span 2}.featured-grid__item:only-child{grid-column:1/-1}.featured-grid .card-spotlight{height:100%}.status-banner{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-8);padding:15px 17px;display:flex}.directory{scroll-margin-top:calc(var(--header-height) + 32px);padding-top:clamp(72px,9vw,112px)}.content-shell>.directory:first-child{padding-top:0}.content-shell>.status-banner:first-child+.directory{padding-top:var(--space-12)}.directory-tools,.directory-toolbar{gap:var(--space-3);margin-top:var(--space-6);display:grid}.directory-toolbar-shell{z-index:40;top:calc(var(--header-height) + 30px);position:sticky}.category-list,.directory-toolbar__categories{gap:var(--space-2);scroll-snap-type:x proximity;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;max-width:100%;padding:3px 3px 8px;scroll-padding-inline:3px;display:flex;overflow-x:auto}.service-grid,.directory-state--loading{margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 78%, transparent)}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:128px;display:flex}@media (width<=980px){.hero__layout{gap:var(--space-6);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.service-grid,.directory-state--loading{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){:root{--header-height:56px}.page-container,.content-shell,.site-header__frame,.site-footer__inner{width:min(var(--container), calc(100% - 32px))}.site-header__frame{padding-top:10px}.site-header__inner{padding-inline:10px}.hero{min-height:auto}.hero__layout{grid-template-columns:1fr;gap:12px;padding-block:122px 24px}.hero__content{z-index:2;max-width:620px;position:relative}.hero__visual{max-width:520px;height:clamp(270px,72vw,400px);margin-inline:auto;position:relative}.content-shell{padding-block:72px 88px}.section-heading,.section-heading--featured{align-items:flex-start;gap:var(--space-4);flex-direction:column}.section-intro{max-width:560px}.featured-grid{gap:var(--space-4);grid-template-columns:1fr}.featured-grid__item:first-child,.featured-grid>.service-skeleton--featured:first-child{grid-column:auto}.directory{padding-top:80px}.directory-toolbar-shell{top:calc(var(--header-height) + 20px)}.site-footer__inner{justify-content:center;align-items:flex-start;gap:var(--space-4);flex-direction:column;min-height:148px}}@media (width<=620px){.service-grid,.directory-state--loading{gap:var(--space-3);grid-template-columns:1fr}}@media (width<=480px){.page-container,.content-shell,.site-header__frame,.site-footer__inner{width:calc(100% - 24px)}.hero{min-height:auto}.hero__layout{padding-top:112px}.hero__visual{height:280px}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .button,.hero__actions .magnetic-link,.hero__actions .magnetic-link__motion{width:100%}.content-shell{padding-top:64px}}@media (width<=350px){.page-container,.content-shell,.site-header__frame,.site-footer__inner{width:calc(100% - 20px)}.hero__layout{padding-top:106px}}}@layer components{.glass-surface{isolation:isolate;justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{z-index:1;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}:root[data-theme=dark] .glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border-color:#fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}@media (prefers-color-scheme:dark){:root:not([data-theme]) .glass-surface--fallback{background:#ffffff1a;border-color:#fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{z-index:-1;border-radius:inherit;content:"";background:#ffffff26;position:absolute;inset:0}:root[data-theme=dark] .glass-surface--fallback{background:#0006}:root[data-theme=dark] .glass-surface--fallback:before{background:#ffffff0d}}.glass-surface:focus-visible{outline:2px solid var(--focus,#4738c7);outline-offset:2px}@media (prefers-reduced-motion:reduce){.glass-surface{transition-duration:.1s}}:root .site-header__glass.glass-surface{min-height:var(--header-height);background:var(--glass-fill);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff57, inset 0 -1px 0 color-mix(in srgb, var(--border) 45%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid #ffffff26}.site-header__glass:after,.directory-toolbar__surface:after{z-index:0;border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(120deg,#ffffff1a,#0000 38%,#ffffff06);position:absolute;inset:0}.site-header__glass>.glass-surface__content{padding:0}.brand,.footer-brand{align-items:center;gap:11px;min-width:0;display:inline-flex}.brand{border-radius:var(--radius-md)}.brand__mark,.footer-brand__mark{filter:drop-shadow(0 9px 18px #4b31cd38);flex:none}.brand__wordmark{min-width:0;color:var(--text-strong);letter-spacing:-.025em;flex-direction:column;font-size:15px;font-weight:800;line-height:1.24;display:flex}.brand__wordmark small,.footer-brand small{color:var(--text-subtle);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-link,.theme-toggle,.footer-back{cursor:pointer;min-height:44px;color:var(--text-muted);border:1px solid #0000;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.header-link{gap:var(--space-2);border-radius:14px;padding-inline:13px}.theme-toggle{border-color:var(--border);background:color-mix(in srgb, var(--surface-raised) 82%, transparent);width:44px;box-shadow:var(--shadow-xs);border-radius:14px;position:relative}.theme-toggle svg{transition:opacity var(--duration-fast) ease, transform var(--duration-ui) var(--ease-out);position:absolute}.theme-toggle__sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle__moon{opacity:0;transform:rotate(-24deg)scale(.9)}[data-theme=dark] .theme-toggle__sun{opacity:0;transform:rotate(24deg)scale(.9)}[data-theme=dark] .theme-toggle__moon{opacity:1;transform:rotate(0)scale(1)}.eyebrow,.section-kicker{color:var(--brand-strong);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow{border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);border-radius:var(--radius-pill);background:var(--brand-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:9px;min-height:32px;margin:0 0 22px;padding:4px 11px 4px 5px;display:inline-flex}.eyebrow__spark{color:#fff;background:linear-gradient(135deg,#6247ea,#078b80);border-radius:50%;place-items:center;width:23px;height:23px;display:grid;box-shadow:0 5px 14px #4b31cd33}.hero h1{max-width:760px;color:var(--text-strong);letter-spacing:-.055em;margin:0;font-size:clamp(46px,5.6vw,80px);font-weight:800;line-height:1.16}.hero h1 .hero-title-line{color:var(--text-strong);white-space:nowrap;padding-block:.035em;display:block}.hero h1 .hero-title-line--brand{color:#0000;background:linear-gradient(105deg, var(--brand-strong), var(--brand) 48%, var(--accent));-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .hero h1 .hero-title-line--brand{background-image:linear-gradient(105deg, var(--brand-bright), #9d91ff 48%, var(--accent-bright))}.hero__description{max-width:540px;margin:var(--space-6) 0 0;color:var(--text-muted);font-size:clamp(17px,1.4vw,19px);line-height:1.72}.hero__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.button{cursor:pointer;border-radius:var(--radius-md);min-height:48px;transition:transform var(--duration-press) var(--ease-out), color var(--duration-fast) ease, border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.button--primary{isolation:isolate;color:var(--on-brand);background:linear-gradient(135deg, var(--brand-strong), var(--brand));box-shadow:var(--shadow-brand);position:relative;overflow:hidden}:root[data-theme=dark] .button--primary{color:#fff;background:linear-gradient(135deg,#7156f0,#6247ea)}.button--primary:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(110deg,#0000 43%,#ffffff4d 50%,#0000 57%);position:absolute;inset:-50% -100%;transform:translate(-60%)}.magnetic-link,.magnetic-link__motion{display:inline-flex}.magnetic-link__motion{transform:translate3d(var(--magnet-x,0px), var(--magnet-y,0px), 0);transition:transform .18s var(--ease-out)}.button--secondary{border-color:var(--border-strong);color:var(--text-strong);background:var(--surface-solid)}.hero__cta svg,.service-card__arrow,.service-card__action svg,.footer-back svg{transition:transform var(--duration-fast) var(--ease-out)}.hero__stats{align-items:stretch;margin-top:36px;display:flex}.hero-stat{min-width:154px;padding-right:var(--space-6);flex-direction:column;justify-content:center;display:flex}.hero-stat+.hero-stat{padding-right:0;padding-left:var(--space-6);border-left:1px solid var(--border-strong)}.hero-stat__value{color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:27px;font-weight:800}.hero-stat__label,.hero-stat small{color:var(--text-subtle);margin-top:3px;font-size:12px;font-weight:600}.hero-stat--sync{flex-direction:row;justify-content:flex-start;align-items:center;gap:11px;min-width:220px}.hero-stat--sync>span:last-child{flex-direction:column;min-width:0;display:flex}.hero-stat--sync strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.sync-indicator{background:var(--success-soft);border-radius:50%;flex:none;place-items:center;width:29px;height:29px;display:grid;position:relative}.sync-indicator>span{background:var(--success);border-radius:50%;width:8px;height:8px}.section-heading h2{color:var(--text-strong);letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.1}.ecosystem-orb-fallback{opacity:1;width:100%;height:100%;transition:opacity .3s;overflow:visible}.hero[data-orb=active] .ecosystem-orb-fallback{opacity:0}.orb-fallback__highlight{stop-color:var(--orb-highlight)}.orb-fallback__fill{stop-color:var(--orb-fill)}.orb-fallback__edge,.orb-fallback__halo{stop-color:var(--orb-edge)}.orb-fallback__core{stroke:var(--orb-line);stroke-width:.8px}.orb-fallback__orbits{stroke:var(--orb-mint);opacity:.65}.orb-fallback__mesh{stroke:var(--orb-line);opacity:.4}.orb-fallback__particles{fill:var(--orb-line)}.orb-fallback__nodes{fill:var(--orb-mint)}.hero__visual-caption{color:var(--text-subtle);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.hero__visual-caption span{background:var(--border-strong);width:32px;height:1px}.section-intro{max-width:450px;color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.result-count{border:1px solid var(--border);border-radius:var(--radius-pill);min-height:44px;color:var(--text-subtle);background:var(--surface-raised);font-variant-numeric:tabular-nums;align-items:center;gap:3px;margin:0;padding:0 14px;font-size:13px;display:inline-flex}.result-count strong{color:var(--text-strong);font-size:16px;font-weight:800}.status-banner{border:1px solid var(--warning-border);border-radius:var(--radius-md);color:var(--warning);background:var(--warning-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px}.status-banner__icon{background:color-mix(in srgb, var(--warning) 11%, transparent);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.status-banner p{margin:3px 0 0;line-height:1.55}.directory-toolbar-shell{margin-top:var(--space-6)}:root .directory-toolbar__surface.glass-surface{background:color-mix(in srgb, var(--glass-fill) 90%, transparent);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff47, inset 0 -1px 0 color-mix(in srgb, var(--border) 45%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid #ffffff26}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){:root :is(.site-header__glass,.directory-toolbar__surface).glass-surface{background:var(--surface-solid)}}.directory-toolbar__surface .glass-surface__content{padding:11px}.directory-toolbar__surface .directory-toolbar{width:100%;margin-top:0}.search-field{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-raised) 86%, transparent);min-height:56px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:18px;align-items:center;gap:11px;padding:0 10px 0 16px;display:flex;position:relative}.search-field:focus-within{border-color:var(--focus);background:var(--surface-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 20%, transparent), var(--shadow-sm)}.search-field>svg{color:var(--text-subtle);transition:color var(--duration-fast) ease;flex:none}.search-field:focus-within>svg{color:var(--brand-strong)}.search-field input{width:100%;min-width:0;height:54px;color:var(--text-strong);background:0 0;border:0;outline:0;padding:0;font-size:15px}.search-field input::placeholder{color:var(--text-subtle);opacity:1}.search-field input::-webkit-search-cancel-button{appearance:none}.search-field kbd{border:1px solid var(--border);border-bottom-color:var(--border-strong);min-width:max-content;min-height:28px;color:var(--text-subtle);background:var(--surface-muted);box-shadow:inset 0 -1px 0 var(--border);border-radius:8px;align-items:center;padding:0 8px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.search-field__clear{cursor:pointer;border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease, transform var(--duration-press) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;display:grid}.category-chip{cursor:pointer;scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--radius-pill);min-height:44px;color:var(--text-muted);background:var(--surface-raised);transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-press) var(--ease-out);flex:none;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.category-chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--brand) 38%, transparent);color:var(--brand-strong);background:var(--brand-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 8%, transparent)}.category-chip[aria-pressed=true]:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.card-spotlight{perspective:1000px;perspective-origin:50%;min-width:0;height:100%;position:relative}.card-spotlight__overlay{z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff13, transparent 70%), radial-gradient(360px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--spotlight-color), transparent 72%);transition:opacity var(--duration-ui) ease;position:absolute;inset:0}.card-spotlight[data-spotlight-active=true] .card-spotlight__overlay,.card-spotlight:focus-within .card-spotlight__overlay{opacity:1}.card-spotlight__border{z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(190px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--orb-highlight), var(--orb-mint) 22%, var(--orb-line) 42%, transparent 76%);transition:opacity var(--duration-ui) ease;padding:1px;display:none;position:absolute;inset:0}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.card-spotlight__border{-webkit-mask-composite:xor;display:block;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}.card-spotlight[data-spotlight-active=true] .card-spotlight__border,.card-spotlight:focus-within .card-spotlight__border{opacity:.85}.service-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--brand) 4%, transparent), transparent 46%), var(--surface-raised);height:100%;min-height:246px;box-shadow:var(--shadow-sm);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:border-color var(--duration-ui) ease, box-shadow var(--duration-ui) ease, transform .18s var(--ease-out);position:relative;overflow:hidden}.service-card--featured{border-color:color-mix(in srgb, var(--brand) 32%, var(--border));background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--accent-bright) 17%, transparent), transparent 36%), linear-gradient(145deg, color-mix(in srgb, var(--brand) 13%, transparent), transparent 54%), var(--surface-raised);min-height:322px;box-shadow:var(--shadow-md)}.service-card:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 20%, transparent), var(--shadow-md)}.service-card__link{z-index:1;min-height:inherit;gap:var(--space-4);border-radius:inherit;grid-template-rows:auto 1fr auto;padding:21px;display:grid;position:relative}.service-card--featured .service-card__link{gap:var(--space-6);padding:28px}.service-card__link:focus-visible{outline:0}.service-card__topline{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.service-icon{border:1px solid var(--border);border-radius:var(--radius-md);width:50px;height:50px;color:var(--brand-strong);background:linear-gradient(145deg, var(--surface), var(--surface-muted));box-shadow:0 9px 22px #1b1b3714, inset 0 1px 0 #fff9, inset 0 -5px 14px color-mix(in srgb, var(--brand) 10%, transparent);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.service-icon:after{border:1px solid color-mix(in srgb, var(--glass-border) 70%, transparent);border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(140deg,#ffffff2e,#0000 52%);position:absolute;inset:2px}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.service-icon{background:linear-gradient(145deg, var(--glass-fill), color-mix(in srgb, var(--brand-soft) 30%, var(--glass-fill)));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.service-card--featured .service-icon{border-radius:18px;width:58px;height:58px}.service-icon__logo{object-fit:contain;width:100%;height:100%;padding:9px}.service-icon__monogram{letter-spacing:-.04em;font-size:14px;font-weight:800}.service-card__arrow{border:1px solid var(--border);width:40px;height:40px;color:var(--text-subtle);background:var(--surface-muted);border-radius:13px;place-items:center;display:grid}.service-card__body{flex-direction:column;min-width:0;display:flex}.service-card__badges{flex-wrap:wrap;align-items:center;gap:7px;min-height:22px;margin-bottom:9px;display:flex}.featured-badge,.new-badge,.category-badge{border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;gap:5px;min-height:24px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.featured-badge{border-color:color-mix(in srgb, var(--brand) 24%, transparent);color:var(--brand-strong);background:var(--brand-soft)}.featured-badge,.new-badge{isolation:isolate;position:relative}.featured-badge:after,.new-badge:after{border-radius:inherit;opacity:0;pointer-events:none;content:"";border:1px solid;position:absolute;inset:-1px}.new-badge{border-color:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent);background:var(--accent-soft)}.new-badge__dot{background:currentColor;border-radius:50%;width:5px;height:5px}.category-badge{border-color:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent);background:var(--accent-soft)}.service-card h3{overflow-wrap:anywhere;min-width:0;color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:19px;font-weight:800;line-height:1.28}.service-card--featured h3{font-size:clamp(23px,2.5vw,30px)}.service-card__hostname{overflow-wrap:anywhere;min-width:0;color:var(--text-subtle);margin:4px 0 0;font-size:13px;font-weight:600;line-height:1.45}.service-card__description{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:11px 0 0;font-size:14px;line-height:1.62;display:-webkit-box;overflow:hidden}.service-card--featured .service-card__description{max-width:520px;font-size:15px}.service-card__action{color:var(--text-muted);transition:color var(--duration-fast) ease;justify-self:start;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.service-skeleton{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);min-height:246px;box-shadow:var(--shadow-sm);padding:21px;position:relative;overflow:hidden}.service-skeleton--featured{border-color:color-mix(in srgb, var(--brand) 18%, var(--border));border-radius:var(--radius-lg);min-height:322px;padding:28px}.service-skeleton--featured .skeleton--icon{border-radius:18px;width:58px;height:58px}.service-skeleton:after{pointer-events:none;background:radial-gradient(ellipse at 48% 25%, var(--shimmer-color), transparent 52%), linear-gradient(112deg, transparent 24%, color-mix(in srgb, var(--shimmer-color) 24%, transparent) 37%, var(--shimmer-color) 47%, transparent 54%, color-mix(in srgb, var(--shimmer-color) 42%, transparent) 61%, transparent 76%);content:"";position:absolute;inset:0;transform:translate(-115%,3%)skew(-8deg)}.skeleton{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-muted) 92%, var(--surface)), var(--surface-muted));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-border) 24%, transparent);border-radius:8px}.skeleton--icon{border-radius:var(--radius-md);width:50px;height:50px}.skeleton--title{width:54%;height:18px;margin-top:38px}.skeleton--host{width:70%;height:12px;margin-top:9px}.skeleton--text{width:92%;height:12px;margin-top:18px}.skeleton--text-short{width:62%;height:12px;margin-top:8px}.state-panel,.directory-state{min-height:310px;margin-top:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(circle at 50% 8%, var(--brand-soft), transparent 32%), var(--surface-raised);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.directory-state--loading{text-align:left;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:stretch;align-items:stretch;padding:0;display:grid}.state-panel--error,.directory-state--error{background:radial-gradient(circle at 50% 8%, var(--error-soft), transparent 34%), var(--surface-raised)}.state-panel__icon,.directory-state__icon{border:1px solid color-mix(in srgb, var(--brand) 24%, transparent);width:54px;height:54px;color:var(--brand-strong);background:var(--brand-soft);border-radius:18px;place-items:center;display:grid}.state-panel--error .state-panel__icon,.directory-state--error .directory-state__icon{border-color:color-mix(in srgb, var(--error) 26%, transparent);color:var(--error);background:var(--error-soft)}.state-panel h3,.directory-state h3{color:var(--text-strong);letter-spacing:-.03em;margin:18px 0 0;font-size:21px;font-weight:800}.state-panel p,.directory-state p{max-width:520px;color:var(--text-muted);margin:9px 0 0;font-size:14px;line-height:1.68}.state-panel .button,.directory-state .button{margin-top:var(--space-6)}.footer-brand>span:last-child{flex-direction:column;display:flex}.footer-brand strong{color:var(--text-strong);font-size:14px}.footer-back{border-radius:var(--radius-sm);gap:7px;padding-inline:12px}@media (width<=767px){.search-field input{font-size:16px}.hero h1{max-width:660px;font-size:clamp(42px,7.7vw,64px)}.hero__description{max-width:570px}.service-card--featured,.service-skeleton--featured{min-height:286px}}@media (width<=480px){.brand__wordmark small{display:none}.header-link{width:44px;padding:0}.header-link span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hero h1{letter-spacing:-.05em;font-size:clamp(34px,9.5vw,46px)}.hero__description{font-size:16px;line-height:1.68}.hero__stats{align-items:flex-start}.hero-stat{flex:0 0 40%;min-width:0;padding-right:14px}.hero-stat+.hero-stat{flex:auto;padding-left:14px}.hero-stat--sync{min-width:0}.sync-indicator{display:none}.section-heading h2{font-size:32px}.result-count{justify-content:center;min-width:58px;padding-inline:10px}.search-field{padding-left:14px}.search-field kbd{display:none}.directory-toolbar__surface .glass-surface__content{padding:9px}.directory-toolbar__categories{padding-inline:14px;scroll-padding-inline:14px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.service-card,.service-skeleton{border-radius:20px}.service-card__link,.service-skeleton{padding:19px}.service-card--featured .service-card__link{padding:22px}}@media (width<=350px){.brand__wordmark{font-size:14px}.header-actions{gap:var(--space-1)}.hero-stat__value{font-size:24px}}}@layer motion{@keyframes hero-reveal{0%{opacity:0;clip-path:inset(0 0 20%);transform:translateY(16px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes badge-pulse{0%,to{opacity:0;transform:scale(1)}35%{opacity:.24;transform:scale(1.035)}70%{opacity:0;transform:scale(1.065)}}@keyframes loading-pulse{0%,to{opacity:.52;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes skeleton-shimmer{to{transform:translate(115%,-3%)skew(-8deg)}}@keyframes button-shimmer{to{transform:translate(60%)}}.hero-reveal{animation:hero-reveal var(--duration-hero) var(--ease-out) both}.hero-reveal--1{animation-delay:20ms}.hero-reveal--2{animation-delay:80ms}.hero-reveal--3{animation-delay:.14s}.hero-reveal--4{animation-delay:.2s}.hero-reveal--5{animation-delay:.26s}.hero-reveal--6{animation-delay:.32s}.sync-indicator>span[data-loading=true]{animation:loading-pulse 1.2s var(--ease-ambient) infinite}.service-skeleton:after{animation:1.85s linear infinite skeleton-shimmer}.featured-badge:after,.new-badge:after{animation:badge-pulse 2.4s var(--ease-ambient) 2}@media (hover:hover) and (pointer:fine){.brand:hover:not(:focus-visible),.header-link:hover:not(:focus-visible),.theme-toggle:hover:not(:focus-visible),.footer-back:hover:not(:focus-visible){transform:translateY(-1px)}.button--primary:hover:not(:focus-visible){box-shadow:0 18px 34px color-mix(in srgb, var(--brand) 24%, transparent)}.button--primary:hover:not(:focus-visible):before{animation:button-shimmer .7s var(--ease-out) both}.hero__cta:hover:not(:focus-visible) svg,.footer-back:hover:not(:focus-visible) svg{transform:translate(2px,2px)}.category-chip:hover,.search-field__clear:hover{border-color:var(--border-strong);color:var(--text-strong);background-color:var(--surface-solid)}.card-spotlight[data-spotlight-active=true] .service-card{border-color:color-mix(in srgb, var(--brand) 32%, var(--border));box-shadow:var(--shadow-x,0px) var(--shadow-y,18px) 40px -12px var(--card-shadow-color), 0 6px 16px -8px var(--card-shadow-color), inset 0 1px 0 #ffffff1f;will-change:transform}.service-card:hover .service-card__arrow{color:var(--brand-strong);transform:translate(2px,-2px)}.service-card--featured:hover .service-card__action{color:var(--brand-strong)}.service-card--featured:hover .service-card__action svg{transform:translate(2px,-2px)}}.button:active:not(:focus-visible),.theme-toggle:active:not(:focus-visible),.header-link:active:not(:focus-visible),.category-chip:active:not(:focus-visible),.search-field__clear:active:not(:focus-visible),.footer-back:active:not(:focus-visible){transform:scale(.97)}.card-spotlight:focus-within .service-card,.magnetic-link:focus-within .magnetic-link__motion,:focus-visible,:focus-visible svg,.card-spotlight:focus-within .service-card__arrow,.card-spotlight:focus-within .service-card__action svg{transition-duration:0s;transform:none}@media (hover:none),(pointer:coarse){.service-card,.magnetic-link__motion{transform:none}.card-spotlight__overlay,.card-spotlight__border{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hero-reveal,.service-grid__item{opacity:1;clip-path:none;transform:none}.service-card,.magnetic-link__motion{transform:none}.service-skeleton:after,.button--primary:before,.featured-badge:after,.new-badge:after{display:none}}:root[data-theme-transition=fallback]{transition:--canvas .22s,--canvas-deep .22s,--surface .22s,--surface-raised .22s,--surface-muted .22s,--surface-solid .22s,--glass-fill .22s,--hero-start .22s,--hero-violet .22s,--hero-mint .22s,--text .22s,--text-strong .22s,--text-muted .22s,--text-subtle .22s,--border .22s,--border-strong .22s,--brand .22s,--brand-strong .22s,--brand-soft .22s,--accent .22s,--accent-soft .22s,--on-brand .22s}:root[data-theme-transition=fallback] :where(body,.brand__wordmark,.section-kicker,.service-card h3,.service-card__hostname,.service-card__description,.featured-badge,.new-badge,.category-badge,.search-field input){transition:color .22s,background-color .22s,border-color .22s}:root[data-theme-transition=view] .theme-toggle svg{transition:none}::view-transition{pointer-events:none}::view-transition-group(root){animation-duration:.22s}::view-transition-old(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}@media (prefers-reduced-motion:reduce){:root[data-theme-transition=fallback]{transition:none}::view-transition-group(root){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}}@property --canvas{syntax:"<color>";inherits:true;initial-value:#f6f8fc}@property --canvas-deep{syntax:"<color>";inherits:true;initial-value:#edf1f8}@property --surface{syntax:"<color>";inherits:true;initial-value:#fff}@property --surface-raised{syntax:"<color>";inherits:true;initial-value:#ffffffdb}@property --surface-muted{syntax:"<color>";inherits:true;initial-value:#edf0f8}@property --surface-solid{syntax:"<color>";inherits:true;initial-value:#fbfcff}@property --glass-fill{syntax:"<color>";inherits:true;initial-value:#ffffffb8}@property --hero-start{syntax:"<color>";inherits:true;initial-value:#fbfcff}@property --hero-violet{syntax:"<color>";inherits:true;initial-value:#6247ea17}@property --hero-mint{syntax:"<color>";inherits:true;initial-value:#20bfae17}@property --text{syntax:"<color>";inherits:true;initial-value:#252b3a}@property --text-strong{syntax:"<color>";inherits:true;initial-value:#090d1a}@property --text-muted{syntax:"<color>";inherits:true;initial-value:#515a6b}@property --text-subtle{syntax:"<color>";inherits:true;initial-value:#596273}@property --border{syntax:"<color>";inherits:true;initial-value:#090d1a1f}@property --border-strong{syntax:"<color>";inherits:true;initial-value:#090d1a38}@property --brand{syntax:"<color>";inherits:true;initial-value:#6247ea}@property --brand-strong{syntax:"<color>";inherits:true;initial-value:#4b31cd}@property --brand-soft{syntax:"<color>";inherits:true;initial-value:#6247ea1c}@property --accent{syntax:"<color>";inherits:true;initial-value:#08766e}@property --accent-soft{syntax:"<color>";inherits:true;initial-value:#08766e1a}@property --on-brand{syntax:"<color>";inherits:true;initial-value:#fff}