:root{--powder: #f3eeee;--mirror: #e6dfe0;--taupe: #8a7f80;--kohl: #2b2326;--rosewood: #8e4b55;--white: #ffffff;--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--gutter: 20px;--section-gap: 64px}@media(prefers-color-scheme:dark){:root{--powder: #1e1a1b;--mirror: #2a2526;--taupe: #a69c9d;--kohl: #f1ecec;--rosewood: #c98691}}@media(min-width:960px){:root{--gutter: 48px;--section-gap: 96px}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--powder);color:var(--kohl);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,p{margin:0}.page{max-width:1200px;min-height:100svh;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column}.header{padding:24px 0 16px}.logo{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 0,"WONK" 0;font-size:22px;line-height:1}.main{flex:1;display:flex;flex-direction:column;gap:40px;padding-bottom:var(--section-gap)}.footer{display:flex;gap:8px;padding:24px 0;border-top:1px solid var(--mirror);font-size:13px;font-weight:500;line-height:1.4;color:var(--taupe)}@media(min-width:960px){.header{padding-top:40px}.main{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center;padding-bottom:40px}.copy{grid-column:1 / span 5;grid-row:1}.media{grid-column:7 / span 6;grid-row:1}}.display{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 0,"WONK" 0;font-weight:400;font-size:40px;line-height:1.05;letter-spacing:-.01em}.lead{margin-top:24px;max-width:28em;font-size:18px;line-height:1.55}.soon{margin-top:40px;font-size:16px;font-weight:500;color:var(--taupe)}@media(min-width:960px){.display{font-size:64px}.lead{font-size:20px}}.notify,.notify__done{margin-top:16px;max-width:440px}.notify__row{display:flex;gap:8px}.notify__input{flex:1;min-width:0;height:48px;padding:0 20px;border:1px solid var(--mirror);border-radius:999px;background:transparent;color:var(--kohl);font:inherit;outline:none}.notify__input::placeholder{color:var(--taupe)}.notify__input:focus{border-color:var(--rosewood)}.notify__btn{height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--rosewood);color:var(--white);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}.notify__btn:hover:not(:disabled){filter:brightness(.92)}.notify__btn:disabled{opacity:.6;cursor:default}.notify__btn:focus-visible{outline:2px solid var(--rosewood);outline-offset:3px}.notify__msg{min-height:1.4em;margin-top:8px;padding-left:20px;font-size:13px;font-weight:500;line-height:1.4;color:var(--taupe)}.notify__done{font-weight:500}.compare{--pos: 50%;position:relative;width:100%;max-width:calc((100svh - 220px)*.8);min-width:260px;margin:0 auto;aspect-ratio:4 / 5;border-radius:20px;overflow:hidden;background:var(--mirror);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}@media(max-width:959px){.compare{max-width:none}}@media(min-width:960px){.compare{margin:0 0 0 auto}}.compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos));pointer-events:none}.compare{--align-x: -1.5%;--align-y: -1.5%;--align-scale: 1.03}.compare__img--base{transform:scale(var(--align-scale))}.compare__img--aligned{transform:translate(var(--align-x),var(--align-y)) scale(var(--align-scale))}.compare__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;transform:translate(-50%);background:var(--white);pointer-events:none}.compare__handle{position:absolute;top:50%;left:var(--pos);width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--white);color:#2b2326;cursor:ew-resize}.compare__handle:focus-visible{outline:2px solid var(--rosewood);outline-offset:3px}.compare__label{position:absolute;bottom:16px;padding:6px 12px;border-radius:8px;background:#2b232673;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);font-size:14px;font-weight:500;line-height:1;pointer-events:none}.compare__label--before{left:16px}.compare__label--after{right:16px}
