/* What is WE ARE INFLUENCED + who it's for (homepage and Method) */
.wp{background:#EDE4FA}
.wp--light{background:#FFFFFF;border-top:1px solid #E4DEEC}
.wp-in{max-width:1240px;margin:0 auto;padding:104px 24px;display:flex;flex-direction:column;gap:24px}
.wp-kick{margin:0;font-size:13px;font-weight:700;letter-spacing:.24em;color:#5A2FD6}
.wp h2{margin:0;max-width:1100px;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(36px,5vw,64px);line-height:1.04;color:#17121F}
.wp h2 span{background:linear-gradient(transparent 55%,#F7B6DD 55%,#F7B6DD 92%,transparent 92%);padding:0 4px}
.wp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.wp-cols p,.wp-lede{margin:0;font-size:19px;line-height:1.6;color:#3A3346}
.wp-cols strong{color:#17121F}
.wp-lede{max-width:900px}
.wp-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:12px}
.wp-card{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:22px;padding:22px 22px 20px;border-top:6px solid var(--c);text-decoration:none;color:#17121F;box-shadow:0 12px 30px rgba(23,18,31,.07);transition:transform .25s,box-shadow .25s}
.wp--light .wp-card{background:#F7F5FA;box-shadow:none}
.wp-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(23,18,31,.12)}
.wp-card:focus-visible{outline:3px solid #9864FF;outline-offset:3px}
.wp-k{font-size:11px;font-weight:800;letter-spacing:.16em;color:#5B5466}
.wp-card b{font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.02em;font-size:21px;line-height:1.15}
.wp-t{font-size:15px;line-height:1.55;color:#3A3346;flex:1}
.wp-go{font-weight:800;font-size:15px;align-self:flex-start;border-bottom:2px solid var(--c);padding-bottom:2px}
.wp-end{margin:28px 0 0;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(28px,3.6vw,44px);line-height:1.35;color:#17121F}
.wp-ring{display:inline-block;border:3px solid #B48CEB;border-radius:50%;padding:4px 20px;transform:rotate(-2deg);margin-right:6px}
.wp-hl{background:#F7B6DD;padding:0 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.wp-line{margin:12px 0 0;font-family:'DM Sans',system-ui,sans-serif;font-style:italic;font-size:clamp(20px,2.2vw,26px);color:#5A2FD6}
@media (max-width:1000px){.wp-who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wp-cols,.wp-who{grid-template-columns:1fr}.wp-in{padding:80px 20px}.wp-cols p,.wp-lede{font-size:17px}}
@media (prefers-reduced-motion:reduce){.wp-card{transition:none}.wp-card:hover{transform:none}}
/* Work With Us: which one sounds like you */
.wp-pick{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.wp-pick .wp-who{margin-top:6px}
.wp-pick .wp-card{background:#F7F5FA;box-shadow:none}

/* Homepage method path: Start Here -> Get to the Root -> One-to-one */
.hp-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:20px;align-items:stretch;position:relative}
.hp-step{position:relative;border:1px solid #E4DEEC;border-radius:22px;padding:34px 28px 28px;display:flex;flex-direction:column;gap:12px;background:#FFFFFF}
.hp-step--main{border:2px solid #17121F;background:linear-gradient(135deg,#F4F4F7 0%,#E2E2E9 38%,#F8F8FA 62%,#D9D9E1 100%);box-shadow:0 18px 40px rgba(23,18,31,.14);transform:translateY(-10px)}
.hp-n{position:absolute;top:-18px;left:26px;width:38px;height:38px;border-radius:50%;background:#17121F;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-family:'Inter Tight',sans-serif;font-weight:900;font-size:18px}
.hp-step--main .hp-n{background:#FFFFFF;color:#17121F;border:2px solid #17121F}
.hp-k{margin:0;font-size:13px;font-weight:800;letter-spacing:.18em}
.hp-step h3{margin:0;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:32px}
.hp-step--main h3{font-size:38px}
.hp-t{margin:0;font-size:16px;line-height:1.55;color:#3A3346;flex-grow:1}
.hp-s{margin:0;font-size:14px;line-height:1.5;color:#3A3346}
.hp-btn{border:2px solid #17121F;color:#17121F;text-decoration:none;padding:12px 20px;border-radius:999px;font-weight:700;text-align:center;margin-top:4px}
.hp-btn--dark{background:#17121F;color:#FFFFFF}
.hp-step+.hp-step::before{content:"→";position:absolute;left:-10px;top:50%;transform:translate(-50%,-50%);font-weight:900;font-size:20px;color:#8C8C9C}
@media (max-width:900px){.hp-path{grid-template-columns:1fr;gap:34px}.hp-step--main{transform:none}.hp-step+.hp-step::before{content:"↓";left:50%;top:-27px}}
.hp-stages{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hp-stages li{display:flex;align-items:center;gap:8px;border:2px solid var(--s);border-radius:999px;padding:6px 14px 6px 6px;font-size:15px;font-weight:700;color:#17121F}
.hp-stages b{width:12px;height:12px;margin-left:6px;border-radius:50%;background:var(--s);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:'Inter Tight',sans-serif}
#start .hp-path{margin-top:14px}
/* Explore page: who it's for, six cards */
.wp-who--six{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.wp-who--six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wp-who--six{grid-template-columns:1fr}}
/* Audience labels: make "If you run a business" etc. the first thing people see */
.wp-card .wp-k{align-self:flex-start;display:inline-block;font-size:13px;font-weight:900;letter-spacing:.1em;line-height:1.35;color:#17121F;background:color-mix(in srgb,var(--c) 30%,#FFFFFF);border:2px solid var(--c);border-radius:10px;padding:7px 11px;margin-bottom:4px}
@supports not (background:color-mix(in srgb,red 30%,white)){.wp-card .wp-k{background:#FFFFFF}}
.wp-card b{font-size:20px}
/* homepage: audience blocks with just their headers */
.wp-who--short .wp-card{justify-content:flex-start;gap:12px;padding-bottom:26px}
.wp-who--short .wp-card b{font-size:22px}
/* clearer messaging: hero roles, how-it-works teaser */
.hx-roles{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hx-roles li{display:inline-flex;gap:6px;align-items:center;font-size:16px;color:#3A3346;background:#FFFFFF;border:2px solid var(--c);border-radius:999px;padding:8px 16px}
.hx-roles li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.hx-roles b{color:#17121F}
.hx-teaser{margin:28px 0 8px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.hx-old{margin:0;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(26px,3.4vw,42px);line-height:1.1;color:#6F6779;text-decoration:line-through;text-decoration-thickness:4px;text-decoration-color:#FE62C3}
.hx-new{margin:0;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(26px,3.4vw,42px);line-height:1.1;color:#17121F}
.hx-new{background:linear-gradient(transparent 58%,#BEE6FF 58%,#BEE6FF 94%,transparent 94%)}
.hx-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:hx}
.hx-steps li{counter-increment:hx;display:inline-flex;gap:6px;align-items:center;font-size:15px;color:#3A3346;background:#FFFFFF;border-radius:999px;padding:7px 14px 7px 8px;box-shadow:0 4px 14px rgba(23,18,31,.06)}
.hx-steps li::before{content:counter(hx);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font-size:12px;font-weight:800}
.hx-steps b{color:#17121F}
.hx-go{font-weight:800;color:#5A2FD6;font-size:17px}
.hx-who{margin:30px 0 0;font-weight:700;font-size:17px;color:#17121F}
.hx-steps--ww{margin:4px 0}
.hx-steps--ww li{background:#FFFFFF}
.hx-steps--ww{margin:10px 0 14px}
.hx-intro{max-width:780px;display:flex;flex-direction:column;gap:16px;margin-top:20px}
.hx-intro p{margin:0;font-size:19px;line-height:1.6;color:#3A3346}
.hx-intro .hx-lead{font-size:22px;line-height:1.5;color:#17121F}
.hx-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px!important}
.hx-flow span{font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#17121F;background:#FFFFFF;border:2px solid var(--c);border-radius:999px;padding:9px 16px}
.hx-flow i{font-style:normal;font-weight:800;color:#9864FF}
.hx-teaser{margin-top:48px;padding:28px 30px;border-radius:26px;background:#FFFFFF;box-shadow:0 14px 36px rgba(23,18,31,.07)}
.hx-real{margin:0;font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#5A2FD6}
/* method example: thought / influence / choice */
.hx-rows{display:flex;flex-direction:column;gap:16px;width:100%}
.hx-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:baseline}
.hx-lab{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--c)}
.hx-mid{margin:0;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(20px,2.4vw,28px);line-height:1.2;color:#A01673;font-style:italic}
@media (max-width:640px){.hx-row{grid-template-columns:1fr;gap:4px}}
/* free invitation */
.hx-start{background:#9864FF;color:#17121F}
.hx-start-in{max-width:1240px;margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:center}
.hx-start-art img{width:100%;max-width:240px;filter:drop-shadow(0 26px 40px rgba(40,10,90,.45));animation:hxF 6s ease-in-out infinite}
@keyframes hxF{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.hx-start-k{margin:0 0 14px;font-size:13px;font-weight:900;letter-spacing:.2em;color:#17121F;opacity:.75}
.hx-start h2{margin:0;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(34px,4.6vw,60px);line-height:1.04}
.hx-start h2 span{color:#FFFFFF}
.hx-start-txt > p:not(.hx-start-k){margin:18px 0 0;font-size:20px;line-height:1.55;max-width:640px}
.hx-start-btn{display:inline-block;margin-top:28px;background:#17121F;color:#FFFFFF;text-decoration:none;font-weight:800;font-size:18px;padding:18px 32px;border-radius:999px}
.hx-start-btn:hover{background:#2A1B44}
.hx-start-btn:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
@media (max-width:760px){.hx-start-in{grid-template-columns:1fr;gap:20px;padding:64px 20px}.hx-start-art img{max-width:150px}}
@media (prefers-reduced-motion:reduce){.hx-start-art img{animation:none}}
/* six tools, one method */
.hx-built{margin-top:64px}
.hx-built-k{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.22em;color:#5A2FD6}
.hx-built-h{margin:0;max-width:980px;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(28px,3.6vw,46px);line-height:1.08;color:#17121F}
.hx-built-h span{display:block;margin-top:6px;background:linear-gradient(transparent 58%,#F7B6DD 58%,#F7B6DD 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}
.hx-built-p{margin:18px 0 0;max-width:720px;font-size:19px;line-height:1.6;color:#3A3346}
.hx-tools{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hx-tool{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#FFFFFF;border-radius:24px;padding:18px 22px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 20%,#211A2E),#17121F);border:1px solid color-mix(in srgb,var(--c) 35%,#2D2538);transition:transform .3s,border-color .3s,box-shadow .3s}
.hx-tool:hover{transform:translateY(-6px);border-color:var(--c);box-shadow:0 22px 46px color-mix(in srgb,var(--c) 28%,transparent)}
.hx-tool:focus-visible{outline:3px solid var(--c);outline-offset:4px}
.hx-obj{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.hx-obj > img{max-height:110px;max-width:70%;filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--c) 45%,transparent));animation:hxF 6s ease-in-out infinite}
.hx-tool:nth-child(2n) .hx-obj > img{animation-delay:-2s}.hx-tool:nth-child(3n) .hx-obj > img{animation-delay:-4s}
.hx-marbles{display:flex;gap:4px}.hx-marbles img{width:46px;filter:drop-shadow(0 8px 14px rgba(152,100,255,.4))}
.hx-fan{position:relative;width:150px;height:110px}
.hx-fan img{position:absolute;bottom:0;left:50%;width:62px;border-radius:6px;box-shadow:0 10px 20px rgba(0,0,0,.45)}
.hx-fan img:nth-child(1){transform:translateX(-110%) rotate(-12deg)}.hx-fan img:nth-child(2){transform:translateX(-50%) translateY(-6px)}.hx-fan img:nth-child(3){transform:translateX(10%) rotate(12deg)}
.hx-dossier{position:relative;width:84px;height:104px;border-radius:5px 10px 10px 10px;background:linear-gradient(135deg,#F6C6FF,#C7D8FF 30%,#B8FFF0 55%,#FFF6C4 80%,#FFC6E6);box-shadow:0 14px 24px rgba(57,183,255,.35);display:flex;align-items:flex-end;padding:8px;box-sizing:border-box;transform:rotate(-6deg);animation:hxF 6s ease-in-out infinite}
.hx-dossier i{position:absolute;top:-8px;left:0;width:34px;height:11px;border-radius:5px 5px 0 0;background:#E4C6FF}
.hx-dossier b{font-size:8.5px;line-height:1.1;letter-spacing:.06em;color:#17121F}
.hx-tk{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--c)}
.hx-tool b{font-family:'Inter Tight','DM Sans',sans-serif;font-size:21px;letter-spacing:-.02em;line-height:1.15}
.hx-td{font-size:15px;line-height:1.5;color:#D9D2E3}
@media (max-width:980px){.hx-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hx-tools{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hx-obj > img,.hx-dossier{animation:none}.hx-tool{transition:none}}
.hx-tool .hx-dossier b{font-family:inherit;font-size:8.5px;line-height:1.15;letter-spacing:.06em;font-weight:900}
@media (max-width:560px){.hx-obj{height:96px}.hx-obj > img{max-height:88px}.hx-tool{padding:14px 20px 20px}}
/* how it works: three beats */
.hx-step{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:13px;font-weight:800;letter-spacing:.22em;color:#5A2FD6}
.hx-step b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#17121F;color:#fff;font-size:12px;letter-spacing:0}
.hx-step--2{margin-top:72px}
.hx-step--3{margin-top:96px;justify-content:center}
#what-is .hx-purpose{margin:0 auto 24px;max-width:900px;text-align:center;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(30px,4.4vw,56px);line-height:1.1}
#what-is .hx-purpose span{display:block}
@media (max-width:600px){.hx-step--2{margin-top:52px}.hx-step--3{margin-top:64px}}
#what-is .hx-step--2 + .hx-teaser{margin-top:0}
#what-is .hx-purpose span{display:table;margin:0 auto}
#what-is .hx-purpose .wp-ring{margin-bottom:8px}
@media (max-width:600px){#what-is .hx-purpose{font-size:25px}}
/* three headlines tell the story; small text adds depth */
#what-is .hx-big{margin:0;max-width:1000px;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(34px,4.6vw,60px);line-height:1.05;color:#17121F}
#what-is .hx-big span{background:linear-gradient(transparent 55%,#F7B6DD 55%,#F7B6DD 92%,transparent 92%);padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#what-is .hx-sub{margin:20px 0 0;max-width:680px;font-size:21px;line-height:1.55;color:#3A3346}
#what-is .hx-step--3{justify-content:flex-start;margin-top:88px}
#what-is .hx-step--2 ~ .hx-teaser{margin-top:32px;max-width:760px;padding:24px 26px;gap:12px}
#what-is .hx-eg{margin:0;font-size:17px;line-height:1.5;color:#3A3346}
#what-is .hx-teaser .hx-rows{gap:10px}
#what-is .hx-teaser .hx-old,#what-is .hx-teaser .hx-new{font-size:clamp(20px,2.2vw,26px)}
#what-is .hx-teaser .hx-mid{font-size:clamp(16px,1.7vw,19px)}
@media (max-width:600px){#what-is .hx-sub{font-size:18px}}
/* three ways to start */
.ho{background:#FFFFFF;border-bottom:1px solid #E4DEEC}
.ho-in{max-width:1240px;margin:0 auto;padding:88px 24px 80px}
.ho-k{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.22em;color:#5A2FD6}
.ho h2{margin:0;font-family:'Inter Tight','DM Sans',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(34px,4.6vw,60px);line-height:1.05;color:#17121F}
.ho-grid{margin-top:36px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}
.ho-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#17121F;background:#F7F5FA;border:1.5px solid #E4DEEC;border-radius:26px;padding:22px 24px 26px;transition:transform .3s,box-shadow .3s,border-color .3s}
.ho-card:hover{transform:translateY(-6px);border-color:#CDA2F5;box-shadow:0 22px 44px rgba(90,47,214,.14)}
.ho-card:focus-visible{outline:3px solid #5A2FD6;outline-offset:4px}
.ho-card--free{background:linear-gradient(160deg,#9864FF,#5A2FD6);color:#FFFFFF;border-color:transparent;box-shadow:0 24px 50px rgba(90,47,214,.3)}
.ho-art{height:150px;display:flex;align-items:center;justify-content:center}
.ho-art img{max-height:140px;max-width:80%;filter:drop-shadow(0 16px 24px rgba(23,18,31,.22));animation:hxF 6s ease-in-out infinite}
.ho-card:nth-child(2) .ho-art img{animation-delay:-2s}
.ho-art .hx-dossier{transform:rotate(-6deg)}
.ho-tag{font-size:12px;font-weight:900;letter-spacing:.18em;color:#5A2FD6}
.ho-card--free .ho-tag{color:#FFE7A3}
.ho-card b{font-family:'Inter Tight','DM Sans',sans-serif;font-size:clamp(24px,2.4vw,30px);letter-spacing:-.025em;line-height:1.1}
.ho-d{font-size:17px;line-height:1.5;color:#3A3346;flex:1}
.ho-card--free .ho-d{color:#F1EAFF}
.ho-btn{align-self:flex-start;margin-top:10px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:15px;background:#17121F;color:#FFFFFF}
.ho-card--free .ho-btn{background:#FFFFFF;color:#17121F;font-size:16px;padding:14px 24px}
.ho-more{margin:26px 0 0;font-size:17px;color:#3A3346}
.ho-more a{color:#5A2FD6;font-weight:800}
@media (max-width:980px){.ho-grid{grid-template-columns:1fr 1fr}.ho-card--free{grid-column:1/-1}}
@media (max-width:600px){.ho-grid{grid-template-columns:1fr}.ho-in{padding:64px 20px 56px}.ho-art{height:120px}.ho-art img{max-height:110px}}
@media (prefers-reduced-motion:reduce){.ho-art img{animation:none}.ho-card{transition:none}}
.ho-art .hx-dossier{width:112px;height:140px;padding:10px}
.ho-card .hx-dossier b{font-family:inherit;font-size:11px;line-height:1.15;letter-spacing:.06em;font-weight:900;color:#17121F}
.ho h2 span{background:linear-gradient(transparent 55%,#F7B6DD 55%,#F7B6DD 92%,transparent 92%);padding:0 4px}
.ho-lede{margin:16px 0 0;max-width:640px;font-size:20px;line-height:1.55;color:#3A3346}
.ho-card{position:relative}
.ho-step{align-self:flex-start;font-size:11px;font-weight:900;letter-spacing:.18em;padding:6px 11px;border-radius:999px;background:#FFFFFF;color:#5A2FD6;border:1px solid #E4DEEC}
.ho-card--free .ho-step{background:rgba(255,255,255,.18);color:#FFFFFF;border-color:rgba(255,255,255,.35)}
.ho-art{height:130px}
.ho-art .hx-dossier{width:92px;height:116px;padding:8px}
.ho-card .hx-dossier b{font-size:9.5px}
@media (min-width:981px){
.ho-card:not(:last-child)::after{content:"\2192";position:absolute;right:-17px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#17121F;color:#FFFFFF;font-size:15px;font-weight:800;z-index:2;box-shadow:0 0 0 4px #FFFFFF}
}
/* tighter rhythm for the three-part story */
#what-is .wp-in{padding:88px 24px 80px;gap:0}
#what-is .hx-step{margin-bottom:14px}
#what-is .hx-step--2,#what-is .hx-step--3{margin-top:56px}
#what-is .hx-sub{margin-top:14px}
#what-is .hx-step--2 ~ .hx-teaser{margin-top:22px}
#what-is .hx-what{margin:22px 0 0;max-width:760px;padding:18px 22px;border-left:4px solid #9864FF;background:rgba(255,255,255,.6);border-radius:0 16px 16px 0;font-size:19px;line-height:1.55;font-weight:600;color:#17121F}
@media (max-width:600px){#what-is .wp-in{padding:64px 20px 56px}#what-is .hx-step--2,#what-is .hx-step--3{margin-top:44px}#what-is .hx-what{font-size:17px}}

/* wheel of influences (shared look with the Characters page) */
.cxw2{--R:205px;--cw:78px;position:relative;width:calc(var(--R)*2 + var(--cw) + 40px);aspect-ratio:1;max-width:100%;margin:0 auto}
.cxw2::before{content:"";position:absolute;inset:calc(50% - var(--R));border-radius:50%;border:1.5px dashed rgba(90,47,214,.28)}
.cxw2::after{content:"";position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,rgba(152,100,255,.28),transparent 70%);pointer-events:none}
.cxw2-ring{list-style:none;margin:0;padding:0;position:absolute;inset:0;animation:cxSpin 80s linear infinite}
.cxw2-ring li{position:absolute;left:50%;top:50%;width:var(--cw);transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--R) * -1)) rotate(calc(var(--a) * -1))}
.cxw2-ring a{display:block;position:relative;animation:cxSpin 80s linear infinite reverse;border-radius:8px}
.cxw2-ring img,.cxw2-core img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 12px 24px rgba(23,18,31,.22);transition:transform .3s,box-shadow .3s}
.cxw2-ring a:hover img,.cxw2-ring a:focus-visible img{transform:scale(1.18);box-shadow:0 18px 32px rgba(23,18,31,.32)}
.cxw2:hover .cxw2-ring,.cxw2:hover .cxw2-ring a,.cxw2:focus-within .cxw2-ring,.cxw2:focus-within .cxw2-ring a{animation-play-state:paused}
.cxw2 a > span{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;background:#17121F;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;padding:5px 10px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:3}
.cxw2 a:hover span,.cxw2 a:focus-visible span{opacity:1}
.cxw2 a:focus-visible{outline:3px solid #5A2FD6;outline-offset:4px}
.cxw2-core{position:absolute;left:50%;top:50%;width:calc(var(--cw) * 1.75);transform:translate(-50%,-56%);z-index:2;border-radius:12px}
.cxw2-core img{border-radius:12px;box-shadow:0 0 0 6px #F7F5FA,0 24px 48px rgba(90,47,214,.38)}
.cxw2-core:hover img{transform:scale(1.05)}
.cxw2-cap{position:absolute;left:0;right:0;top:calc(50% + var(--cw) * 1.2);margin:0;text-align:center;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#5A2FD6}
@keyframes cxSpin{to{rotate:360deg}}
@media (max-width:900px){.cxw2{--R:128px;--cw:50px;order:-1}.cxw2 span{font-size:11px}.cxw2-cap{font-size:10px;letter-spacing:.14em}}
@media (max-width:380px){.cxw2{--R:112px;--cw:44px}}
@media (prefers-reduced-motion:reduce){.cxw2-ring,.cxw2-ring a{animation:none}.cxw2 img{transition:none}}
.cxw2-ring li:hover,.cxw2-ring li:focus-within{z-index:4}
@media (max-width:900px){.cxw2-cap{display:none}.cxw2{margin-top:-24px}}
.cxw2{pointer-events:none}
.cxw2-ring .cxw2-c{display:block;animation:cxSpin 80s linear infinite reverse}
.cxw2-core{display:block}
.hx-wheel{flex:1 1 440px;min-width:0;display:flex;justify-content:center}
.cxw2--dark::before{border-color:rgba(205,162,245,.35)}
.cxw2--dark::after{background:radial-gradient(circle,rgba(152,100,255,.45),transparent 70%)}
.cxw2--dark .cxw2-core img{box-shadow:0 0 0 6px #17121F,0 0 60px rgba(152,100,255,.55)}
.cxw2--dark .cxw2-ring img{box-shadow:0 12px 26px rgba(0,0,0,.5)}
@media (max-width:900px){.hx-wheel .cxw2{order:0;margin-top:0}}
.hx-meet{align-self:flex-start;background:#FFFFFF;color:#17121F;text-decoration:none;padding:14px 24px;border-radius:999px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}
.hx-meet:hover,.hx-meet:active,.hx-meet:focus-visible{background:#75D04C;color:#17121F;box-shadow:0 10px 26px rgba(117,208,76,.35)}
.hx-meet:hover{transform:translateY(-2px)}
.hx-meet:focus-visible{outline:3px solid #75D04C;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.hx-meet{transition:none}.hx-meet:hover{transform:none}}