/* TableAmigo public homepage — cinematic editorial art direction, Oct 21 2026.
   Owner approved a visual direction with dramatic hero, exceptional spacing
   and a prominent reservation/discovery search. Uses only the PREVIOUSLY
   approved overhead reserved-table image. No venue promotional hero or
   fabricated social proof. All styles scoped to body[data-page="home"]. */
body[data-page="home"]{--ta-brand:#6042ea;--ta-ink:#19182b;background:#fff;color:var(--ta-ink)}
body[data-page="home"] .market-wrap{width:min(1320px,calc(100% - 84px));max-width:1320px}
body[data-page="home"] .market-header{height:auto;border-bottom:1px solid #ecebf2;background:#fff;box-shadow:0 6px 26px #16152b08}
body[data-page="home"] .head-content{min-height:83px;gap:22px}
body[data-page="home"] .market-brand{display:inline-flex;align-items:center;gap:11px;color:#212037;font-size:29px;font-weight:900;letter-spacing:-.075em}
body[data-page="home"] .market-brand .ta-symbol{display:block;flex:none;width:43px;height:43px}
body[data-page="home"] .head-nav{gap:34px}
body[data-page="home"] .head-nav a{font-size:12px;color:#444357;font-weight:800;transition:color .18s}
body[data-page="home"] .head-nav a:hover{color:#6042ea}
body[data-page="home"] .head-login{border-radius:999px;color:#5840d6;border:1px solid #c7bdfc;padding:12px 21px;font-size:12px;background:#fff;transition:all .16s}
body[data-page="home"] .head-login:hover{background:#f1eeff;border-color:#6042ea}
body[data-page="home"] .lang-switch{border:1px solid #ededf4;background:#f5f4fa}
body[data-page="home"] .lang-switch button.active{background:#6042ea;box-shadow:0 3px 10px #6042ea22}
body[data-page="home"] .market-hero{position:relative;isolation:isolate;overflow:hidden!important;padding:68px 0 61px;min-height:640px;background:#17121d;border:0}
body[data-page="home"] .market-hero>.platform-photo{
 position:absolute;inset:0;margin:0;border:0;border-radius:0;
 width:100%;height:100%;aspect-ratio:auto;background:#261a15;
 z-index:0;box-shadow:none;pointer-events:none
}
body[data-page="home"] .market-hero>.platform-photo img{
 width:100%;height:100%;object-fit:cover;object-position:63% 48%;
 filter:brightness(.79) contrast(1.12) saturate(1.03);
 transform:scale(1.01);display:block
}
body[data-page="home"] .market-hero:before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:
 linear-gradient(90deg,rgba(15,11,20,.96) 0%,rgba(19,12,23,.90) 26%,rgba(28,18,28,.68) 47%,rgba(31,18,26,.14) 83%),
 linear-gradient(0deg,rgba(16,10,20,.55) 0%,transparent 42%)
}
body[data-page="home"] .market-hero>.market-wrap{position:relative;z-index:2}
body[data-page="home"] .market-hero .platform-layout{display:block!important;margin:0 0 39px;min-height:auto;grid-template-columns:none}
body[data-page="home"] .market-hero .platform-intro{display:block!important;max-width:775px;margin:0;text-align:left}
body[data-page="home"] .market-hero .platform-intro-copy{max-width:775px}
body[data-page="home"] .market-hero .platform-kicker{
 display:block;letter-spacing:.185em;line-height:1.6;font-size:10px;
 background:none;border:0;border-radius:0;padding:0;font-weight:900;color:#ecedf4
}
body[data-page="home"] .market-hero .platform-intro h1{
 font:900 clamp(49px,5.15vw,77px)/1.035 Manrope,system-ui,sans-serif;
 color:#fff;letter-spacing:-.072em;margin:19px 0 18px;max-width:780px;
 text-shadow:0 3px 18px #0003
}
body[data-page="home"] .hero-emphasis{display:block;color:#c9b7ff}
body[data-page="home"] .market-hero .platform-intro p{
 max-width:620px;margin:0;font-size:clamp(14px,1.32vw,17px);
 color:#eeebf0;line-height:1.65;font-weight:550;text-shadow:0 2px 12px #0004
}
body[data-page="home"] .night-cue{
 display:inline-flex;align-items:center;gap:9px;margin-top:21px;
 color:#e6ddff;font-weight:800;font-size:12px;border-left:3px solid #c6f176;
 padding:4px 0 4px 12px;letter-spacing:.005em
}
body[data-page="home"] .platform-search{
 width:100%;max-width:1240px;margin:0;position:relative;z-index:3;
 background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.92);
 border-radius:22px;padding:15px 18px 13px;
 box-shadow:0 27px 70px #0807157a,0 3px 8px #0002;backdrop-filter:blur(12px)
}
body[data-page="home"] .platform-search-header{
 display:flex;align-items:center;justify-content:space-between;
 gap:16px;margin:1px 2px 10px
}
body[data-page="home"] .platform-search .search-eyebrow{
 color:#77708f;font-size:10px;font-weight:900;letter-spacing:.12em
}
body[data-page="home"] .platform-search .search-support{color:#8c899e;max-width:none;font-size:10px}
body[data-page="home"] .platform-types{
 display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;
 padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #ebeaf0;
 overflow:visible
}
body[data-page="home"] .experience-option{
 min-width:0;display:flex;flex-direction:column;gap:5px;align-items:center;
 justify-content:center;text-align:center;padding:8px 6px;min-height:74px;
 background:transparent;border:1px solid transparent;color:#4a4965;
 border-radius:12px;font-size:10px;line-height:1.25;font-weight:850;
 box-shadow:none;transition:background .15s,color .15s,transform .15s
}
body[data-page="home"] .experience-option svg{width:24px;height:24px;flex:none}
body[data-page="home"] .experience-option span{max-width:120px}
body[data-page="home"] .experience-option.selected{
 background:linear-gradient(145deg,#7353fa,#4f35e5);color:#fff;
 border-color:#6149ef;box-shadow:0 7px 20px #6042ea32
}
body[data-page="home"] .experience-option:hover:not(.selected){background:#eeebff;border-color:#e5ddff;color:#5038c1;transform:translateY(-1px)}
body[data-page="home"] .market-search{
 display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1.22fr) minmax(0,1fr) minmax(0,.75fr) minmax(0,1.55fr);
 gap:8px;margin:0;padding:0;border:0;box-shadow:none;background:none;
 align-items:stretch;position:relative;bottom:auto!important;min-width:0
}
body[data-page="home"] .market-search .search-field{
 min-width:0;min-height:61px;display:flex;gap:5px;flex-direction:column;justify-content:center;
 padding:8px 11px;background:#fbfbfe;border:1px solid #e4e5ef!important;border-radius:11px;
}
body[data-page="home"] .market-search .search-field:focus-within{
 border-color:#8c77eb!important;background:#fff;box-shadow:0 0 0 3px #eeebff
}
body[data-page="home"] .market-search .search-field>span{font-size:10px;line-height:1.2;color:#79768f;font-weight:800;letter-spacing:0}
body[data-page="home"] .market-search .search-field input,
body[data-page="home"] .market-search .search-field select{
 background:transparent;min-width:0;width:100%;border:0!important;padding:0!important;
 font-weight:800;font-size:12px;color:#282641;outline:none!important;min-height:25px;box-shadow:none
}
body[data-page="home"] .market-search .search-field input:focus,
body[data-page="home"] .market-search .search-field select:focus{outline:none!important;box-shadow:none}
body[data-page="home"] .market-search .search-go{
 display:flex;align-items:center;justify-content:center;gap:11px;
 min-height:61px;width:100%;grid-column:auto;border-radius:11px;
 padding:10px 12px;font-size:13px;font-weight:900;line-height:1.3;white-space:normal;
 text-align:center;color:#fff;background:linear-gradient(115deg,#7450ff,#563be5);
 box-shadow:0 8px 24px #6042ea30;transition:transform .16s,box-shadow .16s
}
body[data-page="home"] .market-search .search-go:hover{background:linear-gradient(115deg,#6243f4,#442ad4);transform:translateY(-1px);box-shadow:0 11px 28px #6042ea45}
body[data-page="home"] .search-truth{
 margin:10px 2px 0;line-height:1.6;font-size:10px;color:#868398;
}
body[data-page="home"] .editorial-benefits{
 background:linear-gradient(110deg,#fbfaff 0%,#f8f6ff 45%,#fbfaff 100%);
 border-bottom:1px solid #eae7f2;
}
body[data-page="home"] .editorial-benefits-inner{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
 padding-top:23px;padding-bottom:23px
}
body[data-page="home"] .editorial-benefit{
 display:flex;align-items:center;gap:14px;padding:0 27px;min-width:0;
 border-right:1px solid #e2def0
}
body[data-page="home"] .editorial-benefit:first-child{padding-left:0}
body[data-page="home"] .editorial-benefit:last-child{border:0;padding-right:0}
body[data-page="home"] .benefit-icon{
 color:#6847f6;background:#eee9ff;flex:none;
 width:44px;height:44px;border-radius:15px;
 display:grid;place-items:center;font-size:25px;line-height:1
}
body[data-page="home"] .editorial-benefit strong{display:block;font-size:12px;color:#353048;letter-spacing:-.012em}
body[data-page="home"] .editorial-benefit p{font-size:11px;line-height:1.55;color:#7d798d;margin:3px 0 0}
body[data-page="home"] .restaurant-section{padding-top:76px}
body[data-page="home"] .restaurant-card{box-shadow:0 18px 40px #15132211}
body[data-page="home"] .restaurant-card:hover{box-shadow:0 24px 50px #15132219}
@media(max-width:1150px){
 body[data-page="home"] .market-wrap{width:min(100% - 60px,1320px)}
 body[data-page="home"] .market-hero{padding-top:53px;padding-bottom:54px}
 body[data-page="home"] .market-hero .platform-intro h1{font-size:clamp(45px,5.6vw,63px);max-width:690px}
 body[data-page="home"] .market-search{grid-template-columns:minmax(0,1.65fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr)}
 body[data-page="home"] .market-search .search-go{grid-column:1/-1;min-height:50px}
 body[data-page="home"] .platform-types{grid-template-columns:repeat(7,minmax(0,1fr))}
 body[data-page="home"] .market-hero>.platform-photo img{object-position:63% 50%}
}
@media(max-width:750px){
 body[data-page="home"] .market-wrap{width:calc(100% - 32px)}
 body[data-page="home"] .head-content{min-height:70px}
 body[data-page="home"] .market-brand{font-size:23px;gap:7px}
 body[data-page="home"] .market-brand .ta-symbol{width:35px;height:35px}
 body[data-page="home"] .market-hero{padding-top:40px;padding-bottom:28px;min-height:0}
 body[data-page="home"] .market-hero:before{
   background:linear-gradient(90deg,rgba(16,12,22,.96),rgba(16,12,22,.78)),linear-gradient(0deg,#14101b55,transparent)
 }
 body[data-page="home"] .market-hero>.platform-photo img{object-position:55% 50%;filter:brightness(.72) contrast(1.06)}
 body[data-page="home"] .market-hero .platform-layout{margin-bottom:26px}
 body[data-page="home"] .market-hero .platform-intro{text-align:left}
 body[data-page="home"] .market-hero .platform-intro-copy{text-align:left;max-width:650px}
 body[data-page="home"] .market-hero .platform-kicker{font-size:9px}
 body[data-page="home"] .market-hero .platform-intro h1{font-size:clamp(39px,8.3vw,55px);margin:13px 0}
 body[data-page="home"] .market-hero .platform-intro p{font-size:13px;line-height:1.6}
 body[data-page="home"] .night-cue{margin-top:13px}
 body[data-page="home"] .platform-search{padding:12px;border-radius:17px}
 body[data-page="home"] .platform-search-header{margin:2px 1px 9px}
 body[data-page="home"] .platform-search .search-support{display:none}
 body[data-page="home"] .platform-types{
   display:flex;overflow-x:auto;scrollbar-width:thin;gap:5px;
   padding:0 0 10px;margin:0 0 10px
 }
 body[data-page="home"] .experience-option{flex:0 0 91px;min-height:68px;font-size:10px}
 body[data-page="home"] .experience-option svg{width:22px;height:22px}
 body[data-page="home"] .market-search{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body[data-page="home"] .market-search .search-keyword{grid-column:1/-1}
 body[data-page="home"] .market-search .search-date{grid-column:1/-1}
 body[data-page="home"] .market-search .search-field{min-height:54px;padding:8px 10px}
 body[data-page="home"] .market-search .search-go{grid-column:1/-1;min-height:52px;font-size:14px}
 body[data-page="home"] .search-truth{font-size:9.5px}
 body[data-page="home"] .editorial-benefits-inner{grid-template-columns:1fr;gap:11px;padding-top:18px;padding-bottom:18px}
 body[data-page="home"] .editorial-benefit{padding:0;gap:12px;border:none}
 body[data-page="home"] .benefit-icon{width:39px;height:39px;border-radius:12px;font-size:22px}
 body[data-page="home"] .editorial-benefit p{font-size:10px}
 body[data-page="home"] .restaurant-section{padding-top:47px}
}
@media(max-width:410px){
 body[data-page="home"] .market-wrap{width:calc(100% - 26px)}
 body[data-page="home"] .market-hero .platform-intro h1{font-size:36px}
 body[data-page="home"] .platform-search .search-eyebrow{font-size:9px}
 body[data-page="home"] .market-search .search-field input,body[data-page="home"] .market-search .search-field select{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"] .experience-option,body[data-page="home"] .market-search .search-go{transition:none}
}