.shero .art{min-height:300px}.shero .art .stackimg{max-height:360px;position:relative;z-index:1;width:auto;filter:drop-shadow(0 24px 30px rgb(0 0 0 / .45))}.shero .badge{position:absolute;top:6%;left:10%;width:118px;height:118px;border-radius:50%;background:var(--gold-btn-bg);color:var(--navy-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;line-height:1;transform:rotate(-8deg);box-shadow:0 10px 24px rgb(0 0 0 / .3);z-index:2}.shero .badge b{font-size:38px}.shero .badge small{font-size:12px;letter-spacing:.14em;margin-top:4px}.shero .mini{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--cream-soft)}.shero .mini span{display:flex;align-items:center;gap:8px}.shero .mini span::before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}.plan{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.stepblk{display:flex;flex-direction:column;gap:14px}.stepblk+.stepblk{margin-top:30px}.stepblk h3{font-size:clamp(26px,2.6vw,32px);display:flex;align-items:center;gap:12px}.stepblk h3 span{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-ink);font-family:var(--text);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.brow{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--rule-light);background:var(--paper);transition:border-color .2s ease,box-shadow .2s ease}.brow.has{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.brow .th{width:72px;height:72px;border-radius:12px;background:var(--sand);display:flex;align-items:center;justify-content:center}.brow .th img{max-width:80%;max-height:86%;width:auto;height:auto}.brow .t{display:flex;flex-direction:column;gap:2px;min-width:0}.brow .t b{font-weight:600;font-size:15px}.brow .t small{font-size:13px;color:var(--ink-soft)}.brow .t .pp{font-size:14px}.brow .t .pp s{color:var(--ink-soft);margin-left:6px}.brow .t .pp b{font-size:14px}.freq{grid-template-columns:repeat(3,minmax(0,1fr))}.freq .optc{flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:16px}.freq .optc .t b{font-size:17px}.splan{position:sticky;top:calc(90px + env(safe-area-inset-top,0px))}.splan .panel{display:flex;flex-direction:column;gap:16px}.splan h3{font-size:30px;line-height:1.05}.slines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}.slines li{display:flex;justify-content:space-between;gap:12px}.slines li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.slines .none{color:var(--ink-soft)}.big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.big b{font-size:34px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.big s{color:var(--ink-soft);font-size:17px}.big small{font-size:14px;color:var(--ink-soft);flex-basis:100%}.savebox{border-radius:14px;background:rgb(201 160 74 / .18);padding:12px 14px;font-size:14px}.savebox b{font-weight:600}.perk{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--r-md);border:1px solid var(--rule-dark);background:rgb(7 21 48 / .55)}.perk svg{color:var(--gold)}.perk b{font-size:18px}.perk span{font-size:15px;color:var(--cream-soft)}.cmpwrap{overflow-x:auto;border-radius:20px}.cmp{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;background:var(--paper);border:1px solid var(--rule-light)}.cmp th,.cmp td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--rule-light);vertical-align:top}.cmp thead th{background:var(--navy);color:var(--cream);font-weight:600}.cmp thead th.hl{background:var(--gold);color:var(--navy-deep)}.cmp tbody th{font-weight:600;width:30%}.cmp td{color:var(--ink-soft)}.cmp td.hl{color:var(--ink);font-weight:500;background:rgb(201 160 74 / .1)}.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}@media (max-width:900px){.plan{grid-template-columns:minmax(0,1fr)}.splan{position:static}}@media (max-width:640px){.freq{grid-template-columns:minmax(0,1fr)}.brow{grid-template-columns:56px minmax(0,1fr);row-gap:10px}.brow .th{width:56px;height:56px}.brow .qty{grid-column:1/-1;justify-content:space-between}.shero .badge{width:92px;height:92px;left:4%}.shero .badge b{font-size:30px}}