:root{--plum:#8C2A5C;--plum-deep:#2A0A20;--plum-night:#3A0F2D;--plum-dusk:#62194A;--rose:#F3D3E4;--mist:#F7EEF3;--lilac:#E9D8EC;--mint-wash:#DDF3E9;--text:#FFF5FA;--text-soft:#EBCFE0;--cta:#3DD69A;--cta-edge:#1FA873;--cta-ink:#052A1C;--bezel:#1B0715}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{min-height:100vh;font-family:"Figtree",system-ui,sans-serif;font-weight:400;color:var(--plum-deep);background:radial-gradient(60% 55% at 12% 10%,var(--rose) 0,transparent 70%),radial-gradient(50% 50% at 90% 18%,var(--lilac) 0,transparent 70%),radial-gradient(55% 60% at 80% 95%,var(--mint-wash) 0,transparent 70%),radial-gradient(45% 45% at 8% 90%,#F1DCE8 0,transparent 70%),var(--mist);display:flex;flex-direction:column}.scene{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px) 16px}.tablet{width:min(980px,100%);padding:14px;border-radius:34px;background:var(--bezel);box-shadow:0 40px 80px -30px rgba(90,20,60,.45),0 0 0 1px rgba(140,42,92,.35) inset}.screen{position:relative;overflow:hidden;border-radius:22px;color:var(--text);background:linear-gradient(170deg,var(--plum-night) 0,var(--plum-dusk) 62%,#7E2656 100%);display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"top top" "copy sky" "hours hours";column-gap:clamp(16px,3vw,40px);padding:clamp(18px,2.6vw,30px) clamp(18px,3vw,38px) clamp(16px,2vw,24px)}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-chip{display:inline-flex;align-items:center;background:#FFF;border-radius:12px;padding:4px 8px}.logo-chip img{display:block;height:34px;width:auto}.place{font-weight:600;font-size:clamp(.74rem,1.4vw,.84rem);color:var(--text-soft);letter-spacing:.04em;text-align:right}.copy{grid-area:copy;align-self:center;padding:clamp(18px,3vw,34px) 0}h1{font-family:"Unbounded",system-ui,sans-serif;font-weight:700;font-size:clamp(1.9rem,4.6vw,3.3rem);line-height:1.04;letter-spacing:-.01em}h1 .soft{color:var(--rose)}.lead{margin-top:clamp(12px,1.6vw,18px);font-size:clamp(1rem,1.7vw,1.13rem);line-height:1.5;color:var(--text-soft);max-width:34ch}.cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(18px,2.4vw,26px);padding:16px 28px;border-radius:16px;background:var(--cta);border:2px solid var(--cta-edge);color:var(--cta-ink);font-family:"Unbounded",system-ui,sans-serif;font-weight:700;font-size:clamp(.92rem,1.6vw,1.02rem);text-decoration:none;box-shadow:0 12px 26px -12px rgba(61,214,154,.7);transition:transform .18s ease}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(1px)}.cta:focus-visible{outline:3px solid #FFF;outline-offset:4px}.cta svg{width:18px;height:18px}.ready{margin-top:12px;font-size:clamp(.86rem,1.4vw,.94rem);color:var(--text-soft);max-width:36ch}.ready strong{color:var(--text);font-weight:600}.sky{grid-area:sky;position:relative;min-height:300px;overflow:hidden;border-radius:18px;background:radial-gradient(80% 70% at 50% 20%,rgba(243,211,228,.14) 0,transparent 70%)}.cloud{position:absolute;left:50%;top:8%;width:min(270px,78%);transform:translateX(-50%);will-change:transform}.cloud svg{display:block;width:100%;height:auto}.rain{position:absolute;inset:0}.rain .group{position:absolute;inset:0;transition:opacity .35s linear}.drop{position:absolute;top:30%;width:22px;height:22px;opacity:0;animation:fall 2.6s linear infinite}.drop svg{display:block;width:100%;height:100%}@keyframes fall{0%{transform:translateY(0) rotate(0deg);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translateY(190px) rotate(160deg);opacity:0}}.condition{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;font-weight:600;font-size:clamp(.8rem,1.3vw,.88rem);padding:6px 14px;border-radius:999px;background:rgba(42,10,32,.55);color:var(--text)}.hours{grid-area:hours;margin-top:clamp(12px,1.8vw,20px);border-top:1px solid rgba(243,211,228,.22);padding-top:14px}.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:14px}.strip::-webkit-scrollbar{display:none}.strip:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.hour{flex:0 0 auto;width:clamp(84px,11vw,104px);scroll-snap-align:start;border-radius:14px;padding:10px 8px;text-align:center;background:rgba(255,245,250,.07)}.hour.now{background:rgba(255,245,250,.16)}.hour b{display:block;font-weight:600;font-size:.86rem}.hour span{display:block;font-size:.8rem;color:var(--text-soft);margin-top:2px}.hour svg{display:block;width:26px;height:26px;margin:6px auto 4px}footer{text-align:center;padding:18px 16px 22px;font-size:.86rem;color:#5A1D42}@media(max-width:720px){.scene{padding:0;align-items:stretch}.tablet{padding:0;border-radius:0;background:none;box-shadow:none}.screen{border-radius:0;min-height:100svh;grid-template-columns:1fr;grid-template-areas:"top" "sky" "copy" "hours";padding:16px 16px 18px}.sky{min-height:180px;margin-top:10px}.cloud{width:190px;top:4%}.copy{padding:6px 0 4px}.place{max-width:15ch}.logo-chip img{height:30px}}@media(prefers-reduced-motion:reduce){.drop{animation:none;opacity:1}.drop:nth-child(2n){transform:translateY(60px) rotate(40deg)}.drop:nth-child(3n){transform:translateY(110px) rotate(90deg)}.cta,.rain .group{transition:none}}html,body{max-width:100%;overflow-x:clip}