:root{--deep-green:#073f3d;--green:#0e9488;--green-soft:#dff4ef;--navy:#173047;--ink:#253647;--muted:#647583;--paper:#f4f1ea;--white:#fff;--gold:#f2b84b;--gold-soft:#fff3d8;--line:#d9e0df;--danger:#b8322a}*{box-sizing:border-box}html{color:var(--ink);scroll-behavior:smooth;background:#edf2f1;font-family:Arial,Noto Sans TC,sans-serif}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.srOnly{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pageShell{background:#fff;border-radius:18px;max-width:1040px;min-height:calc(100vh - 64px);margin:32px auto;overflow:hidden;box-shadow:0 2px 8px #0d3b3814}.siteHeader{background:var(--deep-green);color:#fff;justify-content:space-between;align-items:center;min-height:68px;padding:12px 32px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.brand img{background:#fff;border-radius:50%;padding:3px}.companyName{letter-spacing:.03em;text-align:right;font-size:11px;font-weight:700}.pageBody{background:#fff}.matchingScreen{color:var(--muted);text-align:center;background:#fff;min-height:620px;padding:70px 24px;font-size:14px}.matchingScreen p{margin:0}.matchingSpinner{border:3px solid var(--green-soft);border-top-color:var(--green);border-radius:50%;width:38px;height:38px;margin:0 auto 16px;animation:.8s linear infinite matching-spin;display:block}@keyframes matching-spin{to{transform:rotate(360deg)}}.homeBody{padding:1px 0 68px}.heroBanner{aspect-ratio:16/9;border-radius:14px;max-width:560px;margin:52px auto 0;position:relative;overflow:hidden}.heroBanner img{object-fit:cover}.homeIntro{text-align:center;background:#fff;padding:26px 64px 22px}.kicker{color:var(--green);letter-spacing:.15em;margin:0 0 14px;font-size:12px;font-weight:900}.homeIntro h1{color:var(--deep-green);max-width:600px;margin:0 auto 16px;font-size:clamp(25px,3vw,32px);line-height:1.45}.homeIntro>p:not(.kicker):not(.demoNotice){color:var(--muted);margin:0;font-size:14px}.industryPicker{grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;margin:26px auto 0;display:grid}.industryPicker button{color:#184e4b;background:#fff;border:1px solid #d4dfdd;border-radius:11px;min-height:50px;padding:12px 16px;font-size:14px;font-weight:800;transition:all .18s}.industryPicker button:hover,.industryPicker button:focus-visible{background:var(--deep-green);border-color:var(--deep-green);color:#fff;outline:0;transform:translateY(-2px)}.demoNotice{color:#98a7a5;text-align:center;max-width:560px;margin:18px auto 0;font-size:11px;line-height:1.6}.requestBand{background:#fff;border:1px dashed #cfdbd9;border-radius:12px;grid-template-columns:1fr;gap:14px;max-width:560px;margin:0 auto;padding:20px;display:grid}.requestBand h2{color:var(--deep-green);margin:0 0 5px;font-size:15px}.requestBand p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.requestForm{grid-template-columns:1fr auto;gap:8px;display:grid}.requestForm input,.requestForm button{border:1px solid #bfd1cf;min-height:42px;padding:8px 12px}.requestForm input{background:#fff;border-radius:3px;min-width:0}.requestForm input:first-of-type{grid-column:1/-1}.requestForm button{border-color:var(--deep-green);color:var(--deep-green);background:#fff;border-radius:8px;padding-inline:18px;font-weight:800}.inlineConsent{color:var(--muted);grid-column:1/-1;align-items:flex-start;gap:6px;font-size:11px;line-height:1.45;display:flex}.inlineConsent input{min-height:auto;margin:0;padding:0}.requestForm .requestPrivacy{color:var(--muted);text-align:left;grid-column:1/-1;font-size:10px}.formStatus{grid-column:1/-1;font-weight:700;color:var(--deep-green)!important}.siteFooter{background:var(--deep-green);color:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:22px 32px;font-size:11px;display:flex}.siteFooter nav{gap:10px;display:flex}.siteFooter a{text-decoration:none}.siteFooter a:hover{color:#fff;text-decoration:underline}.resultBody{padding:44px 40px 42px}.selectedIndustry{color:#1e665f;background:#dff2ed;border-radius:999px;margin:0 0 22px;padding:9px 16px;font-size:12px;font-weight:800;display:inline-block}.personaCard{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:142px 1fr;align-items:center;gap:26px;min-height:214px;padding:28px 34px;display:grid}.personaImage{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;overflow:visible}.personaImage img{object-fit:cover;background:#f2f7f3;border:1px solid #dbe4e2;border-radius:50%;width:122px;height:122px}.personaCopy{align-self:center;padding:0}.resultBadge{background:var(--gold-soft);color:#846015;letter-spacing:.08em;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;display:inline-block}.personaCopy h1{color:var(--deep-green);margin:0 0 8px;font-size:clamp(24px,3vw,29px);line-height:1.3}.personaCopy h2{color:var(--green);margin:0 0 10px;font-size:17px}.personaCopy p{color:#3f4b50;margin:0;font-size:14px;line-height:1.75}.demoBadge{color:#647673;border:1px solid #b8c7c3;border-radius:999px;margin-top:20px;padding:5px 9px;font-size:10px;display:inline-block}.analysisCard,.copyCard,.ddktSection{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:14px;overflow:hidden}.analysisCard{padding:28px 26px 32px}.sectionTitle{text-align:left}.sectionTitle p{display:none}.sectionTitle h2{color:#263a3c;margin:0 0 22px;font-size:16px}.mbtiBars{gap:17px;display:grid}.mbtiRow{grid-template-columns:102px 1fr 102px;align-items:center;gap:12px;display:grid}.dimensionLabel{color:#526473;white-space:nowrap;font-size:12px}.dimensionLabel.right{text-align:right}.dimensionLabel b{color:var(--navy)}.dimensionTrack{border-radius:4px;height:26px;display:flex;overflow:hidden}.dimensionTrack>span{color:#fff;align-items:center;min-width:38px;padding:0 7px;font-size:10px;font-weight:800;display:flex}.dimensionLeft{justify-content:flex-start}.dimensionRight{justify-content:flex-end}.dimensionTrack.blue .dimensionLeft{background:#6ebeea}.dimensionTrack.blue .dimensionRight{background:#2f7cc9}.dimensionTrack.green .dimensionLeft{background:#63cab3}.dimensionTrack.green .dimensionRight{background:#0e9488}.dimensionTrack.orange .dimensionLeft{background:#f5b471}.dimensionTrack.orange .dimensionRight{background:#e58439}.dimensionTrack.red .dimensionLeft{background:#f19b98}.dimensionTrack.red .dimensionRight{background:#db4b43}.personaSummary{background:#edf8fb;border:1px solid #c6e3ef;border-radius:12px;margin-top:18px;padding:18px 20px}.personaSummary strong{color:#286984;font-size:13px}.personaSummary p{color:#506776;margin:0;font-size:13px;line-height:1.7}.disclaimerText{color:#7c8b88;text-align:center;margin:12px 0 0;font-size:10px;line-height:1.6}.copyCard{overflow:hidden}.copyHead{background:var(--deep-green);color:#fff;align-items:center;gap:12px;padding:14px 24px;display:flex}.copyHead span{background:var(--gold);color:var(--deep-green);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:flex}.copyHead h2{margin:0;font-size:16px}.copyCard>p{color:#566977;margin:22px 26px 12px;font-size:13px;line-height:1.7}.copyExamples{grid-template-columns:1fr 1fr;gap:12px;padding:6px 26px 26px;display:grid}.copyExamples blockquote{border-left:3px solid var(--green);color:var(--navy);background:#f4f7f6;margin:0;padding:16px;font-size:14px;font-weight:700}.copyExamples small{color:var(--green);letter-spacing:.08em;margin-bottom:7px;font-size:9px;display:block}.lockedContent{min-height:118px;position:relative}.copyCard .lockedContent{background:#e3f5ef;overflow:hidden}.lockedPlaceholder{filter:blur(5px);opacity:.35;padding:18px 24px}.lockedPlaceholder span{background:#9dafac;border-radius:4px;height:16px;margin:11px 0;display:block}.lockedPlaceholder span:nth-child(2){width:74%}.lockedPlaceholder span:nth-child(3){width:88%}.lockOverlay{background:#ffffff6b;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.lockIcon{background:var(--deep-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.lockMessage{border:1px solid var(--line);color:var(--deep-green);background:#fff;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700}.ddktSection>header{background:var(--deep-green);color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ddktSection>header h2{margin:0;font-size:16px}.ddktSection>header span{color:#ffffff9e;letter-spacing:.08em;font-size:10px}.ddktGrid{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.insightBlock{border:1px solid var(--line);border-radius:14px;min-height:180px;padding:22px 24px}.insightBlock h3{color:var(--navy);margin:0 0 22px;font-size:15px}.freeBadge{background:var(--green-soft);color:#24776f;border-radius:999px;margin-left:7px;padding:5px 8px;font-size:9px}.distributionBars{gap:13px;display:grid}.distributionRow>div:first-child{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.distributionRow strong{color:var(--green)}.distributionTrack{background:#e4ecea;border-radius:99px;height:8px;overflow:hidden}.distributionTrack span{background:var(--green);height:100%;display:block}.distributionBars.gold .distributionRow strong{color:#b77f18}.distributionBars.gold .distributionTrack span{background:var(--gold)}.topicTags{flex-wrap:wrap;gap:8px;display:flex}.topicTags span{background:var(--green-soft);color:#236c65;border-radius:999px;padding:8px 12px;font-size:12px}.rankedList{gap:9px;display:grid}.rankedList>div{border-bottom:1px solid #e9efed;justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.rankedList strong{color:var(--deep-green)}.personaText{color:var(--muted);font-size:13px;line-height:1.8}.ctaBand{background:var(--deep-green);color:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 24px 24px;padding:22px 26px;display:flex}.ctaCopy{text-align:left;flex:1 0 100%}.ctaCopy h3{margin:0 0 5px;font-size:15.5px}.ctaCopy p{color:#ffffffd1;margin:0;font-size:12.5px}.unlockForm{flex-wrap:wrap;flex:1 0 100%;justify-content:flex-start;align-items:center;gap:10px;margin:0;display:flex}.unlockForm select,.unlockForm input[type=email],.unlockForm input[type=text],.unlockForm button{border-radius:10px;min-height:44px;padding:11px 14px;font-family:inherit;font-size:14px}.unlockForm select,.unlockForm input[type=email],.unlockForm input[type=text]{color:#fff;background:#ffffff14;border:1.5px solid #ffffff52;min-width:0}.unlockForm input[type=email],.unlockForm input[type=text]{flex:0 0 220px;width:220px}.unlockForm select{flex:0 auto}.unlockForm select option{color:var(--ink)}.unlockForm input::placeholder{color:#ffffff9e}.unlockForm select:focus,.unlockForm input:focus{border-color:#fff;outline:none}.visitorBrandInput{flex-basis:220px}.unlockForm button{color:var(--deep-green);cursor:pointer;white-space:nowrap;background:#fff;border:0;padding-inline:22px;font-size:13.5px;font-weight:700}.unlockForm button:hover{background:var(--green-soft)}.unlockForm button:disabled{cursor:wait;opacity:.65}.ctaConsent{color:#ffffffc7;flex:1 0 100%;justify-content:flex-start;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;display:flex}.ctaConsent input{margin:1px 0 0}.privacyNotice,.ctaBand>.status,.ctaBand>.error{flex-basis:100%}.privacyNotice{color:#ffffffa6;text-align:left;margin:10px 0 0;font-size:11px;line-height:1.6}.ctaBandCentered{text-align:center;justify-content:center}.ctaBandCentered .privacyNotice{text-align:center}.ctaBandCentered .sentMessage,.ctaBandCentered .unlockedMessage{flex-basis:100%}.unlockedMessage{text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex}.unlockedMessage strong{color:var(--gold);font-size:19px}.unlockedMessage span{color:#ffffffb8;font-size:12px}.sentMessage{text-align:center;background:#ffffff1f;border:1px solid #ffffff59;border-radius:8px;flex-direction:column;align-items:center;gap:8px;max-width:760px;margin:22px auto 0;padding:20px;display:flex}.sentMessage strong{color:var(--gold);font-size:20px}.sentMessage span{color:#fff;font-size:13px;line-height:1.6}.resetButton{color:var(--deep-green);text-underline-offset:4px;background:0 0;border:0;margin:26px auto 0;padding:8px 12px;font-size:13px;font-weight:800;text-decoration:underline;display:block}@media (max-width:720px){.pageShell{border-radius:0;min-height:100vh;margin:0}.siteHeader{min-height:60px;padding:10px 18px}.brand span{font-size:11px;display:inline}.companyName{max-width:120px;font-size:9px}.heroBanner{border-radius:10px;margin:28px 14px 0}.homeIntro{padding:32px 20px 38px}.homeIntro h1{font-size:27px}.industryPicker{grid-template-columns:1fr 1fr;gap:9px}.industryPicker button{min-width:0;padding-inline:10px}.requestBand{grid-template-columns:1fr;max-width:none;margin:0 14px;padding:24px 20px}.requestForm{grid-template-columns:1fr}.requestForm button,.inlineConsent,.formStatus{grid-column:1}.siteFooter{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 18px}.siteFooter nav{flex-wrap:wrap}.resultBody{padding:24px 14px 34px}.selectedIndustry{margin:0 0 14px;padding:9px 14px}.personaCard{grid-template-columns:1fr;padding:24px 20px}.personaImage{max-height:none}.personaImage img{width:122px;height:122px}.personaCopy{padding:28px 22px 32px}.personaCopy h1{font-size:28px}.analysisCard{padding:28px 16px 30px}.mbtiRow{grid-template-columns:66px 1fr 66px;gap:5px}.dimensionLabel{font-size:10px}.dimensionLabel b{display:none}.dimensionTrack>span{min-width:28px;padding:0 4px;font-size:8px}.copyExamples,.ddktGrid{grid-template-columns:1fr}.ddktGrid{padding:14px}.ddktSection>header{flex-direction:column;align-items:flex-start;gap:5px}.ctaBand{flex-direction:column;align-items:flex-start;max-width:270px;margin:0 auto 14px;padding:22px 18px}.ctaCopy{flex-basis:auto}.unlockForm{flex-direction:column;flex-basis:auto;justify-content:flex-start;align-items:flex-start;width:100%}.unlockForm select{flex-basis:auto;width:auto}.unlockForm input[type=email],.unlockForm input[type=text]{flex-basis:220px;width:220px;max-height:44px}.unlockForm button{flex-basis:auto;width:auto}.ctaConsent{flex-basis:auto;width:100%}.privacyNotice{margin-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
