:root{color-scheme:dark;--bg:#0e0d15;--surface:#17151f;--text:#f5f2fa;--muted:#a6a1b3;--purple:#c3a0f5;--border:#ffffff12;--analyst:#c8a5f7;--diplomat:#8ed4b1;--sentinel:#91b8ee;--explorer:#e4c482;font-family:'DM Sans','Noto Sans JP',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}a,button,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--purple)}button,a{touch-action:manipulation}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[hidden]{display:none!important}.container{max-width:1160px;width:calc(100% - 96px);margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.3px;color:var(--purple);line-height:1.5}.section{padding-top:88px;padding-bottom:10px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:29px}.section-heading h2{font-size:28px;letter-spacing:.01em;line-height:1.55;font-weight:700;margin-top:12px}.section-description{color:var(--muted);font-size:13px;margin-top:10px}.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:600;padding:14px 22px;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#b88ae9,#d4b1fb);color:#241331;box-shadow:0 5px 30px #b987e91f}.button-primary:hover{box-shadow:0 5px 35px #b987e949;background:linear-gradient(110deg,#c79df5,#ddc4fc)}.button-secondary{border:1px solid #ffffff21;background:#ffffff06}.button-secondary:hover{background:#ffffff0f}.text-button{display:inline-flex;gap:9px;align-items:center;color:#b9b1c9;font-size:12px;padding:6px 0;white-space:nowrap}.text-button:hover{color:#e5d1ff}.text-button svg{width:15px}.skip-link{position:fixed;top:-60px;left:20px;z-index:50;padding:10px;background:var(--purple);color:#21132c}.skip-link:focus{top:10px}.site-header{height:88px;border-bottom:1px solid var(--border);background:#0d0c14;position:relative;z-index:2}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:8px;font-size:30px;line-height:1;font-weight:500;letter-spacing:-1.8px}.brand-mark{color:#cab0f3;font-size:48px;width:39px;position:relative;line-height:1;transform:rotate(-22deg);font-family:Georgia,serif;font-weight:400}.brand-mark i{position:absolute;font-size:15px;top:8px;right:1px;font-style:normal}.brand-ja{display:block;font-size:8px;letter-spacing:2.7px;margin-top:7px;margin-left:2px;color:#b3a7c5}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:18px;font-size:11px;color:#b5b0c2}.site-header nav a:hover{color:#e3d0fd}.header-cta{border:1px solid #b998e23a;background:#b998e20c;color:#d3b6f4;font-size:11px;padding:12px 17px;gap:14px}.header-cta svg{width:16px}.hero{position:relative;isolation:isolate;min-height:632px;overflow:hidden;background:#0e0d15}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-image{background:url('/assets/night-lounge.webp') center 57%/cover no-repeat;opacity:.8}.hero-shade{z-index:-1;background:linear-gradient(90deg,#0e0d15 0%,#0e0d15e8 25%,#0e0d1573 52%,#0e0d1510 100%),linear-gradient(0deg,#0e0d15 0%,transparent 37%,#0e0d151a 85%)}.hero-inner{display:flex;position:relative;padding-top:62px;padding-bottom:62px;min-height:580px;align-items:center}.hero-copy{position:relative;z-index:1;width:60%}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.1px;color:#d1b5ec;margin-bottom:24px}.hero-eyebrow>span{width:5px;height:5px;box-shadow:0 0 12px #d2acfc;border-radius:50%;background:#d2acfc}.hero h1{font-size:54px;font-weight:700;line-height:1.5;letter-spacing:.015em;white-space:nowrap}.hero h1>span{background:linear-gradient(90deg,#c3a1f5,#f0cae1);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:#b6b0c3;font-size:12px;line-height:2.1;margin-top:21px}.hero-start{margin-top:27px;padding:17px 23px;font-size:13px;gap:15px}.hero-start svg{width:17px}.hero-consult{display:flex;align-items:center;gap:10px;color:#d5c8e5;font-size:12px;margin-top:17px;padding:0 3px}.hero-consult:hover{color:#fff}.hero-consult svg{width:16px}.hero-consult [data-icon=arrow]{margin-left:13px}.hero-facts{display:flex;align-items:center;gap:8px;color:#8e879e;font-size:10px;margin:19px 0 0 4px}.hero-facts svg{width:13px;height:13px}.fact-dot{margin:0 4px}.hero-art{width:40%;height:380px;position:relative;perspective:800px}.orbit{position:absolute;border:1px solid #e1ccff23;border-radius:50%;transform:rotate(-20deg);left:-15px;top:1px;width:410px;height:330px}.orbit-two{transform:rotate(22deg);width:340px;height:400px;top:-30px;left:20px;opacity:.6}.orbit-star{position:absolute;color:#f2dbff;text-shadow:0 0 20px #cdabff}.star-one{font-size:30px;top:1px;right:75px}.star-two{font-size:22px;bottom:50px;left:0}.personality-card{width:298px;position:absolute;top:86px;left:48px;background:linear-gradient(135deg,#34283fba,#1d1828ba);border:1px solid #e3c5ff45;box-shadow:0 20px 70px #08060f40,inset 0 0 30px #c7a8e708;backdrop-filter:blur(20px);border-radius:17px;padding:25px 25px 0;transform:rotate(-7deg)}.card-overline{font-size:8px;letter-spacing:1.7px;color:#e1cee7}.letter-tiles{display:flex;gap:9px;margin-top:22px}.letter-tiles>span{font-size:38px;line-height:61px;text-align:center;width:54px;border-radius:8px;border:1px solid #c6a2f54d;background:linear-gradient(135deg,#bd97ed2b,#bd97ed0e);color:#e0c7ff;font-weight:500;box-shadow:0 3px 10px #0002}.letter-tiles>span:nth-child(2){color:#e5bfd7;background:#ecc0d714;border-color:#ecc0d73d}.letter-tiles>span:nth-child(3){color:#b7d1f2;background:#b7d1f214;border-color:#b7d1f23d}.letter-tiles>span:nth-child(4){color:#d0e7c8;background:#d0e7c814;border-color:#d0e7c83d}.personality-card>p{font-size:12px;letter-spacing:1px;margin:18px 0 23px;color:#ede4f0}.personality-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;color:#b7a6c5;font-size:9px;padding:12px 0}.personality-card-footer>span:last-child{font-size:16px;color:#cdb4ed}.personality-float{font-size:9px;letter-spacing:1.5px;position:absolute;background:#241e35a1;border:1px solid #e0c7f92b;border-radius:25px;padding:9px 15px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(12px);color:#dfcce9}.float-top{left:20px;top:16px;transform:rotate(-5deg);font-size:8px}.float-dot{background:#c2a3e7;width:5px;height:5px;border-radius:50%}.float-bottom{bottom:9px;right:0;transform:rotate(6deg);letter-spacing:.6px;font-size:10px}.float-bottom svg{width:14px;height:14px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#776e88;padding-bottom:27px;position:relative}.hero-bottom a{font-size:7px;letter-spacing:1.7px}.hero-bottom a span{font-size:17px;margin-left:10px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:32px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:16px}.benefits>div+div{border-left:1px solid var(--border)}.benefit-icon{color:#b8a0d8}.benefit-icon svg{width:29px;height:29px;stroke-width:1.2}.benefits small{display:block;color:#796f8c;font-size:8px;letter-spacing:1.6px;margin-bottom:4px}.benefits strong{font-weight:500;font-size:12px;color:#c7c0d2}.modes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:53px}.mode-card{text-align:left;border:1px solid #b18bd52b;border-radius:12px;padding:24px 28px;background:linear-gradient(115deg,#251b331c,#1b1724);transition:background .2s,border .2s}.mode-card:hover{border-color:#c3a0f570;background:#231c30}.mode-number{font-size:9px;letter-spacing:1.7px;color:#b7a1cc}.mode-card>div{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.mode-card h2{font-size:20px;font-weight:600}.mode-card>div>[data-icon]{color:var(--purple)}.mode-card>p{font-size:11px;color:#a69caf;line-height:1.9}.mode-tag{display:inline-block;font-size:9px;color:#c8b6df;margin-top:18px;background:#c3a0f50b;border:1px solid #c3a0f51a;border-radius:4px;padding:3px 8px}.consult-mode{border-color:#91bbab26;background:linear-gradient(110deg,#182b241b,#181e1e)}.consult-mode:hover{background:#1c2825;border-color:#9cd1b655}.consult-mode .mode-number,.consult-mode .mode-card>div>[data-icon]{color:#a8c9bb}.consult-mode .mode-tag{color:#b3cabe;background:#8ed4b109;border-color:#8ed4b119}.filter-bar,.job-filters{display:flex;gap:8px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filter{border:1px solid transparent;color:#92899f;border-radius:6px;font-size:11px;padding:8px 17px;display:flex;align-items:center;gap:8px;line-height:1.5;transition:all .2s}.filter:hover{background:#ffffff06;color:#ded4ec}.filter.active{background:#c3a0f510;color:#e0c4ff;border-color:#c3a0f52a}.filter>span{font-size:9px;background:#c3a0f517;padding:0 4px;border-radius:3px}.group-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.analyst{--accent:var(--analyst);--tint:#a773df}.diplomat{--accent:var(--diplomat);--tint:#62b48b}.sentinel{--accent:var(--sentinel);--tint:#619be8}.explorer{--accent:var(--explorer);--tint:#d6b467}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.type-card{padding:20px 22px;text-align:left;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:9px;background:linear-gradient(115deg,color-mix(in srgb,var(--tint) 7%,#121019),#14121d);min-height:161px;transition:transform .2s,border-color .2s,background .2s}.type-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(115deg,color-mix(in srgb,var(--tint) 16%,#121019),#14121d)}.type-top{display:flex;align-items:center;justify-content:space-between}.type-top>small{font-size:9px;color:var(--accent);opacity:.8;letter-spacing:.5px}.type-top svg{width:29px;height:29px;stroke-width:1.2;color:var(--accent)}.type-code{font-family:'DM Sans',sans-serif;color:var(--accent);font-size:27px;font-weight:500;letter-spacing:2px;line-height:1.3;margin:8px 0 0}.type-name{font-size:11px;color:#d0c6dc;margin-left:1px}.type-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#8f849f;font-size:10px}.type-bottom svg{width:15px;height:15px;color:var(--accent);opacity:.5}.type-note{font-size:10px;color:#81778e;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;text-align:center;line-height:1.9}.type-note svg{width:13px;height:13px}.quiz-banner{margin-top:66px;display:flex;gap:24px;align-items:center;border:1px solid #b49bc32a;background:radial-gradient(ellipse at 10% 100%,#3e294246,transparent 45%),linear-gradient(100deg,#22192d,#16141e);border-radius:13px;padding:34px}.banner-orb{position:relative;width:82px;height:82px;flex-shrink:0;border:1px solid #b89dcf34;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:rotate(-15deg);box-shadow:0 0 30px #d4a2e712,inset 0 0 25px #d4a2e71a;background:linear-gradient(130deg,#6b3d702b,#2e213100)}.banner-orb>span{color:#d5b4e8;font-size:44px;font-weight:400}.banner-orb>i{color:#d8b5ee;font-size:22px;font-style:normal;position:absolute;top:-12px;right:0}.banner-copy{flex:1}.banner-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.banner-copy h2{font-size:19px;font-weight:600;margin-top:7px}.banner-copy>p:last-child{font-size:11px;color:#a395b1;margin-top:6px}.quiz-banner .button{font-size:11px;padding:14px 18px;white-space:nowrap}.quiz-banner .button svg{width:16px}.section-count{font-size:30px;color:#ae9dbe;white-space:nowrap;line-height:1.3}.section-count>span{display:block;font-size:8px;letter-spacing:2px;color:#6f647e}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.job-card{background:#13111b;display:flex;text-align:left;align-items:flex-start;gap:16px;padding:25px 22px;transition:background .2s}.job-card:hover{background:#211a2e}.job-symbol{border:1px solid #c6a0e022;border-radius:8px;background:#c6a0e009;width:42px;height:42px;flex-shrink:0;color:#b7a0ca;display:flex;align-items:center;justify-content:center}.job-symbol svg{width:22px;height:22px;stroke-width:1.2}.job-card .job-symbol.adult-symbol{color:#d1a4b6;background:#d1a4b609;border-color:#d1a4b620}.job-card-copy{flex:1}.job-card h3{font-weight:500;font-size:13px;line-height:1.7}.job-card p{font-size:10px;color:#8c809b;margin-top:6px;line-height:1.9}.job-card>svg{width:15px;height:15px;color:#6f5e81;margin-top:5px;flex-shrink:0}.job-category{font-size:8px;letter-spacing:1px;color:#81708f;margin-bottom:3px;display:block}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding-top:85px;padding-bottom:80px}.faq-section h2{font-size:28px;line-height:1.65;margin-top:12px;font-weight:600}.faq-section>div>p:not(.eyebrow){font-size:12px;color:#92859f;margin-top:17px;line-height:1.9}.faq-section .eyebrow{font-size:8px;letter-spacing:1.6px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:23px 0;font-size:12px;gap:20px;list-style:none;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#b49bc9;font-size:20px;font-weight:400}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;color:#a195ad;line-height:2;padding:0 20px 22px 0}.resource-link{display:inline-flex;align-items:center;gap:6px;color:#b9a1ce;font-size:10px;margin-top:25px;border-bottom:1px solid #b9a1ce30;padding-bottom:4px}.resource-link svg{width:12px}.site-footer{background:#0b0a11;border-top:1px solid var(--border)}.footer-top{display:flex;align-items:center;gap:28px;padding:37px 0}.footer-top .brand{font-size:26px}.footer-top .brand-mark{font-size:40px}.footer-top .brand-ja{font-size:7px}.footer-top>p{font-size:10px;color:#766a84;margin-left:12px}.footer-top>a:last-child{margin-left:auto;font-size:8px;letter-spacing:1.4px;color:#a08cad}.footer-top>a:last-child>span{margin-left:10px;font-size:18px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:20px 0 27px;gap:24px;font-size:8px;color:#675b74}.footer-bottom>span{white-space:nowrap}.modal{padding:0;background:#14111e;color:var(--text);border:1px solid #8e71ac46;border-radius:18px;width:620px;max-width:calc(100% - 32px);max-height:90dvh;box-shadow:0 30px 130px #0009;overscroll-behavior:contain}.modal::backdrop{background:#08060cce;backdrop-filter:blur(9px)}.modal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:17px 24px;position:sticky;top:0;background:#14111ef5;z-index:5;backdrop-filter:blur(20px)}.mini-brand{font-size:22px;font-weight:500;letter-spacing:-1px}.mini-brand>span{font-size:8px;color:#9683ad;letter-spacing:1.1px;margin-left:6px}.icon-button{padding:7px;display:inline-flex;align-items:center;justify-content:center;color:#b3a0c4;border-radius:50%}.icon-button:hover{background:#fff1;color:#fff}.icon-button svg{width:19px;height:19px}.quiz-body{padding:32px}.quiz-meta{display:flex;justify-content:space-between;color:#ab91c3;font-size:10px;letter-spacing:1.2px;margin-bottom:10px}.progress-track{height:3px;background:#fff1;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#9970c8,#d3b2f4);transition:width .3s}.quiz-body h2{font-size:24px;font-weight:600;line-height:1.7;margin:30px 0 8px;outline:none}.quiz-subtitle{font-size:12px;color:#a697b4;line-height:1.9;margin-bottom:24px}.quiz-options{display:grid;gap:12px;margin-bottom:24px}.choice{display:flex;gap:14px;align-items:center;text-align:left;padding:19px;border:1px solid #a98bca26;border-radius:9px;background:#1c1725;transition:all .15s;line-height:1.8;font-size:13px}.choice:hover{background:#2a2037;border-color:#bc94e367}.choice.selected{background:#3b2850;border-color:#c39aed;color:#f5e9ff}.choice-circle{width:20px;height:20px;border:1px solid #9571b3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice.selected .choice-circle{background:#c6a4ea;color:#271431;border:0}.choice-circle svg{width:13px;height:13px}.choice small{display:block;font-size:10px;color:#a99ab8;line-height:1.7;margin-top:4px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.quiz-back{display:flex;align-items:center;gap:7px;color:#9e8bb0;padding:10px 0;font-size:12px}.quiz-back svg{width:16px}.quiz-actions>.button{min-width:150px;font-size:12px}.quiz-footnote{font-size:10px;color:#7f6d90;border-top:1px solid var(--border);margin-top:28px;padding-top:17px;line-height:1.9}.compact-choices{grid-template-columns:1fr 1fr;gap:9px}.compact-choices .choice{padding:12px 14px;font-size:12px;gap:9px}.compact-choices .choice-circle{width:16px;height:16px}.mbti-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.mbti-pick{border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:7px;color:var(--accent);padding:11px 3px;font-size:16px;letter-spacing:1px}.mbti-pick:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.mbti-pick.selected{outline:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}.mbti-pick small{display:block;font-size:8px;letter-spacing:0;color:#a79bb4}.unknown-type{width:100%;border:1px dashed #b095ce33;border-radius:7px;padding:13px;font-size:11px;color:#bd9eda;margin-bottom:20px}.unknown-type:hover{background:#b095ce0c}.result-modal{width:760px}.result-body{padding:30px}.result-intro{text-align:center;position:relative;padding:12px 0 25px;background:radial-gradient(ellipse at 50% 25%,#c39aed14,transparent 65%)}.result-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.result-type{font-size:64px;color:var(--accent,var(--purple));font-weight:500;line-height:1.3;letter-spacing:6px;margin-top:12px}.result-type>small{font-size:12px;display:block;letter-spacing:2px;margin-top:4px;color:#baa5ce;font-family:'Noto Sans JP',sans-serif}.result-intro h2{font-size:23px;font-weight:600;margin-top:18px;line-height:1.6}.result-intro>p:last-child{font-size:12px;color:#ac9bbb;max-width:540px;margin:14px auto 0;line-height:2;text-align:left}.result-pill{display:inline-flex;font-size:9px;padding:3px 10px;border:1px solid #bc9adc3b;border-radius:30px;margin-top:15px;color:#baa2d0}.strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 28px}.strength{border:1px solid #c39aed1a;border-radius:8px;padding:15px 12px;text-align:center;background:#bfa5dd05}.strength>span{color:#c7a3e7}.strength svg{width:22px;height:22px}.strength>strong{display:block;font-size:11px;font-weight:500;margin-top:6px}.result-section-title{font-size:16px;margin-top:24px;font-weight:600}.result-section-sub{font-size:10px;color:#8d7e9b;margin:5px 0 17px;line-height:1.9}.match-card{border:1px solid #bba0d72a;background:#1b1525;border-radius:10px;padding:19px 21px;margin-top:11px}.match-card:first-of-type{border-color:#b694d34a}.match-head{display:flex;align-items:center;gap:15px}.match-number{font-size:25px;font-weight:400;color:#b894d6;letter-spacing:1px}.match-head h3{font-size:15px;font-weight:500}.match-head>button{margin-left:auto;white-space:nowrap;font-size:10px;color:#c2a2df;display:flex;align-items:center;gap:5px;border-bottom:1px solid #c2a2df22;padding:2px 0}.match-head>button svg{width:13px}.match-card>p{font-size:11px;color:#ad9dbd;line-height:1.95;margin:11px 0}.match-condition{padding:10px 12px;border-radius:5px;background:#0e0b1577;color:#bbadc8;font-size:10px;line-height:1.9}.match-condition>strong{display:block;font-size:9px;color:#d4b4ed;font-weight:500}.care-note{background:#2d252c8c;border-left:2px solid #ca9aaa;border-radius:0 7px 7px 0;padding:16px 18px;margin-top:25px}.care-note h3{font-size:12px;color:#e4bdca;font-weight:500;margin-bottom:7px;display:flex;gap:8px;align-items:center}.care-note h3 svg{width:15px;height:15px}.care-note>p{font-size:11px;color:#b8a1b5;line-height:2}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;justify-content:center}.result-actions .button{font-size:11px;padding:13px 16px;gap:8px}.result-actions svg{width:16px}.result-disclaimer{font-size:9px;line-height:1.9;color:#7e6e8c;margin-top:23px;text-align:center}.result-retake{display:block;margin:18px auto 0;font-size:11px;color:#a38fb6;text-decoration:underline;text-underline-offset:4px}.consult-answers{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.consult-answers span{border:1px solid #ac93c329;border-radius:5px;font-size:9px;color:#b5a2c4;padding:4px 9px;background:#ffffff03}.advice-block{padding:19px;border-radius:10px;border:1px solid #97c3b62b;background:#16221d66;margin-top:19px}.advice-block h3{font-size:14px;color:#b9d3c6;font-weight:500;margin-bottom:9px}.advice-block p{color:#a6b8b0;font-size:11px;line-height:2}.advice-block blockquote{margin:14px 0 0;border-left:2px solid #8eb7a6;padding-left:13px;color:#c2d4cd;font-size:12px;line-height:2}.advice-block ul{margin:10px 0 0;padding-left:18px;color:#a6b8b0;font-size:11px;line-height:2.2}.result-summary-note{font-size:11px;color:#bcacc7;line-height:1.9}.share-fallback{margin-top:15px;padding:12px;background:#fff1;border-radius:8px;font-size:11px}.share-fallback input{width:100%;padding:9px;border:1px solid #b995d648;border-radius:5px;background:#18101f;color:#d6c0ea;font-size:11px;margin-top:8px}.job-body{padding:30px}.job-body>.job-symbol{width:55px;height:55px;margin-bottom:20px}.job-body h2{font-size:28px;font-weight:500;margin:8px 0 17px}.job-body>p{font-size:13px;color:#b4a4c2;line-height:2}.job-details{margin-top:23px;border:1px solid #bca1d528;border-radius:10px;overflow:hidden}.job-details>div{padding:16px 18px;display:grid;grid-template-columns:100px 1fr;gap:16px;font-size:12px}.job-details>div+div{border-top:1px solid var(--border)}.job-details dt{color:#c3a3df}.job-details dd{margin:0;color:#a99ab6;line-height:1.9}.job-body h3{font-size:14px;margin-top:28px;font-weight:500}.job-checklist{padding-left:20px;color:#ac9ab9;font-size:12px;line-height:2.3}.job-body .button{width:100%;margin-top:18px;font-size:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#372846;border:1px solid #bfa0dc40;color:#e6d3f8;border-radius:8px;padding:12px 20px;z-index:100;font-size:12px;transition:transform .2s,opacity .2s;text-align:center;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;bottom:0;left:0;right:0;background:#352043;padding:15px;text-align:center;font-size:13px}
@media(min-width:1450px){.hero-image{background-position:center 57%}.hero-inner{min-height:630px}.hero h1{font-size:59px}.hero{min-height:675px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.site-header nav{gap:21px;margin-right:0}.hero h1{font-size:45px}.hero-copy{width:58%}.hero-art{width:42%;transform:scale(.9);transform-origin:center right}.personality-card{left:15px}.orbit{left:-35px}.orbit-two{left:0}.hero-inner{min-height:570px}.float-bottom{right:-10px}.hero{min-height:615px}.banner-copy h2{font-size:17px}.quiz-banner{padding:25px;gap:20px}.banner-orb{width:65px;height:65px}.section-heading h2{font-size:25px}.type-card{padding:18px}.job-card{padding:23px 16px;gap:12px}.job-symbol{width:35px;height:35px}.job-card h3{font-size:12px}.benefits{gap:15px}.benefits>div{gap:12px}.benefits strong{font-size:11px}.mode-card{padding:22px}.mode-card h2{font-size:18px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.site-header{height:76px}.site-header nav{display:none}.brand{font-size:26px}.brand-mark{font-size:42px}.brand-ja{font-size:7px}.hero-inner{padding-top:45px;min-height:540px}.hero h1{font-size:40px}.hero-copy{width:62%}.hero-art{width:38%;transform:scale(.68);transform-origin:center right;right:0}.personality-card{left:-80px;top:76px}.float-top{left:-100px}.orbit{left:-130px}.orbit-two{left:-105px}.float-bottom{right:-25px;bottom:22px}.star-one{right:25px}.star-two{left:-100px}.hero-description{font-size:11px}.hero-eyebrow{font-size:8px;letter-spacing:1.5px}.hero-start{font-size:11px;padding:16px;gap:10px}.hero-consult{font-size:10px}.hero{min-height:570px}.hero-bottom>span{font-size:7px;letter-spacing:1.3px}.benefits{gap:10px;padding:23px 0}.benefits>div{gap:10px}.benefit-icon svg{width:23px;height:23px}.benefits small{font-size:6px;letter-spacing:1px}.benefits strong{font-size:9px}.mode-card h2{font-size:16px}.mode-card>p{font-size:10px}.modes{gap:12px;margin-top:40px}.section{padding-top:62px}.section-heading h2{font-size:22px}.section-description{font-size:11px}.section-heading{gap:15px}.section-heading>.text-button{font-size:10px}.type-grid{gap:10px}.type-card{padding:15px 13px;min-height:145px}.type-code{font-size:24px;letter-spacing:1px}.type-top svg{width:24px;height:24px}.type-name{font-size:10px}.type-bottom{font-size:8px;gap:3px}.type-bottom svg{width:13px}.filter{font-size:10px;padding:7px 12px}.quiz-banner{flex-wrap:wrap;gap:18px;margin-top:50px}.quiz-banner>.button{margin-left:83px;padding:12px 18px}.banner-copy{flex-basis:70%}.banner-copy h2{font-size:18px}.job-grid{grid-template-columns:repeat(2,1fr)}.job-card{padding:23px 20px}.job-card h3{font-size:13px}.job-card p{font-size:10px}.faq-section{gap:30px;grid-template-columns:.9fr 1.5fr;padding-bottom:60px}.faq-section h2{font-size:25px}.faq-section>div>p:not(.eyebrow){font-size:11px}.faq-list summary{font-size:11px;padding:20px 0}.footer-top{gap:15px}.footer-top>p{font-size:9px}.footer-top>a:last-child{font-size:7px;letter-spacing:1px}.footer-bottom{font-size:7px;align-items:flex-start}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.site-header{height:72px}.header-inner{gap:15px}.brand{font-size:25px}.brand-mark{font-size:40px;width:34px}.brand-ja{font-size:7px;letter-spacing:2.5px}.header-cta{font-size:9px;padding:10px 12px;gap:7px}.header-cta svg{width:13px;height:13px}.hero{min-height:auto}.hero-inner{padding:43px 0 35px;min-height:auto;display:block}.hero-copy{width:100%}.hero h1{font-size:clamp(32px,8.9vw,48px);line-height:1.5;letter-spacing:0}.hero-eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.hero-description{font-size:11px;margin-top:19px;line-height:2.1}.hero-start{margin-top:25px;font-size:12px;padding:16px 18px;gap:12px}.hero-consult{font-size:11px;margin-top:17px;gap:10px}.hero-facts{font-size:9px;margin-top:17px}.hero-art{width:150px;height:130px;transform:scale(.48);transform-origin:bottom right;position:absolute;right:-2px;top:145px;opacity:.8;z-index:0;pointer-events:none}.personality-card{width:298px;left:18px;top:28px;transform:rotate(9deg);opacity:.5}.orbit,.orbit-star,.personality-float{display:none}.hero-copy{z-index:1}.hero-image{background-position:63% center;opacity:.55}.hero-shade{background:linear-gradient(90deg,#0e0d15e8,#0e0d154a),linear-gradient(0deg,#0e0d15,transparent 80%)}.hero-bottom{padding-bottom:22px}.hero-bottom>span{font-size:6px;letter-spacing:1px}.hero-bottom>a{font-size:0}.hero-bottom>a>span{font-size:17px}.benefits{gap:0;padding:22px 0}.benefits>div{display:block;text-align:center}.benefit-icon{margin-bottom:7px}.benefit-icon svg{width:22px;height:22px}.benefits small{font-size:5px;letter-spacing:.5px;margin-bottom:4px}.benefits strong{font-size:8px}.modes{grid-template-columns:1fr;margin-top:30px;gap:12px}.mode-card{padding:19px 21px}.mode-number{font-size:8px;letter-spacing:1.3px}.mode-card>div{margin:8px 0}.mode-card h2{font-size:19px}.mode-card>p{font-size:11px}.mode-tag{font-size:8px;margin-top:13px}.section{padding-top:52px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:21px;letter-spacing:-.3px;margin-top:9px}.section-description{font-size:11px;line-height:1.9;margin-top:10px}.eyebrow{font-size:9px;letter-spacing:1.7px}.section-heading>.text-button{margin-top:12px;font-size:10px}.filter-bar{gap:3px;margin-bottom:17px;flex-wrap:nowrap;justify-content:space-between}.filter{padding:7px 9px;font-size:9px;gap:5px}.filter>span{font-size:7px;padding:0 3px}.group-dot{width:5px;height:5px}.type-grid{grid-template-columns:repeat(2,1fr);gap:10px}.type-card{padding:17px 17px 15px;min-height:158px}.type-top>small{font-size:9px}.type-top svg{width:26px;height:26px}.type-code{font-size:28px;letter-spacing:1.5px;margin-top:7px}.type-name{font-size:10px}.type-bottom{font-size:9px;margin-top:11px}.type-note{font-size:9px;align-items:flex-start;margin-top:18px}.type-note [data-icon]{margin-top:3px}.quiz-banner{padding:24px 22px;gap:15px;position:relative;margin-top:40px}.banner-orb{width:44px;height:44px;position:absolute;right:21px;top:23px;opacity:.5}.banner-orb>span{font-size:27px}.banner-orb>i{font-size:14px;top:-6px}.banner-copy{flex-basis:100%}.banner-copy .eyebrow{font-size:6px;letter-spacing:1px;max-width:85%}.banner-copy h2{font-size:18px;line-height:1.8;margin:10px 0 0;max-width:92%}.banner-copy>p:last-child{font-size:10px;line-height:1.9;margin-top:8px}.quiz-banner>.button{margin-left:0;font-size:11px;margin-top:4px;padding:13px 17px}.section-count{display:none}.job-filters{gap:5px;flex-wrap:wrap;margin-bottom:17px}.job-filters .filter{font-size:9px;padding:7px 8px}.job-grid{grid-template-columns:1fr}.job-card{padding:20px;align-items:center}.job-symbol{width:40px;height:40px}.job-card h3{font-size:13px}.job-card p{font-size:10px;margin-top:3px}.job-category{font-size:7px;margin-bottom:1px}.job-card>svg{margin-top:0}.faq-section{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.faq-section h2 br{display:none}.faq-section h2{font-size:23px}.faq-section>div>p:not(.eyebrow){font-size:11px;margin-top:11px}.faq-section>div>p br{display:none}.resource-link{font-size:9px;margin-top:16px}.faq-list summary{font-size:11px;padding:19px 0}.faq-list details>p{font-size:11px;padding-right:0}.footer-top{flex-wrap:wrap;padding:29px 0 23px;gap:17px}.footer-top>.brand{font-size:24px}.footer-top>p{order:3;width:100%;margin:0;font-size:9px}.footer-top>a:last-child{font-size:7px}.footer-bottom{display:block;padding:18px 0 23px;font-size:8px;line-height:1.9}.footer-bottom>span{display:block;margin-top:12px}.modal{border-radius:13px;max-width:calc(100% - 20px);max-height:94dvh}.modal-top{padding:13px 17px}.mini-brand{font-size:20px}.mini-brand>span{font-size:6px;letter-spacing:.7px}.quiz-body{padding:23px 20px}.quiz-body h2{font-size:21px;margin-top:23px}.quiz-subtitle{font-size:11px;margin-bottom:20px}.quiz-meta{font-size:9px}.choice{padding:16px 14px;font-size:12px;gap:11px}.choice-circle{width:18px;height:18px}.quiz-options{gap:10px}.quiz-actions>.button{min-width:125px;font-size:11px;padding:13px 16px}.quiz-back{font-size:11px}.quiz-footnote{font-size:9px;margin-top:20px}.compact-choices .choice{font-size:10px;padding:11px 9px;gap:6px}.compact-choices{gap:7px}.compact-choices .choice-circle{width:14px;height:14px}.mbti-picker{gap:6px}.mbti-pick{font-size:14px;padding:10px 2px}.mbti-pick small{font-size:7px}.result-body{padding:21px 18px}.result-type{font-size:53px;letter-spacing:4px}.result-intro h2{font-size:19px}.result-intro>p:last-child{font-size:11px}.strengths{gap:6px}.strength{padding:12px 7px}.strength>strong{font-size:9px}.result-section-title{font-size:15px}.match-card{padding:15px}.match-head{gap:10px}.match-number{font-size:22px}.match-head h3{font-size:13px}.match-head>button{font-size:9px;gap:3px}.match-card>p{font-size:11px}.match-condition{padding:9px 10px;font-size:10px}.care-note{padding:14px}.care-note>p{font-size:10px}.result-actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px}.result-actions .button{width:100%;font-size:11px}.advice-block{padding:16px}.advice-block blockquote{font-size:11px}.job-body{padding:24px 20px}.job-body h2{font-size:24px}.job-body>p{font-size:12px}.job-details>div{padding:13px;grid-template-columns:72px 1fr;gap:12px;font-size:11px}.job-checklist{font-size:11px}.toast{bottom:20px;font-size:11px;padding:11px 15px;min-width:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}