.segment-showcase{border-top:1px solid var(--landing-line)}.segment-showcase-heading{max-width:760px;margin-bottom:50px}.segment-showcase-heading h2{max-width:700px;margin:0;font-size:clamp(2.4rem,5vw,4.8rem);letter-spacing:-.07em}.segment-showcase-heading>p:last-child{margin:18px 0 0;color:var(--landing-muted);font-size:1.08rem}.segment-showcase-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr);gap:58px;align-items:center}.segment-picker{display:grid;gap:5px}.segment-picker button{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:7px 0;border:0;border-bottom:1px solid var(--landing-line);background:transparent;color:var(--landing-muted);font-size:clamp(1rem,2vw,1.32rem);font-weight:700;text-align:left;cursor:pointer;transition:color .25s,transform .3s}.segment-picker button span{opacity:0;color:var(--landing-gold);transform:translateX(-8px);transition:opacity .25s,transform .25s}.segment-picker button:hover,.segment-picker button.is-active{color:var(--landing-text);transform:translateX(7px)}.segment-picker button.is-active span{opacity:1;transform:none}.segment-stage{position:relative;isolation:isolate;min-height:500px;overflow:hidden;border:1px solid var(--landing-line);border-radius:18px;background:var(--landing-surface);outline:none}.segment-stage:focus-visible{box-shadow:0 0 0 3px rgba(198,161,90,.3)}.segment-stage-meta{position:absolute;z-index:5;top:24px;right:25px;left:25px;display:flex;justify-content:space-between;color:var(--landing-muted);font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.segment-stage-meta span:last-child{color:#7dc596}.segment-backdrop{position:absolute;z-index:1;right:-2%;bottom:3%;color:rgba(255,255,255,.045);font-size:clamp(4rem,10vw,9.5rem);font-weight:850;letter-spacing:-.1em;line-height:.8;white-space:nowrap}.segment-visual{position:absolute;z-index:2;inset:0;background-size:cover;background-position:center;filter:saturate(.8) contrast(1.08);transition:opacity .55s,transform .7s,filter .55s;mix-blend-mode:screen;opacity:.64}.segment-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,rgba(8,8,7,.88) 0%,rgba(8,8,7,.2) 55%,rgba(8,8,7,.7) 100%)}.segment-stage:before{content:'';position:absolute;z-index:3;inset:0;background:linear-gradient(135deg,rgba(198,161,90,.14),transparent 42%);pointer-events:none}.segment-product-fragment{position:absolute;z-index:6;right:32px;bottom:32px;display:grid;gap:6px;width:min(260px,58%);padding:18px;border:1px solid rgba(198,161,90,.45);border-radius:10px;background:rgba(13,13,12,.88);box-shadow:0 20px 45px rgba(0,0,0,.35);transition:opacity .3s,transform .45s}.segment-product-fragment small{color:var(--landing-gold);font-size:.7rem;font-weight:750}.segment-product-fragment strong{font-size:1.05rem}.segment-product-fragment span{color:var(--landing-muted);font-size:.72rem}.segment-stage.is-changing .segment-visual{opacity:.22;filter:blur(8px);transform:scale(1.035)}.segment-stage.is-changing .segment-product-fragment{opacity:.35;transform:translateY(6px)}.segment-showcase[data-segment="barbearias"] .segment-visual{background:radial-gradient(circle at 70% 28%,rgba(151,104,61,.4),transparent 30%),linear-gradient(125deg,#17100c,#5f3d25 52%,#17120d)}.segment-showcase[data-segment="saloes"] .segment-visual{background:radial-gradient(circle at 68% 26%,rgba(192,137,137,.5),transparent 30%),linear-gradient(125deg,#1a1112,#74515a 52%,#171012)}.segment-showcase[data-segment="manicure"] .segment-visual{background:radial-gradient(circle at 72% 24%,rgba(198,161,90,.52),transparent 29%),linear-gradient(125deg,#17110e,#74604e 52%,#171310)}.segment-showcase[data-segment="cilios"] .segment-visual{background:radial-gradient(circle at 67% 24%,rgba(150,125,102,.5),transparent 28%),linear-gradient(125deg,#11100e,#4f4a43 55%,#11100e)}.segment-showcase[data-segment="estetica"] .segment-visual{background:radial-gradient(circle at 70% 25%,rgba(164,184,161,.5),transparent 30%),linear-gradient(125deg,#101410,#4f6251 52%,#11130f)}.segment-showcase[data-segment="cuidados"] .segment-visual{background:radial-gradient(circle at 70% 25%,rgba(174,145,104,.5),transparent 30%),linear-gradient(125deg,#17120e,#6a563f 52%,#17120e)}.segment-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:42px;padding-top:24px;border-top:1px solid var(--landing-line)}.segment-showcase-footer strong{font-size:clamp(1.35rem,3vw,2.3rem);letter-spacing:-.05em}.segment-showcase-footer .landing-text-link{white-space:nowrap}.segment-showcase[data-segment="saloes"] .segment-backdrop{color:rgba(220,164,170,.09)}.segment-showcase[data-segment="manicure"] .segment-backdrop{color:rgba(198,161,90,.09)}.segment-showcase[data-segment="estetica"] .segment-backdrop{color:rgba(160,190,160,.08)}
@media(max-width:760px){.segment-showcase-heading{margin-bottom:32px}.segment-showcase-layout{display:flex;flex-direction:column;gap:24px;align-items:stretch}.segment-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}.segment-picker::-webkit-scrollbar{display:none}.segment-picker button{flex:0 0 auto;min-height:38px;padding:8px 13px;border:1px solid var(--landing-line);border-radius:999px;font-size:.76rem;white-space:nowrap;scroll-snap-align:start}.segment-picker button span{display:none}.segment-picker button:hover,.segment-picker button.is-active{transform:none;border-color:var(--landing-gold)}.segment-stage{min-height:470px}.segment-product-fragment{right:18px;bottom:18px;width:72%;padding:14px}.segment-backdrop{font-size:4.8rem}.segment-showcase-footer{display:grid;gap:18px;margin-top:28px}.segment-showcase-footer .landing-text-link{justify-self:start}}
@media(prefers-reduced-motion:reduce){.segment-picker button,.segment-visual,.segment-product-fragment{transition:none!important}.segment-stage.is-changing .segment-visual,.segment-stage.is-changing .segment-product-fragment{opacity:1;filter:none;transform:none}}