.subx{padding-top:clamp(16px,6vw - 12px,72px);padding-bottom:0}.subx h2:after{display:none}.subx .subx-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.subx .subx-intro{gap:16px;margin-bottom:clamp(24px,3.4vw,40px);display:grid}.subx .subx-intro h1{letter-spacing:-.05em;color:var(--ink);margin-top:14px;font-size:clamp(2.6rem,8.4vw,6.6rem);line-height:.92}.subx .subx-accent{color:var(--navy)}.subx .subx-star{vertical-align:top;width:.42em;height:auto;color:var(--berry);margin:-.12em 0 0 .12em;display:inline-block}.subx .subx-intro .lede{max-width:44ch}.subx .subx-steps{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line);align-items:center;margin:0;padding:12px clamp(12px,2vw,20px);list-style:none;display:flex}.subx .subx-step{flex:1 1 0;align-items:center;min-width:0;display:flex}.subx .subx-step:last-child{flex:none}.subx .subx-step:not(:last-child):after{content:"";background:linear-gradient(var(--navy), var(--navy)) left / 0% 100% no-repeat, var(--line);min-width:16px;height:3px;transition:background-size .5s var(--ease);border-radius:3px;flex:1;margin-inline:12px}.subx .subx-step.past:after{background-size:100% 100%,auto}.subx .subx-step-btn{min-width:0;color:var(--ink-soft);font:inherit;text-align:left;background:0 0;border:0;border-radius:999px;align-items:center;gap:12px;margin:0;padding:6px 14px 6px 6px;transition:background .2s;display:flex}.subx button.subx-step-btn:hover{background:var(--surface-2)}.subx .subx-step.now .subx-step-btn,.subx .subx-step.past .subx-step-btn{color:var(--ink)}.subx .subx-step-n{width:42px;height:42px;font:400 1.4rem/1 var(--f-kid);background:var(--surface-2);color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;flex-shrink:0;place-items:center;transition:background .3s,color .3s,box-shadow .3s;display:grid}.subx .subx-step.now .subx-step-n{background:var(--surface);color:var(--navy);box-shadow:inset 0 0 0 2.5px var(--navy), 0 0 0 5px color-mix(in srgb, var(--navy) 16%, transparent)}.subx .subx-step.past .subx-step-n{background:var(--navy);color:var(--paper);box-shadow:none}.subx .subx-step-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.subx .subx-step-label{white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:700;line-height:1.2;overflow:hidden}.subx .subx-step-short{display:none}.subx .subx-step-txt small{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.2;overflow:hidden}@media (width<=860px){.subx .subx-steps{align-items:flex-start;padding:12px 10px 10px}.subx .subx-step{align-items:flex-start}.subx .subx-step:not(:last-child):after{min-width:10px;margin:16.5px 4px 0}.subx .subx-step-btn{border-radius:var(--r-sm);text-align:center;flex-direction:column;gap:6px;padding:0 2px}.subx button.subx-step-btn:hover{background:0 0}.subx .subx-step-n{width:36px;height:36px;font-size:1.2rem}.subx .subx-step-txt{align-items:center}.subx .subx-step-label,.subx .subx-step-txt small{display:none}.subx .subx-step-short{white-space:nowrap;font-size:.78rem;font-weight:700;line-height:1.1;display:block}}.subx .subx-stage{margin:clamp(20px,3vw,32px) -12px 0;padding:0 12px 4px;overflow-x:clip}.subx .subx-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 24px;margin-bottom:clamp(16px,2.4vw,24px);display:flex}.subx .subx-head h2{color:var(--ink);font-size:clamp(1.7rem,3.4vw,2.6rem)}.subx .subx-head h2:focus{outline:none}.subx .subx-head p{color:var(--ink-soft);max-width:46ch}.subx .subx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.subx .subx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1080px){.subx .subx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.subx .subx-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0}.subx .subx-tile.on:after{opacity:1;box-shadow:inset 0 0 0 2.5px var(--hw-orange,var(--navy))}.subx .subx-tile .pcard-body{padding:16px}.subx .subx-tick{z-index:2;background:var(--navy);width:28px;height:28px;color:var(--paper);box-shadow:0 4px 12px -4px var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.subx .subx-sel{margin-top:4px}.subx .subx-price s{color:var(--ink-soft)}.subx .subx-qty{background:var(--navy);min-width:112px;height:46px;color:var(--paper);border-radius:999px;flex:none;justify-content:space-between;align-items:center;gap:2px;padding:0 3px;font-weight:700;display:flex}.subx .subx-qty button{width:40px;height:40px;color:inherit;font:700 1.25rem/1 var(--f-body);background:0 0;border:0;border-radius:50%;transition:background .2s}.subx .subx-qty button:hover{background:color-mix(in srgb, var(--paper) 20%, transparent)}.subx .subx-qty button[disabled]{opacity:.4;pointer-events:none}.subx .subx-qty span{font-variant-numeric:tabular-nums;font-size:1.02rem}.subx .subx-dock{bottom:max(12px, env(safe-area-inset-bottom));z-index:5;background:rgb(var(--surface-rgb) / .88);-webkit-backdrop-filter:saturate(1.4)blur(16px);box-shadow:var(--shadow-2), inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:10px;margin-top:clamp(18px,3vw,28px);padding:8px 8px 8px 20px;display:flex;position:sticky}.subx .subx-dock-sum{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.subx .subx-dock-sum b,.subx .subx-dock-sum span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subx .subx-dock-sum b{font:800 1.15rem/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ink)}.subx .subx-dock-sum span{color:var(--ink-soft);font-size:.85rem;line-height:1.2}.subx .subx-dock-sum b small{font:600 .85rem/1 var(--f-body);letter-spacing:0;color:var(--ink-soft)}.subx .subx-dock-sum .subx-dock-min{color:var(--ink)}.subx .subx-dock-rule{color:var(--ink-soft)}.subx .subx-minbar{background:var(--surface-3);border-radius:4px;width:100%;max-width:340px;height:4px;margin-top:3px;display:block;overflow:hidden}.subx .subx-minbar i{border-radius:inherit;background:linear-gradient(90deg, var(--hw-purple,#8b5cf6), var(--navy));height:100%;transition:width .35s var(--ease);display:block}.subx .subx-minbar.full i{background:linear-gradient(90deg, #4fb51f, var(--hw-lime,#7ee03a))}.subx .subx-min{border-radius:var(--r-md);background:color-mix(in srgb, var(--berry) 14%, var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--berry) 40%, transparent);color:var(--ink-soft);flex-direction:column;gap:8px;padding:12px 14px;font-size:.9rem;line-height:1.4;display:flex}.subx .subx-min b{color:var(--ink)}.subx .subx-min .subx-minbar{max-width:none}.subx .subx-min .subx-edit{min-height:0;font-size:inherit;padding:2px 0}.subx .subx-dock .btn{flex-shrink:0}.subx .subx-back{background:var(--surface-2);height:48px;color:var(--ink);border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 18px 0 14px;font-weight:700;transition:background .2s;display:inline-flex}.subx .subx-back:hover{background:var(--surface-3)}.subx .subx-back svg{width:18px;height:18px}@media (width<=640px){.subx .subx-dock{border-radius:24px;gap:8px;padding:6px 6px 6px 16px}.subx .subx-dock .btn{gap:6px;height:48px;padding:0 16px;font-size:.92rem}.subx .subx-dock .btn svg{width:16px;height:16px}.subx .subx-dock-sum b{font-size:1.02rem}.subx .subx-dock-sum span{font-size:.78rem}.subx .subx-dock-sum .subx-dock-min{white-space:normal}.subx .subx-dock-rule{display:none}.subx .subx-back{width:48px;padding:0}.subx .subx-back span{display:none}.subx .subx-dock:has(.subx-back){padding-left:6px}}.subx .subx-freqs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=900px){.subx .subx-freqs{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.subx .subx-freq{border-radius:var(--r-lg);background:var(--surface);min-width:0;color:var(--ink);font:inherit;text-align:left;box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line);transition:box-shadow .25s var(--ease), background .25s, transform .25s var(--ease);border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 16px 20px;display:flex;position:relative}.subx .subx-freq:hover{transform:translateY(-2px)}.subx .subx-freq.on{background:color-mix(in srgb, var(--navy) 8%, var(--surface));box-shadow:0 0 0 2.5px var(--navy), var(--shadow-1)}.subx .subx-radio{color:#0000;width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;place-items:center;transition:background .2s,color .2s,box-shadow .2s;display:grid;position:absolute;top:14px;right:14px}.subx .subx-freq.on .subx-radio{background:var(--navy);color:var(--paper);box-shadow:none}.subx .subx-freq-every{font:700 .74rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.subx .subx-freq-n{font:600 1.05rem/1 var(--f-body);color:var(--ink-soft);align-items:baseline;gap:6px;display:flex}.subx .subx-freq-n b{font:800 clamp(2.8rem, 6vw, 3.6rem)/1 var(--f-display);letter-spacing:-.05em;color:var(--ink);transition:color .2s}.subx .subx-freq.on .subx-freq-n b{color:var(--navy)}.subx .subx-freq-help{color:var(--ink-soft);margin-top:6px;font-size:.88rem;line-height:1.4}.subx .subx-freq-tag{font:400 1.12rem/1 var(--f-kid);color:var(--berry);margin-top:10px}.subx .subx-review{gap:16px;display:grid}@media (width>=900px){.subx .subx-review{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:24px}}.subx .subx-review-main{flex-direction:column;gap:14px;min-width:0;display:flex}.subx .subx-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line);padding:clamp(16px,2.4vw,24px)}.subx .subx-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.subx .subx-card-head h3{color:var(--ink);font-size:1.3rem}.subx .subx-edit{color:var(--navy);text-underline-offset:4px;background:0 0;border:0;flex-shrink:0;padding:6px 4px;font-size:.92rem;font-weight:700;text-decoration:underline}.subx .subx-lines{margin:0;padding:0;list-style:none}.subx .subx-lines li{border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.subx .subx-lines li:first-child{border-top:0}.subx .subx-lines img{border-radius:var(--r-sm);background:var(--surface-2);object-fit:contain;width:56px;height:56px;padding:4px}.subx .subx-line-name{flex-direction:column;gap:2px;min-width:0;display:flex}.subx .subx-line-name b{color:var(--ink);font-weight:700;line-height:1.25}.subx .subx-line-name small,.subx .subx-line-price s{color:var(--ink-soft);font-size:.82rem}.subx .subx-line-price{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.subx .subx-line-price b{font:800 1.02rem/1.1 var(--f-display);color:var(--ink)}.subx .subx-when{align-items:center;gap:14px;display:flex}.subx .subx-when-ico{background:color-mix(in srgb, var(--navy) 13%, var(--surface-2));width:46px;height:46px;color:var(--navy);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.subx .subx-when-ico svg{width:22px;height:22px}.subx .subx-when-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.subx .subx-when-txt small{color:var(--ink-soft);font-size:.82rem}.subx .subx-when-txt b{font:800 1.2rem/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ink)}.subx .subx-sum{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-2), inset 0 0 0 1px var(--line);flex-direction:column;gap:12px;padding:clamp(20px,3vw,32px);display:flex}@media (width>=900px){.subx .subx-sum{top:calc(var(--header-h) + 8px);position:sticky}}.subx .subx-sum-label{font:700 .78rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.subx .subx-total{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.subx .subx-total b{font:800 clamp(2.4rem, 5vw, 3.2rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--ink)}.subx .subx-total s{color:var(--ink-soft);font-size:1rem}.subx .subx-save{color:var(--navy);font-weight:700}.subx .subx-note{font:400 1.35rem/1.1 var(--f-kid);color:var(--berry);align-items:center;gap:8px;margin-top:-4px;display:flex}.subx .subx-note .kid{flex-shrink:0;width:44px;height:auto;transform:rotate(-14deg)translateY(-4px)}.subx .subx-perks{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin:4px 0;padding:12px 0 0;list-style:none;display:flex}.subx .subx-perks li{color:var(--ink);align-items:center;gap:10px;font-size:.95rem;display:flex}.subx .subx-perks svg,.subx .subx-added svg{color:var(--navy);flex-shrink:0}.subx .subx-added{border-radius:var(--r-md);background:color-mix(in srgb, var(--navy) 12%, var(--surface-2));color:var(--ink);align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.subx .subx-fine{color:var(--ink-soft);text-align:center;text-wrap:balance;font-size:.84rem}.subx .subx-back-link{color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:8px;margin-top:18px;padding:8px 2px;font-weight:700;transition:color .2s;display:inline-flex}.subx .subx-back-link:hover{color:var(--navy)}.subx .subx-back-link svg{width:18px;height:18px}.subx .subx-manage{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line);align-items:center;gap:20px 48px;margin-top:clamp(48px,7vw,88px);padding:clamp(22px,4vw,44px);display:grid}@media (width>=900px){.subx .subx-manage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.subx .subx-manage h2{color:var(--ink);margin:12px 0 10px;font-size:clamp(1.7rem,3.2vw,2.4rem)}.subx .subx-manage-act{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.subx .subx-manage .subx-mail{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%;height:auto;min-height:44px;padding-block:8px;line-height:1.25}.subx .subx-manage .btn svg{flex:none}.subx .subx-manage .btn:hover svg{transform:none}@media (prefers-reduced-motion:reduce){.subx .subx-freq:hover{transform:none}}.subx .subx-sel{width:100%}.subx .subx-sel .sel-btn{height:auto;min-height:36px;padding-block:7px;line-height:1.2}.subx .subx-sel .sel-value{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}@media (width<=719px),(pointer:coarse){.subx .subx-sel .sel-btn{min-height:44px}}.subx .text-link,.subx .subx-edit,.subx .subx-back-link{min-height:44px}.subx .text-link{align-items:center;display:inline-flex}.subx .subx-how{margin:clamp(18px,3vw,32px) 0 clamp(24px,3.6vw,40px)}.subx .subx-how-h{margin:0 0 14px;font-size:clamp(1.3rem,2vw,1.6rem)}.subx .subx-how-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,18px);margin:0;padding:0;list-style:none;display:grid}.subx .subx-how-list li{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line);align-content:start;gap:6px;padding:18px 18px 20px;display:grid;position:relative}.subx .subx-how-n{background:var(--hw-orange,var(--navy));color:#1a0f2e;width:38px;height:38px;font:400 1.3rem/1 var(--f-kid);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.subx .subx-how-list h3{font:800 1.05rem/1.2 var(--f-display);color:var(--ink);margin:0}.subx .subx-how-list p{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.5}@media (width<=900px){.subx .subx-how-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.subx .subx-how-list{margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 10px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:10px;display:flex;overflow:auto hidden}.subx .subx-how-list::-webkit-scrollbar{display:none}.subx .subx-how-list li{scroll-snap-align:start;flex:0 0 74%;min-width:0;max-width:74%}}.subx .subx-faq{max-width:820px;margin-top:clamp(36px,5vw,64px)}.subx .subx-faq h2{margin:0 0 8px;font-size:clamp(1.6rem,2.6vw,2.2rem)}.subx .subx-faq details{border-top:1px solid var(--line)}.subx .subx-faq details:last-child{border-bottom:1px solid var(--line)}.subx .subx-faq summary{min-height:56px;font:700 1.05rem/1.25 var(--f-display);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;list-style:none;display:flex}.subx .subx-faq summary::-webkit-details-marker{display:none}.subx .subx-faq summary i{width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--hw-orange,var(--navy));color:var(--hw-orange,var(--navy));font:700 1.1rem/1 var(--f-body);transition:rotate .3s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;font-style:normal;display:grid}.subx .subx-faq details[open] summary i{rotate:45deg}.subx .subx-faq details p{max-width:62ch;color:var(--ink-soft);margin:0;padding:0 0 18px}@media (width<=640px){.subx .subx-tile .pcard-foot{grid-template-columns:minmax(0,1fr);grid-template-areas:"price""add";align-items:stretch;row-gap:10px}.subx .subx-tile .pcard-foot .quick-add,.subx .subx-tile .pcard-foot .subx-qty{grid-area:add;width:100%;min-width:0;height:42px}.subx .subx-tile .pcard-foot .quick-add{gap:6px;padding:0 14px}.subx .subx-tile .pcard-foot .quick-add span{display:inline}}@media (width<=520px){.subx .subx-tile .pcard-body{padding:12px 12px 14px}}