:root{--brand:linear-gradient(120deg,#F16A2A,#E93795);--ink:#39232c;--pink:#962252}
*{box-sizing:border-box}body{margin:0;background:#fff7f4;color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}
a{color:var(--pink)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #84358e;outline-offset:3px}
.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1040px;margin:auto;padding:14px 20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 20px Georgia,serif;color:var(--pink)}.logo i{width:34px;height:34px;border-radius:10px;background:var(--brand);display:grid;place-items:center}.logo img{width:22px;height:22px}
.top nav{display:flex;gap:6px;flex-wrap:wrap}.top nav a{padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}.top nav a[aria-current=page]{background:var(--brand);color:#fff}
.hero{max-width:1040px;margin:6px auto 0;background:var(--hero,var(--brand));color:#fff;border-radius:28px;padding:44px 32px;position:relative;overflow:hidden;box-shadow:0 14px 35px #e9379526}
.hero::before{content:'';position:absolute;right:-150px;top:-120px;width:560px;height:560px;background:url('/icon-wink-white.png') center/contain no-repeat;opacity:.18;mix-blend-mode:soft-light;transform:rotate(-8deg);pointer-events:none}.hero>*{position:relative;z-index:1}
.hero .tag{font-size:12px;letter-spacing:.14em;font-weight:800;opacity:.92}.hero h1{font:700 48px/1.06 Georgia,serif;letter-spacing:-1px;margin:14px 0 14px;max-width:720px}.hero p{font-size:18px;max-width:640px;margin:0 0 20px}
.btn{display:inline-block;background:#fff;color:var(--pink);padding:13px 22px;border-radius:999px;font-weight:700;text-decoration:none;border:0;font-size:16px;cursor:pointer}.btn.alt{background:#ffffff26;color:#fff;border:1px solid #ffffff80;margin-left:8px}
main{max-width:1040px;margin:auto;padding:10px 20px 50px}
section{margin:34px 0}h2{font:700 30px/1.15 Georgia,serif;color:#862246;margin:0 0 14px}h3{margin:0 0 6px;color:#862246;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#fff;border:1px solid #f2c5d6;border-radius:20px;padding:20px;box-shadow:0 8px 24px #b3285b0b}.card p{margin:0;font-size:15px}
.card .ic{width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:21px;margin-bottom:10px}
.band{background:#fff;border:1px solid #f2c5d6;border-radius:22px;padding:24px}.notice{padding:16px 18px;background:#fff1ec;border:1px solid #f7ded6;border-left:3px solid #E93795;border-radius:14px;font-size:15px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}.steps li{counter-increment:s;background:#fff;border:1px solid #f2c5d6;border-radius:16px;padding:14px 16px 14px 58px;position:relative}.steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:grid;place-items:center}
details{background:#fff;border:1px solid #f2c5d6;border-radius:16px;padding:4px 18px;margin:0 0 10px}summary{cursor:pointer;font-weight:700;padding:12px 0;color:#862246;list-style:none}summary::after{content:'+';float:right;font-size:22px;line-height:1}details[open] summary::after{content:'-'}details p{margin:0 0 14px}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#fff1ec;color:#a12259;font-size:12px;font-weight:700;border:1px solid #f7ded6}
form.inq{display:grid;gap:10px;max-width:560px}form.inq label{font-weight:600;font-size:14px}form.inq input,form.inq textarea,form.inq select{width:100%;padding:12px;border:1px solid #e9b4c9;border-radius:12px;font:inherit;background:#fff}form.inq textarea{min-height:110px}.hp{position:absolute;left:-9999px}
#inq-msg{font-weight:600;margin:4px 0 0}
footer{max-width:1040px;margin:auto;padding:24px 20px 60px;border-top:1px solid #f2c5d6;font-size:14px;color:#765263;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}footer nav{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:560px){.hero{padding:32px 22px;margin:6px 12px 0;border-radius:22px}.hero h1{font-size:36px}.btn.alt{margin:8px 0 0}main{padding:10px 16px 40px}}

.p-about{--hero:linear-gradient(120deg,#F16A2A,#E93795);--acc:linear-gradient(120deg,#F16A2A,#E93795)}
.p-help{--hero:linear-gradient(125deg,#E93795,#84358e);--acc:linear-gradient(125deg,#E93795,#84358e);--ink2:#6a2a73}
.p-business{--hero:linear-gradient(125deg,#862246,#d9467f);--acc:linear-gradient(125deg,#862246,#d9467f)}
.p-contact{--hero:linear-gradient(125deg,#E8A33D,#F16A2A);--acc:linear-gradient(125deg,#d9892a,#F16A2A)}
.p-about .logo i,.p-help .logo i,.p-business .logo i,.p-contact .logo i,.top nav a[aria-current=page],.card .ic,.steps li::before{background:var(--acc,var(--brand))}
.p-help h2,.p-help h3,.p-help summary{color:#6a2a73}.p-help .card,.p-help details,.p-help .steps li,.p-help .band{border-color:#e5c6ea}
.p-business h2,.p-business h3{color:#862246}.p-business .card,.p-business .band,.p-business .steps li{border-color:#efc0d2}
.p-contact h2,.p-contact h3{color:#8a4a12}.p-contact .card,.p-contact .band{border-color:#f3d7a8}.p-contact .notice{background:#fff6e6;border-color:#f3d7a8;border-left-color:#E8A33D}
.p-contact body,.p-contact{background:#fffaf0}.p-help{background:#fbf5fc}.p-business{background:#fff5f8}
@media(max-width:560px){.hero::before{width:360px;height:360px;right:-110px;top:-80px}}