:root{--paper:#FDF1F6;--ink:#2A0A14;--magenta:#C8106F;--violet:#5B22C9;--violet-deep:#45179E;--sun:#F7D33A;--blush:#FBD3E6;--lilac:#E6DCFA;--muted:#5E4250;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:"Crimson Pro",Georgia,"Times New Roman",serif;background:var(--paper);color:var(--ink);min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;}.hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.6vh,28px);padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 22px max(16px,env(safe-area-inset-left));text-align:center;}.band{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);max-width:900px}.logo{width:clamp(68px,18vw,112px);height:auto;aspect-ratio:1/1;border-radius:22px;display:block}h1{font-weight:400;line-height:1}.wm{display:block;font-weight:800;letter-spacing:-0.02em;font-size:clamp(2.35rem,1.2rem + 6vw,5.4rem);line-height:0.95}.wm .a{color:var(--magenta)}.wm .b{color:var(--violet)}.wm .c{color:var(--ink);font-style:italic;font-weight:400}.sub{display:block;margin-top:clamp(8px,1.2vh,14px);font-size:clamp(1.15rem,1rem + 0.9vw,1.6rem);font-weight:600;line-height:1.2}.sub em{font-style:italic;font-weight:400;background:linear-gradient(transparent 62%,var(--sun) 62%,var(--sun) 92%,transparent 92%)}.lead{font-size:clamp(1.02rem,0.95rem + 0.4vw,1.22rem);color:var(--muted);max-width:34ch;line-height:1.35}.row{width:100%;max-width:980px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,18px);list-style:none;}.tile{border:2px solid var(--ink);border-radius:20px;padding:14px 14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;min-height:clamp(150px,22vh,210px);justify-content:space-between;}.t1{background:var(--sun)}.t2{background:var(--blush)}.t3{background:var(--lilac)}.tag{font-size:0.95rem;font-style:italic;color:var(--ink)}.word{font-weight:800;line-height:0.9;font-size:clamp(2.1rem,1.4rem + 2.6vw,3.4rem);letter-spacing:-0.01em;white-space:nowrap;display:block}.t1 .word{color:var(--ink)}.t2 .word{color:var(--magenta)}.t3 .word{color:var(--violet);font-style:italic;font-weight:400}.word span{display:inline-block}.t2 .word span:nth-child(odd){transform:translateY(-0.06em) rotate(-4deg)}.t2 .word span:nth-child(even){transform:translateY(0.05em) rotate(3deg)}.t3 .word span:nth-child(3n){transform:translateY(-0.1em) rotate(6deg)}.wave{width:100%;height:30px;display:block}.wave rect{transform-box:fill-box;transform-origin:50% 100%}.t1 .wave rect{fill:var(--ink)}.t2 .wave rect{fill:var(--magenta)}.t3 .wave rect{fill:var(--violet)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 30px;border-radius:999px;background:var(--violet);color:#fff;text-decoration:none;font-family:inherit;font-weight:600;font-size:clamp(1.18rem,1.05rem + 0.5vw,1.35rem);-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background-color .18s ease;}.cta svg{width:20px;height:20px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--magenta);outline-offset:4px}@media (hover: hover) and (pointer: fine){.cta:hover{background:var(--violet-deep);transform:translateY(-2px)}}.get{border-top:2px solid var(--ink);padding:clamp(34px,6vh,64px) 16px clamp(40px,7vh,72px);text-align:center}.get h2{font-weight:600;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.3rem);margin-bottom:clamp(20px,3vh,32px)}.get h2 em{color:var(--magenta);font-weight:400}.strip{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,22px);max-width:980px;margin:0 auto}.strip li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:18px;background:#fff;border:2px solid var(--ink)}.strip svg{width:44px;height:44px}.strip strong{font-weight:600;font-size:clamp(1.15rem,1.05rem + 0.4vw,1.35rem);line-height:1.15}.strip span{font-style:italic;color:var(--muted);font-size:1.02rem;line-height:1.25}footer{margin-top:auto;padding:22px 16px max(22px,env(safe-area-inset-bottom));text-align:center;background:var(--ink);color:#F3E6EC;font-size:1rem}footer b{font-weight:600;color:#fff}@keyframes rise{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes bar{from{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes tilein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.tile{animation:tilein .5s cubic-bezier(.2,.7,.2,1) both}.t2{animation-delay:.9s}.t3{animation-delay:1.8s}.word span{animation:rise .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0s) + var(--i) * 70ms)}.t2 .word span{--d:1s}.t3 .word span{--d:1.9s}.t2 .word span:nth-child(odd){animation-name:rise2}.t2 .word span:nth-child(even){animation-name:rise3}.t3 .word span:nth-child(3n){animation-name:rise4}.wave rect{animation:bar .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--w,.5s) + var(--i) * 40ms)}.t2 .wave rect{--w:1.4s}.t3 .wave rect{--w:2.3s}}@keyframes rise2{from{opacity:0;transform:translateY(.4em) rotate(-4deg)}to{opacity:1;transform:translateY(-0.06em) rotate(-4deg)}}@keyframes rise3{from{opacity:0;transform:translateY(.4em) rotate(3deg)}to{opacity:1;transform:translateY(0.05em) rotate(3deg)}}@keyframes rise4{from{opacity:0;transform:translateY(.3em) rotate(6deg)}to{opacity:1;transform:translateY(-0.1em) rotate(6deg)}}@media (max-width: 720px){.row{margin:0 -16px;width:calc(100% + 32px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.tiles{display:flex;width:max-content;padding:2px 16px 6px;gap:10px}.tile{width:min(70vw,260px);min-height:164px;scroll-snap-align:center;flex:0 0 auto}.word{font-size:clamp(1.9rem,1.2rem + 3vw,2.4rem)}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height: 700px) and (max-width: 720px){.tile{min-height:120px}.logo{width:60px}}html,body{max-width:100%;overflow-x:clip}