.stage{--glass:color-mix(in srgb, var(--color-branco) 72%, transparent);--glass-strong:color-mix(in srgb, var(--color-branco) 88%, transparent);--ink-soft:color-mix(in srgb, var(--color-marrom) 30%, transparent);--shadow:0 18px 40px -18px color-mix(in srgb, var(--color-marrom) 35%, transparent), 0 2px 6px color-mix(in srgb, var(--color-marrom) 8%, transparent);--shadow-up:0 28px 50px -20px color-mix(in srgb, var(--color-marrom) 45%, transparent);--out:cubic-bezier(.16, 1, .3, 1);--left:clamp(20px, 5.5vw, 88px);background:var(--color-rosa);position:fixed;inset:0;overflow:hidden}.stage-canvas{touch-action:none;opacity:0;view-transition-name:stage-canvas;width:100%;height:100%;transition:opacity .9s;position:fixed;inset:0}.stage-canvas.is-ready{opacity:1}.stage-header{z-index:5;top:18px;left:var(--left);right:var(--left);view-transition-name:stage-header;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed}.stage-brand img{width:auto;height:46px;filter:drop-shadow(0 4px 10px color-mix(in srgb, var(--color-marrom) 18%, transparent));display:block}.stage-nav{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow);border-radius:999px;padding:5px;display:flex;position:relative}.stage-nav a{z-index:1;font:600 14px var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:9px 20px;text-decoration:none;position:relative}.stage-nav a.stage-nav-logo{align-items:center;padding-block:0;padding-inline:12px;display:flex}.stage-nav-logo img{width:auto;height:30px;display:block}.stage-nav-pill{background:var(--color-rosa);height:calc(100% - 10px);box-shadow:inset 0 -2px 0 var(--color-rosa-forte);opacity:0;border-radius:999px;position:absolute;top:5px;left:0}.stage-nav-pill.is-placed{opacity:1;transition:transform .52s var(--out), width .52s var(--out), opacity .2s, background .3s, box-shadow .3s}.stage-nav-pill.is-logo{background:var(--color-branco);box-shadow:inset 0 0 0 2px var(--color-rosa), inset 0 -3px 0 var(--color-rosa-forte)}.stage-social{justify-self:end;gap:8px;display:flex}.stage-social a{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 13px var(--font-display);border-radius:999px;padding:8px 14px;text-decoration:none}.stage-social a:hover{background:var(--color-branco)}.stage-panel{z-index:3;left:var(--left);scrollbar-width:none;flex-direction:column;justify-content:safe center;width:min(37rem,46vw);padding:8px 6px 8px 2px;display:flex;position:fixed;top:96px;bottom:84px;overflow-y:auto}.stage-panel::-webkit-scrollbar{display:none}.stage-panel-inner{flex-direction:column;display:flex}.stage-title-hero{margin:0 0 18px;font-size:clamp(56px,8vw,104px);line-height:1}.stage-title{margin:0 0 12px;font-size:clamp(40px,4.6vw,64px);line-height:1.05}.stage-lead{max-width:30rem;margin:0 0 22px;font-size:18px}.stage-if-touch{display:none}@media (pointer:coarse){.stage-if-mouse{display:none}.stage-if-touch{display:inline}}.stage-actions{flex-wrap:wrap;gap:12px;display:flex}.stage-cta,.stage-ghost{color:var(--color-marrom);font:700 18px var(--font-display);cursor:pointer;transition:transform .3s var(--out), background .2s;border:0;border-radius:999px;align-items:center;padding:13px 26px;text-decoration:none;display:inline-flex}.stage-cta{background:var(--color-rosa);box-shadow:inset 0 -3px 0 var(--color-rosa-forte), var(--shadow)}.stage-cta:hover{background:var(--color-rosa-forte);transform:translateY(-2px)}.stage-ghost{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-ghost:hover{background:var(--color-branco);transform:translateY(-2px)}.stage-card{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .45s var(--out), box-shadow .45s var(--out);flex-direction:column;text-decoration:none;display:flex}.stage-card:hover{--ty:-6px;box-shadow:var(--shadow-up)}.stage-card img{object-fit:cover;transition:transform .7s var(--out)}.stage-card:hover img{transform:scale(1.05)}.stage-ccards{perspective:900px;grid-template-columns:1fr 1fr;gap:16px;display:grid}.stage-ccard{border-radius:28px;padding:10px 10px 16px}.stage-ccard-pic{aspect-ratio:4/4.4;background:var(--color-creme);border-radius:20px;display:block;position:relative;overflow:hidden}.stage-ccard-name{margin:10px 8px 0;font-size:34px;line-height:1.1}.stage-ccard-role{margin:2px 8px 0;font-size:15px}.stage-pcard{position:relative}.stage-pcard-pic{aspect-ratio:1}.stage-pcard-soon{background:var(--color-branco);font:700 9.5px var(--font-display);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:4px 8px;position:absolute;top:20px;left:20px}.stage-pcard-name{font-size:28px}.stage-back{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 14px var(--font-display);border-radius:999px;align-self:flex-start;margin-bottom:16px;padding:8px 16px;text-decoration:none;transition:background .2s}.stage-back:hover{background:var(--color-branco)}.stage-detail{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow);border-radius:30px;grid-template-columns:minmax(0,15rem) 1fr;align-items:start;gap:22px;padding:14px;display:grid}.stage-detail-pic{aspect-ratio:4/4.8;border-radius:22px;display:block;position:relative;overflow:hidden}.stage-detail-pic img{object-fit:cover}.stage-detail-text{padding:6px 6px 6px 0}.stage-detail-text p{margin:0 0 10px}.stage-detail-name{margin:0 0 6px;font-size:48px;line-height:1.05}.stage-detail-name.is-product{font-size:clamp(30px,3vw,40px)}.stage-detail-role{font:600 16px var(--font-display)}.stage-detail-sub{font:600 17px var(--font-display);margin:14px 0 8px}.stage-chips,.stage-ticks{margin:0 0 14px;padding:0;list-style:none}.stage-chips{flex-wrap:wrap;gap:8px;display:flex}.stage-chips li{background:var(--color-creme);border-radius:999px;padding:5px 12px;font-size:14px}.stage-ticks li{margin:4px 0;padding-left:22px;font-size:15px;position:relative}.stage-ticks li:before{content:"★";color:var(--color-rosa-forte);position:absolute;left:0}.stage-price{font:700 22px var(--font-display);align-items:center;gap:10px;display:flex}.stage-soon-pill{background:var(--color-amarelo);font:700 10px var(--font-display);letter-spacing:.2em;text-transform:uppercase;border-radius:999px;padding:5px 10px}.stage-note{font-size:13px}.stage-footer{z-index:3;right:var(--left);view-transition-name:stage-footer;align-items:center;gap:16px;font-size:13px;display:flex;position:fixed;bottom:22px}.stage-footer nav{gap:14px;display:flex}.stage-footer a{text-decoration:none}.stage-footer a:hover{text-underline-offset:4px;text-decoration:underline}.stage-footer p{margin:0}.stage-gaze{z-index:3;left:var(--left);font:700 11px var(--font-display);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;display:flex;position:fixed;bottom:26px}.stage-gaze:before{content:"";background:var(--color-rosa-forte);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-rosa-forte) 30%, transparent);border-radius:50%;animation:2s ease-in-out infinite stage-pulse}@keyframes stage-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--color-rosa-forte) 0%, transparent)}}.stage-track{background:var(--ink-soft);width:120px;height:2px;position:relative}.stage-knob{background:var(--color-branco);width:12px;height:12px;box-shadow:0 1px 4px color-mix(in srgb, var(--color-marrom) 40%, transparent);border-radius:50%;position:absolute;top:-5px;left:calc(50% - 6px)}.stage-gaze-value{min-width:64px}.stage-badge{z-index:3;width:96px;height:96px;transition:opacity .5s, transform .7s var(--out);margin-left:-48px;position:fixed;bottom:18px;left:50%}.stage-badge svg{width:100%;height:100%;fill:var(--color-marrom);animation:16s linear infinite stage-spin}.stage-badge.is-hidden{opacity:0;transform:scale(.8)}@keyframes stage-spin{to{transform:rotate(1turn)}}.stage-ring{z-index:9;border:1.5px solid color-mix(in srgb, var(--color-marrom) 55%, transparent);pointer-events:none;opacity:0;width:36px;height:36px;transition:width .3s var(--out), height .3s var(--out), left .3s var(--out), top .3s var(--out), background .3s, border-color .3s, opacity .3s;border-radius:50%;place-items:center;display:grid;position:fixed;top:-18px;left:-18px}.stage-ring.is-on{opacity:1}.stage-ring:after{content:"Say hi";font:700 11px var(--font-display);letter-spacing:.12em;text-transform:uppercase;opacity:0;transition:opacity .2s}.stage-ring.is-link{background:color-mix(in srgb, var(--color-branco) 25%, transparent);width:54px;height:54px;top:-27px;left:-27px}.stage-ring.is-hi{background:color-mix(in srgb, var(--color-branco) 55%, transparent);border-color:#0000;width:72px;height:72px;top:-36px;left:-36px}.stage-ring.is-hi:after{opacity:1}.stage-panel .rise{animation:stage-rise-in .7s var(--out) both;animation-delay:calc(var(--i,0) * 60ms + .12s)}@keyframes stage-rise-in{0%{opacity:0;filter:blur(10px);transform:translateY(26px)scale(.97)}}::view-transition-old(.panel-out){animation:.28s cubic-bezier(.5,0,.9,.5) both stage-panel-out}::view-transition-new(.panel-in){animation:none}@keyframes stage-panel-out{to{opacity:0;filter:blur(6px);transform:translateY(-16px)scale(.985)}}::view-transition-group(.morph){animation-duration:.6s;animation-timing-function:var(--out)}::view-transition-image-pair(.morph){animation-name:stage-via-blur}@keyframes stage-via-blur{30%{filter:blur(3px)}}::view-transition-old(stage-canvas){display:none}::view-transition-old(stage-header){display:none}::view-transition-old(stage-footer){display:none}::view-transition-new(stage-canvas){animation:none}::view-transition-new(stage-header){animation:none}::view-transition-new(stage-footer){animation:none}::view-transition-group(stage-header){z-index:100;animation:none}::view-transition-group(stage-footer){z-index:100;animation:none}@media (prefers-reduced-motion:reduce){.stage *,.stage :before,.stage :after{transition:none!important;animation:none!important}}@media (max-width:900px){.stage-social{display:none}}@media (max-width:760px){.stage-header{grid-template-columns:1fr;top:12px;left:12px;right:12px}.stage-brand{display:none}.stage-nav{justify-content:space-between}.stage-nav a{padding:10px;font-size:12px}.stage-nav a.stage-nav-logo{padding-inline:8px}.stage-nav-logo img{height:28px}.stage-social,.stage-badge,.stage-gaze{display:none}.stage-footer{text-align:center;flex-direction:column;gap:2px;font-size:11px;bottom:8px;left:12px;right:12px}.stage-footer nav{flex-wrap:wrap;justify-content:center;gap:4px 12px}.stage-panel{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:auto;max-height:58svh;box-shadow:var(--shadow);border-radius:28px;justify-content:flex-start;padding:18px;inset:auto 12px 62px}.stage-title-hero{font-size:52px}.stage-pcard-name{font-size:24px}.stage-detail{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;grid-template-columns:1fr;padding:0}.stage-detail-pic{aspect-ratio:16/10}}
