.product-shell{max-width:720px;margin:0 auto;padding:0 16px}.product-hero{padding:42px 0 20px}.product-hero h1{font-size:clamp(34px,9vw,58px);line-height:1.02;margin:10px 0 14px}.product-hero p{font-size:18px;line-height:1.55}.notice{background:#fff;border:1px solid #e8ddd6;border-radius:22px;padding:18px;margin:18px 0}.stepbox{background:#fff;border:1px solid #e8ddd6;border-radius:24px;padding:20px;margin:16px 0;box-shadow:0 8px 28px rgba(77,58,48,.05)}.stepbox h2,.stepbox h3{margin-top:0}.quiz-card{background:#fff;border:1px solid #e6dbd3;border-radius:26px;padding:20px;margin:20px 0}.quiz-progress{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8b7568;margin-bottom:14px}.quiz-title{font-size:25px;line-height:1.25;font-weight:800;margin-bottom:16px}.quiz-options{display:grid;gap:10px}.quiz-option{width:100%;text-align:left;padding:16px 17px;border-radius:18px;border:1px solid #dfd3cb;background:#fbf9f7;font:inherit;line-height:1.35;cursor:pointer}.quiz-option.active{border:2px solid #8d5f64;background:#f8eeee}.quiz-nav{display:flex;gap:10px;margin-top:16px}.quiz-nav .btn{flex:1}.result-wrap{display:none}.result-wrap.show{display:block}.result-hero{background:#fff;border:1px solid #e5d9d1;border-radius:28px;padding:22px}.result-hero h2{font-size:30px;line-height:1.12}.result-grid{display:grid;gap:12px;margin:16px 0}.result-piece{background:#fbf8f5;border-radius:18px;padding:16px}.recommend-grid{display:grid;gap:10px}.recommend-link{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e6dbd3;border-radius:18px;padding:15px}.recommend-link strong{display:block;margin-bottom:4px}.energy-reco{background:#e9efe5;border:1px solid #ced9c8;border-radius:24px;padding:20px;margin-top:20px}.energy-reco .btn{margin-top:10px}.micro{font-size:13px;color:#76685f;line-height:1.45}.checklist{display:grid;gap:10px}.checkitem{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e4d9d2;border-radius:16px;background:#fff}.checkitem input{margin-top:4px;transform:scale(1.15)}.text-field{width:100%;min-height:88px;border:1px solid #dccfc6;border-radius:16px;padding:14px;font:inherit;box-sizing:border-box}.short-field{width:100%;border:1px solid #dccfc6;border-radius:14px;padding:13px;font:inherit;box-sizing:border-box}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-btn{padding:14px;border:1px solid #ddd2ca;border-radius:16px;background:white;font:inherit;cursor:pointer}.choice-btn.active{background:#f2e5e7;border-color:#a96c75}.hidden{display:none!important}.section-title{font-size:28px;line-height:1.2}.soft{background:#f4efe9}.smalllinks{display:flex;gap:8px;flex-wrap:wrap}.smalllinks a{font-size:13px}.full-action{width:100%}@media(max-width:520px){.product-shell{padding:0 14px}.quiz-title{font-size:23px}.result-hero h2{font-size:28px}.choice-grid{grid-template-columns:1fr}.quiz-nav{position:sticky;bottom:10px;z-index:5;background:rgba(248,245,241,.92);padding:8px;border-radius:18px;backdrop-filter:blur(8px)}}

/* mobile funnel clarity */
.flow-map{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 14px}.flow-step{background:#fff;border:1px solid #e7dbd3;border-radius:16px;padding:12px 10px;display:flex;gap:8px;align-items:flex-start;min-height:58px}.flow-step b{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:#8d5f64;color:#fff;font-size:12px}.flow-step span{font-size:13px;line-height:1.3}.hero-actions{display:grid;gap:10px}.download-link{display:inline-flex;justify-content:center;align-items:center;text-align:center;color:#6e5a50;text-decoration:underline;text-underline-offset:3px;font-weight:700;font-size:14px;padding:8px}.download-link.boxed{border:1px solid #d9ccc4;border-radius:14px;text-decoration:none;background:#fff;padding:12px 14px}.keep-copy{margin:16px 0;background:#f8f4f0;border:1px dashed #d9ccc4;border-radius:20px;padding:16px}.keep-copy p{margin:6px 0 8px;font-size:14px;color:#70635b}.product-hero>.flow-map+.hero-actions{margin-top:0}.recommend-link{transition:transform .12s ease,border-color .12s ease}.recommend-link:active{transform:scale(.99)}
@media(max-width:520px){.flow-map{grid-template-columns:1fr;margin:14px 0 12px}.flow-step{min-height:auto;padding:10px 12px}.product-hero{padding-top:26px}.product-hero p{font-size:16px}.notice{padding:15px;margin:14px 0}.stepbox{padding:16px}.energy-reco{padding:17px}.download-link{font-size:13px}}