:root{--cream:#fbf8f0;--ink:#354b3e;--green:#45694f}html{scroll-behavior:smooth}body{font-family:'Hiragino Maru Gothic ProN','Yu Gothic',Meiryo,sans-serif;background-image:radial-gradient(#89957812 .7px,transparent .7px);background-size:9px 9px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b37948;outline-offset:4px}[hidden]{display:none!important}header{background:transparent}header .brand{font-size:20px}header>span{max-width:130px;font-size:11px!important;text-align:right}.hero{display:grid;grid-template-columns:1.2fr 1fr;text-align:left;align-items:center;gap:20px;padding:20px 0 28px}.hero h1{font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.65;letter-spacing:.025em;margin:14px 0 20px}.hero h1 span{background:linear-gradient(transparent 70%,#e1e9cc 70%)}.hero p{font-size:15px;line-height:2}.hero .eyebrow{font-size:12px}.hero .hero-note{font-size:11px;margin:20px 0;color:#75836e}.hero-copy>a{display:inline-block;text-decoration:none;font-size:14px}.hero-art{position:relative;max-width:430px;margin:auto}.hero-art svg{width:100%;display:block}.hero-art p{text-align:center;font-size:12px;letter-spacing:.12em;color:#819071;margin-top:-10px}.art-label{position:absolute;left:0;top:4%;transform:rotate(-6deg);background:#fffef8;border:1px solid #dce2d0;padding:8px 13px;border-radius:13px;font-size:11px}.cards{gap:18px;margin:15px 0 34px}.card{padding:27px;border-radius:24px}.card .emoji{font-size:32px}.card h2{font-size:22px}.card p{font-size:13px;min-height:69px}.card .primary{font-size:14px}.fine{font-size:11px!important;line-height:1.9!important;color:#71806e!important}.left{text-align:left!important}.muted{font-size:13px;color:#6e7c67;line-height:1.95}.fit-kicker,.mini-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#8f7e5b}.intro-ai{background:#edf1e3;border:1px solid #dfe6d2;border-radius:26px;padding:30px;text-align:center}.intro-ai h2{font-size:26px;line-height:1.65;margin:9px 0 15px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.benefit-grid>div{background:#fffef8;padding:20px 17px;border-radius:16px;text-align:left;border:1px solid #e4e7da}.benefit-grid b{font-size:14px;display:block;margin-bottom:9px;color:#4b6c49}.benefit-grid span{font-size:12px;color:#75816d}.intro-ai>.fine{max-width:800px;margin:auto}.info{font-size:13px}.result-top{background:linear-gradient(140deg,#ebf0e0,#fff5e8);padding:30px 23px}.result-top .big{width:105px;height:105px;margin:auto;line-height:1}.result-top .big svg{width:100%}.result-top h1{font-size:28px;line-height:1.6}.result-top p{font-size:13px}.result-top #res-sub{font-size:12px;font-weight:700;color:#607852;max-width:580px;margin:15px auto 0}.result-top .pill{font-size:10px}.bars{padding:25px}.bars h3{margin:0 0 18px;font-size:19px}.bar-row{grid-template-columns:170px 1fr 43px;font-size:12px;margin:17px 0}.bar-row b{font-size:12px;text-align:right}.bars small{font-size:10px;line-height:1.95;display:block;margin-top:18px;color:#6c7f68!important}.profiles{margin:35px 0}.profiles>h2,.support-section h2{font-size:25px;margin-bottom:10px;line-height:1.6}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.profile-card{border:1px solid #e0e5d7;border-radius:22px;overflow:hidden;background:#fffef8}.profile-card h3{padding:22px 23px 13px;margin:0;font-size:19px}.profile-card>div{padding:0 23px 20px}.profile-card p{font-size:13px;line-height:1.9;margin:8px 0 0}.profile-card b{font-size:11px;color:#6c845f}.profile-card .soft-caution{padding:18px 23px;background:#f9ede1}.soft-caution b{color:#977b60}.evidence{font-size:11px;color:#6f7f64;margin:20px 4px}.evidence summary{cursor:pointer;padding:8px 0}.evidence ol{padding-left:20px;line-height:1.85}.evidence li{margin-bottom:12px}.cat-plan,.staff-section{padding:28px;border:1px solid #d7dfcb;background:#fffef8;border-radius:26px;margin:25px 0}.plan-heading,.demo-heading{display:flex;align-items:center;gap:15px}.mini-animal{width:70px;flex-shrink:0}.mini-animal svg{display:block;width:100%}.plan-heading h2{margin:0;font-size:24px;line-height:1.6}.plan-heading .fit-kicker{margin:0}.growth-choices,.staff-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.choice{border:1px solid #d3dec6;border-radius:13px;background:#f6f8ee;font-size:11px;padding:12px 8px;color:#526c45}.choice[aria-pressed=true]{background:#e4ecd7;border-color:#7b966a;box-shadow:inset 0 0 0 1px #7b966a}.growth-step{background:#eef3e4;padding:19px 21px;border-radius:17px;font-weight:700;font-size:14px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.timeline span{border-left:2px solid #d2ddc1;padding-left:13px;font-size:11px;color:#78896a}.timeline b{display:block;font-size:12px;color:#5f7850;margin-bottom:4px}.check-line{display:flex;align-items:center;gap:9px;font-size:12px}.check-line input{width:19px;height:19px;accent-color:#6a8454}.cat-quote{font-size:12px;color:#7a8b6c;margin-top:22px}#celebration{font-size:12px;background:#f1f5e8;padding:14px;border-radius:12px}.staff-section{background:#f4f5e9}.staff-section h2{font-size:23px;line-height:1.6}.before-after{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;margin:20px 0}.before-after>div{padding:20px;border-radius:17px;background:#fffdf8;border:1px solid #e2e5d6}.before-after>div:first-child{background:#f4eee5}.before-after span{display:block;font-size:10px;font-weight:700;color:#8e8069;margin-bottom:12px}.before-after p{font-size:13px;line-height:1.95;white-space:pre-line;margin:0}.staff-point{font-size:13px;color:#567044}.support-section{margin:38px 0}.support-section>.fit-kicker{margin-bottom:4px}.helper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:23px}.helper-card{border:1px solid #dce3d2;border-radius:23px;padding:19px 12px;background:#fffdf8;color:#3e5d43;text-align:center}.helper-card:hover,.helper-card[aria-pressed=true]{border-color:#7b976b;background:#edf3e3}.helper-animal{display:block;width:85px;margin:auto}.helper-animal svg{width:100%;display:block}.helper-card b{display:block;font-size:13px;margin:12px 0 7px}.helper-card>span:not(.helper-animal){display:block;font-size:11px}.helper-card .helper-arrow{font-size:10px!important;margin-top:13px;font-weight:700;color:#6c865a}.demo-area{background:#fff9ec;border:1px solid #e6d7b7;border-radius:24px;padding:24px;margin-top:20px}.demo-heading h3{margin:3px 0;font-size:20px}.demo-benefit{font-size:14px;font-weight:700}.result .cta{background:#eaf0e2;border:1px solid #d2dfc5;border-radius:27px;padding:30px}.cta h2{font-size:27px;line-height:1.6;margin:8px 0 20px}.cta>p{font-size:13px;line-height:1.95}.line-box{border:1px solid #d5e0c8;background:#fffef7;padding:23px;border-radius:22px;margin:24px 0}.status-badge{display:inline-block;font-size:10px;background:#e6edda;color:#6b7e57;border-radius:30px;padding:5px 12px;font-weight:700}.line-box h3{font-size:17px;margin:12px 0}.line-box p{font-size:12px}.line-button{display:block;width:100%;border:1px solid #b8c6b0;border-radius:40px;padding:14px;background:#dce5d5;color:#355b41;cursor:pointer;font-size:13px;font-weight:700}.cta-primary{width:100%;max-width:430px;font-size:14px}.service-link{display:block!important;font-size:12px;color:#597449;margin-top:22px;text-decoration:underline!important;text-underline-offset:5px}#manual-copy{width:100%;min-height:180px;background:white;border:1px solid #b6c7ad;border-radius:12px;padding:12px;color:#35533e}#copy-status{font-size:12px;min-height:22px;margin:12px 0}.question .eyebrow{font-size:10px}.question h2{font-size:25px}.option{font-size:14px;padding:16px}.navigation button{font-size:14px}
@media(max-width:650px){.shell{padding:17px 18px 55px}header{padding:17px 20px}header .brand{font-size:16px}header small{font-size:8px}header>span{font-size:9px!important;max-width:96px}.hero{grid-template-columns:1fr;text-align:center;padding-top:18px;gap:9px}.hero h1{font-size:31px;line-height:1.7;margin:12px 0 16px}.hero p{font-size:13px}.hero .eyebrow{font-size:10px}.hero .hero-note{font-size:10px;margin:16px 0}.hero-art{max-width:290px}.hero-art p{font-size:10px}.art-label{font-size:9px;top:7%;left:-3px}.hero-copy>a{padding:12px 24px;font-size:13px}.cards{margin-top:10px;gap:13px}.card{padding:24px}.card h2{font-size:21px}.card p{min-height:0;font-size:12px}.card .emoji{float:right;font-size:28px}.card .tag{font-size:10px}.intro-ai{padding:23px 20px}.intro-ai h2{font-size:22px}.benefit-grid{grid-template-columns:1fr;gap:9px;margin:20px 0}.benefit-grid>div{padding:15px 17px}.benefit-grid b{font-size:13px;margin-bottom:5px}.benefit-grid span{font-size:11px}.info{padding:22px;font-size:12px}.result-top{padding:25px 18px}.result-top h1{font-size:23px}.result-top .big{width:90px;height:90px}.result-top p{font-size:12px}.result-top #res-sub{font-size:11px}.bars{padding:22px 18px}.bars h3{font-size:17px}.bar-row{grid-template-columns:122px 1fr 36px;gap:7px;font-size:10px}.bar-row b{font-size:11px}.bars small{font-size:10px}.profiles>h2,.support-section h2{font-size:22px}.muted{font-size:12px}.profile-grid{grid-template-columns:1fr}.profile-card h3{font-size:19px}.profile-card p{font-size:12px}.cat-plan,.staff-section{padding:22px 20px}.plan-heading{gap:11px}.mini-animal{width:55px}.plan-heading h2{font-size:20px}.growth-choices,.staff-tabs{gap:7px}.choice{font-size:10px;padding:11px 6px}.growth-step{font-size:12px;padding:16px}.timeline{gap:8px}.timeline span{font-size:10px;padding-left:8px}.timeline b{font-size:11px}.check-line{font-size:11px}.cat-quote{font-size:10px}.staff-section h2{font-size:20px}.before-after{grid-template-columns:1fr;gap:11px}.before-after>div{padding:18px}.before-after p{font-size:12px}.staff-point{font-size:12px}.helper-grid{grid-template-columns:1fr;gap:11px}.helper-card{display:grid;grid-template-columns:65px 1fr;text-align:left;padding:17px;column-gap:16px}.helper-animal{width:65px;grid-row:1/4}.helper-card b{font-size:14px;margin:2px 0 5px}.helper-card .helper-arrow{margin-top:7px}.demo-area{padding:21px 18px}.demo-heading h3{font-size:17px}.demo-benefit{font-size:13px}.result .cta{padding:25px 19px}.cta h2{font-size:23px}.line-box{padding:20px 15px}.line-box h3{font-size:16px}.line-button{font-size:11px;padding:13px 8px}.fine{font-size:10px!important}.question{padding:25px 20px}.question h2{font-size:21px}.option{font-size:13px;padding:14px 12px}.navigation button{font-size:13px}.fit-kicker{font-size:9px}}@media(max-width:360px){.hero h1{font-size:27px}.bar-row{grid-template-columns:111px 1fr 32px;font-size:9px}.growth-choices,.staff-tabs{grid-template-columns:1fr 1fr}.result-top h1{font-size:21px}.plan-heading h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.ai-fit{margin:26px 0;border:1px solid #e5d6b8;background:#fff8e9;border-radius:25px;padding:28px}.ai-fit h2{font-size:23px;line-height:1.6}.ai-fit ul{font-size:13px;line-height:2;padding-left:21px}.try-example{background:#fffdf7;border:1px solid #e7e1d3;border-radius:17px;padding:18px 21px}.try-example p{font-size:13px;font-weight:700;line-height:1.9;margin:9px 0 0}.preview-tag{display:inline-block;background:#edf1e2;border:1px solid #dce4cd;border-radius:20px;padding:2px 10px;margin-top:8px;font-size:10px}@media(max-width:650px){.ai-fit{padding:23px 20px}.ai-fit h2{font-size:20px}.ai-fit ul,.try-example p{font-size:12px}}
.official-team{border-block:1px dashed #cfd9c2;padding:15px 12px;margin:8px 0 25px;text-align:center;font-size:11px;line-height:2.2;color:#748565}.helper-emoji{font-size:60px;display:grid;place-items:center;min-height:85px;line-height:1}.helper-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:650px){.official-team{font-size:10px;padding:12px 7px}.helper-grid{grid-template-columns:1fr}.helper-emoji{font-size:47px;min-height:65px}}
/* Keep every illustrated companion consistent with the actual system. */
.hero{grid-template-columns:1.06fr 1fr}.hero-art{max-width:510px;padding-top:32px;width:100%}.hero-art .art-label{top:0;left:5%;transform:rotate(-3deg)}.hero-art p{margin:16px 0 0}.mini-animal>.portrait{width:70px;height:70px}.helper-animal>.portrait{width:85px;height:85px}.result-top .big>.portrait{width:105px;height:105px}.official-team{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:start;padding:20px 12px}.official-team>div{display:grid;justify-items:center;gap:7px}.official-team>div>.portrait{width:62px;height:62px}.official-team>div>span:last-child{font-size:11px;line-height:1.6}.helper-emoji{display:none}@media(max-width:650px){.hero{grid-template-columns:1fr}.hero-art{max-width:420px;padding-top:35px;margin-top:17px}.hero-art .art-label{font-size:10px;top:1px}.hero-art p{font-size:11px;margin-top:13px}.official-team{grid-template-columns:repeat(3,1fr);gap:18px 10px}.official-team>div>.portrait{width:60px;height:60px}.official-team>div>span:last-child{font-size:10px}.mini-animal>.portrait{width:55px;height:55px}.helper-animal>.portrait{width:65px;height:65px}.result-top .big>.portrait{width:90px;height:90px}}

.next-experience{background:#eef4e8;border:1px solid #cadcbd;border-radius:23px;padding:27px;margin:25px 0}.next-experience h2{font-size:25px;line-height:1.5;margin:8px 0}.next-experience p{color:#63795d}.next-experience .primary{display:inline-block;text-decoration:none;font-size:14px;margin:10px 0}@media(max-width:650px){.next-experience{padding:22px}.next-experience h2{font-size:22px}}
.hero-copy h1{font-size:clamp(29px,3.5vw,42px);letter-spacing:.02em}@media(max-width:650px){.hero-copy h1{font-size:clamp(27px,7.2vw,38px)}}

/* Long composite type headings wrap even on narrow screens. */
.result-top h1{overflow-wrap:anywhere;word-break:normal;max-width:100%}

.result-share{margin:26px 0;padding:clamp(20px,5vw,32px);background:#fffdf8;border:1px solid #d7e4d5;border-radius:24px}.result-share h2{margin:8px 0;font-size:clamp(22px,4vw,28px)}.result-share label{font-size:14px;font-weight:700}.result-share textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:10px 0 18px;padding:14px;border:1px solid #bacdbb;border-radius:12px;background:#f5f8f1;color:var(--ink);font:inherit;font-size:16px;line-height:1.7;resize:vertical;overflow-wrap:anywhere}.share-actions{display:flex;gap:12px;flex-wrap:wrap}.share-actions button{min-height:48px;white-space:normal}.result-share #share-status{font-size:14px;overflow-wrap:anywhere}.result-share button:focus-visible,.result-share textarea:focus-visible{outline:3px solid #b18b40;outline-offset:4px}@media(max-width:480px){.share-actions{flex-direction:column}.share-actions button{width:100%}}