@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/poppins-400.woff2') format('woff2')}
    @font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/poppins-500.woff2') format('woff2')}
    @font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-600.woff2') format('woff2')}
    @font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-700.woff2') format('woff2')}
    @font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/poppins-800.woff2') format('woff2')}
    :root{--bg:#09090a;--panel:#131315;--text:#f6f3ef;--muted:rgba(246,243,239,.62);--line:rgba(255,255,255,.1);--green:#5be79b;--lime:#bdfc6b;--violet:#8c74ff;--gold:#ffc95a;--ease:cubic-bezier(.16,1,.3,1)}
    *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;background:var(--bg);color:var(--text);font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:min(1480px,calc(100% - 64px));margin:auto}
    .topbar{position:fixed;inset:0 0 auto;z-index:50;height:78px;background:linear-gradient(180deg,rgba(9,9,10,.98),rgba(9,9,10,.78),transparent);transition:background .3s ease,backdrop-filter .3s ease}.topbar.scrolled{background:rgba(9,9,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.topbar .shell{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;letter-spacing:-.04em;white-space:nowrap}.brand img{width:34px;height:34px}.brand span span{color:var(--green)}.back{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:rgba(255,255,255,.76);transition:color .2s}.back:hover{color:var(--green)}.back svg{width:17px;height:17px}.top-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--green);color:#052113;font-size:11px;font-weight:800;transition:transform .25s}.top-cta:hover{transform:translateY(-2px)}
    .brand{gap:10px}
    .brand .brand-mark{width:auto;height:42px;flex:0 0 auto}
    .brand .brand-wordmark{width:auto;height:22px;flex:0 0 auto}
    .hero{position:relative;min-height:680px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-3;background:url('../images/templates/restaurante-showcase.webp') center 45%/cover no-repeat;transform:scale(1.035);animation:heroIn 1.5s var(--ease) both;transition:opacity .55s ease,transform .8s var(--ease)}.hero-bg.is-changing{opacity:0;transform:scale(1.075)}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#09090a 0%,rgba(9,9,10,.9) 35%,rgba(9,9,10,.32) 72%,rgba(9,9,10,.62) 100%)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#09090a 0%,transparent 42%),radial-gradient(circle at 68% 35%,rgba(91,231,155,.12),transparent 27%)}@keyframes heroIn{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.035)}}.hero-content{max-width:700px;padding:170px 0 94px}.hero-copy{transition:opacity .35s ease,transform .45s var(--ease)}.hero-copy.is-changing{opacity:0;transform:translateY(14px)}.eyebrow{display:inline-flex;padding:7px 13px;border:1px solid rgba(255,201,90,.45);border-radius:999px;background:rgba(255,201,90,.14);color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:23px}.hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;letter-spacing:-.065em;max-width:760px}.gradient{background:linear-gradient(110deg,var(--green),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:570px;margin-top:22px;color:rgba(255,255,255,.73);font-size:clamp(16px,1.5vw,19px);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary,.secondary{min-height:48px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.primary{background:var(--green);color:#052113}.secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.hero-toggle{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(9,9,10,.45);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px)}.hero-toggle svg{width:17px;height:17px;fill:currentColor}.hero-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.1)}.hero-progress span{display:block;width:100%;height:100%;background:var(--green);transform-origin:left;animation:heroProgress 10s linear infinite}.hero.is-paused .hero-progress span{animation-play-state:paused}@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.catalog-meta{display:flex;align-items:center;gap:24px;margin-top:32px;font-size:11px;font-weight:600;color:var(--muted)}.catalog-meta span{display:flex;align-items:center;gap:8px}.catalog-meta i{display:block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(91,231,155,.1)}
    .catalog{position:relative;z-index:2;padding:0 0 110px}.controls{position:sticky;top:78px;z-index:40;padding:15px 0;background:linear-gradient(180deg,rgba(9,9,10,.97) 78%,transparent);backdrop-filter:blur(14px)}.controls-inner{display:flex;align-items:center;gap:12px}.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);padding:10px 16px;font-size:11px;font-weight:600;cursor:pointer;transition:.25s ease}.filter:hover{border-color:rgba(91,231,155,.4)}.filter.active{background:var(--green);border-color:var(--green);color:#052113}.search{position:relative;margin-left:auto;flex:0 1 290px}.search input{width:100%;height:40px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;padding:0 42px 0 16px;outline:0;font-size:11px}.search input:focus{border-color:rgba(91,231,155,.55);box-shadow:0 0 0 4px rgba(91,231,155,.07)}.search input::placeholder{color:rgba(255,255,255,.43)}.search svg{position:absolute;right:15px;top:11px;width:17px;height:17px;color:var(--muted);pointer-events:none}
    .rows{padding-top:26px}.rail{margin-top:52px;transition:opacity .3s}.rail:first-child{margin-top:10px}.rail.hidden{display:none}.rail-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.rail-title{display:flex;align-items:baseline;gap:12px}.rail-title h2{font-size:clamp(22px,2vw,30px);letter-spacing:-.04em}.rail-title span{font-size:10px;color:var(--muted);font-weight:600}.rail-link{border:0;background:none;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.rail-link:hover{color:var(--green)}.track-wrap{position:relative}.track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,320px);gap:18px;overflow-x:auto;padding:8px 3px 28px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.track::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 24px 60px rgba(0,0,0,.24);transition:transform .45s var(--ease),border-color .35s,box-shadow .45s var(--ease)}.card:hover,.card:focus-within{z-index:3;transform:translateY(-8px) scale(1.018);border-color:rgba(91,231,155,.46);box-shadow:0 34px 80px rgba(0,0,0,.5)}.media{position:relative;aspect-ratio:4/5;overflow:hidden}.media>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.card:hover .media>img,.card:focus-within .media>img{transform:scale(1.06);filter:saturate(1.08)}.scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,.34),transparent 32%,rgba(9,9,10,.12) 48%,rgba(9,9,10,.97) 100%)}.badge{position:absolute;top:14px;left:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(9,9,10,.74);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}.badge img{width:18px;height:18px}.style-pill{position:absolute;top:15px;right:14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(9,9,10,.64);padding:6px 10px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}.card-copy{position:absolute;inset:auto 17px 16px;transition:transform .4s var(--ease)}.card-copy small{display:block;color:var(--card-accent,var(--green));font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.card-copy h3{font-size:23px;letter-spacing:-.04em}.card-copy p{margin-top:7px;color:rgba(255,255,255,.58);font-size:10px;line-height:1.55;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s}.card:hover .card-copy,.card:focus-within .card-copy{transform:translateY(-58px)}.card:hover .card-copy p,.card:focus-within .card-copy p{max-height:48px;opacity:1}.card-actions{position:absolute;z-index:5;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .4s var(--ease)}.card:hover .card-actions,.card:focus-within .card-actions{opacity:1;transform:translateY(0);pointer-events:auto}.card-action{min-height:39px;padding:0 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:800}.card-action.preview{border:1px solid rgba(255,255,255,.28);background:rgba(9,9,10,.78);backdrop-filter:blur(10px)}.card-action.choose{background:var(--card-accent,var(--green));color:#061c12}.card-action:focus-visible{outline:3px solid #fff;outline-offset:2px}.card-footer{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;font-weight:700}.card-footer span:first-child{color:var(--muted)}.view{display:flex;align-items:center;gap:7px}.view svg{width:15px;height:15px;transition:transform .3s}.card:hover .view{color:var(--green)}.card:hover .view svg{transform:translateX(3px)}.arrow{position:absolute;z-index:4;top:calc(50% - 34px);width:46px;height:46px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(9,9,10,.82);backdrop-filter:blur(12px);display:grid;place-items:center;cursor:pointer;opacity:0;transition:.25s}.track-wrap:hover .arrow{opacity:1}.arrow:hover{background:var(--green);color:#052113}.arrow.prev{left:-20px}.arrow.next{right:-20px}.arrow svg{width:18px;height:18px}.empty{display:none;text-align:center;padding:100px 20px;color:var(--muted)}.empty.show{display:block}.empty strong{display:block;color:#fff;font-size:24px;margin-bottom:8px}
    .closing{margin-top:84px;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,60px);background:radial-gradient(circle at 85% 20%,rgba(91,231,155,.16),transparent 28%),linear-gradient(135deg,#151517,#0d0d0f);display:flex;align-items:center;justify-content:space-between;gap:32px}.closing h2{max-width:650px;font-size:clamp(28px,4vw,50px);line-height:1.07;letter-spacing:-.055em}.closing p{margin-top:13px;color:var(--muted);font-size:13px}.closing .primary{flex:0 0 auto}
    /* Estado selecionado segue o degradê primário do design system Billions. */
    .catalog{padding-top:30px}
    .filter.active{background:linear-gradient(110deg,var(--green),var(--lime));border-color:transparent;color:#052113}
    .hero-progress span{background:linear-gradient(90deg,var(--green),var(--lime))}
    /* Expansão suave inspirada na navegação por cards da Netflix. */
    .track{padding:34px 26px 52px;margin:-26px -23px -24px}
    .card{z-index:1;transform-origin:center center;transition:transform .48s var(--ease),border-color .35s ease,box-shadow .48s var(--ease)}
    .card:hover,.card:focus-within{z-index:8;transform:translateY(-7px) scale(1.075);border-color:rgba(91,231,155,.5);box-shadow:0 38px 90px rgba(0,0,0,.62)}
    /* Hero alinhado à mesma malha horizontal das fileiras do catálogo. */
    .hero{min-height:clamp(620px,78svh,820px)}
    .hero-content{width:min(1480px,calc(100% - 64px));max-width:none;margin-inline:auto;padding:clamp(138px,17vh,176px) 0 clamp(72px,9vh,96px)}
    .hero-content>.eyebrow,.hero-content>h1,.hero-content>p,.hero-content>.hero-actions,.hero-content>.catalog-meta{max-width:680px}
    .hero h1{max-width:730px;font-size:clamp(44px,4.25vw,56px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
    .hero p{max-width:600px;margin-top:18px;font-size:clamp(15px,1.1vw,18px);line-height:1.58}
    .hero-actions{align-items:center;gap:10px;margin-top:26px}
    .hero-actions .primary,.hero-actions .secondary{flex:0 0 auto;min-width:max-content;height:48px;min-height:48px;padding:0 21px;gap:9px;border-radius:999px;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}
    .hero-actions .primary svg,.hero-actions .secondary svg{width:16px;height:16px;flex:0 0 16px}
    .hero-toggle{flex:0 0 48px;width:48px;height:48px}
    .catalog-meta{gap:22px;margin-top:26px}
    .card-action{min-width:0;white-space:nowrap;line-height:1.1}
    /* Botões oficiais do design system Billions, iguais aos da landing principal. */
    .hero-actions .primary,.closing .primary{min-height:64px;height:64px;padding:0 12px 0 28px;gap:8px;border-radius:999px;background:linear-gradient(135deg,#5be79b,#bdfc6b);color:#052113;font-size:15px;font-weight:600;box-shadow:0 0 0 0 rgba(91,231,155,.5);transition:transform .25s ease,box-shadow .25s ease}
    .hero-actions .primary:hover,.closing .primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(91,231,155,.55)}
    .hero-actions .primary .btn-icon-play,.closing .primary .btn-icon-play{display:block;width:32px;height:32px;flex:0 0 32px}
    .hero-actions .primary{background:#fff;color:#0b0b0c;box-shadow:0 12px 30px -14px rgba(0,0,0,.55)}
    .hero-actions .primary:hover{background:#f5f5f5;box-shadow:0 16px 34px -14px rgba(0,0,0,.68)}
    .hero-actions .secondary{min-height:64px;height:64px;padding:0 28px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(11,11,12,.08);color:rgba(245,241,237,.72);font-size:15px;font-weight:500;backdrop-filter:blur(10px);transition:background .25s ease,border-color .25s ease,color .25s ease}
    .hero-actions .secondary:hover{color:#f5f1ed;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.055)}
    .hero-toggle{width:48px;height:48px;align-self:center;border-color:rgba(255,255,255,.15);background:rgba(11,11,12,.16);transition:background .25s ease,border-color .25s ease,transform .25s ease}
    .hero-toggle:hover{background:rgba(255,255,255,.07);border-color:rgba(91,231,155,.38);transform:translateY(-1px)}
    .top-cta{min-height:42px;padding:0 18px;gap:9px;color:rgba(245,241,237,.78);background:rgba(11,11,12,.16);border:1px solid rgba(255,255,255,.15);font-size:13px;font-weight:500;backdrop-filter:blur(10px);box-shadow:none}
    .top-cta::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(91,231,155,.1)}
    .top-cta:hover{color:#f5f1ed;background:rgba(255,255,255,.07);border-color:rgba(91,231,155,.38);transform:translateY(-1px)}
    .card-action{min-height:42px;padding:0 13px;border-radius:999px;font-size:10px;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease}
    .card-action.preview{color:rgba(245,241,237,.84);border-color:rgba(255,255,255,.16);background:rgba(11,11,12,.72)}
    .card-action.preview:hover{color:#f5f1ed;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
    .card-action.choose{background:linear-gradient(135deg,#5be79b,#bdfc6b);color:#052113}
    .card-action.choose:hover{transform:translateY(-1px)}
    @media(max-width:800px){.shell{width:min(100% - 30px,1480px)}.topbar{height:66px}.topbar .shell{gap:14px}.back span{display:none}.top-cta{padding:0 14px}.hero{min-height:620px}.hero-content{padding:140px 0 76px}.hero::before{background:linear-gradient(90deg,rgba(9,9,10,.96),rgba(9,9,10,.5)),linear-gradient(0deg,#09090a,transparent 55%)}.controls{top:66px}.controls-inner{display:block}.search{margin:11px 0 0;max-width:none}.track{grid-auto-columns:78vw}.arrow{display:none}.closing{display:block}.closing .primary{margin-top:24px}.catalog-meta{gap:14px;flex-wrap:wrap}.rail{margin-top:40px}}
    @media(max-width:800px){.hero-content{width:min(100% - 30px,1480px);max-width:none}.hero h1{font-size:clamp(44px,4.25vw,56px);max-width:620px}.hero p{max-width:560px}.hero-actions .primary{font-size:14px;padding-left:24px}.hero-actions .secondary{font-size:14px;padding-inline:22px}}
    @media(max-width:520px){.hero{min-height:680px}.hero-content{padding:126px 0 68px}.hero h1{font-size:clamp(36px,10.25vw,40px);line-height:1.04}.hero p{font-size:14px}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;width:100%;max-width:520px}.hero-actions .primary{grid-column:1/-1}.hero-actions .secondary{grid-column:1;min-width:0;width:100%}.hero-actions .hero-toggle{grid-column:2}.catalog-meta{font-size:9px;gap:12px 18px}.track{grid-auto-columns:82vw;padding-inline:22px;margin-inline:-19px}.card-action{font-size:8px;padding-inline:7px}}
    @media(hover:none){.card-copy{transform:translateY(-58px)}.card-copy p{max-height:48px;opacity:1}.card-actions{opacity:1;transform:none;pointer-events:auto}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg{animation:none;transition:none}.hero-copy{transition:none}.hero-progress{display:none}.card,.media>img{transition:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}