:root{--mhp-bg:#06131a;--mhp-bg2:#0a2028;--mhp-teal:#10b9c6;--mhp-mint:#54e4d6;--mhp-ink:#0a1b22;--mhp-muted:#60747c;--mhp-line:#d7e5e8;--mhp-soft:#f4f8f8;--mhp-white:#fff;--mhp-shadow:0 22px 70px rgba(3,20,27,.12)}
*{box-sizing:border-box}
body.mhp-page{margin:0;background:#fff;color:var(--mhp-ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.7}
.mhp-page a{color:inherit;text-decoration:none}
.mhp-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.mhp-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(16,185,198,.20),transparent 28%),linear-gradient(145deg,#06131a,#081c25 55%,#02080b);color:#f4fbfc;padding:70px 0 76px;min-height:680px}
.mhp-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.mhp-breadcrumb{position:relative;z-index:1;font-size:12px;color:#9db4bb;margin-bottom:44px}.mhp-breadcrumb a:hover{color:#fff}.mhp-breadcrumb span{margin:0 9px}
.mhp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}
.mhp-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:.16em;color:#73e8e0;margin:0 0 20px}.mhp-eyebrow:before{content:"";width:32px;height:1px;background:#73e8e0}
.mhp-hero h1{font-size:clamp(44px,4vw,56px);line-height:1.08;letter-spacing:0;margin:0 0 24px}.mhp-hero h1 em{font-style:normal;color:#71ebe1}
.mhp-lead{max-width:700px;color:#c3d6db;font-size:17px;margin:0 0 30px}.mhp-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.mhp-primary,.mhp-secondary{appearance:none;border:0;border-radius:9px;padding:16px 22px;font-weight:900;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:52px;transition:.2s ease}
.mhp-primary{background:linear-gradient(135deg,#10b9c6,#42e0cf);color:#00171b;box-shadow:0 18px 40px rgba(16,185,198,.2)}.mhp-primary:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(16,185,198,.28)}
.mhp-secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff}.mhp-secondary:hover{background:rgba(255,255,255,.08)}
.mhp-proof{display:flex;gap:28px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.mhp-proof strong{display:block;font-size:24px}.mhp-proof span{display:block;color:#90aab2;font-size:11px;letter-spacing:.08em}
.mhp-blueprint{position:relative;min-height:500px;border:1px solid rgba(105,225,218,.22);border-radius:26px;background:linear-gradient(rgba(255,255,255,.025),rgba(255,255,255,.005)),#071a22;box-shadow:0 35px 100px rgba(0,0,0,.35);overflow:hidden}
.mhp-blueprint:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(76,226,211,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(76,226,211,.08) 1px,transparent 1px);background-size:26px 26px}
.mhp-plan-outline{position:absolute;inset:58px 44px 52px;border:2px solid rgba(97,234,221,.72);display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr .8fr}
.mhp-plan-room{border:1px solid rgba(97,234,221,.45);padding:14px;color:#85efe5;font-size:10px;font-weight:800;letter-spacing:.1em;position:relative}.mhp-plan-room strong{display:block;color:#e5fbfa;font-size:14px;letter-spacing:0;margin-top:4px}
.mhp-plan-room:nth-child(1){grid-row:1/3}.mhp-plan-room:nth-child(3){background:rgba(16,185,198,.08)}
.mhp-fit-badge{position:absolute;right:22px;top:22px;background:#fff;color:#07151b;border-radius:18px;padding:17px 19px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.mhp-fit-badge span{font-size:9px;font-weight:900;color:#537078;letter-spacing:.1em}.mhp-fit-badge strong{font-size:38px;line-height:1;display:block;color:#087e89}.mhp-fit-badge small{font-size:10px}
.mhp-intro{padding:88px 0;background:#fff}.mhp-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}
.mhp-section-tag{font-size:11px;letter-spacing:.16em;color:#068c98;font-weight:900;margin:0 0 12px}.mhp-intro h2,.mhp-results-head h2,.mhp-section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.25;letter-spacing:0;margin:0 0 18px}.mhp-intro p{color:#5c727a}
.mhp-engine-flow{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:center;margin:34px 0}.mhp-engine-flow div{border:1px solid #d8e7e9;background:#f7fbfb;border-radius:12px;padding:14px 9px;text-align:center;min-height:82px;display:flex;flex-direction:column;justify-content:center}.mhp-engine-flow b{font-size:10px;color:#058793;letter-spacing:.05em}.mhp-engine-flow span{font-size:11px;color:#5e737b;margin-top:4px}.mhp-engine-flow i{font-style:normal;text-align:center;color:#12aeba;font-weight:900}
.mhp-intro-card{background:#071820;color:#fff;border-radius:22px;padding:32px;box-shadow:var(--mhp-shadow)}.mhp-intro-card h3{font-size:24px;margin:0 0 12px}.mhp-intro-card p{color:#abc1c7}.mhp-intro-card ul{list-style:none;padding:0;margin:22px 0}.mhp-intro-card li{padding:10px 0;border-top:1px solid rgba(255,255,255,.09);font-size:13px}.mhp-intro-card li:before{content:"✓";color:#4fe0d2;font-weight:900;margin-right:10px}
.mhp-app{padding:76px 0 96px;background:linear-gradient(#f3f8f9,#fff);min-height:760px}.mhp-app[hidden],.mhp-results[hidden],.mhp-intro[hidden]{display:none!important}
.mhp-app-frame{max-width:920px;margin:auto;background:#fff;border:1px solid #d8e6e9;border-radius:24px;box-shadow:var(--mhp-shadow);overflow:hidden}.mhp-app-top{padding:20px 28px;border-bottom:1px solid #e0e9eb;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.mhp-progress-track{height:6px;background:#e6eff1;border-radius:99px;overflow:hidden}.mhp-progress-bar{height:100%;background:linear-gradient(90deg,#09a6b4,#36d8c8);width:12.5%;transition:width .3s ease}.mhp-progress-text{font-size:11px;color:#60757d;font-weight:900}
.mhp-question{padding:48px 54px 34px}.mhp-question h2{font-size:clamp(28px,4vw,42px);line-height:1.3;letter-spacing:0;margin:0 0 12px}.mhp-question-desc{margin:0 0 32px;color:#61747b}.mhp-step-kicker{color:#078b97;font-weight:900;font-size:11px;letter-spacing:.15em;margin:0 0 10px}
.mhp-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mhp-choice-stack{display:grid;gap:12px}.mhp-choice,.mhp-rank-item,.mhp-style-card{appearance:none;background:#fff;border:1px solid #d3e1e4;border-radius:14px;padding:17px;text-align:left;cursor:pointer;color:#13272d;transition:.16s ease}.mhp-choice{display:flex;align-items:center;gap:12px}.mhp-choice:hover,.mhp-rank-item:hover,.mhp-style-card:hover{border-color:#65cbc9;transform:translateY(-1px)}.mhp-choice.is-selected,.mhp-rank-item.is-selected,.mhp-style-card.is-selected{border-color:#0eaab5;background:#eefafa;box-shadow:inset 0 0 0 1px #0eaab5}.mhp-choice-dot{width:18px;height:18px;border-radius:50%;border:2px solid #a9bec4;flex:0 0 auto}.mhp-choice.is-selected .mhp-choice-dot{border:5px solid #09a6b4}
.mhp-rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mhp-rank-item{display:grid;grid-template-columns:32px 1fr;gap:2px 9px;align-items:center}.mhp-rank-number{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:#edf4f5;display:grid;place-items:center;font-weight:900;color:#568087}.mhp-rank-item.is-selected .mhp-rank-number{background:#0ba8b3;color:#fff}.mhp-rank-item small{color:#7c9096}
.mhp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mhp-field{display:grid;gap:8px;color:#40565e;font-size:12px;font-weight:800}.mhp-field select,.mhp-field input{width:100%;border:1px solid #cedde0;border-radius:10px;padding:14px;background:#fff;font:inherit;color:#10242b}.mhp-field small{font-weight:500;color:#71858b}
.mhp-help{color:#7b8d93;font-size:12px;margin-top:14px}.mhp-budget-panel{display:grid;gap:26px}.mhp-budget-panel label{display:grid;grid-template-columns:1fr auto;gap:8px}.mhp-budget-panel label span{font-weight:900}.mhp-budget-panel label strong{color:#068c97}.mhp-budget-panel input{grid-column:1/-1;accent-color:#0ba9b4}.mhp-budget-panel p{font-size:12px;color:#75878d;margin:0}
.mhp-subsection{padding:18px 0;border-top:1px solid #e6edef}.mhp-subsection:first-child{border-top:0;padding-top:0}.mhp-subsection h3{font-size:14px;margin:0 0 12px}
.mhp-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mhp-style-card{padding:10px}.mhp-style-swatch{display:block;height:86px;border-radius:9px;margin-bottom:10px;background:#ddd}.mhp-style-natural{background:linear-gradient(135deg,#d8c3a5,#8a6f50)}.mhp-style-minimal{background:linear-gradient(135deg,#f3f1ec,#bfc3c2)}.mhp-style-modern{background:linear-gradient(135deg,#d2d7d9,#303a3f)}.mhp-style-hotel{background:linear-gradient(135deg,#d9c4ac,#55473c)}.mhp-style-japanese{background:linear-gradient(135deg,#c6b28e,#66745e)}.mhp-style-warm{background:linear-gradient(135deg,#e2b582,#8b5f42)}
.mhp-app-actions{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-top:1px solid #e3ecee;background:#fbfdfd}.mhp-app-actions button{min-width:140px}.mhp-back{background:transparent;border:1px solid #cbdadd;color:#405960;border-radius:9px;padding:14px 19px;font-weight:900;cursor:pointer}.mhp-back:disabled{opacity:.35;cursor:not-allowed}.mhp-message{font-size:12px;color:#b13b31;font-weight:800;text-align:center;margin:0 14px}
.mhp-results{padding:82px 0 100px;background:#fff}.mhp-results-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:32px}.mhp-results-head p{color:#60747b;max-width:700px}.mhp-result-actions{display:flex;gap:8px;flex-wrap:wrap}.mhp-result-actions button{border:1px solid #c9dadd;background:#fff;color:#133039;border-radius:8px;padding:12px 14px;font-weight:900;cursor:pointer}
.mhp-profile{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;padding:28px;background:#071920;color:#fff;border-radius:20px;margin-bottom:24px}.mhp-profile>div>span{color:#50dfd2;font-size:10px;font-weight:900;letter-spacing:.14em}.mhp-profile h3{font-size:24px;margin:6px 0}.mhp-profile p{color:#a9c0c6;margin:0;font-size:13px}.mhp-profile-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mhp-profile-tags span{border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:12px}.mhp-profile-tags b{display:block}.mhp-profile-tags small{color:#88aab1}
.mhp-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mhp-result-card{border:1px solid #d8e5e8;border-radius:20px;padding:24px;box-shadow:0 12px 40px rgba(4,22,29,.05);position:relative}.mhp-result-card.is-best{border-color:#24bfc2;box-shadow:0 18px 55px rgba(13,163,174,.13)}.mhp-result-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.mhp-kind{font-size:10px;letter-spacing:.12em;font-weight:900;color:#057f8b}.mhp-confidence{font-size:9px;font-weight:900;color:#7a8d92;background:#f0f5f6;border-radius:99px;padding:5px 8px}.mhp-result-card h3{font-size:25px;margin:11px 0 3px;letter-spacing:0}.mhp-concept{margin:0 0 18px;color:#60747b;font-size:13px}
.mhp-score-row{display:grid;grid-template-columns:105px 1fr;gap:16px;align-items:center;border-top:1px solid #e4ecee;border-bottom:1px solid #e4ecee;padding:17px 0}.mhp-score strong{font-size:44px;line-height:1;color:#078c97}.mhp-score span{display:block;font-size:9px;font-weight:900;color:#71868b}.mhp-plan-meta{display:flex;gap:8px;flex-wrap:wrap}.mhp-plan-meta span{background:#f0f5f6;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800}
.mhp-mini-bars{padding:17px 0}.mhp-mini-bars>div{display:grid;grid-template-columns:90px 1fr 28px;align-items:center;gap:8px;margin:8px 0;font-size:10px}.mhp-mini-bars i{height:5px;background:#e5edef;border-radius:99px;overflow:hidden}.mhp-mini-bars i b{display:block;height:100%;background:linear-gradient(90deg,#0faeb9,#48d9ca)}.mhp-mini-bars em{font-style:normal;text-align:right;font-weight:900}
.mhp-reason,.mhp-tradeoff{padding:13px 14px;border-radius:10px;margin-top:9px}.mhp-reason{background:#eef9f8}.mhp-tradeoff{background:#f6f3ef}.mhp-reason b,.mhp-tradeoff b{font-size:9px;letter-spacing:.1em;color:#087f88}.mhp-reason p,.mhp-tradeoff p{font-size:11px;margin:4px 0 0;color:#536970}
.mhp-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.mhp-card-actions button{border:0;background:#08232b;color:#fff;border-radius:8px;padding:11px 14px;font-weight:900;cursor:pointer}.mhp-card-actions label{font-size:11px;font-weight:800}.mhp-card-actions input{accent-color:#09a6b3}
.mhp-system-note{margin:20px 0 52px;padding:16px 18px;border-left:3px solid #10aeb9;background:#f4f9fa;color:#566b72;font-size:12px}
.mhp-lab{background:#f4f8f9;border:1px solid #dbe7e9;border-radius:22px;padding:28px;margin-top:24px}.mhp-section-head{max-width:760px;margin-bottom:18px}.mhp-section-head h2{font-size:30px}.mhp-section-head p{color:#60747b}
.mhp-compare-table{overflow:auto;border:1px solid #d5e3e6;border-radius:13px;background:#fff}.mhp-compare-head,.mhp-compare-row{display:grid;grid-template-columns:150px repeat(3,minmax(150px,1fr));min-width:620px}.mhp-compare-head>*{background:#08212a;color:#fff}.mhp-compare-head span,.mhp-compare-head b,.mhp-compare-row span,.mhp-compare-row b{padding:12px;border-right:1px solid #dce7e9;border-bottom:1px solid #dce7e9;font-size:11px}.mhp-compare-row span{color:#687b81}.mhp-compare-row b{text-align:center}
.mhp-sensitivity{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.mhp-sensitivity>div{display:grid;gap:14px}.mhp-sensitivity label{display:grid;grid-template-columns:1fr 160px;gap:14px;font-size:12px;font-weight:900}.mhp-sensitivity input{accent-color:#0ba7b3}.mhp-sensitivity p{background:#fff;border-radius:12px;padding:18px;margin:0;color:#536a71;font-size:12px}.mhp-sensitivity strong{color:#067e89}
.mhp-how{padding:84px 0;background:#071820;color:#fff}.mhp-how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px}.mhp-how h2{font-size:clamp(30px,4vw,46px);margin:0 0 14px}.mhp-how p{color:#a9c0c6}.mhp-how-list{display:grid;gap:10px}.mhp-how-list div{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.mhp-how-list b{width:32px;height:32px;border-radius:50%;background:#0ca8b3;color:#001b1e;display:grid;place-items:center}.mhp-how-list strong{display:block}.mhp-how-list span{color:#97afb6;font-size:12px}
.mhp-business{padding:84px 0}.mhp-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mhp-business-card{border:1px solid #d8e5e8;border-radius:20px;padding:28px}.mhp-business-card.dark{background:#071920;color:#fff}.mhp-business-card h3{font-size:25px;margin:0 0 12px}.mhp-business-card p{color:#62777e}.mhp-business-card.dark p{color:#a8c0c6}.mhp-business-card ul{padding-left:20px}
.mhp-cta{padding:70px 0;background:linear-gradient(135deg,#dff6f4,#edf8fa)}.mhp-cta-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}.mhp-cta h2{font-size:clamp(30px,4vw,48px);margin:0 0 10px;letter-spacing:0}.mhp-cta p{color:#546b73;max-width:700px}.mhp-cta .mhp-primary{min-width:240px}
.mhp-disclaimer{padding:24px 0;background:#f5f8f8;color:#6b7d83;font-size:11px;border-top:1px solid #dce7e9}
.mhp-modal{border:0;border-radius:20px;width:min(760px,calc(100% - 30px));max-height:88vh;padding:0;box-shadow:0 30px 120px rgba(0,0,0,.35)}.mhp-modal::backdrop{background:rgba(3,12,16,.72);backdrop-filter:blur(4px)}.mhp-modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1eaec}.mhp-modal-head h3{margin:0}.mhp-modal-close{border:0;background:#edf3f4;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:20px}.mhp-modal-body{padding:24px}.mhp-modal-lead{font-size:16px;color:#566d74}.mhp-modal-score{display:flex;align-items:end;gap:12px;background:#071920;color:#fff;border-radius:14px;padding:20px}.mhp-modal-score strong{font-size:50px;color:#4ee0d1;line-height:1}.mhp-modal-score span{font-size:10px;font-weight:900}.mhp-modal-score em{font-style:normal;margin-left:auto;color:#a7bec4;font-size:12px}.mhp-modal-body h4{margin:24px 0 8px}.mhp-modal-body li{margin:7px 0}.mhp-genome{display:flex;gap:7px;flex-wrap:wrap}.mhp-genome span{background:#eef5f5;border-radius:99px;padding:7px 9px;font-size:10px;font-weight:800}.mhp-modal-note{background:#f5f2ed;padding:13px;border-radius:9px;font-size:10px;color:#65767b}
.mhp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#06181f;color:#fff;padding:12px 18px;border-radius:99px;font-size:12px;font-weight:900;z-index:200;transition:.2s}.mhp-toast.is-visible{transform:translate(-50%,0);opacity:1}
.mhp-page button:focus-visible,.mhp-page a:focus-visible,.mhp-page input:focus-visible,.mhp-page select:focus-visible{outline:3px solid #5ce3d8;outline-offset:3px}
@media(max-width:980px){.mhp-page .sgp-nav-inner{min-height:76px;flex-direction:row;align-items:center;padding:12px 0;gap:12px}.mhp-page .sgp-nav-links{display:none}.mhp-page .sgp-mobile-menu{display:block;margin-left:auto}.mhp-hero-grid,.mhp-intro-grid,.mhp-how-grid,.mhp-business-grid,.mhp-cta-grid{grid-template-columns:1fr}.mhp-blueprint{min-height:420px}.mhp-engine-flow{grid-template-columns:repeat(3,1fr)}.mhp-engine-flow i{display:none}.mhp-result-grid{grid-template-columns:1fr}.mhp-results-head{grid-template-columns:1fr}.mhp-profile{grid-template-columns:1fr}.mhp-sensitivity{grid-template-columns:1fr}}
@media(max-width:680px){.mhp-page .sgp-site{padding-bottom:0}.mhp-shell{width:min(100% - 28px,1180px)}.mhp-hero{padding:38px 0 54px;min-height:auto}.mhp-breadcrumb{margin-bottom:26px}.mhp-hero h1{font-size:42px}.mhp-lead{font-size:15px}.mhp-proof{gap:14px;display:grid;grid-template-columns:repeat(3,1fr)}.mhp-proof strong{font-size:20px}.mhp-blueprint{min-height:330px}.mhp-plan-outline{inset:44px 20px 28px}.mhp-fit-badge{right:12px;top:12px}.mhp-fit-badge strong{font-size:30px}.mhp-intro,.mhp-results,.mhp-how,.mhp-business{padding:58px 0}.mhp-engine-flow{grid-template-columns:1fr 1fr}.mhp-question{padding:34px 20px 24px}.mhp-choice-grid,.mhp-grid-2,.mhp-rank-grid,.mhp-style-grid{grid-template-columns:1fr}.mhp-app-actions{padding:18px;gap:8px}.mhp-app-actions button{min-width:92px}.mhp-message{font-size:10px}.mhp-profile-tags{grid-template-columns:1fr}.mhp-result-card{padding:19px}.mhp-score-row{grid-template-columns:90px 1fr}.mhp-sensitivity label{grid-template-columns:1fr}.mhp-cta .mhp-primary{width:100%}.mhp-hero-actions>*{width:100%}.mhp-modal-score{align-items:start;flex-wrap:wrap}.mhp-modal-score em{width:100%;margin-left:0}}