:root{color-scheme:dark;--bg:#0a0912;--panel:#191528;--line:#383246;--accent:#d2afff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f8f5ff;font:16px/1.55 system-ui,"Microsoft JhengHei",sans-serif}header{border-bottom:1px solid var(--line)}.nav,main,footer{width:min(1120px,91%);margin:auto}.nav,.brand,.summary,.cta,footer{display:flex;align-items:center;justify-content:space-between}.nav{height:72px}.brand{font-weight:850;gap:10px;font-size:21px}.brand img{width:46px;height:46px;object-fit:contain}a{color:inherit;text-decoration:none}.nav>a+ a,.hint{font-size:14px;color:#c1baca}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;min-height:375px;align-items:center;padding:30px 4%;background:radial-gradient(ellipse at 78% 62%,#482661 0,transparent 54%),linear-gradient(112deg,#12121c,#20122f);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin:28px 0 45px}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(125deg,transparent 0 70px,#b6a0d409 71px 73px);pointer-events:none}.copy{z-index:1}.art{position:absolute;right:2%;height:105%;width:52%;display:grid;place-items:center}.art img{height:98%;width:100%;object-fit:contain;filter:drop-shadow(0 13px 24px #090514)}small,.sub{font:700 12px/1.5 system-ui;letter-spacing:.14em;color:var(--accent)}h1{font-size:clamp(44px,5.7vw,76px);letter-spacing:-.055em;line-height:1.02;margin:12px 0}em{color:var(--accent);font-style:normal}.copy p,.delivery p{color:#cac3d4}.cta{background:#d6b7ff;color:#21132f;border:0;border-radius:9px;padding:13px 19px;font:750 16px system-ui;cursor:pointer}.copy .cta{display:inline-flex;gap:24px}.cta:hover{background:#e9d9ff}.cta:disabled{opacity:.65}h2{font-size:25px;letter-spacing:-.025em}.shop{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.plans{display:grid;gap:10px}.option{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;background:#14121d;border:1px solid var(--line);border-radius:12px;cursor:pointer}.option:has(:checked){border-color:#bb85fc;background:#261a36}.option input{accent-color:#ca9aff;width:17px;height:17px;vertical-align:middle;margin-right:12px}.option b{font-size:20px}form,dialog{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.summary{margin:6px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.summary strong{font-size:24px}label{font-size:14px}input[type=email]{display:block;width:100%;background:#100d18;color:white;border:1px solid #554862;border-radius:7px;padding:11px;font-size:16px;margin:6px 0 14px}form .cta{width:100%}.hint{margin:10px 0 0}output{display:block;color:#ffcca8}dialog{width:min(410px,90vw);color:white;box-shadow:0 25px 80px #000}dialog::backdrop{background:#080610bb}.close{float:right;background:none;color:white;border:0;font-size:25px;cursor:pointer}code{display:block;padding:12px;background:#100c18;color:var(--accent)}.delivery{margin:44px 0}.delivery>div{display:flex;gap:5%;flex-wrap:wrap}.delivery b{color:#f9f5ff}.delivery p{margin:4px 0 12px}.nav a:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #75dcff;outline-offset:3px}footer{border-top:1px solid var(--line);padding:18px 0 30px;color:#aaa2b7}@media(max-width:650px){.shop{grid-template-columns:1fr}.hero{min-height:320px;padding:18px}.art{right:-12%;width:68%;opacity:.74}.copy p{font-size:14px}.delivery>div{display:block}.nav{height:58px}.hero{margin:16px 0 24px}}

.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}
.option{min-height:140px;flex-direction:column;align-items:flex-start;padding:19px 14px;gap:20px}
.option strong{font-size:clamp(17px,2vw,24px);font-variant-numeric:tabular-nums}
.option input{margin:0 6px 2px 0}
.option:has(:checked){box-shadow:inset 0 3px #c599ff}
@media(max-width:800px){.shop{grid-template-columns:1fr}}
@media(max-width:480px){.plans{gap:6px}.option{padding:14px 7px;min-height:101px}.option b{font-size:16px}}