@charset "UTF-8";:root{color-scheme:light;--page-max-width: 1200px;--page-content-padding: 16px;--color-text: #1f2937;--color-text-muted: #4b5563;--color-bg: #fdfbf8;--color-surface: #fff;--color-surface-alt: #f7f3ed;--color-border: #e5e7eb;--color-success: #16a34a;--color-danger: #ef4444;--color-warning: #fb923c;--font-base: Noto Sans JP, Inter, Hiragino Sans, Yu Gothic, Meiryo, sans-serif;--radius-lg: 12px;--radius-xl: 16px;--shadow-soft: 0 24px 60px rgba(31, 41, 55, .08);--cls-color-1: #f78fb3;--cls-color-2: #8c7dff;--cls-color-3: #34c759;--cls-color-4: #4ec4eb;--cls-color-5: #fb7185;--cls-color-6: #fbbf24;--cls-color-7: #f97316;--cls-color-8: #8cc63f;--cls-color-9: #3b82f6;--cls-color-10: #1e40af;--cls-color-11: #f472b6;--cls-color-12: #94a3b8}.party-news-title{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.mobile-topics-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.featured-topic-area{text-align:center;position:relative}.other-topics-area{padding-left:8px;position:relative}.other-topic-item{display:block;padding:12px 0;border-bottom:1px solid #e5e7eb;text-decoration:none;color:inherit;position:relative}.other-topic-item:last-child{border-bottom:none}.other-topic-item:hover{background:#f9fafb}.other-topic-name{font-size:18px;font-weight:600;color:#1f2937;margin:0}.other-topic-desc{font-size:14px;color:#6b7280;margin:4px 0 0}.topic-vote-badge{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:16px;height:16px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.loading-placeholder{text-align:center;padding:20px;color:#999}.loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #999;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){#other-topics-section{width:100%!important;order:6!important}.index2-page #other-topics-section .party-news-title,.index2-page #other-topics-section .other-topic-name{color:#fff!important}.index2-page #other-topics-section .other-topic-desc,.index2-page #other-topics-section .loading-placeholder{color:#d1d5db!important}.index2-page #other-topics-section .mobile-topics-layout,.index2-page #other-topics-section h2{color:#fff!important}body:not(.index2-page) #other-topics-section .party-news-title{color:#1a1a1a!important}body:not(.index2-page) #other-topics-section .other-topic-name{color:#1f2937!important}body:not(.index2-page) #other-topics-section .other-topic-desc{color:#6b7280!important}body:not(.index2-page) #other-topics-section .loading-placeholder{color:#999!important}.mobile-topics-layout{position:relative!important;gap:0!important;align-items:flex-start!important}.featured-topic-area{position:relative!important;text-align:left!important;padding-left:0!important;margin-left:-16px!important}#index2-featured-topic-chart-container{padding:0!important;margin:0 0 0 -16px!important}.other-topics-area{position:absolute!important;top:50%!important;right:0!important;transform:translateY(-50%)!important;width:50%!important;padding-left:0!important;padding-right:8px!important;z-index:10!important}.other-topic-item{padding:6px 0!important}.other-topic-item:first-child{padding-top:0!important}.other-topic-name{font-size:12px!important}.other-topic-desc{font-size:10px!important;margin:2px 0 0!important}}.other-topics-section{margin-top:48px;margin-bottom:40px;flex:0 0 auto;order:5}@font-face{font-family:kin-iro-sansserif;src:url(/static/fonts/GN-Kin-iro_SansSerif.ttf) format("truetype");font-weight:400;font-style:normal}.other-features-section{--color-quiz: #ef4444;--color-election: #06b6d4;--color-party: #10b981;--color-personality: #ec4899;--color-default: #667eea;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-kicker: #374151;--color-border: #e0e0e0;--color-accent: #2d8a6e;--card-mobile-width: 85vw;--card-mobile-max-width: 340px;--card-mobile-min-width: 280px;--breakpoint-mobile: 768px}.other-features-section{background:#fff;padding:0 0 40px;margin-top:48px}.other-features-section .personality-section-header{max-width:var(--page-content-max-width, 1200px);margin:0 auto 30px;padding:0 var(--page-content-padding, 20px) 8px;border-bottom:2px solid var(--color-border)}.other-features-section .personality-section-header h2{margin:0}.other-features-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.other-features-title svg{width:28px;height:28px;color:var(--color-accent);flex-shrink:0}.features-wrapper-simple{max-width:var(--page-content-max-width, 1200px);margin:0 auto;padding:0 var(--page-content-padding, 20px)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;flex:1}.features-mobile-controls{display:none}.feature-card{background:#fff;border:none;border-radius:0;padding:0;text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer;text-decoration:none;color:inherit;display:block;overflow:hidden;box-shadow:4px 4px #00000026}.feature-card--wide{grid-column:span 2}.feature-card:hover{transform:translateY(-3px);box-shadow:6px 6px #0003}.feature-icon{font-size:3rem;margin-bottom:0;position:relative;z-index:2}.feature-icon img{width:60px;height:auto}.feature-title{font-size:1.25rem;font-weight:700;margin:0;color:#fff;position:relative;padding:12px 16px 10px;overflow:visible;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px}.feature-title svg{width:44px;height:44px}.feature-title:before{content:"";position:absolute;inset:0;background:var(--color-default);z-index:0}.feature-title:after{content:"";position:absolute;left:50%;bottom:-5px;height:50px;width:400vw;transform:translate(-50%);background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 50 Q 150 20 300 50 T 600 50 T 900 50 T 1200 50 V100 H0 Z'/%3E%3C/svg%3E") repeat-x bottom/1200px 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 50 Q 150 20 300 50 T 600 50 T 900 50 T 1200 50 V100 H0 Z'/%3E%3C/svg%3E") repeat-x bottom/1200px 100%;z-index:1}.feature-title span{position:relative;z-index:2}.feature-card--quiz .feature-title:before{background:var(--color-quiz)}.feature-card--news .feature-title:before,.feature-card--election .feature-title:before{background:var(--color-election)}.feature-card--party .feature-title:before{background:var(--color-party)}.feature-card--personality .feature-title:before{background:var(--color-personality)}.feature-description{color:var(--color-text-secondary);line-height:1.7;padding:20px 30px}.feature-kicker{display:block;margin-bottom:8px;font-size:1.3rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-kicker)}.feature-card--quiz .feature-description{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center}.quiz-logo{display:inline-grid;grid-auto-flow:column;align-items:end;justify-content:flex-start;column-gap:clamp(.3rem,1vw,.7rem);flex-shrink:0;font-family:kin-iro-sansserif,Noto Sans JP,Hiragino Sans,sans-serif}.quiz-logo-left{display:inline-grid;grid-auto-flow:row;gap:clamp(.05rem,.15vw,.1rem)}.quiz-logo-sub{font-size:clamp(.8rem,1.5vw,1.1rem);font-weight:500;letter-spacing:.16em;color:#333;line-height:.8;padding-top:clamp(.2rem,.7vw,.4rem)}.quiz-logo-politics{display:inline-flex;align-items:flex-end;gap:clamp(.08rem,.3vw,.25rem);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;letter-spacing:clamp(.03rem,.3vw,.5rem);line-height:.95}.quiz-logo-kanji{display:inline-flex;padding-bottom:clamp(0rem,.15vw,.08rem);transform:scaleX(1.22);transform-origin:left center}.quiz-logo-kanji--red{color:#f2352e}.quiz-logo-kanji--black{color:#0b0b0b}.quiz-logo-number{color:#f2352e;font-weight:400;letter-spacing:-.005em;font-size:clamp(3.2rem,7vw,5rem);line-height:.82;display:flex;align-items:flex-end;margin-left:clamp(-.15rem,-.5vw,-.3rem)}.quiz-description-text{line-height:1.7;color:var(--color-text-secondary)}.main-feature-title-highlight-red{color:#ef4444}@media(min-width:769px){.feature-card--quiz{order:1}.feature-card--news{order:2}.feature-card--party{order:3}.feature-card--personality{order:4}}@media(max-width:768px){.features{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;-webkit-overflow-scrolling:touch;padding:12px 0 24px;width:100%;scrollbar-width:none}.features::-webkit-scrollbar{display:none}.feature-card{flex:0 0 85vw;max-width:340px;min-width:280px;margin:0;padding:0;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column}.feature-card:first-child{margin-left:7.5vw}.feature-card:last-child{margin-right:7.5vw}.feature-card--wide{grid-column:auto;flex:0 0 85vw;max-width:340px}.feature-title{font-size:1.2rem;gap:10px;line-height:1.2;padding:6px 18px 14px;justify-content:flex-start}.feature-title span{white-space:nowrap}.feature-icon svg{width:32px;height:32px}.feature-description{font-size:.85rem;text-align:left;padding:12px 16px 16px}.feature-card--personality .feature-description{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px 18px;gap:12px}.feature-kicker,.quiz-logo{text-align:center;width:100%;justify-content:center}.feature-card--quiz .feature-description{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.feature-card--quiz .quiz-logo{transform:scale(1.35)}.feature-card--quiz .quiz-description-text{text-align:center}.features-mobile-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:-4px}.features-mobile-nav{width:40px;height:40px;border:2px solid var(--color-quiz);background:transparent;color:var(--color-quiz);font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer}.features-mobile-dots{display:flex;gap:8px;padding:0}.features-mobile-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:background .2s;padding:0}.features-mobile-dot.is-active{background:var(--color-quiz)}}@media(max-width:640px){.other-features-title{font-size:1.2rem}.other-features-title svg{width:22px;height:22px}}.feature-card--coming-soon{position:relative;pointer-events:none;cursor:default}.feature-card--coming-soon .feature-title,.feature-card--coming-soon .feature-description{filter:blur(4px)}.feature-card--coming-soon:after{content:"準備中";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;color:var(--color-text-kicker);font-size:2rem;font-weight:700;letter-spacing:.1em;z-index:10}.feature-card--coming-soon:hover{transform:none;box-shadow:4px 4px #00000026}.dark-gray-section{width:100vw;margin:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:60px clamp(20px,4vw,48px) 0;position:relative;background:#2d3748;box-sizing:border-box}.dark-gray-section:before{content:"";position:absolute;top:-30px;left:0;right:0;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0 H1200 V40 Q1050 70 900 55 Q750 40 600 55 Q450 70 300 55 Q150 40 0 55 Z'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:0}.dark-gray-section>*{position:relative;z-index:1}.dark-gray-section .site-footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.2)!important}.dark-gray-section .site-footer .footer-section h3,.dark-gray-section .site-footer .footer-section p,.dark-gray-section .site-footer .footer-section a,.dark-gray-section .site-footer .footer-logo,.dark-gray-section .site-footer .footer-copyright{color:#fff!important}.dark-gray-section .site-footer .footer-section a:hover{opacity:.8}.twitter-follow-section-wrapper{max-width:1000px;margin:40px auto 60px;padding:0 40px}.twitter-follow-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 30px;text-align:center;padding-bottom:15px;border-bottom:3px solid #fff}.twitter-follow-section{display:flex;align-items:center;justify-content:space-between;gap:32px}.twitter-follow-text{flex:1;font-size:1.3rem;color:#fff;margin:0;line-height:1.8}.twitter-follow-button{display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.2vw,12px) clamp(16px,2.2vw,20px);background:#fff;color:#000;border:3px solid #fff;border-radius:0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:400;font-family:kin-iro-sansserif,Noto Sans JP,Hiragino Sans,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0;line-height:1;white-space:nowrap}.twitter-follow-button:hover{background:#000;color:#fff}@media(max-width:768px){.twitter-follow-section-wrapper{margin-top:40px;padding:0 20px}.twitter-follow-title{font-size:clamp(1.2rem,4vw,1.5rem);text-align:center;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #fff}.twitter-follow-section{flex-direction:column;gap:24px;align-items:center}.twitter-follow-text{font-size:clamp(1rem,3vw,1.2rem);text-align:center;line-height:1.8}}body.personality{--p-page-bg: #fff;margin:0;background:var(--p-page-bg);font-family:Noto Sans JP,sans-serif;color:#111827;min-height:100vh;padding-bottom:120px}.personality-hero{display:block;background:#fff;border-radius:32px;padding:48px;box-shadow:0 24px 60px #0f172a14;margin-bottom:48px;text-align:center}.personality-section{background:#fff;border-radius:32px;padding:20px;box-shadow:0 20px 40px #0f172a0d;margin-bottom:12px}.personality-section-header{text-align:center}.personality-section-header h2{font-size:28px;margin-bottom:8px;padding-bottom:3px;border-bottom:3px solid #111827;display:inline-block}.personality-section-header p{color:#4b5563;margin:0 0 24px}.personality-type-code{position:relative;display:block;font-weight:700;font-size:40px;letter-spacing:.12em;color:#111827;text-transform:uppercase;padding-bottom:8px;white-space:nowrap;overflow:visible}.personality-type-code:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:80px;height:3px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.personality-type-meta{border:none;border-radius:0;padding:0;margin:0 10px 32px;background:none;display:grid;gap:40px;max-width:1400px;width:calc(100% - 20px);box-sizing:border-box}.personality-type-meta[hidden]{display:none}.personality-type-meta-wrapper{display:block}.personality-type-meta-item{background:#fff;border:4px solid #5cb8a8;border-radius:0;padding:20px}.personality-type-meta-label{color:#5cb8a8;font-size:32px;font-weight:700;margin-bottom:2px;padding:0;display:flex;align-items:center;justify-content:center;gap:15px;text-transform:none;letter-spacing:.02em;line-height:1}.personality-type-meta-text{font-size:17px;line-height:1.7;color:#333;margin:0;white-space:pre-line}body.personality{--p-page-bg: #f5f7fb}body.personality-home{overflow-x:hidden;padding-bottom:0;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.personality-home-main{width:100%;max-width:none;margin-left:0;margin-right:0;padding:0 24px;box-sizing:border-box;background:#fff}.personality-hero.personality-hero-plain{background:transparent;border-radius:0;padding:48px 0;box-shadow:none}.personality-hero-content{max-width:800px;margin:0 auto;padding-left:16px;padding-right:16px;box-sizing:border-box}.personality-hero-content h1{font-size:40px;line-height:1.2;margin-bottom:16px}.personality-hero-subtext{max-width:720px;margin:24px auto 36px;text-align:center;color:#e5e7eb}body.personality-home .personality-hero-subtext p{color:#e5e7eb;max-width:640px;margin:12px auto 0;line-height:1.8;font-size:20px}.personality-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;justify-content:center}.personality-cta-section{display:none;background:transparent;box-shadow:none}.personality-cta-card{background:linear-gradient(120deg,#111827,#2563eb);border-radius:32px;padding:40px;color:#fff;display:flex;flex-wrap:wrap;gap:24px;align-items:center}.personality-cta-card h2{font-size:28px;margin-bottom:10px}.personality-cta-card p{margin:0}.personality-cta-card .personality-button.secondary{border-color:#fff6;color:#fff;background:transparent}.personality-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.personality-button{--p-btn-radius: 999px;--p-btn-primary-bg: #111827;--p-btn-primary-fg: #fff;display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-weight:600;border-radius:var(--p-btn-radius);border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;text-decoration:none}.personality-button.primary{background:var(--p-btn-primary-bg);color:var(--p-btn-primary-fg);box-shadow:none;border-color:var(--p-btn-primary-bg);border-width:2px}.personality-button.primary:hover{background:#fff;color:var(--p-btn-primary-bg);border-color:var(--p-btn-primary-bg)}.personality-button.secondary{border:2px solid var(--p-btn-primary-bg);color:var(--p-btn-primary-bg);background:#fff;border-radius:0}.personality-button.secondary:hover{background:var(--p-btn-primary-bg);color:#fff}.personality-button.tertiary{border-color:transparent;color:#4338ca;background:transparent}.personality-button.tertiary:hover{background:#4338ca14}.personality-button{--p-btn-primary-bg: #2f2f2f;--p-btn-primary-fg: #fff}.personality-button.primary.personality-button-large.cta-hero{border-radius:0;padding:18px 48px;box-shadow:0 8px 24px #00000040;background:#00000059;color:#fff;border:3px solid #fff;display:inline-flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.personality-button.primary.personality-button-large.cta-hero:hover{background:#fff;color:#0f172a;transform:none}.personality-button.primary.personality-button-large.cta-hero .cta-subtext{font-size:14px;letter-spacing:.12em;text-transform:none;font-weight:700;color:#fff;opacity:1;transition:color .2s ease}.personality-button.primary.personality-button-large.cta-hero:hover .cta-subtext{color:#0f172a}.personality-button.primary.personality-button-large.cta-hero .cta-maintext{font-size:22px;font-weight:700;transition:color .2s ease}.personality-highlight-section{margin-bottom:48px}.personality-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.personality-highlight-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:0;padding:24px;text-align:center;box-shadow:0 16px 40px #0f172a14;border:1px solid rgba(99,102,241,.1);transition:transform .2s ease,box-shadow .2s ease}.personality-highlight-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px #0f172a1f}.personality-highlight-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.personality-highlight-value{font-size:20px;font-weight:400;margin:6px 0}body.personality-home .personality-section:not(.personality-types-showcase,.personality-axis-intro-section,.personality-result-insights){display:none}.personality-inline-cta{text-align:center;margin:48px auto 20px}.personality-inline-cta .personality-button{min-width:220px;border-radius:0}.personality-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}body.personality-home .personality-section .personality-section-header+.personality-feature-grid{margin-top:20px}.personality-result-insights .personality-feature-grid{max-width:960px;margin:0 auto;width:100%}.personality-feature-card{border:none;border-radius:0;padding:0 0 16px;background:#fff;box-shadow:4px 4px #00000026;position:relative;overflow:hidden}.personality-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:52px;background:var(--feature-accent, #e5e7eb)}.personality-feature-card h3{margin:0 0 12px;padding:12px 16px 12px 20px;font-size:18px;color:#fff;position:relative;z-index:1}.personality-feature-card>p{padding:0 20px;margin:0 0 12px}.personality-feature-card>.insight-toggle{position:absolute;top:10px;right:12px;margin:0;width:auto;padding:4px;z-index:2}.personality-feature-card>.insight-example{margin:12px 20px 0}.personality-feature-grid .personality-feature-card:nth-child(1){--feature-accent: #64748b}.personality-feature-grid .personality-feature-card:nth-child(2){--feature-accent: #d97706}.personality-feature-grid .personality-feature-card:nth-child(3){--feature-accent: #3b82f6}.personality-feature-grid .personality-feature-card:nth-child(4){--feature-accent: #ec4899}.personality-feature-grid .personality-feature-card:nth-child(5){--feature-accent: #22c55e}.personality-feature-grid .personality-feature-card:nth-child(6){--feature-accent: #8b5cf6}.insight-toggle{margin-top:12px;width:100%;border:none;background:transparent;color:#6b7280;padding:8px 14px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:color .2s ease;border-radius:0}.insight-toggle .toggle-icon{font-size:18px;color:#fff;transition:transform .25s ease}.insight-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.insight-toggle:hover .toggle-icon{opacity:.7}.insight-example{margin-top:12px;padding:14px 16px;background:#f9fafb;border:2px solid #cbd5e1;color:#111827;line-height:1.7;border-radius:0}.insight-example p{margin:0 0 10px;font-size:15px}.insight-example p:last-child{margin-bottom:0}.insight-example ul{margin:8px 0 0;padding-left:14px}.insight-example li{margin-bottom:6px}.insight-example-label{font-weight:700;font-size:15px;color:#374151}.insight-example .insight-type-link,.insight-example .insight-type-link strong{font-weight:700}#insight-attr{border:none;background:transparent;padding:0}.personality-axis-intro-section{background:transparent;color:#1f2937;border:none;box-shadow:none;width:100vw;margin-left:50%;margin-top:100px;margin-bottom:-20px;transform:translate(-50%);border-radius:0;padding:0 max(24px,(100vw - 1200px) / 2);box-sizing:border-box}@media(min-width:768px){.personality-axis-intro-section{background:#fff;border:1px solid #e5e7eb;box-shadow:6px 6px #00000014;border-radius:12px;box-sizing:border-box;max-width:1100px;width:auto;transform:none;margin:80px auto 40px;padding:24px 32px}}.personality-axis-intro-section~.personality-section{background:#fff;box-shadow:none;border-radius:0}.personality-axis-intro-section .personality-section-header{text-align:center;margin-bottom:18px}.personality-axis-intro-section .personality-section-header h2{color:#0f172a}.personality-axis-intro-section .personality-section-header p{color:#4b5563;max-width:640px;margin:12px auto 28px}.personality-axis-intro-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"axis1 center axis2" "axis3 center axis4";gap:16px;align-items:stretch;position:relative;max-width:900px;margin:0 auto}.personality-axis-intro-grid:before,.personality-axis-intro-grid:after{content:"";position:absolute;background:#cbd5e1;pointer-events:none}.personality-axis-intro-grid:before{left:50%;top:0;bottom:0;width:4px;transform:translate(-50%)}.personality-axis-intro-grid:after{top:50%;left:0;right:0;height:4px;transform:translateY(-50%)}.personality-axis-intro-grid .axis-intro-card:nth-child(1){grid-area:axis1}.personality-axis-intro-grid .axis-intro-card:nth-child(2){grid-area:axis2}.personality-axis-intro-grid .axis-intro-card:nth-child(4){grid-area:axis3}.personality-axis-intro-grid .axis-intro-card:nth-child(5){grid-area:axis4}.axis-center-title{grid-area:center;display:flex;align-items:center;justify-content:center;padding:0 32px;writing-mode:vertical-rl;text-orientation:mixed;position:relative}.axis-center-title h2{font-size:32px;font-weight:700;color:#0f172a;letter-spacing:.2em;margin:0;white-space:nowrap;position:relative;z-index:1;background:#fff;padding:8px 4px}.axis-center-title h2 .tight-spacing{letter-spacing:.05em}.axis-title-num{text-combine-upright:all;-webkit-text-combine:horizontal;letter-spacing:0}.axis-intro-card{position:relative;padding:18px 18px 16px;border-radius:0;background:#fff;border:none;overflow:hidden;box-shadow:none}.axis-intro-card:after{display:none}.axis-intro-head{margin-bottom:4px}.axis-intro-meta{text-align:center}.axis-intro-meta h3{margin:4px 0 6px;font-size:24px;color:#0f172a}.axis-intro-code{margin:0;color:var(--axis-accent, #3b82f6);font-weight:700;letter-spacing:.06em;font-size:16px;text-transform:uppercase}.axis-direction-cards{display:flex;flex-direction:column;gap:10px;margin:0 -8px}.axis-direction-card{--axis-card-pad-x: 14px;--axis-card-pad-y: 12px;--axis-card-pad-bottom: 10px;background:#fff;border:none;border-radius:0;padding:var(--axis-card-pad-y) var(--axis-card-pad-x) var(--axis-card-pad-bottom);color:#1f2937;position:relative;box-shadow:4px 4px #00000026}.axis-direction-code{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;position:static;width:calc(100% + var(--axis-card-pad-x) * 2);margin:calc(-1 * var(--axis-card-pad-y)) calc(-1 * var(--axis-card-pad-x)) 10px;padding:10px var(--axis-card-pad-x);box-sizing:border-box;background:var(--axis-accent, #3b82f6);color:#fff;font-size:16px;font-weight:700;letter-spacing:.05em;border-radius:0;text-align:center}@media(max-width:520px){.axis-direction-code{gap:2px}}@media(max-width:600px){.axis-direction-code{font-size:12px;padding:8px 10px}}@media(max-width:520px){.axis-direction-code-sep{display:none}.axis-direction-code-part,.axis-direction-code-label{flex:1 1 100%;text-align:center}}.axis-direction-code-sep:before{content:"−"}.axis-direction-label{display:none}.axis-direction-desc{margin:0;color:#374151;font-size:14px;line-height:1.6}.axis-direction-negative{background:#fff}.axis-direction-card.axis-direction-positive .axis-direction-desc,.axis-direction-card.axis-direction-negative .axis-direction-desc{min-height:48px}.personality-types-showcase{background:transparent;box-sizing:border-box;width:100vw;margin-left:50%;transform:translate(-50%);padding-left:max(24px,(100vw - 1200px) / 2);padding-right:max(24px,(100vw - 1200px) / 2);margin-bottom:48px}.personality-types-preview-container{position:relative;margin:32px 0;display:flex;align-items:center;gap:16px;justify-content:center}.personality-types-preview{--preview-card-width: 240px;--preview-card-gap: 20px;--preview-visible-cards: 4;--preview-track-width: calc( var(--preview-card-width) * var(--preview-visible-cards) + var(--preview-card-gap) * (var(--preview-visible-cards) - 1) );overflow:hidden;position:relative;width:var(--preview-track-width-px, var(--preview-track-width));max-width:var(--preview-track-width-px, var(--preview-track-width));min-width:var(--preview-track-width-px, var(--preview-track-width));flex-shrink:0;padding-top:10px;padding-bottom:10px}.personality-types-preview-inner{display:flex;gap:calc(var(--preview-card-gap) * .6);transition:transform .5s ease-in-out}.personality-types-preview .personality-type-preview-card{flex:0 0 var(--preview-card-width);width:var(--preview-card-width);min-width:var(--preview-card-width);max-width:var(--preview-card-width)}.personality-type-preview-card{background:#fff;border-radius:0;padding:0 0 16px;text-align:center;box-shadow:4px 4px #00000026;border:none;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.personality-type-preview-card:hover{transform:translateY(-4px);box-shadow:none}.personality-type-preview-image{width:100%;height:150px;margin:0 0 12px;display:flex;align-items:flex-end;justify-content:center;background-repeat:no-repeat;background-position:top center;background-size:contain;padding:0;border-radius:0;position:relative}.personality-type-preview-image img{max-width:100%;max-height:100%;object-fit:contain;display:block;padding-bottom:0;transform:translateY(20px)}.personality-type-preview-image img:not(.personality-type-preview-cut-bg){position:relative;z-index:1}.personality-type-preview-cut-bg{position:absolute!important;bottom:-20px!important;left:50%!important;transform:translate(-50%)!important;width:100%!important;max-width:none!important;max-height:none!important;z-index:0!important}.personality-type-preview-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 8px 4px}.personality-type-preview-code{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6366f1;margin-bottom:2px}.personality-type-preview-name{font-size:clamp(13px,3.8vw,17px);font-weight:700;color:#fff;margin:0;padding:3px 10px;display:inline-block;white-space:nowrap;max-width:100%}.personality-type-preview-traits{margin:4px 0 0;font-size:11px;line-height:1.4;letter-spacing:.02em;font-weight:600}.personality-type-preview-traits-line2{display:inline-block}.personality-types-preview-arrow{width:48px;height:48px;border-radius:50%;border:2px solid #111827;background:#fff;color:#111827;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.personality-types-preview-arrow:hover{background:#111827;color:#fff;transform:scale(1.1)}.personality-types-preview-arrow:active{transform:scale(.95)}.personality-types-preview-dots{display:flex;justify-content:center;gap:8px;margin:20px 0}.personality-types-preview-dot{width:10px;height:10px;border-radius:0;background:transparent;border:1.5px solid #111827;cursor:pointer;transition:all .3s ease}.personality-types-preview-dot.active{background:#111827;border-color:#111827;width:24px;border-radius:0}.personality-types-link-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.personality-types-link-actions .personality-button{border-radius:0;min-width:auto;padding:14px 24px}.personality-button-large{font-size:18px;padding:18px 48px}@media(max-width:1024px){.personality-axis-intro-grid{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"axis1 center axis2" "axis3 center axis4"}.personality-types-preview{--preview-visible-cards: 2}}@media(max-width:768px){.personality-types-showcase{width:100%;margin-left:0;transform:none;padding-left:16px;padding-right:16px;box-sizing:border-box}.personality-types-showcase .personality-section-header{padding:0 16px}.personality-types-preview-container{flex-direction:column;align-items:stretch;gap:8px;margin:12px 0;padding:0}.personality-types-preview{overflow:hidden;padding:10px 0;--preview-card-width: calc((100vw - 48px)/2) ;--preview-card-gap: 12px;width:100%;max-width:100%;margin:0}.personality-types-preview-arrow{display:none}.personality-types-preview::-webkit-scrollbar{display:none}.personality-types-preview-inner{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:var(--preview-card-width);gap:var(--preview-card-gap);padding:0}.personality-types-preview .personality-type-preview-card{width:100%;min-width:0;max-width:none}.personality-types-link-actions{padding:0 16px;flex-flow:row wrap;align-items:center;gap:12px}.personality-types-link-actions .personality-button{min-width:auto;flex:0 0 auto;padding:6px 10px;text-align:center}}@media(max-width:720px){.personality-hero{padding:32px 24px}.personality-section{padding:24px;border-radius:24px}body.personality-home .personality-hero-content h1{font-size:80px;line-height:1.1}.personality-button-large{font-size:16px;padding:14px 32px}}@media(max-width:640px){.personality-axis-intro-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"center center" "axis1 axis2" "axis3 axis4";gap:8px;padding:8px;position:relative;--axis-line-offset: 80px}.personality-axis-intro-grid:before,.personality-axis-intro-grid:after{display:block;content:"";position:absolute;background:#cbd5e1;pointer-events:none;z-index:0;opacity:.65}.personality-axis-intro-grid:before{left:50%;top:var(--axis-line-offset);bottom:12px;width:2px;transform:translate(-50%)}.personality-axis-intro-grid:after{top:calc(var(--axis-row1-bottom, 50%) + 8px);left:8px;right:8px;height:2px;transform:none}.personality-axis-intro-grid .axis-intro-card:nth-child(1){grid-area:axis1}.personality-axis-intro-grid .axis-intro-card:nth-child(2){grid-area:axis2}.personality-axis-intro-grid .axis-intro-card:nth-child(4){grid-area:axis3}.personality-axis-intro-grid .axis-intro-card:nth-child(5){grid-area:axis4}.personality-axis-intro-grid{width:100%;max-width:100%;box-sizing:border-box}.axis-center-title{grid-area:center;writing-mode:horizontal-tb;padding:16px 0}.axis-center-title h2{background:transparent;padding:0}.axis-intro-card,.axis-center-title{position:relative;z-index:1}.personality-highlight-grid{grid-template-columns:1fr}.personality-result-insights .personality-feature-grid{width:100%;margin-left:0;margin-right:0;padding-left:24px;padding-right:24px;box-sizing:border-box;grid-template-columns:1fr}.personality-result-insights .personality-feature-card{width:100%;box-sizing:border-box}.personality-axis-intro-section{padding-left:12px;padding-right:12px;padding-bottom:24px;overflow:visible;width:100%;max-width:100%;margin-left:0;margin-right:0;transform:none;box-sizing:border-box}.axis-intro-card{padding:12px}.axis-direction-cards{flex:1 1 auto;display:flex;flex-direction:column;margin:0}.axis-direction-card{--axis-card-pad-x: 12px;--axis-card-pad-y: 10px;--axis-card-pad-bottom: 8px;padding:var(--axis-card-pad-y) var(--axis-card-pad-x) var(--axis-card-pad-bottom);box-shadow:none}.axis-direction-desc{margin:4px 0 0}.personality-types-preview{--preview-visible-cards: 2;--preview-card-width: calc((100vw - 48px)/2) ;--preview-card-gap: 12px}.personality-types-preview-arrow{display:none}.personality-type-preview-name{font-size:clamp(12px,4vw,15px);padding:2px 8px;white-space:nowrap;max-width:100%}.personality-type-preview-traits{font-size:10px}.personality-type-preview-code{font-size:11px}}@media(max-width:480px){.personality-axis-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.axis-intro-card{padding:10px}.personality-axis-intro-section{padding-left:10px;padding-right:10px}}.personality-types-mobile-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin:8px 0 16px}.personality-types-mobile-nav .personality-types-preview-dots{display:flex;margin:0}.mobile-nav-arrow{display:none}@media(max-width:768px){.mobile-nav-arrow{display:flex;width:40px;height:40px;border:2px solid #111827;background:#fff;color:#111827;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:50%}.mobile-nav-arrow:hover,.mobile-nav-arrow:active{background:#111827;color:#fff}.mobile-nav-arrow svg{width:20px;height:20px}}.axis-intro-icon{width:56px;height:56px;border-radius:14px;background:var(--axis-accent, #7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.axis-intro-icon svg{width:32px;height:32px}.axis-intro-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.axis-intro-title-row{display:flex;align-items:baseline;justify-content:center;gap:.5em;flex-wrap:nowrap}.axis-intro-title-row .axis-intro-code{margin:0;font-weight:700;white-space:nowrap}.axis-intro-title-row h3{margin:0;white-space:nowrap;font-size:clamp(16px,4vw,24px);max-width:100%;min-width:0}@media(max-width:600px){.axis-intro-icon{display:none}}.personality-feature-card h3 .feature-icon{width:22px;height:22px;margin-right:8px;vertical-align:-4px;color:#fff;fill:currentColor}.personality-feature-card .insight-toggle .toggle-icon{display:inline-block;transition:transform .18s ease;transform-origin:50% 50%}.personality-feature-card .insight-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.personality-result-insights .personality-feature-card{background:linear-gradient(135deg,#fff,#f8f8f8);border-radius:2px;box-shadow:3px 3px #00000026,6px 6px #00000014,2px 2px 10px #0003;overflow:visible;position:relative;border:none;transition:transform .3s ease,z-index 0s;cursor:pointer}.personality-result-insights .personality-feature-card:before{display:none}.personality-result-insights .personality-feature-card:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d;z-index:20}.personality-result-insights .personality-feature-card:nth-child(1){transform:rotate(1.2deg)}.personality-result-insights .personality-feature-card:nth-child(1):after{background:radial-gradient(circle at 30% 30%,#818cf8,#4f46e5)}.personality-result-insights .personality-feature-card:nth-child(2){transform:rotate(-1deg)}.personality-result-insights .personality-feature-card:nth-child(2):after{background:radial-gradient(circle at 30% 30%,#34d399,#059669)}.personality-result-insights .personality-feature-card:nth-child(3){transform:rotate(-1.3deg)}.personality-result-insights .personality-feature-card:nth-child(3):after{background:radial-gradient(circle at 30% 30%,#fbbf24,#d97706)}.personality-result-insights .personality-feature-card:nth-child(4){transform:rotate(.9deg)}.personality-result-insights .personality-feature-card:nth-child(4):after{background:radial-gradient(circle at 30% 30%,#f472b6,#db2777)}.personality-result-insights .personality-feature-card:nth-child(5){transform:rotate(1.1deg)}.personality-result-insights .personality-feature-card:nth-child(5):after{background:radial-gradient(circle at 30% 30%,#a78bfa,#7c3aed)}.personality-result-insights .personality-feature-card:nth-child(6){transform:rotate(-1.2deg)}.personality-result-insights .personality-feature-card:nth-child(6):after{background:radial-gradient(circle at 30% 30%,#22d3ee,#0891b2)}.personality-result-insights .personality-feature-card:nth-child(7){transform:rotate(-.9deg)}.personality-result-insights .personality-feature-card:nth-child(7):after{background:radial-gradient(circle at 30% 30%,#fb923c,#ea580c)}.personality-result-insights .personality-feature-card:nth-child(8){transform:rotate(1.4deg)}.personality-result-insights .personality-feature-card:nth-child(8):after{background:radial-gradient(circle at 30% 30%,#38bdf8,#0284c7)}@media(min-width:641px){.personality-result-insights .personality-feature-grid .personality-feature-card.is-attr-type-ratio{grid-column:1/-1;width:100%;max-width:calc((100% - 16px)/2);justify-self:center}}.personality-result-insights .personality-feature-card h3{background:var(--feature-accent, #374151);border-radius:0;margin-top:0;cursor:pointer;transition:opacity .2s ease}.personality-result-insights .personality-feature-card h3:hover{opacity:.85}.personality-result-insights .personality-feature-card:hover{transform:scale(1.15) rotate(-2deg);z-index:100;box-shadow:5px 5px #0003,10px 10px #0000001a,4px 4px 15px #00000040}.personality-result-insights .personality-feature-card:nth-child(2n):hover{transform:scale(1.15) rotate(2deg)}@media(max-width:768px){.personality-result-insights .personality-feature-card:hover{transform:inherit;z-index:auto;box-shadow:3px 3px #00000026,6px 6px #00000014,2px 2px 10px #0003}.personality-result-insights .personality-feature-card:nth-child(2n):hover{transform:inherit}.personality-result-insights .personality-feature-card.is-flat{transform:rotate(0);z-index:50;box-shadow:4px 4px #0000002e,8px 8px #0000001a,3px 3px 12px #00000040}}.personality-result-insights .personality-section-header h2{display:inline-block;background:#fff;color:#ef4444;padding:18px 32px 16px;border-radius:2px;border-bottom:none;transform:rotate(-1deg);position:relative;box-shadow:3px 3px #00000026,6px 6px #00000014,2px 2px 10px #0003}.personality-result-insights .personality-section-header h2:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#ffd43b,#fab005);border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d;z-index:10}.personality-result-insights .personality-section-header h2:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:4px;height:10px;background:linear-gradient(to bottom,#adb5bd,#868e96);border-radius:1px;z-index:9}body.personality-home{background:#f5f7fb;min-height:100vh}body.personality-home .personality-hero-area{position:relative;background-color:#1f1b16;background-image:url(/static/img/personality.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;padding:clamp(80px,12vw,140px) 0 clamp(80px,12vw,140px);min-height:fit-content;display:flex;flex-direction:column;justify-content:center;gap:32px;width:100vw;margin-left:calc(-.5*(100vw - 100%));margin-right:calc(-.5*(100vw - 100%));box-sizing:border-box;overflow:hidden}body.personality-home .personality-hero-area:before{content:"";position:absolute;inset:0;background:linear-gradient(#00000073,#00000073);z-index:0;pointer-events:none}body.personality-home .personality-hero-area>*{position:relative;z-index:1}body.personality-home .personality-hero{background:transparent;border-radius:0;box-shadow:none;padding:0;margin-bottom:0}body.personality-home .personality-highlight-section{margin-bottom:0;background:transparent;box-shadow:none}body.personality-home .personality-types-showcase{background:transparent;box-shadow:none;border-radius:0;padding-top:60px;padding-bottom:0;padding-left:max(24px,(100vw - 1200px) / 2);padding-right:max(24px,(100vw - 1200px) / 2);width:100vw;margin:0 0 -40px 50%;transform:translate(-50%);box-sizing:border-box}body.personality-home .personality-types-showcase .personality-section-header{text-align:center;padding:0 24px}body.personality-home .personality-types-preview-container{padding:0 24px}body.personality-home .personality-types-preview{overflow:visible;clip-path:inset(-200px 0 -200px 0)}body.personality-home .personality-types-preview-container{overflow:visible}body.personality-home .personality-type-preview-card{overflow:visible;position:relative}body.personality-home .personality-type-preview-card:hover{z-index:100}body.personality-home .personality-type-preview-image{overflow:visible!important;position:relative;z-index:1}body.personality-home .personality-type-preview-card:hover .personality-type-preview-image{z-index:200}body.personality-home .personality-type-preview-cut-bg{transition:transform .3s ease,z-index 0s!important;z-index:5!important;transform-origin:center center}body.personality-home .personality-type-preview-image img:not(.personality-type-preview-cut-bg){transition:transform .3s ease,z-index 0s!important;z-index:10!important;transform-origin:center center}body.personality-home .personality-type-preview-card:hover .personality-type-preview-cut-bg{transform:translate(-50%) scale(1.3) translateY(-30px)!important;z-index:200!important}body.personality-home .personality-type-preview-card:hover .personality-type-preview-image img:not(.personality-type-preview-cut-bg){transform:scale(1.3) translateY(-30px)!important;z-index:210!important}body.personality-home .personality-type-preview-content{transition:transform .3s ease;transform-origin:center center}body.personality-home .personality-type-preview-card:hover .personality-type-preview-content{transform:scale(1.3) translateY(-20px);z-index:220}body.personality-home .personality-home-main{padding-top:0}body.personality-home .personality-hero-content h1{color:#fff;font-size:80px;line-height:1.1;margin:0 0 80px;max-width:none}body.personality-home .personality-hero-content h1 span:first-child{font-size:36px;letter-spacing:.1em;display:inline-block;margin-bottom:8px;text-shadow:2px 4px 8px rgba(0,0,0,.8)}body.personality-home .personality-hero-content h1 span:last-child{font-size:120px;display:inline-block;white-space:nowrap;text-shadow:3px 6px 12px rgba(0,0,0,.9)}body.personality-home .personality-hero-buttons .personality-button.primary{background:transparent;color:#fff;border:3px solid #fff}body.personality-home .personality-hero-buttons .personality-button.primary:hover{background:#fff;color:#000}body.personality-home .personality-hero-buttons .personality-button.primary.cta-hero{background:#00000059;color:#fff;border-color:#fff;box-shadow:0 10px 30px #00000040}body.personality-home .personality-hero-buttons .personality-button.primary.cta-hero:hover{background:#fff;color:#0f172a}body.personality-home .personality-highlight-grid{display:flex;justify-content:center;align-items:flex-start;gap:clamp(8px,3vw,56px);margin:0 auto;flex-wrap:wrap}body.personality-home .personality-highlight-card{padding:16px 20px;width:clamp(120px,25vw,220px);flex-shrink:1;background:#00000059;border:3px solid #fff;box-shadow:none}body.personality-home .personality-highlight-label{font-size:1.8rem;margin-bottom:6px;font-weight:700;color:#fff}body.personality-home .personality-highlight-value{font-size:1.2rem;margin-bottom:6px;font-weight:400;color:#ffffffe6}body.personality-home .personality-highlight-desc{font-size:.9rem;color:#ffffffd9}body.personality-home .personality-button.cta-hero{padding:12px 32px;font-size:22px;border-radius:0;border:3px solid #fff;background:#00000059;color:#fff;box-shadow:0 10px 30px #00000040;transition:background .2s ease,color .2s ease}body.personality-home .personality-button.cta-hero:hover{background:#fff;color:#0f172a}body.personality-home{--header-bg-initial: transparent}body.personality-home .site-header{position:fixed;top:0;left:0;right:0;background:var(--header-bg-initial, transparent);border-bottom:none;box-shadow:none;z-index:1000;transition:background .3s ease,box-shadow .3s ease}body.personality-home .site-header.is-solid{background:#fff;box-shadow:none;border-bottom:1px solid #e2e8f0}body.personality-home .site-header.is-solid .right .btn{background:#111;color:#fff}body.personality-home .site-header:not(.is-solid) .logo a,body.personality-home .site-header:not(.is-solid) .nav a,body.personality-home .site-header:not(.is-solid) .nav button{color:#fff}body.personality-home .site-header:not(.is-solid) .right .btn{background:#0003!important;color:#fff!important;border:3px solid #fff!important}body.personality-home .site-header:not(.is-solid) .right .btn:hover{background:#fff!important;color:#000!important}body.personality-home .site-header:not(.is-solid) .mobile-header-icon{color:#fff}body.personality-home .site-header:not(.is-solid) .mobile-header-icon__icon svg{stroke:#fff}body.personality-home .site-header .nav a:hover,body.personality-home .site-header .nav button:hover,body.personality-home .site-header .nav button[aria-expanded=true],body.personality-home .site-header .nav button.is-expanded{background:#2f2f2f;color:#fff}body.personality-home .site-header .right .btn{border-radius:999px;transition:background .2s ease,color .2s ease,border-color .2s ease}body.personality-home .topics-mini__row:hover,body.personality-home .topics-mini__row:focus{background:#2f2f2f;color:#fff!important}body.personality-home .topics-mini__row:hover *,body.personality-home .topics-mini__row:focus *{color:#fff!important}body.personality-home .personality-hero-subtext .mobile-only-br{display:none}body.personality-home .personality-hero-subtext p{max-width:780px;text-shadow:2px 4px 8px rgba(0,0,0,.8)}body.personality-home .personality-hero-seo{margin-top:18px;font-size:14px;letter-spacing:.02em;color:#ffffffd9;text-shadow:2px 4px 8px rgba(0,0,0,.8)}body.personality-home .personality-hero-buttons{filter:drop-shadow(2px 4px 8px rgba(0,0,0,.8))}body.personality-home .other-features-section .features-wrapper-simple{max-width:960px;padding:0 24px;box-sizing:border-box}body.personality-home .other-features-section .personality-section-header{margin-bottom:32px}body.personality-home .personality-axis-intro-section{background:#3a3a3a;color:#f8fafc;box-shadow:none;border:none;border-radius:0;max-width:none;width:100vw;margin:0;margin-left:calc(-.5*(100vw - 100%));margin-right:calc(-.5*(100vw - 100%));margin-top:80px;padding-left:max(24px,(100vw - 1200px) / 2);padding-right:max(24px,(100vw - 1200px) / 2);transform:none}body.personality-home .personality-axis-intro-section h2,body.personality-home .personality-axis-intro-section h3,body.personality-home .personality-axis-intro-section p,body.personality-home .personality-axis-intro-section .axis-direction-label,body.personality-home .personality-axis-intro-section .axis-direction-code-label{color:#f8fafc}body.personality-home .personality-axis-intro-section .axis-intro-card{background:transparent;border:none;box-shadow:none;border-radius:0;transition:transform .3s ease,z-index 0s;cursor:pointer}body.personality-home .personality-axis-intro-section .axis-intro-card:hover{transform:scale(1.15) rotate(-2deg);z-index:100}body.personality-home .personality-axis-intro-section .axis-intro-card:nth-child(2):hover,body.personality-home .personality-axis-intro-section .axis-intro-card:nth-child(3):hover{transform:scale(1.15) rotate(2deg)}body.personality-home .personality-axis-intro-section .axis-direction-card{background:#4a4a4a;border-color:#3a3a3a;border-radius:0;box-shadow:none}body.personality-home .personality-axis-intro-section .axis-direction-desc{color:#f8fafccc}body.personality-home .personality-axis-intro-section.personality-section{background:#3a3a3a;border-radius:0;box-shadow:none;border:none;padding-top:60px;padding-bottom:60px;max-width:none;margin-top:80px}body.personality-home .personality-axis-intro-grid{max-width:1200px}body.personality-home .personality-axis-intro-grid:before,body.personality-home .personality-axis-intro-grid:after{background:#ffffff14}body.personality-home .axis-center-title h2{background:transparent;color:#f8fafc}body.personality-home .axis-center-title h2 .axis-title-num{font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:baseline}@media(max-width:768px){body.personality-home{overflow-x:hidden}body.personality-home .personality-home-main{padding:0;margin:0;overflow-x:hidden;max-width:100vw}body.personality-home .personality-hero-area{background-image:linear-gradient(#00000073,#00000073),url(/static/img/personality2.webp);background-position:center top;background-size:cover;background-repeat:no-repeat;background-color:#d4c5a0;padding:48px 24px 32px;width:100%;margin-left:0;margin-right:0;box-sizing:border-box;min-height:auto;gap:16px}body.personality-home .personality-hero-area:before{display:none}body.personality-home .personality-hero-content h1{font-size:clamp(28px,8vw,64px);line-height:1.1;margin-bottom:56px;margin-top:64px}body.personality-home .personality-hero-content h1 span:first-child{font-size:clamp(18px,4vw,30px)}body.personality-home .personality-hero-content h1 span:last-child{font-size:clamp(40px,12vw,90px);white-space:normal;display:inline-block}body.personality-home .personality-highlight-card{width:100%;max-width:100%;box-sizing:border-box}body.personality-home .personality-highlight-grid{flex-direction:column;align-items:stretch;width:100%;gap:16px}body.personality-home .personality-highlight-label{font-size:.85rem;margin-bottom:2px}body.personality-home .personality-highlight-value{font-size:.75rem;margin-bottom:2px}body.personality-home .personality-highlight-desc{font-size:.6rem;line-height:1.3}body.personality-home .personality-button.cta-hero{width:auto;max-width:none;padding:12px 20px;font-size:18px}body.personality-home .personality-hero-buttons{display:flex;justify-content:center;margin-top:0}body.personality-home .personality-axis-intro-section{padding-bottom:32px;margin-bottom:0;overflow:visible}body.personality-home .axis-center-title h2{display:inline-block;padding-bottom:3px;border-bottom:3px solid #fff}body.personality-home .axis-center-title h2 .axis-title-num{font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:baseline}body.personality-home .personality-types-showcase{margin-top:-20px;width:100%;padding:40px 16px 0;margin-left:0;margin-right:0;transform:none;box-sizing:border-box}body.personality-home .personality-types-preview-container{padding:0}body.personality-home .personality-type-preview-card:hover .personality-type-preview-cut-bg{transform:translate(-50%)!important;z-index:5!important}body.personality-home .personality-type-preview-card:hover .personality-type-preview-image img:not(.personality-type-preview-cut-bg){transform:none!important;z-index:10!important}body.personality-home .personality-type-preview-card:hover .personality-type-preview-content{transform:none;z-index:auto}body.personality-home .personality-type-preview-card:hover .personality-type-preview-image{z-index:1}body.personality-home .personality-type-preview-card:hover{z-index:auto}body.personality-home .personality-types-link-actions{flex-direction:row;flex-wrap:wrap;gap:12px;padding:0 16px}body.personality-home .personality-types-link-actions .personality-button{flex:1 1 calc(50% - 12px);min-width:0;width:auto;box-sizing:border-box}body.personality-home .personality-result-insights{padding-top:60px}body.personality-home .personality-section-header h2,body.personality-home .axis-center-title h2,body.personality-home .other-features-section h2{font-size:1.3rem}body.personality-home .personality-hero-subtext .mobile-only-br{display:inline}body.personality-home .personality-hero-subtext p{max-width:95%;font-size:18px}}body.personality-home .personality-hero-content h1.hero-title{margin-top:10px;margin-bottom:70px}body.personality-home .personality-hero-buttons.hero-buttons-spaced{margin-top:40px}body.personality-home .personality-result-insights{background:#e5e7eb;box-shadow:none;border-radius:0;padding:60px 0 0;width:100vw;margin-left:calc(-.5*(100vw - 100%));margin-right:calc(-.5*(100vw - 100%))}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(1){--feature-accent: #6366f1}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(2){--feature-accent: #10b981}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(3){--feature-accent: #f59e0b}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(4){--feature-accent: #ec4899}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(5){--feature-accent: #8b5cf6}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(6){--feature-accent: #06b6d4}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(7){--feature-accent: #f97316}.personality-result-insights .personality-feature-grid .personality-feature-card:nth-child(8){--feature-accent: #0ea5e9}.personality-result-insights .insight-example .insight-attr-link{text-align:center}body.personality-home .personality-inline-cta.cta-bar-gray{background:#e5e7eb;width:100vw;margin-left:calc(-.5*(100vw - 100%));margin-right:calc(-.5*(100vw - 100%));padding:20px 0 32px;margin-top:-16px}