/* v1.8 — local lettering preview, helper hint and first-month promotion. */
.lettering-form[hidden]{display:none}
.lettering-form{padding:22px 26px;border-top:1px solid #ffffff13;background:#242123}
.lettering-form label{display:block;margin-bottom:10px;font-size:10px;font-weight:650;letter-spacing:.08em;color:#e7b38d}
.lettering-controls{display:flex;gap:10px;align-items:stretch}
.lettering-controls input{min-width:0;flex:1;border:1px solid #746051;border-radius:5px;background:#171719;color:#f5e7d9;padding:12px;font:14px/1.4 'Segoe UI',sans-serif}
.lettering-controls .button{flex-shrink:0;padding:12px 16px;font-size:12px}
.lettering-controls input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lettering-controls .button:disabled{opacity:.7;cursor:wait}
.animations-paused .motion-demo.is-custom[data-phase=result] .art-line>span{animation:none;opacity:1;transform:none;filter:none}
.lettering-form p{font-size:11px;line-height:1.7;margin-top:10px;color:#bdb0a4}
.lettering-form #lettering-status{color:#edb18a}
.lettering-form #lettering-status:empty{display:none}
.motion-demo.is-custom .art-words,.motion-demo.is-custom .art-echo{font-size:var(--lettering-size,10cqw)}
.motion-demo.is-custom .art-line>span{animation-name:interactive-glyph;animation-duration:1.6s;animation-iteration-count:1;animation-fill-mode:both}
.motion-demo.is-custom .art-echo{animation-name:interactive-echo;animation-duration:2s}
.motion-demo.is-custom .art-cross,.motion-demo.is-custom .art-spark{animation-name:interactive-decor;animation-duration:2s}
.motion-demo.is-custom .art-stripe{animation-name:interactive-stripe;animation-duration:2s}
.motion-demo.is-custom .motion-request-text{overflow-wrap:anywhere;max-width:100%}
.mascot-hint{grid-column:1/-1;font-size:12px;line-height:1.75;text-align:center;color:#755d4b;padding:0 8px}
.repeat-prices .price-card{display:flex;flex-direction:column}
.price-card.promoted{overflow:hidden}
.repeat-prices .price-card .button{margin-top:auto}
.repeat-prices .price-card hr{flex-shrink:0}
.monthly-promotion{position:absolute;inset:0;margin:0;overflow:hidden;isolation:isolate;pointer-events:none;border-radius:inherit}
.holo-ribbon{position:absolute;top:52px;right:-58px;width:280px;transform:rotate(40deg);border:0;overflow:hidden;background:linear-gradient(110deg,#08dac1 0%,#f8da54 33.333%,#f99c4f 66.667%,#ec8b51 100%);background-size:220% 100%;animation:holo-colors 7s ease-in-out infinite}
.holo-ribbon::after{content:'';position:absolute;inset-block:-80%;left:-45%;width:28%;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:skewX(-22deg);pointer-events:none;z-index:1;animation:holo-light-sweep 8s cubic-bezier(.45,0,.3,1) infinite}
.animations-paused .holo-ribbon::after,.page-hidden .holo-ribbon::after{animation-play-state:paused!important}
@keyframes holo-light-sweep{0%{left:-45%;opacity:0}8%{opacity:1}32%{left:120%;opacity:1}36%,100%{left:120%;opacity:0}}
@media(prefers-reduced-motion:reduce){.holo-ribbon::after{display:none;animation:none!important}}
.holo-track{display:flex;width:max-content;animation:coupon-travel 18s linear infinite}
.holo-track>span{display:block;flex:none;padding:10px 23px;font-size:12px;font-weight:750;line-height:1.4;letter-spacing:.01em;color:#302233;white-space:nowrap}
.animations-paused .holo-ribbon,.animations-paused .holo-track,.page-hidden .holo-ribbon,.page-hidden .holo-track{animation-play-state:paused!important}
@keyframes interactive-glyph{from{opacity:0;transform:translateY(70%) rotateX(-80deg);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes interactive-echo{from{opacity:0;translate:0 12px}to{opacity:.16;translate:0 -12px}}
@keyframes interactive-decor{from{scale:0;rotate:-90deg}to{scale:1;rotate:0deg}}
@keyframes interactive-stripe{from{translate:40px 0;opacity:0}to{translate:0 0;opacity:.7}}
@keyframes coupon-travel{to{transform:translateX(-50%)}}
@keyframes holo-colors{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:700px){.lettering-form{padding:20px}.lettering-controls{flex-direction:column}.lettering-controls input{font-size:16px}.lettering-controls .button{font-size:13px}.mascot-hint{font-size:12px}.motion-demo.is-custom .art-words,.motion-demo.is-custom .art-echo{font-size:var(--lettering-size,13cqw)}}
@media(min-width:431px) and (max-width:600px){.repeat-prices{max-width:400px}.offer-layout>.price-grid{max-width:400px;width:100%;margin-inline:auto}.price-grid{grid-template-columns:1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){.holo-ribbon,.holo-track{animation:none!important}.holo-track{width:100%}.holo-track>span{font-size:11px;width:100%;text-align:center;padding:9px 48px;white-space:normal;line-height:1.3}.holo-track>span[aria-hidden]{display:none}.motion-demo.is-custom .art-line>span{opacity:1;transform:none;filter:none}.motion-demo.is-custom .art-cross,.motion-demo.is-custom .art-spark{scale:1;rotate:0deg}}