:root{
  --accent:#ff9718;
  --glass:rgba(255,255,255,.96);
  --ink:#1e2430;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#111;color:#fff;overflow:hidden}
button,input{font:inherit}
.hero{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#121212;isolation:isolate}
.slide{position:absolute;inset:-2%;z-index:-4;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.035);transition:opacity 1.4s ease;will-change:opacity,transform}
.slide.is-visible{opacity:1;animation:slowPush 7.2s linear forwards}
@keyframes slowPush{from{transform:scale(1.035)}to{transform:scale(1.10)}}
.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.34) 44%,rgba(0,0,0,.43) 100%)}
.shade::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(0,0,0,.05) 0%,rgba(0,0,0,.06) 38%,rgba(0,0,0,.42) 100%)}
.hero-content{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(1050px,calc(100% - 40px));display:flex;flex-direction:column;align-items:center}
.brand-logo{display:block;width:min(720px,78vw);height:auto;max-height:180px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.45));margin:0 auto 28px}
.search-shell{width:100%;min-height:94px;padding:10px 11px 10px 24px;border-radius:52px;background:var(--glass);box-shadow:0 16px 46px rgba(0,0,0,.34);display:grid;grid-template-columns:1fr 1px 1.25fr 72px;align-items:center;color:var(--ink);backdrop-filter:blur(12px)}
.search-field{min-width:0;display:flex;align-items:center;gap:14px;padding:0 8px}
.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#20252e;font-size:clamp(18px,1.45vw,24px);font-weight:500;padding:18px 0}
.search-field input::placeholder{color:#6b7079;opacity:1}
.field-icon{width:27px;height:27px;flex:0 0 27px;color:var(--accent)}
.field-icon svg,.search-button svg{width:100%;height:100%;fill:currentColor}
.divider{height:45px;width:1px;background:#d4d6da}
.search-button{width:72px;height:72px;border:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,filter .16s ease}
.search-button:hover{transform:scale(1.045);filter:brightness(1.05)}
.search-button:active{transform:scale(.98)}
.search-button svg{width:32px;height:32px}
.quick-activities{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.quick-activities button{border:1px solid rgba(255,255,255,.56);background:rgba(12,12,12,.48);color:#fff;border-radius:999px;padding:10px 16px;font-weight:650;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.14);backdrop-filter:blur(10px);transition:background .18s ease,transform .18s ease}
.quick-activities button:hover{background:rgba(0,0,0,.68);transform:translateY(-1px)}
.slide-dots{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.slide-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.48);cursor:pointer;transition:width .22s ease,background .22s ease;border-radius:.22s ease}
.slide-dots button.is-active{width:25px;border-radius:8px;background:#fff}
.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:760px){
  .hero{min-height:520px}
  .hero-content{top:45%;width:min(94%,620px)}
  .brand-logo{width:min(92vw,620px);margin-bottom:20px}
  .search-shell{grid-template-columns:1fr 58px;grid-template-rows:auto auto;min-height:0;padding:8px;border-radius:26px}
  .search-field{padding:0 12px;gap:10px}
  .search-field input{font-size:17px;padding:13px 0}
  .activity-field{grid-column:1;grid-row:2;border-top:1px solid #e1e2e5}
  .divider{display:none}
  .search-button{grid-column:2;grid-row:1/3;width:54px;height:54px;align-self:center}
  .search-button svg{width:27px;height:27px}
  .field-icon{width:22px;height:22px;flex-basis:22px}
  .quick-activities{margin-top:14px;gap:7px}
  .quick-activities button{font-size:13px;padding:8px 11px}
}
@media (max-height:650px) and (min-width:761px){
  .hero-content{top:45%}
  .brand-logo{max-height:120px;margin-bottom:15px}
  .search-shell{min-height:78px;grid-template-columns:1fr 1px 1.25fr 60px}
  .search-button{width:60px;height:60px}
  .quick-activities{margin-top:13px}
}
@media (prefers-reduced-motion:reduce){.slide,.slide.is-visible{animation:none;transition:opacity .2s ease}.quick-activities button,.search-button{transition:none}}