:root{--cream:#fff9f6;--ink:#30282c;--rose:#e8aaa8;--muted:#75686a}
*{box-sizing:border-box}html,body{margin:0;background:#2c2529;font-family:'Work Sans',Arial,sans-serif}body{overflow:hidden}#stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#frame{position:relative;width:1080px;height:1920px;flex:none;overflow:hidden;background:var(--cream);color:var(--ink);transform-origin:center center}
#photo-window{position:absolute;left:0;top:0;width:1080px;height:1200px;overflow:hidden;background:#eac8bc}#application-photo,#texture-photo{position:absolute;display:block;left:-135px;top:-40px;width:1350px;height:1350px;max-width:none;object-fit:cover}#texture-window{position:absolute;inset:0;clip-path:circle(0px at 840px 490px)}#texture-photo{left:-135px}#touch{position:absolute;left:770px;top:420px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,246,240,.72),rgba(255,239,235,.35) 45%,transparent 70%);pointer-events:none;opacity:0}
#base-panel{position:absolute;left:0;right:0;top:1164px;bottom:0;background:linear-gradient(145deg,#fffaf7 0%,#fff7f4 66%,#f9ece8 100%)}#brand{position:absolute;left:72px;top:1196px;font-size:27px;font-weight:600;letter-spacing:.095em}.message{position:absolute;left:72px;top:1296px;line-height:1.02;letter-spacing:-.035em;font-size:77px;white-space:nowrap}.message span{display:block}.message .light{font-weight:300}.message .semibold{font-weight:600}#benefit{font-size:73px}#formula{font-size:84px}
#jar-wrap{position:absolute;left:0;top:0;width:1700px;height:1700px;overflow:hidden;transform-origin:top left}#jar{position:absolute;display:block;left:-650px;top:-1120px;width:3000px;height:3000px;max-width:none}
#end-copy{position:absolute;left:72px;top:1301px}.end-kicker{font:500 22px 'DM Mono',monospace;letter-spacing:.035em;color:#aa6e76}.end-name{margin-top:25px;font-size:88px;font-weight:600;letter-spacing:-.035em;line-height:.97}.end-name span{font-size:35px;font-weight:300;letter-spacing:-.015em}#cta{position:absolute;left:72px;top:1634px;width:936px;height:111px;padding:0 38px 0 42px;display:flex;align-items:center;justify-content:space-between;border-radius:21px;background:var(--ink);color:var(--cream);font-size:35px;font-weight:600;letter-spacing:-.025em}#cta span{font-size:45px;font-weight:300;color:#efbbb9}
#preview-controls{position:fixed;z-index:10;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#292329;color:white;padding:10px 14px;border-radius:12px;font:14px Arial,sans-serif}#preview-controls button{border:0;background:#d8899a;color:white;border-radius:8px;width:36px;height:36px;cursor:pointer}#scrub{width:280px;accent-color:#d8899a}body.render #preview-controls{display:none}body.render #stage{display:block}body.render #frame{transform:none!important}