.titles-armed [data-beat]{opacity:0;animation:titles-failsafe 1ms 3.5s forwards}@keyframes titles-failsafe{to{opacity:1}}@media (prefers-reduced-motion:reduce){.titles-armed [data-beat]{opacity:1;animation:none}}:root{--plum:#3A1240;--deep:#250B2A;--rose:#FF4A7D;--chalk:#FBF2F6;--haze:#C39CC7;}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--plum);color:var(--chalk);font-family:"Rubik",system-ui,sans-serif;font-weight:500;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased;}.wrap{max-width:1180px;margin:0 auto;padding:clamp(18px,4vw,34px) clamp(18px,5vw,44px) 0;padding-left:max(clamp(18px,5vw,44px),env(safe-area-inset-left));padding-right:max(clamp(18px,5vw,44px),env(safe-area-inset-right));}.hero{display:flex;flex-direction:column;gap:clamp(14px,3.4vw,26px)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:clamp(68px,17vw,112px);height:auto;aspect-ratio:1 / 1;border-radius:18px;display:block;}.brand span{font-family:"Varela Round",system-ui,sans-serif;font-size:clamp(1.15rem,1rem + 1.6vw,1.6rem);letter-spacing:0.01em;}.headwrap{align-self:flex-start;max-width:100%}.h1box{position:relative;width:fit-content}.blk1{position:absolute;inset:-14px -18px -12px -16px;background:var(--deep);border-radius:4px 16px 6px 14px;transform:rotate(-1.2deg);z-index:0;}.blk2{display:block;width:clamp(74px,20vw,110px);height:12px;background:var(--rose);border-radius:3px 9px 3px 8px;transform:rotate(1.4deg);margin:0 0 16px 2px;}h1{position:relative;z-index:1;margin:0;font-weight:800;font-size:clamp(1.72rem,1.05rem + 4.3vw,2.9rem);line-height:1.08;letter-spacing:-0.02em;max-width:12ch;}.lede{margin:0;max-width:46ch;color:var(--haze);font-size:clamp(0.96rem,0.9rem + 0.5vw,1.12rem);}.lede b{color:var(--chalk);font-weight:500}.cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:56px;padding:0 clamp(24px,6vw,38px);background:var(--rose);color:var(--deep);text-decoration:none;font-family:"Varela Round",system-ui,sans-serif;font-size:clamp(1.05rem,1rem + 0.7vw,1.25rem);border-radius:6px 20px 6px 20px;-webkit-tap-highlight-color:transparent;transition:transform 0.18s ease;}.cta:focus-visible{outline:3px solid var(--chalk);outline-offset:4px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.art{align-self:center;width:min(300px,82vw);position:relative;padding-bottom:6px;}.art .paper{position:absolute;inset:auto -16px -4px -20px;height:72%;background:var(--deep);border-radius:10px 26px 8px 22px;transform:rotate(2deg);}.phone{position:relative;background:var(--deep);border:3px solid var(--chalk);border-radius:30px;padding:12px 10px 16px;}.notch{width:54px;height:6px;border-radius:4px;background:var(--haze);margin:0 auto 12px;}.screen{background:var(--chalk);border-radius:18px;padding:14px 13px 16px;color:var(--deep);}.who{display:flex;align-items:center;gap:9px;margin-bottom:12px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--plum);flex:0 0 auto}.handle{font-size:0.88rem;font-weight:800;letter-spacing:-0.01em}.state{margin-left:auto;font-size:0.76rem;font-family:"Varela Round",system-ui,sans-serif;background:var(--rose);color:var(--deep);padding:4px 9px;border-radius:4px 10px 4px 10px;}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.rows li{display:flex;flex-direction:column;gap:5px}.rows span{font-size:0.78rem;color:#5B3461}.bar{height:11px;border-radius:3px 8px 3px 8px;background:var(--plum)}.bar.b2{width:78%;background:var(--rose)}.bar.b3{width:62%}.bar.b4{width:88%;background:var(--haze)}.bar.b5{width:54%;background:var(--rose)}.band{margin:clamp(40px,9vw,76px) 0 0;background:var(--deep);border-radius:16px 40px 16px 40px;padding:24px 22px;}.band h2{margin:0 0 8px;font-size:clamp(1.15rem,1rem + 1.1vw,1.5rem);font-weight:800;letter-spacing:-0.015em;}.band p{margin:0;max-width:60ch;color:var(--haze)}footer{margin-top:clamp(28px,6vw,48px);padding:22px 0 max(26px,env(safe-area-inset-bottom));color:var(--haze);font-size:0.86rem;}@media (min-width: 960px){.wrap{padding-top:40px}.band{padding:34px 38px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;column-gap:56px;row-gap:24px;grid-template-areas: "brand art" "head  art" "lede  art" "cta   art";align-content:start;}.brand{grid-area:brand}.headwrap{grid-area:head}.lede{grid-area:lede}.cta{grid-area:cta;justify-self:start}.art{grid-area:art;justify-self:center;width:min(330px,100%)}}@media (prefers-reduced-motion: reduce){.cta{transition:none}}