.effect-page{max-width:1240px;margin-inline:auto;padding-bottom:48px}.effect-grid{grid-template:"hero head""hero action""hero rest"1fr/minmax(0,1.05fr) minmax(0,1fr);align-items:start;column-gap:clamp(28px,5vw,72px);display:grid}.effect-head{grid-area:head;align-self:end}.effect-head .eyebrow{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.effect-head h1{letter-spacing:-.07em;margin:18px 0 14px;font-size:clamp(44px,5.6vw,80px);line-height:1}.effect-head h1 em{color:var(--accent);font-style:normal}.effect-promise{color:#dcd6e2;letter-spacing:-.02em;max-width:440px;margin:0;font-size:clamp(17px,1.8vw,22px);line-height:1.4}.effect-hero{grid-area:hero;min-width:0;margin:0}.effect-hero-frame{--hero-max:82svh;aspect-ratio:var(--ratio,.75);width:min(100%, calc(var(--hero-max) * var(--ratio,.75)));background:#0d0b10;border:1px solid #ffffff15;border-radius:22px;margin-inline:auto;position:relative;overflow:hidden}.effect-hero-frame .motion-video,.effect-hero-frame .motion-poster{object-fit:contain}.effect-hero figcaption{text-align:center;color:#a09aa8;margin-top:10px;font-size:12px;line-height:1.6}.effect-action{grid-area:action;margin-top:26px}.effect-action .button{justify-content:center;width:100%;max-width:440px;min-height:54px;font-size:16px}.effect-action-note{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.4}.effect-action-closed p{color:var(--muted);gap:4px;margin:0 0 12px;display:grid}.effect-action-closed p strong{color:var(--text);font-size:18px}.effect-rest{grid-area:rest;min-width:0;padding-top:26px}.effect-description{color:var(--muted);max-width:460px;margin:0 0 18px;font-size:15px;line-height:1.75}.effect-secondary{flex-wrap:wrap;gap:4px 18px;margin:0 0 18px;display:flex}.effect-text-button{color:#cfc8d6;min-height:40px;font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;text-decoration:underline;display:inline-flex}.effect-text-button[aria-pressed=true]{color:var(--accent)}.effect-text-button:disabled{opacity:.5;cursor:default}.effect-facts{flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.effect-facts li{border:1px solid var(--line);color:#c1b6c6;border-radius:100px;padding:7px 12px;font-size:11px}.works-best{border-top:1px solid var(--line);max-width:460px;margin-top:6px;padding-top:18px}.works-best h2{letter-spacing:.1em;text-transform:uppercase;color:#a798b6;margin:0 0 12px;font-size:12px}.works-best ul{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.works-best li{border:1px solid #ffffff18;border-radius:10px;line-height:0;overflow:hidden}.works-best img{object-fit:cover;width:72px;height:96px}.works-best p{color:#d6cfdc;margin:0;font-size:14px;line-height:1.6}.effect-more{margin-top:56px}@media (max-width:760px){.effect-page{padding-bottom:calc(var(--tabbar-h,0px) + 96px)}.effect-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""hero""action""rest"}.effect-head{margin-bottom:14px}.effect-head .eyebrow{font-size:10px}.effect-head h1{margin:10px 0 8px;font-size:clamp(38px,11vw,48px)}.effect-promise{max-width:none;font-size:16px}.effect-hero-frame{--hero-max:52svh;border-radius:18px}.effect-action{left:0;right:0;bottom:var(--tabbar-h,0px);z-index:40;padding:10px 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101014f0;border-top:1px solid #ffffff14;margin:0;position:fixed}.effect-action .button{max-width:none}.effect-action-note{text-align:center;margin-top:6px;font-size:12px}body:not(:has(.tabbar)) .effect-action{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.effect-action-closed p{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 8px;display:flex}.effect-action-closed p strong{font-size:16px}.effect-action-closed .button{min-height:48px;font-size:15px}.effect-hero .consumer-sample-image{max-height:46svh}.effect-rest{padding-top:22px}}.effect-hero-motion{z-index:2;position:absolute;bottom:12px;right:12px}.effect-hero-motion .motion-control{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171c1d99}.closed-studio{max-width:520px;margin:28px auto 0}.closed-studio h1{letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(34px,6vw,52px)}