/* My plan + shared plan */
.plan{min-height:80vh}
.pl-hero{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;background:#0b0b0c;color:#fff;padding:120px var(--pad) 44px}
.pl-collage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}
.pl-collage img{width:100%;height:100%;object-fit:cover;opacity:0;animation:plfade 1.2s var(--ease) forwards;animation-delay:calc(var(--i)*.12s);filter:saturate(1.1)}
.pl-collage:has(img:only-child){grid-template-columns:1fr}.pl-collage:has(img:nth-child(2):last-child){grid-template-columns:1fr 1fr}.pl-collage:has(img:nth-child(3):last-child){grid-template-columns:1fr 1fr 1fr}
@keyframes plfade{to{opacity:.55}}
.pl-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0c 4%,rgba(11,11,12,.55) 55%,rgba(11,11,12,.35))}
.pl-hero-in{position:relative;max-width:900px}
.pl-k{font:600 11.5px Inter;letter-spacing:.18em;text-transform:uppercase;color:#d9b26f}
.pl-hero h1{font:900 clamp(40px,6vw,84px)/.95 "Inter Tight",Inter,sans-serif;letter-spacing:-.035em;margin:12px 0 10px}
.pl-hero h1 input{all:unset;width:100%;font:inherit;letter-spacing:inherit;color:#fff;border-bottom:1px dashed rgba(255,255,255,.25);padding-bottom:4px;cursor:text}
.pl-hero h1 input::placeholder{color:#fff;opacity:1}.pl-hero h1 input:focus{border-bottom-color:#d9b26f}
.pl-sub{color:rgba(255,255,255,.72);font-size:16px}
.pl-cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.pl-cta .btn{gap:8px}.pl-cta .btn[disabled]{opacity:.55;cursor:default}
.pl-hero .btn.line{border-color:rgba(255,255,255,.4);color:#fff}
.pl-body{max-width:980px;margin:0 auto;padding:40px var(--pad) 90px}
.pl-day{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:26px 0;border-top:1px solid var(--line)}
.pl-day-h{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:4px}
.pl-day-h b{font:800 26px/1.05 "Inter Tight",Inter;letter-spacing:-.02em;text-transform:capitalize}.pl-day-h span{color:var(--muted);font-size:14px}
.pl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pl-item{display:grid;grid-template-columns:132px 1fr auto;gap:18px;align-items:center;padding:10px;border-radius:14px;background:var(--card,#141416);border:1px solid var(--line);transition:transform .25s var(--ease),opacity .22s}
.pl-item.out{opacity:0;transform:translateX(30px)}
.pl-item:hover{transform:translateY(-2px)}
.pl-img{aspect-ratio:4/3;border-radius:10px;overflow:hidden}.pl-img img{width:100%;height:100%;object-fit:cover}
.pl-txt{min-width:0}.pl-pills{display:flex;gap:6px;flex-wrap:wrap;min-height:4px;margin-bottom:6px}
.pl-txt h3{font-size:19px;line-height:1.2;letter-spacing:-.01em}.pl-m{color:var(--muted);font-size:13.5px;margin-top:4px}.pl-p{font-size:13px;margin-top:4px;opacity:.85}
.pl-ctl{display:flex;flex-direction:column;gap:6px;padding-right:4px}
.pl-ctl button{width:34px;height:30px;border-radius:8px;border:1px solid var(--line);color:var(--fg);font-size:15px;transition:.2s}
.pl-ctl button:hover:not([disabled]){background:var(--fg);color:var(--bg)}.pl-ctl button[disabled]{opacity:.25}
.pl-rm:hover:not([disabled]){background:#e8553d!important;border-color:#e8553d!important;color:#fff!important}
.pl-empty{text-align:center;padding:60px 0}.pl-empty-ic{font-size:54px;color:#d9b26f}.pl-empty h2{font-size:30px;margin:10px 0}.pl-empty p{color:var(--muted);margin-bottom:22px}
.pl-note{margin-top:26px;color:var(--muted);font-size:13px;text-align:center}
.pl-hero.shared .pl-k{color:#7fd3ff}
@media (max-width:760px){
  .pl-hero{min-height:380px;padding:100px 20px 30px}.pl-collage{grid-template-columns:1fr 1fr!important}
  .pl-day{grid-template-columns:1fr;gap:12px}.pl-day-h{position:static;flex-direction:row;align-items:baseline;gap:10px}
  .pl-item{grid-template-columns:92px 1fr auto;gap:12px}.pl-txt h3{font-size:16px}.pl-ctl button{width:30px;height:28px}
}
/* guard */ html,body{overflow-x:clip}