:root{--gold-top:#F0BE35;--gold-bottom:#CB921F;--shadow:rgba(0,0,0,.45)}
*{box-sizing:border-box}
.page-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 6vw;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent)}
.page-header .brand{display:flex;gap:.6rem;align-items:center;text-decoration:none;color:var(--fg)}
.page-header .brand .logo{height:32px;width:auto;filter:drop-shadow(0 4px 16px rgba(255,215,0,.18))}
.page-header .brand .name{font-weight:800;letter-spacing:.02em}
.moreinfo{padding:8vh 8vw 16vh;display:grid;gap:8vh}
.intro{text-align:center}
.intro h1{margin:0 0 .5rem;font-weight:900;letter-spacing:.04em;font-size:clamp(2rem,8vw,4rem)}
.intro p{color:#e9e4d6;font-size:clamp(1rem,3.4vw,1.25rem);line-height:1.6}
.shine{background:linear-gradient(90deg,#fff,rgba(255,215,0,.9),#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(255,215,0,.14))}
.features .grid{display:grid;gap:clamp(14px,2.4vw,22px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,215,0,.14);border-radius:14px;padding:1.1rem 1.1rem 1.25rem;box-shadow:0 14px 30px rgba(0,0,0,.35);transform:translateY(8px) scale(.985);opacity:0}
.card h3{margin:.25rem 0 .25rem;font-weight:800;font-size:clamp(1.1rem,3.6vw,1.35rem)}
.card p{margin:0;color:#eadfbf;line-height:1.55}
.pricing h2{margin:0 0 .6rem;text-align:center;font-weight:800;font-size:clamp(1.6rem,5vw,2.2rem)}
.pricing .note{opacity:.9;text-align:center;color:#e9e4d6;margin:.2rem 0 .9rem}
@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.card.in{animation:rise .6s cubic-bezier(.2,.7,.2,1) .05s both}
.card:nth-child(2).in{animation-delay:.12s}
.card:nth-child(3).in{animation-delay:.19s}
.shine.in{animation:shimmer 2.8s ease-in-out 400ms both}
@media (hover:hover){.card:hover{transform:translateY(-2px) scale(1.005)}}
@media (prefers-reduced-motion:reduce){.shine.in,.card.in{animation:none}.card{opacity:1;transform:none}}