/* Neutral shadcn-style design tokens and native UI primitives. */
:root{--background:#fff;--foreground:#111;--card:#fff;--card-foreground:#111;--primary:#111;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#52525b;--border:#e4e4e7;--input:#d4d4d8;--ring:#71717a;--radius:.625rem}
.ui-field{display:flex;flex-direction:column;gap:7px;min-width:0}.ui-label{font-size:12px;line-height:1.3;font-weight:600;color:var(--foreground)}
.ui-input,.ui-select{display:block;width:100%;min-width:0;height:42px;border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);background:var(--background);padding:0 12px;font:400 14px Inter,Arial,sans-serif;color:var(--foreground);box-shadow:0 1px 2px #0000000a;transition:border-color .15s,box-shadow .15s}
.ui-input::placeholder{color:#71717a;opacity:1}.ui-input:focus,.ui-select:focus{outline:none}.ui-input:focus-visible,.ui-select:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #71717a40}.ui-input:disabled,.ui-select:disabled,.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-input[aria-invalid=true],.ui-select[aria-invalid=true]{border-color:#b91c1c}.ui-select{appearance:auto}
.ui-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:calc(var(--radius) - 2px);font-size:14px;font-weight:600;line-height:1;border:1px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s;padding:0 18px;text-decoration:none}.ui-button--default,.button{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.ui-button--default:hover,.button:hover{background:#303030;border-color:#303030}.ui-button--outline,.button.secondary{background:var(--background);border-color:var(--input);color:var(--foreground)}.ui-button--outline:hover,.button.secondary:hover{background:var(--secondary)}.ui-button:focus-visible,.button:focus-visible,.menu:focus-visible,nav a:focus-visible,.text-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
.search-box{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 1px 3px #0000000d;margin-top:24px}.hero .search-box{border-radius:var(--radius)}.search-box .ui-field{padding:0;border:0}.search-box .ui-field+.ui-field{border:0}.search-box .ui-label{font-size:12px}.search-box .ui-input{width:100%;height:42px;border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);padding:0 12px;font-size:14px;outline:none}.search-box .ui-input:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #71717a40}.search-box .ui-button{height:42px;min-width:90px}
.filter-bar{gap:14px}.filter-bar .ui-field{font-size:12px}.filter-bar .ui-input,.filter-bar .ui-select{margin:0;height:42px;border-color:var(--input);border-radius:calc(var(--radius) - 2px)}.filter-bar .ui-input:focus-visible,.filter-bar .ui-select:focus-visible{border-color:var(--ring)}
.header nav .button,.referral-banner .button,.final-cta .button,.button.yellow{border-radius:calc(var(--radius) - 2px)}.header nav .button{background:var(--primary);border-color:var(--primary);color:#fafafa}.final-cta .button,.button.yellow{background:#fff;border-color:#fff;color:#111}.category-card,.business-card,.requirement,.feature,.referral-banner,.network-art,.final-cta,.profile aside{border-radius:var(--radius);border-color:var(--border)}.hero-quick a,.header nav a.active,.demo-pill{border-radius:calc(var(--radius) - 2px)}.feature:hover,.category-card:hover,.button:hover{transform:none}.hero-quick a{background:var(--secondary);color:var(--secondary-foreground)}.menu{border-radius:calc(var(--radius) - 2px)}.menu:hover{background:var(--muted)}
@media(max-width:650px){.search-box{grid-template-columns:1fr;gap:12px}.search-box .ui-button{width:100%}.hero .search-box{border-radius:var(--radius)}}

/* Grouped navigation, following the shadcn navigation menu pattern. */
.header-inner{gap:28px}.header nav{display:flex;align-items:center;gap:5px;margin-left:auto;color:#3f3f46}.header nav .nav-home,.header nav .nav-login,.header nav .nav-trigger{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;color:#3f3f46;font-size:13px;font-weight:600;white-space:nowrap}.header nav .nav-home:hover,.header nav .nav-login:hover,.header nav .nav-trigger:hover,.header nav .nav-group[open]>.nav-trigger,.header nav .nav-home.active{background:#f4f4f5;color:#111}.header nav .nav-home.active{padding:0 14px}.nav-group{position:relative}.nav-trigger{cursor:pointer;list-style:none;user-select:none}.nav-trigger::-webkit-details-marker{display:none}.nav-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}.nav-group[open] .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}.nav-trigger:focus-visible,.nav-item:focus-visible{outline:2px solid #71717a;outline-offset:2px}.header nav .nav-panel{position:absolute;z-index:20;top:calc(100% + 9px);left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:440px;padding:8px;border:1px solid #e4e4e7;border-radius:12px;background:#fff;box-shadow:0 12px 30px #00000016}.header nav .nav-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border-radius:8px;white-space:normal;color:#18181b}.header nav .nav-item:hover,.header nav .nav-item[aria-current=page]{background:#f4f4f5}.nav-item span{font-size:13px;font-weight:600}.nav-item small{font-size:12px;font-weight:400;line-height:1.45;color:#71717a}.header nav .nav-cta{margin-left:12px;padding:0 17px;min-height:40px}.header nav .nav-login{margin-left:12px}
@media(max-width:1200px){.header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 16px 18px;max-height:calc(100vh - 78px);overflow-y:auto;align-items:stretch;flex-direction:column;gap:2px;background:#fff;border-bottom:1px solid #e4e4e7;box-shadow:0 12px 30px #00000012}.header nav.open{display:flex}.header nav .nav-home,.header nav .nav-login,.header nav .nav-trigger{width:100%;padding:0 12px;justify-content:space-between}.header nav .nav-login{margin:0}.header nav .nav-panel{position:static;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none;margin:0 0 8px}.header nav .nav-cta{margin:10px 0 0;align-self:stretch}.menu{display:block}}
@media(max-width:420px){.header nav .nav-panel{grid-template-columns:1fr}.header nav .nav-item{padding:9px 12px}.nav-item small{font-size:11px}}

/* Responsive header and icon-led navigation */
.header .header-inner{width:90%;max-width:none}.nav-icon{display:block;flex:0 0 17px;width:17px;height:17px}.header nav .nav-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;color:#3f3f46;font-size:13px;font-weight:600;white-space:nowrap}.header nav .nav-link:hover,.header nav .nav-link[aria-current=page]{background:#f4f4f5;color:#111}.header nav .nav-item{flex-direction:row;gap:10px;align-items:flex-start}.nav-item>.nav-icon{margin-top:2px;color:#52525b}.nav-item-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.nav-item-copy strong{font-size:13px;font-weight:600;line-height:1.25}.nav-item-copy small{font-size:12px;font-weight:400;line-height:1.45;color:#71717a}.header nav .nav-cta .nav-icon{width:16px;height:16px;flex-basis:16px}.header nav .nav-login{gap:8px}.header nav .nav-trigger .nav-chevron{margin-left:2px}
@media(max-width:1200px){.header nav .nav-link{display:flex;width:100%;padding:0 12px}.header nav .nav-trigger{justify-content:flex-start}.header nav .nav-trigger .nav-chevron{margin-left:auto}.header nav .nav-login{justify-content:flex-start}.header nav .nav-panel{max-width:100%}}
@media(max-width:420px){.header .header-inner{width:90%}.header nav .nav-item{padding:9px 12px}.nav-item-copy small{font-size:11px}}

/* Spacious homepage and motion */
.hero-slider{overflow:hidden}.hero-slider .hero-grid{min-height:500px;gap:45px}.hero-copy{padding:45px 0}.hero-eyebrow{display:block;font-size:11px;letter-spacing:.13em;margin-bottom:22px}.hero-slider h1{margin:0 0 20px}.hero-slider .hero-visual{min-height:500px}.hero-message{max-width:600px}.hero-action{margin-top:20px}.slider-controls{display:flex;align-items:center;gap:12px;margin-top:38px}.slide-arrow{display:grid;place-items:center;width:39px;height:39px;background:#fff;border:1px solid #d4d4d8;border-radius:50%;font-size:18px;color:#111;cursor:pointer}.slide-arrow:hover{background:#f4f4f5}.slide-count{font-size:12px;letter-spacing:.08em;color:#52525b;font-weight:600}.motion-toggle{border:0;background:none;padding:8px;color:#52525b;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.slide-arrow:focus-visible,.motion-toggle:focus-visible{outline:2px solid #71717a;outline-offset:3px}.slide-enter .hero-message,.slide-enter .hero-action{animation:hero-enter .5s ease both}@keyframes hero-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.search-section{display:grid;grid-template-columns:.9fr 1.3fr;align-items:center;gap:65px;padding-top:105px;padding-bottom:105px}.search-intro h2{margin:12px 0;font-size:clamp(27px,2.5vw,37px)}.search-intro p{color:#52525b;line-height:1.6}.search-section .search-box{margin:0;max-width:none}.hero-quick{margin-top:14px}.partner-section{background:#f8f8f8;padding:78px 0 86px;overflow:hidden}.partner-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.partner-heading h2{font-size:clamp(26px,2.7vw,36px)}.partner-heading p{font-size:13px;color:#52525b;line-height:1.6;max-width:570px}.marquee-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.marquee-track{display:flex;width:max-content;animation:partner-scroll 32s linear infinite}.marquee-track.is-paused,.marquee-viewport:hover .marquee-track,.marquee-viewport:focus-within .marquee-track{animation-play-state:paused}.marquee-group{display:flex;gap:14px;padding-right:14px}.marquee-group>a,.marquee-item{display:flex;align-items:center;gap:12px;width:245px;padding:14px 17px;background:#fff;border:1px solid #e4e4e7;border-radius:10px;color:#111}.marquee-group>a>span,.marquee-item>span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#f4f4f5;font-size:11px;font-weight:700}.marquee-group strong{font-size:12px}.marquee-group small{margin-left:auto;color:#71717a;font-size:9px;font-weight:700;letter-spacing:.08em}@keyframes partner-scroll{to{transform:translateX(-50%)}}
.home-main .section{padding-top:105px;padding-bottom:105px}.home-main .feature-grid{padding-top:100px;padding-bottom:15px}.home-main .final-cta{margin-top:30px;margin-bottom:105px}
@media(max-width:850px){.hero-slider .hero-grid{min-height:0;gap:0;padding-top:0}.hero-copy{padding:65px 0 35px}.hero-slider .hero-visual{min-height:320px}.search-section{grid-template-columns:1fr;gap:20px;padding-top:75px;padding-bottom:75px}.partner-section{padding:65px 0}.home-main .section{padding-top:75px;padding-bottom:75px}.home-main .feature-grid{padding-top:75px}.home-main .final-cta{margin-bottom:75px}}
@media(max-width:520px){.hero-copy{padding-top:52px}.hero-slider .hero-visual{min-height:235px}.slider-controls{margin-top:26px}.search-section{padding-top:65px;padding-bottom:65px}.partner-heading{align-items:start}.partner-heading h2{font-size:26px}.marquee-group>a,.marquee-item{width:220px}.home-main .section{padding-top:65px;padding-bottom:65px}.home-main .feature-grid{padding-top:65px}}
@media(prefers-reduced-motion:reduce){.marquee-track,.slide-enter .hero-message,.slide-enter .hero-action{animation:none!important}}

/* Dropdown icon tiles */
.header nav .nav-panel{width:500px;gap:4px;padding:10px}.header nav .nav-item{gap:12px;align-items:flex-start;padding:12px;border-radius:9px}.nav-item .nav-icon-tile{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e4e4e7;border-radius:10px;background:#f4f4f5;color:#27272a}.nav-item .nav-icon-tile .nav-icon{width:21px;height:21px;flex:none}.nav-item:hover .nav-icon-tile,.nav-item[aria-current=page] .nav-icon-tile{background:#fff;border-color:#dedee2}.nav-item-copy{padding-top:2px}.nav-item-copy strong{font-size:13px}.nav-item-copy small{font-size:12px;line-height:1.5}
@media(max-width:1200px){.header nav .nav-panel{width:100%}.nav-item .nav-icon-tile{width:40px;height:40px;flex-basis:40px}}
@media(max-width:420px){.header nav .nav-item{padding:10px}.nav-item .nav-icon-tile{width:38px;height:38px;flex-basis:38px}}
/* Breathing room between the header and the slider */
.hero-slider{padding-top:24px}@media(max-width:850px){.hero-slider{padding-top:16px}}
/* The secondary hero line uses a lighter charcoal for visual hierarchy. */
.hero-slider .hero-message h1 em{color:#71717a}

/* Stable carousel proportions, independent of slide copy. */
.hero-slider .hero-grid{height:500px;min-height:500px}.hero-slider .hero-copy{min-width:0}.hero-slider .hero-message{min-height:172px}.hero-slider .hero-visual{height:500px;min-height:500px;transform-origin:center}.hero-slider .hero-action{margin-top:20px}.hero-slider .slider-controls{margin-top:38px}
@media(max-width:850px){.hero-slider .hero-grid{height:auto;min-height:0}.hero-slider .hero-copy{height:365px;padding:48px 0 25px}.hero-slider .hero-message{min-height:150px}.hero-slider .hero-visual{height:300px;min-height:300px}.hero-slider .slider-controls{margin-top:26px}}
@media(max-width:520px){.hero-slider .hero-copy{height:385px;padding-top:38px}.hero-slider .hero-message{min-height:185px}.hero-slider h1{font-size:clamp(31px,9vw,39px)}.hero-slider .hero-visual{height:235px;min-height:235px}.hero-slider .slider-controls{margin-top:22px}}
@media(max-width:520px){.hero-slider .hero-copy{height:440px}.hero-slider .hero-message{min-height:225px}}
@media(max-width:360px){.hero-slider .hero-copy{height:475px}.hero-slider .hero-message{min-height:260px}}
.split>*{min-width:0}@media(max-width:520px){.network-art{flex-wrap:wrap}.network-art span:nth-child(2),.network-art span:nth-child(3){margin-top:0}}

/* Sticky navigation and floating contact actions */
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e4e4e7}html{scroll-padding-top:90px}.floating-tools{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.contact-flyout{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.contact-toggle,.contact-icon,.back-to-top{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;box-shadow:0 8px 28px #0002}.contact-toggle{background:#111;color:white;border:1px solid #111;cursor:pointer;transition:transform .2s,background .2s}.contact-toggle:hover{background:#333;transform:translateY(-2px)}.contact-toggle[aria-expanded=true] svg{transform:rotate(12deg)}.contact-toggle svg,.contact-icon svg,.back-to-top svg{width:22px;height:22px;transition:transform .2s}.contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease,visibility .22s}.contact-actions.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.contact-action{display:flex;align-items:center;gap:10px;color:#111}.contact-label{background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:600;box-shadow:0 4px 18px #00000012}.contact-icon{width:46px;height:46px;background:#fff;border:1px solid #d4d4d8;color:#111;box-shadow:0 5px 18px #00000016}.contact-action:hover .contact-icon{background:#f4f4f5}.back-to-top{width:42px;height:42px;background:#fff;border:1px solid #d4d4d8;color:#111;cursor:pointer}.back-to-top[hidden]{display:none}.contact-page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.contact-toggle:focus-visible,.contact-action:focus-visible,.back-to-top:focus-visible{outline:2px solid #71717a;outline-offset:4px}@media(max-width:520px){.floating-tools{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.contact-toggle{width:50px;height:50px}.contact-icon{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.contact-actions,.contact-toggle,.contact-toggle svg{transition:none}html{scroll-behavior:auto}}

/* Footer social profiles */
.footer-grid .social-links{display:block;margin-top:24px}.social-heading{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#404040}.social-icons{display:flex;flex-wrap:wrap;gap:8px}.footer-grid .social-icons a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d4d4d8;border-radius:9px;color:#111;background:#fff;transition:background-color .15s,border-color .15s,transform .15s}.footer-grid .social-icons a:hover{background:#f1f1f1;border-color:#a3a3a3;transform:translateY(-2px)}.social-icons svg{width:19px;height:19px}.footer-grid .social-icons a:focus-visible{outline:2px solid #71717a;outline-offset:3px}@media(prefers-reduced-motion:reduce){.footer-grid .social-icons a{transition:none}}
