:root{color-scheme:light;--bg:#f3f6f8;--panel:rgba(255,255,255,.54);--line:rgba(31,34,38,.09);--text:#141619;--muted:#686d73;--gold:#a87413;--champ:#6f4804}
html,body{background:radial-gradient(44% 34% at 54% 12%,rgba(255,255,255,.98),transparent 72%),radial-gradient(50% 38% at 88% 22%,rgba(255,226,151,.18),transparent 70%),linear-gradient(145deg,#fafbfc 0%,#edf1f4 48%,#f8f4ec 100%);color:var(--text)}
body{position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;z-index:-1;top:-35%;left:-18%;width:28%;height:165%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),rgba(255,242,207,.48),transparent);filter:blur(20px);animation:planGlare 14s ease-in-out infinite}
@keyframes planGlare{0%,20%{transform:translateX(-20vw) rotate(18deg);opacity:0}35%{opacity:.5}60%{transform:translateX(150vw) rotate(18deg);opacity:.32}74%,100%{transform:translateX(150vw) rotate(18deg);opacity:0}}
.bar{border-bottom-color:rgba(255,255,255,.88);background:rgba(255,255,255,.58);box-shadow:0 10px 34px rgba(55,62,72,.06),inset 0 1px #fff;backdrop-filter:blur(30px) saturate(155%)}
.back{color:var(--muted)}
.intro>p,.eyebrow{color:var(--gold)}
.copy{color:var(--muted)}
.plan{border:1px solid rgba(255,255,255,.90);background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.39));box-shadow:0 18px 50px rgba(55,62,72,.09),inset 0 1px #fff;backdrop-filter:blur(28px) saturate(150%);position:relative;overflow:hidden}
.plan::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.9),transparent 28%,transparent 72%,rgba(255,226,153,.16));opacity:.68}
.plan>*{position:relative;z-index:1}
.plan:hover{border-color:#fff;transform:translateY(-3px);box-shadow:0 24px 62px rgba(55,62,72,.13),0 0 0 1px rgba(174,123,22,.08),inset 0 1px #fff}
.plan.featured{border-color:rgba(174,123,22,.23);box-shadow:0 22px 58px rgba(55,62,72,.10),0 0 28px rgba(255,220,130,.10),inset 0 1px #fff}
.summary,.interest p,.footnote{color:var(--muted)}
.features{color:#454a50}
.plan button,.interest button{border:1px solid rgba(255,255,255,.86);background:linear-gradient(145deg,#fff3b4,#e7b94d 52%,#b97f14);color:#211605;box-shadow:inset 0 1px rgba(255,255,255,.78),0 8px 22px rgba(147,96,10,.15)}
.plan button:hover,.interest button:hover{filter:brightness(1.04);box-shadow:inset 0 1px rgba(255,255,255,.86),0 12px 28px rgba(147,96,10,.20),0 0 22px rgba(255,217,119,.18)}
.interest{border:1px solid rgba(255,255,255,.90);background:rgba(255,255,255,.55);box-shadow:0 18px 50px rgba(55,62,72,.08),inset 0 1px #fff;backdrop-filter:blur(28px) saturate(150%)}
.interest label{color:#575c62}
.interest input[type=email]{border-color:rgba(31,34,38,.10);background:rgba(255,255,255,.72);color:var(--text);box-shadow:inset 0 1px #fff}
.receipt{color:var(--gold)}
@media(prefers-reduced-motion:reduce){body::before{animation:none;opacity:.14;transform:translateX(60vw) rotate(18deg)}}
.plans{grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.plan{min-height:350px;padding:24px}.plan h2{font-size:20px}.price{font-size:30px}.summary{min-height:60px}.interest{max-width:760px}.brand{color:#24272b}.back:hover{color:#8a6113}
@media(max-width:1050px){.plans{grid-template-columns:repeat(2,minmax(240px,1fr))}.plan:last-child{grid-column:auto}}
@media(max-width:650px){.plans{grid-template-columns:1fr}.plan{min-height:0;padding:20px}.plan:last-child{grid-column:auto}}