:root{--flood:#33BB57;--flood-lift:#40C764;--ink:#12201A;--paper:#FBFFFC;--d1:#FF4FA3;--d2:#FF9A3D;--display:'Unbounded','Arial Black',system-ui,sans-serif;--text:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif}*,*::before,*::after{box-sizing:border-box}html{background:var(--flood)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 60% at 12% 8%,var(--flood-lift) 0,rgba(64,199,100,0) 70%),var(--flood);color:var(--ink);font-family:var(--text);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}.page{min-height:100vh;min-height:100svh;max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:12px;padding:clamp(14px,2.6vh,28px) 0 clamp(10px,2vh,20px)}.logo{width:clamp(40px,3.4vw,48px);height:clamp(40px,3.4vw,48px);flex:none;border-radius:12px;background:var(--paper);box-shadow:0 0 0 2.5px var(--ink),0 4px 0 2.5px var(--ink);display:grid;place-items:center}.logo img{width:74%;height:74%;object-fit:contain;display:block}.word{font-family:var(--display);font-weight:800;font-size:clamp(1rem,.92rem+.45vw,1.3rem);letter-spacing:-.01em}.hero{flex:1 1 auto;display:flex;flex-direction:column;gap:clamp(12px,2vh,20px);min-height:0;padding-bottom:clamp(10px,2vh,18px)}.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 clamp(10px,1.6vh,16px);font-family:var(--display);font-weight:500;font-size:clamp(.66rem,.6rem+.3vw,.8rem);letter-spacing:.09em;text-transform:uppercase}.kicker i{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--d1),var(--d2));box-shadow:0 0 0 2px var(--ink)}h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(1.36rem,.8rem+3.2vw,3.15rem);line-height:1.14;letter-spacing:-.025em;text-wrap:balance}h1 .hl{background:linear-gradient(90deg,var(--d1),var(--d2)) 0 92%/100% 44% no-repeat;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.lede{margin:clamp(10px,1.8vh,18px) 0 0;max-width:34em;font-size:clamp(.93rem,.86rem+.38vw,1.14rem);line-height:1.5}.scene{position:relative;flex:1 1 auto;min-height:170px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden}.scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}.act{display:flex;flex-direction:column;align-items:stretch;gap:12px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 24px 0 16px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-family:var(--display);font-weight:500;font-size:clamp(.9rem,.84rem+.3vw,1.05rem);letter-spacing:.005em;box-shadow:0 5px 0 rgba(18,32,26,.32);transition:transform .2s ease}.cta .dot{width:26px;height:26px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--d1),var(--d2));box-shadow:inset 0 0 0 2.5px var(--paper)}.cta .arr{width:18px;height:18px;flex:none;transition:transform .2s ease}.cta:hover{transform:translateY(-2px)}.cta:hover .arr{transform:translateX(3px)}.cta:active{transform:translateY(2px)}.cta:focus-visible{outline:3px solid var(--paper);outline-offset:4px}.worry{display:flex;gap:10px;align-items:flex-start;margin:0;max-width:31em;font-size:clamp(.82rem,.78rem+.2vw,.95rem);line-height:1.45}.worry svg{width:18px;height:18px;flex:none;margin-top:1px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;padding:12px 0 clamp(14px,2.4vh,22px);border-top:2px solid var(--ink);font-size:clamp(.74rem,.7rem+.16vw,.84rem);line-height:1.4}footer .fb{font-family:var(--display);font-weight:500}#salon .L{will-change:transform}#salon .flow{animation:flow 3.4s linear infinite}@keyframes flow{to{transform:translateX(calc(var(--w) * -1))}}#salon .rinse{opacity:0}#salon .rinse.go{animation:rinse .65s ease-out}@keyframes rinse{0%{opacity:.92}100%{opacity:0}}#salon .eyes-open{transform-box:fill-box;transform-origin:center;animation:blink 5.5s infinite}@keyframes blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}#salon #pupils{transform:translate(-3px,-1px)}#salon .eyes-happy{opacity:0}#salon.happy .eyes-open{opacity:0}#salon.happy .eyes-happy{opacity:1}#salon .brush{transform-origin:0;animation:paint 1.8s ease-in-out infinite alternate}@keyframes paint{from{transform:rotate(-6deg)}to{transform:rotate(5deg)}}#salon .drip{opacity:0;transform-box:fill-box;transform-origin:50% 0;animation:drip 2.6s ease-in infinite}@keyframes drip{0%{opacity:0;transform:translateY(0) scale(.4)}15%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}100%{opacity:0;transform:translateY(34px) scale(.8)}}#salon .tw{transform-box:fill-box;transform-origin:center;animation:tw 2.8s ease-in-out infinite}@keyframes tw{0%,100%{transform:scale(.55);opacity:.45}50%{transform:scale(1);opacity:1}}#salon .bulb{animation:glow 2.4s ease-in-out infinite}#salon .bulb:nth-child(odd){animation-delay:-1.2s}@keyframes glow{0%,100%{opacity:1}50%{opacity:.5}}#salon .bob{transform-box:fill-box;transform-origin:center;animation:bob 3.6s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-9px)}}#salon #hopper{transform-box:fill-box;transform-origin:50% 100%}#salon #hopper.hop{animation:hop .7s cubic-bezier(.3,.7,.4,1)}@keyframes hop{0%{transform:none}22%{transform:scale(1.05,.93)}55%{transform:translateY(-18px) scale(.97,1.04)}82%{transform:scale(1.03,.97)}100%{transform:none}}#salon #fan{transform-origin:0;transition:transform .55s cubic-bezier(.3,1.45,.5,1)}#salon .strand{stroke:#12201A;stroke-width:2.5}#salon .strand.on{stroke:#FBFFFC;stroke-width:4}#salon #burst .b{opacity:0;transform-box:fill-box;transform-origin:center}#salon #burst.go .b{animation:burst .75s cubic-bezier(.2,.7,.3,1)}@keyframes burst{0%{opacity:1;transform:translate(0,0) scale(.4)}40%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@media(max-width:599px) and (max-height:700px){.kicker{display:none}}@media(min-width:600px){.act{align-items:flex-start}}@media(min-width:900px){.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-rows:auto auto;grid-template-areas:"copy scene" "act scene";column-gap:clamp(24px,4vw,64px);row-gap:clamp(22px,3.4vh,36px)}.copy{grid-area:copy;align-self:end}.act{grid-area:act;align-self:start}.scene{grid-area:scene;min-height:440px}.cta{min-height:60px;padding:0 28px 0 18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}html,body{max-width:100%;overflow-x:clip}