.th::after{content:"♥";right:-30px;top:10px;transform:rotate(12deg)}
.tp.white{background:#fff}
.tp.white .tp-card{background:var(--lilac);box-shadow:none}
.rd-card .btn{flex:none}
.th{padding-bottom:150px}
.mw-sec{position:relative;z-index:1;padding:0 var(--gut)}
.mw-panel{width:calc(100% - 2*var(--gut));max-width:var(--m-wide);margin:-118px auto 0;background:#fff;border-radius:28px;padding:40px 44px 36px;box-shadow:0 40px 80px -50px rgba(40,10,90,.6)}
.mw-h{font-size:clamp(24px,2.6vw,34px)}
.mw-intro{margin:10px 0 0;max-width:var(--m-prose);color:var(--ink-2)}
.mw-hand{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mw-card{position:relative;min-height:176px;overflow:hidden;background:linear-gradient(160deg,#fff 55%,var(--lilac));border-radius:22px;padding:18px 18px 16px 78px;box-shadow:0 0 0 2px var(--lilac-2) inset,0 26px 46px -30px rgba(40,10,80,.55)}
.mw-card:nth-child(1){transform:rotate(-2deg)}
.mw-card:nth-child(2){transform:rotate(-.6deg) translateY(-8px)}
.mw-card:nth-child(3){transform:rotate(.6deg) translateY(-8px)}
.mw-card:nth-child(4){transform:rotate(2deg)}
.mw-corner{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;align-items:center;width:50px;font-family:var(--round);color:var(--pink)}
.mw-corner b{font-size:38px;font-weight:700;line-height:1}
.mw-corner small{font:700 15px/1 var(--round);margin-left:1px}
.mw-corner i{font-style:normal;font-size:26px;line-height:1.2}
.mw-corner.flip{display:none;left:auto;top:auto;right:14px;bottom:12px;width:auto;transform:rotate(180deg);color:#75629A}
.mw-corner.flip b{font-size:16px}
.mw-corner.flip i{font-size:12px}
.mw-pip{position:absolute;right:24px;bottom:-6px;font:700 96px/1 var(--round);color:var(--lilac-2);pointer-events:none}
.mw-card:nth-child(2) .mw-pip{color:#FBD3E5}
.mw-card h3,.mw-max{position:relative;z-index:1}
.mw-card h3{font:700 21px/1.15 var(--round);margin-top:4px}
.mw-max{margin:10px 0 0;font:600 14px/1.4 var(--text);color:var(--ink-2)}
.mw-bar{display:flex;gap:4px;margin:28px 0 0;height:44px;border-radius:999px;overflow:hidden}
.mw-bar span{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;font:700 16px var(--round);color:#fff}
.mw-bar i{font-style:normal}
.mw-bar [data-k=lic]{background:var(--violet)}
.mw-bar [data-k=san]{background:var(--pink)}
.mw-bar [data-k=let]{background:var(--violet-deep)}
.mw-bar [data-k=pro]{background:var(--ink)}
.mw-sum{margin:16px 0 0;padding:14px 18px;border-radius:16px;background:var(--lilac);font:600 16px/1.5 var(--round);text-align:center}
.mc{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.mc li{position:relative;background:#fff;border-radius:18px;padding:16px 18px 16px 62px;box-shadow:0 0 0 2px var(--lilac-2) inset}
.tp.white .mc li{background:var(--lilac);box-shadow:none}
.mc p{margin:0;font-size:16px}
.mc b{font-family:var(--round);font-weight:700}
.mc-n{position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:9px;background:var(--violet);color:#fff;display:grid;place-items:center;font:700 15px/1 var(--round);transform:rotate(-6deg)}
.mc li:nth-child(even) .mc-n{background:var(--pink);transform:rotate(6deg)}
@media (min-width:900px){.mc{grid-template-columns:1fr 1fr}.tp-col.mw{max-width:1280px;margin:0 auto}}
@media (prefers-reduced-motion:no-preference){.mw-card{transition:transform .25s}.mw-card:hover{transform:translateY(-10px)}}
@media (max-width:1000px){.mw-hand{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-card{transform:none!important;min-height:0}}
@media (max-width:760px){.th{padding:18px 0 110px}.th::before,.th::after{font-size:160px}.tp{padding:56px 0}.mw-sec{padding:0 10px}.mw-panel{margin-top:-88px;padding:24px 16px 22px;border-radius:22px}.mw-hand{gap:10px}.mw-card{padding:14px 12px 30px}.mw-corner{position:static;flex-direction:row;align-items:baseline;gap:4px;width:auto}.mw-corner b{font-size:30px}.mw-pip{position:absolute;right:24px;bottom:-6px;font:700 96px/1 var(--round);color:var(--lilac-2);pointer-events:none}
.mw-card:nth-child(2) .mw-pip{color:#FBD3E5}
.mw-card h3,.mw-max{position:relative;z-index:1}
.mw-card h3{font-size:17px}.mw-pip{font-size:64px;right:12px}.mw-max{font-size:12.5px}.mw-bar{height:38px}.mw-bar span{font-size:13px;gap:3px}.mw-sum{font-size:14px}.rd{padding:0 10px 56px}.rd-card{flex-direction:column;align-items:flex-start;padding:22px 18px}.rd-card .btn{width:100%}.tp-card{padding:20px 18px 20px 62px}.tp-n{left:16px}}