*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.landing-body{--landing-display: "Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;--landing-body: "IBM Plex Sans", system-ui, sans-serif;--landing-radius: 8px;--landing-ink: var(--barbershop-on-accent);position:relative;margin:0;min-height:100vh;min-height:100dvh;font-family:var(--landing-body);background:var(--barbershop-bg);color:var(--barbershop-text);overflow-x:clip}.landing-body :focus-visible{outline:2px solid var(--barbershop-accent);outline-offset:3px}.landing-body :focus:not(:focus-visible){outline:none}#planos,#faq{scroll-margin-top:24px}.landing-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(-12deg,transparent,transparent 46px,color-mix(in srgb,var(--barbershop-border) 28%,transparent) 46px,color-mix(in srgb,var(--barbershop-border) 28%,transparent) 47px),linear-gradient(180deg,var(--barbershop-primary) 0%,var(--barbershop-bg) 42%,var(--barbershop-bg) 100%);opacity:.55;-webkit-mask-image:linear-gradient(180deg,black 0%,black 48%,transparent 88%);mask-image:linear-gradient(180deg,black 0%,black 48%,transparent 88%)}.landing-atmosphere:after{content:"";position:absolute;top:0;left:0;width:6px;height:min(70vh,640px);background:var(--barbershop-accent)}.landing-header,.landing-main,.landing-footer{position:relative;z-index:1;width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:16px;border-bottom:1px solid var(--barbershop-border);min-width:0}.landing-header__logo{font-family:var(--landing-display);font-size:1.125rem;font-weight:800;letter-spacing:-.03em;color:var(--barbershop-text);text-decoration:none;text-transform:uppercase;flex-shrink:0;min-width:0}.landing-header__logo span{color:var(--barbershop-accent)}.landing-header__nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-shrink:1}.landing-header__link{color:var(--barbershop-text-muted);text-decoration:none;font-weight:600;font-size:.9375rem;min-height:48px;display:inline-flex;align-items:center;padding-inline:8px}.landing-header__link:hover{color:var(--barbershop-text)}.landing-main{padding-block:8px 48px}.landing-hero{display:grid;gap:32px;padding:28px 0 48px;align-items:start;min-width:0}.landing-hero__copy{min-width:0;max-width:100%;animation:landing-rise .6s cubic-bezier(.22,1,.36,1) both}.landing-hero__brand{margin:0 0 16px;display:flex;flex-direction:column;gap:0;line-height:.9;max-width:100%;overflow:hidden}.landing-hero__brand-line{font-family:var(--landing-display);font-size:clamp(2.75rem,12vw,4.5rem);font-weight:800;letter-spacing:-.055em;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere}.landing-hero__brand-line--accent{color:var(--barbershop-accent);padding-left:.04em}.landing-hero__title{margin:0 0 16px;font-family:var(--landing-display);font-size:clamp(1.25rem,3.6vw,1.75rem);font-weight:700;line-height:1.25;letter-spacing:-.03em;max-width:22ch;overflow-wrap:break-word}.landing-hero__text{margin:0 0 24px;color:var(--barbershop-text-muted);font-size:.9375rem;line-height:1.55;max-width:38ch;overflow-wrap:break-word}.landing-hero__actions{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;animation:landing-rise .6s cubic-bezier(.22,1,.36,1) .08s both}.landing-hero__trust{margin:14px 0 0;color:var(--barbershop-text-muted);font-size:.8125rem;font-weight:500;letter-spacing:.01em}.landing-hero__anchor{color:var(--barbershop-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}.landing-hero__anchor:hover{color:var(--barbershop-status-em-atendimento-text)}.landing-hero__visual{min-width:0;max-width:100%;display:flex;justify-content:center;padding:8px 12px 20px 4px;overflow:hidden;animation:landing-slide .7s cubic-bezier(.22,1,.36,1) .12s both}.landing-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:var(--landing-radius);font-family:var(--landing-body);font-weight:700;font-size:.9375rem;text-decoration:none;border:2px solid var(--barbershop-border);max-width:100%;transition:transform .1s cubic-bezier(.175,.885,.32,1.275),background-color .15s ease,box-shadow .1s ease,border-color .15s ease,color .15s ease}.landing-btn--compact{padding-inline:14px;font-size:.875rem}.landing-btn--primary{background:var(--barbershop-accent);color:var(--landing-ink);border-color:var(--barbershop-accent);box-shadow:4px 4px 0 var(--barbershop-border)}.landing-btn--primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--barbershop-border)}.landing-btn--primary:active{transform:scale(.97) translate(2px,2px);box-shadow:2px 2px 0 var(--barbershop-border)}.landing-btn--ghost{background:transparent;border-color:var(--barbershop-border);color:var(--barbershop-text);box-shadow:4px 4px color-mix(in srgb,var(--barbershop-border) 55%,transparent)}.landing-btn--ghost:hover{border-color:var(--barbershop-text-muted);transform:translate(-2px,-2px);box-shadow:6px 6px color-mix(in srgb,var(--barbershop-border) 55%,transparent)}.landing-btn--ghost:active{transform:scale(.97) translate(2px,2px);box-shadow:2px 2px color-mix(in srgb,var(--barbershop-border) 55%,transparent)}.landing-btn--ink{background:var(--barbershop-bg);color:var(--barbershop-accent);border-color:var(--barbershop-bg);box-shadow:4px 4px color-mix(in srgb,var(--barbershop-neutral-dark) 45%,transparent)}.landing-btn--ink:hover{transform:translate(-2px,-2px);box-shadow:6px 6px color-mix(in srgb,var(--barbershop-neutral-dark) 45%,transparent)}.landing-btn--ink:active{transform:scale(.97) translate(2px,2px);box-shadow:2px 2px color-mix(in srgb,var(--barbershop-neutral-dark) 45%,transparent)}.landing-phone{width:min(100%,280px);max-width:100%;transform:rotate(1.5deg)}.landing-phone__bezel{background:var(--barbershop-bg-input);border:2px solid var(--barbershop-border);border-radius:28px;padding:12px 10px 16px;box-shadow:8px 10px color-mix(in srgb,var(--barbershop-border) 40%,transparent)}.landing-phone__notch{width:96px;height:8px;margin:0 auto 14px;border-radius:999px;background:var(--barbershop-border)}.landing-phone__screen{background:var(--barbershop-bg-card);border:1px solid var(--barbershop-border);border-radius:18px;padding:16px 12px}.landing-mock__day{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid var(--barbershop-accent)}.landing-mock__day-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--barbershop-accent)}.landing-mock__day-date{font-family:var(--landing-display);font-size:1.375rem;font-weight:800;letter-spacing:-.03em}.landing-mock__slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.landing-mock__slot{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:start;min-width:0;padding:12px 0;border-bottom:1px solid var(--barbershop-border)}.landing-mock__slot:last-child{border-bottom:0;padding-bottom:4px}.landing-mock__slot--active{margin-inline:-8px;padding-inline:8px;background:var(--barbershop-accent);color:var(--landing-ink);border-bottom-color:transparent}.landing-mock__slot--active .landing-mock__time,.landing-mock__slot--active .landing-mock__info span{color:var(--landing-ink);opacity:.8}.landing-mock__slot--done{opacity:.55}.landing-mock__slot--open .landing-mock__info strong{color:var(--barbershop-accent)}.landing-mock__time{font-size:.8125rem;font-weight:700;color:var(--barbershop-text-muted);font-variant-numeric:tabular-nums;padding-top:2px}.landing-mock__info{display:flex;flex-direction:column;gap:2px;min-width:0}.landing-mock__info strong{font-size:.875rem;font-weight:700;overflow-wrap:anywhere}.landing-mock__info span{font-size:.75rem;color:var(--barbershop-text-muted);overflow-wrap:anywhere}.landing-section{padding:56px 0;border-top:1px solid var(--barbershop-border)}.landing-section__intro{margin-bottom:32px;max-width:28rem;min-width:0}.landing-section__kicker{margin:0 0 12px;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--barbershop-accent)}.landing-section__title{margin:0 0 12px;font-family:var(--landing-display);font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:.95;text-transform:uppercase;overflow-wrap:break-word}.landing-section__title-accent{color:var(--barbershop-accent)}.landing-section__subtitle{margin:0;font-size:.9375rem;color:var(--barbershop-text-muted);line-height:1.5}.landing-track{list-style:none;margin:0;padding:0;display:grid;gap:16px;position:relative}.landing-track__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:stretch;min-width:0}.landing-track__mark{font-family:var(--landing-display);font-size:clamp(2.5rem,10vw,3.5rem);font-weight:800;letter-spacing:-.06em;line-height:.85;color:var(--barbershop-accent);padding-top:8px;min-width:2.4ch}.landing-track__card{padding:20px;border:2px solid var(--barbershop-border);border-left:6px solid var(--barbershop-accent);background:var(--barbershop-bg-card);border-radius:0 var(--landing-radius) var(--landing-radius) 0;min-width:0;box-shadow:4px 4px color-mix(in srgb,var(--barbershop-border) 45%,transparent)}.landing-track__card--accent{background:var(--barbershop-accent);border-color:var(--barbershop-accent);color:var(--landing-ink);box-shadow:4px 4px 0 var(--barbershop-border)}.landing-track__card--accent .landing-track__text{color:color-mix(in srgb,var(--landing-ink) 78%,transparent)}.landing-track__title{margin:0 0 8px;font-family:var(--landing-display);font-size:1.375rem;font-weight:800;letter-spacing:-.03em;text-transform:uppercase}.landing-track__text{margin:0;color:var(--barbershop-text-muted);font-size:.9375rem;line-height:1.5}.landing-board{display:grid;gap:0;border:2px solid var(--barbershop-border);background:var(--barbershop-bg-card);box-shadow:6px 6px color-mix(in srgb,var(--barbershop-border) 40%,transparent)}.landing-board__row{display:grid;gap:12px;padding:24px 20px;border-bottom:1px solid var(--barbershop-border);min-width:0}.landing-board__row:last-child{border-bottom:0}.landing-board__row:nth-child(2n){background:var(--barbershop-bg-input)}.landing-board__stamp{display:inline-flex;align-self:flex-start;padding:6px 10px;font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--landing-ink);background:var(--barbershop-accent);border-radius:4px}.landing-board__content{min-width:0;display:grid;gap:8px}.landing-board__title{margin:0;font-family:var(--landing-display);font-size:clamp(1.375rem,3.2vw,1.875rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;text-transform:uppercase}.landing-board__text{margin:0;color:var(--barbershop-text-muted);font-size:.9375rem;line-height:1.55;max-width:52ch}.landing-menu{list-style:none;margin:0;padding:0;display:grid;gap:12px}.landing-menu__item{position:relative;display:grid;gap:12px;padding:24px 20px;border:2px solid var(--barbershop-border);background:var(--barbershop-bg-card);min-width:0;box-shadow:4px 4px color-mix(in srgb,var(--barbershop-border) 40%,transparent);transition:transform .15s ease}.landing-menu__item:hover{transform:translate(-2px,-2px)}.landing-menu__item--hot{background:var(--barbershop-accent);border-color:var(--barbershop-accent);color:var(--landing-ink);box-shadow:6px 6px 0 var(--barbershop-border)}.landing-menu__item--hot .landing-menu__meta,.landing-menu__item--hot .landing-menu__features li{color:color-mix(in srgb,var(--landing-ink) 78%,transparent)}.landing-menu__item--hot .landing-menu__features li:before{background:var(--landing-ink)}.landing-menu__tag{justify-self:start;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--barbershop-accent);background:var(--barbershop-bg);padding:4px 8px}.landing-menu__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px dashed color-mix(in srgb,var(--barbershop-border) 80%,transparent)}.landing-menu__item--hot .landing-menu__head{border-bottom-color:color-mix(in srgb,var(--landing-ink) 28%,transparent)}.landing-menu__name{font-family:var(--landing-display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.landing-menu__price{font-family:var(--landing-display);font-size:clamp(2rem,5vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1}.landing-menu__price span{font-size:.9rem;font-weight:700;letter-spacing:0;margin-left:4px}.landing-menu__meta{margin:0;font-size:.8125rem;color:var(--barbershop-text-muted);line-height:1.45}.landing-menu__features{list-style:none;margin:0;padding:0;display:grid;gap:8px}.landing-menu__features li{position:relative;padding-left:16px;font-size:.875rem;color:var(--barbershop-text-muted);line-height:1.4}.landing-menu__features li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:2px;background:var(--barbershop-accent)}.landing-menu__cta{width:100%;margin-top:4px}.landing-plans__more{margin:24px 0 0;text-align:center;font-size:.9375rem;font-weight:500;color:var(--barbershop-text-muted);line-height:1.5}.landing-faq__list{display:grid;gap:0;border:2px solid var(--barbershop-border);background:var(--barbershop-bg-card);box-shadow:6px 6px color-mix(in srgb,var(--barbershop-border) 40%,transparent)}.landing-faq__item{border-bottom:1px solid var(--barbershop-border);min-width:0}.landing-faq__item:last-child{border-bottom:0}.landing-faq__question{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:18px 20px;font-family:var(--landing-display);font-size:1.0625rem;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;cursor:pointer;list-style:none}.landing-faq__question::-webkit-details-marker{display:none}.landing-faq__question:after{content:"+";flex-shrink:0;font-family:var(--landing-display);font-size:1.5rem;font-weight:800;line-height:1;color:var(--barbershop-accent);transition:transform .15s ease}.landing-faq__item[open] .landing-faq__question:after{transform:rotate(45deg)}.landing-faq__question:hover{color:var(--barbershop-accent)}.landing-faq__answer{margin:0;padding:0 20px 20px;color:var(--barbershop-text-muted);font-size:.9375rem;line-height:1.55;max-width:none}.landing-faq .landing-section__intro{max-width:none}.landing-final-cta{margin:24px 0 8px;padding:32px 20px;display:grid;gap:20px;align-items:end;background:var(--barbershop-accent);color:var(--landing-ink);border:2px solid var(--barbershop-accent);box-shadow:6px 6px 0 var(--barbershop-border);max-width:100%;min-width:0}.landing-final-cta__copy{min-width:0}.landing-final-cta__kicker{margin:0 0 10px;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.landing-final-cta__title{margin:0;font-family:var(--landing-display);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;letter-spacing:-.04em;line-height:.95;text-transform:uppercase;overflow-wrap:break-word}.landing-final-cta__btn{justify-self:start}.landing-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:28px 40px;color:var(--barbershop-text-muted);font-size:.875rem;border-top:1px solid var(--barbershop-border)}.landing-footer p{margin:0}.landing-footer__brand{font-family:var(--landing-display);font-weight:800;letter-spacing:-.02em;color:var(--barbershop-text);text-transform:uppercase}.landing-footer a{color:var(--barbershop-accent);text-decoration:none;font-weight:700;min-height:48px;display:inline-flex;align-items:center}.landing-footer a:hover{color:var(--barbershop-text)}@keyframes landing-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-slide{0%{opacity:0;transform:translate(16px) rotate(1.5deg)}to{opacity:1;transform:translate(0) rotate(1.5deg)}}@media(prefers-reduced-motion:reduce){.landing-hero__copy,.landing-hero__actions,.landing-hero__visual{animation:none}.landing-menu__item:hover,.landing-menu__item--hot,.landing-menu__item--hot:hover,.landing-btn--primary:hover,.landing-btn--ghost:hover,.landing-btn--ink:hover,.landing-faq__question:after,.landing-faq__item[open] .landing-faq__question:after{transform:none}}@media(max-width:479px){.landing-header .landing-btn--compact{display:none}.landing-atmosphere:after{width:4px}.landing-track__item{grid-template-columns:minmax(0,1fr);gap:8px}.landing-track__mark{min-width:0;font-size:2.25rem}.landing-hero__brand-line{font-size:clamp(2.5rem,18vw,3.25rem)}.landing-phone{width:min(100%,260px);transform:rotate(1deg)}.landing-phone__bezel{box-shadow:6px 8px color-mix(in srgb,var(--barbershop-border) 40%,transparent)}.landing-final-cta{box-shadow:4px 4px 0 var(--barbershop-border);padding:28px 16px}.landing-btn--primary,.landing-btn--ghost,.landing-btn--ink{box-shadow:3px 3px 0 var(--barbershop-border)}.landing-btn--ghost{box-shadow:3px 3px color-mix(in srgb,var(--barbershop-border) 55%,transparent)}}@media(min-width:640px){.landing-header,.landing-main,.landing-footer{padding-inline:24px}.landing-board__row{grid-template-columns:7.5rem minmax(0,1fr);gap:24px;align-items:start;padding:28px 24px}}@media(min-width:900px){.landing-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;padding:40px 0 64px;align-items:center}.landing-hero__visual{justify-content:flex-end;padding:12px 16px 24px 8px;overflow:visible}.landing-phone{width:min(100%,300px)}.landing-section{padding:72px 0}.landing-section__intro{margin-bottom:40px;max-width:34rem}.landing-how{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}.landing-how .landing-section__intro{margin-bottom:0;position:sticky;top:24px}.landing-track{gap:20px}.landing-benefits{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}.landing-benefits .landing-section__intro{margin-bottom:0;position:sticky;top:24px}.landing-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.landing-menu__item{height:100%;align-content:start}.landing-menu__item--hot{transform:translateY(-8px)}.landing-menu__item--hot:hover{transform:translate(-2px,-10px)}.landing-final-cta{grid-template-columns:minmax(0,1fr) auto;gap:32px;padding:40px 36px;align-items:center}.landing-final-cta__btn{justify-self:end}}@media(min-width:1200px){.landing-header,.landing-main,.landing-footer{padding-inline:32px}.landing-hero{gap:48px;padding:48px 0 72px;min-height:min(720px,calc(100dvh - 88px))}.landing-hero__brand-line{font-size:clamp(3.5rem,5.2vw,5rem)}.landing-phone{width:min(100%,320px);transform:rotate(2deg)}.landing-how,.landing-benefits{gap:56px}.landing-menu{gap:20px}}@media(min-width:1440px){.landing-header,.landing-main,.landing-footer{max-width:1520px}.landing-hero{grid-template-columns:minmax(0,1fr) auto;gap:48px}.landing-hero__brand-line{font-size:clamp(4rem,4.2vw,5rem)}.landing-phone{width:360px}.landing-how,.landing-benefits{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:48px}}@media(min-width:1600px){.landing-header,.landing-main,.landing-footer{max-width:1680px;padding-inline:40px}.landing-hero{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:64px;padding:40px 0 56px;min-height:calc(100dvh - 96px)}.landing-hero__copy{flex:0 1 34rem;max-width:34rem}.landing-hero__brand-line{font-size:clamp(4.25rem,3.6vw,5.25rem)}.landing-hero__title{font-size:clamp(1.5rem,1.6vw,1.875rem);max-width:24ch}.landing-hero__text{font-size:1.0625rem;max-width:42ch}.landing-hero__visual{flex:0 0 auto;justify-content:center;padding:8px 0 16px;width:auto}.landing-phone{width:400px}.landing-section{padding:80px 0}.landing-how,.landing-benefits{gap:64px}.landing-section__intro{max-width:26rem}.landing-faq .landing-section__intro{max-width:none}.landing-track__mark{font-size:3.75rem}.landing-menu{gap:24px}.landing-final-cta{padding:48px 44px}}@media(min-width:1920px){.landing-header,.landing-main,.landing-footer{max-width:1720px;padding-inline:56px}.landing-hero{justify-content:center;gap:72px;min-height:calc(100dvh - 88px);padding-block:clamp(28px,5vh,56px)}.landing-hero__copy{flex:0 1 36rem;max-width:36rem}.landing-hero__brand{margin-bottom:20px}.landing-hero__brand-line{font-size:5.25rem}.landing-hero__title{font-size:1.875rem;margin-bottom:18px}.landing-hero__text{margin-bottom:28px}.landing-phone{width:400px}.landing-phone__screen{padding:18px 14px}.landing-how,.landing-benefits{grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:64px}.landing-board__row{padding:32px 28px}.landing-menu__item{padding:28px 24px}}@media(display-mode:standalone),(display-mode:fullscreen){.landing-header{padding-top:calc(16px + env(safe-area-inset-top,0px))}}
