/* Changemaker 2026 — trustworthy conversion storytelling for each audience */
.cm-cinema .cm-audience,.cm-subpage .cm-audience{position:relative;padding:clamp(78px,9vw,140px) 0;overflow:hidden;isolation:isolate;background:#081810;color:#ebf9f0}
.cm-audience.cm-light{background:#eef3e9;color:#152e21}
.cm-audience.cm-deep{background:#07130e;color:#f1fff6}
.cm-audience.cm-mist{background:radial-gradient(ellipse at 80% 5%,#2c754529,transparent 54%),#0a1c15}
.cm-audience .container,.cm-audience .cm-wrap{position:relative;z-index:2}
.cm-audience__eyebrow{display:inline-flex;gap:10px;align-items:center;color:#9be5bd;font:600 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.cm-light .cm-audience__eyebrow{color:#397455}
.cm-audience__eyebrow:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#a6f5ca;box-shadow:0 0 12px #66c69f}
.cm-audience h2{font-family:'Familjen Grotesk',sans-serif;font-size:clamp(42px,5.5vw,78px);line-height:1;letter-spacing:-.055em;font-weight:600;max-width:970px;margin:20px 0 23px;color:inherit}
.cm-audience h2 em{font-style:normal;color:#93edbd}
.cm-light h2 em{color:#2c8c60}
.cm-audience__intro{max-width:730px;color:#a9c2b1;font-size:clamp(15px,1.28vw,18px);line-height:1.75}
.cm-light .cm-audience__intro{color:#486555}
.cm-audience__head{margin-bottom:42px;display:flex;align-items:end;justify-content:space-between;gap:38px}
.cm-audience__head h2{margin-bottom:0}
.cm-audience__head>p{max-width:360px;line-height:1.7;color:#a1b9a9;font-size:14px}
.cm-light .cm-audience__head>p{color:#486555}
.cm-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:37px 0}
.cm-audience-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cm-audience-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cm-audience-card{position:relative;min-width:0;min-height:206px;display:flex;flex-direction:column;align-items:flex-start;padding:29px;border:1px solid #c6ffe026;border-radius:19px;background:linear-gradient(150deg,#214d338a,#10241fb8 82%);box-shadow:0 25px 68px #0001;transition:border-color .24s ease,transform .24s ease}
.cm-audience-card:hover{border-color:#9feeb760;transform:translateY(-4px)}
.cm-audience-card .cm-audience-icon{display:grid;place-items:center;margin-bottom:27px;width:44px;height:44px;border:1px solid #b0ffd248;border-radius:13px;color:#9ef3c5;font-size:18px}
.cm-audience-card small{display:block;margin-bottom:14px;color:#86c9a5;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.cm-audience-card h3{margin:0 0 12px;color:inherit;font:600 clamp(21px,2vw,29px)/1.12 'Familjen Grotesk',sans-serif;letter-spacing:-.035em}
.cm-audience-card p{margin:0;font-size:13px;line-height:1.8;color:#a8c0b1}
.cm-light .cm-audience-card{border:1px solid #1d69432b;background:linear-gradient(135deg,#fff,#e4eee4);box-shadow:0 15px 35px #153d2310}
.cm-light .cm-audience-card p{color:#4f6958}
.cm-light .cm-audience-card small{color:#33855c}
.cm-light .cm-audience-card .cm-audience-icon{color:#246d4d;border-color:#2f8c5b40}
.cm-hero-editorial{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#08201b}
.cm-hero-editorial picture,.cm-hero-editorial .cm-editorial-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%}
.cm-hero-editorial picture img,.cm-hero-editorial .cm-editorial-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.cm-hero-editorial:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071711e8 0%,#071711c2 37%,#07171150 72%,#07171134),linear-gradient(0deg,#081e18a9,transparent 70%)}
.cm-hero-editorial .container{padding-top:115px;padding-bottom:100px}
.cm-hero-editorial h2{font-size:clamp(49px,6vw,86px);max-width:830px}
.cm-hero-editorial .cm-audience__intro{color:#e1f4eb;max-width:630px}
.cm-hero-editorial .cm-image-note{display:inline-block;margin-top:33px;font:10px 'IBM Plex Mono',monospace;color:#c8e0d2}
.cm-compare-table{width:100%;border-collapse:collapse;margin:37px 0 20px;text-align:left;table-layout:fixed}
.cm-compare-table caption{text-align:left;font-size:13px;color:inherit;margin:0 0 10px}
.cm-compare-table th,.cm-compare-table td{padding:22px 20px;border-bottom:1px solid #bdf2ce31;vertical-align:top;line-height:1.65;font-size:13px}
.cm-compare-table thead th{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:#a3e7c1}
.cm-compare-table td:first-child{font-weight:750}
.cm-compare-table td:not(:first-child){color:#b6cdbd}
.cm-light .cm-compare-table th,.cm-light .cm-compare-table td{border-color:#1a623522}
.cm-light .cm-compare-table thead th{color:#216745}
.cm-light .cm-compare-table td:not(:first-child){color:#4b6556}
.cm-compare-note{font-size:12px;line-height:1.7;color:#97baa4;margin-top:13px}
.cm-light .cm-compare-note{color:#4a6b55}
.cm-audience-badge{display:inline-flex;border:1px solid #94dcb755;border-radius:50px;padding:8px 11px;color:#a1e7bd;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.03em}
.cm-light .cm-audience-badge{color:#1d6747;border-color:#1f674633}
.cm-proof-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,5vw,90px)}
.cm-proof-panel{padding:32px;border:1px solid #9eecc23b;border-radius:23px;background:linear-gradient(150deg,#153d2c,#0c211b);box-shadow:0 40px 80px #0002}
.cm-proof-panel strong{display:block;font-size:23px;line-height:1.2;margin-bottom:13px}
.cm-proof-panel p{font-size:13px;line-height:1.8;color:#b3cebb}
.cm-proof-panel a{display:inline-flex;color:#a6ffca;font-weight:700;border-bottom:1px solid #a6ffca7d;margin-top:14px}
.cm-proof-panel .cm-bullet-steps{list-style:none;margin:22px 0 0;padding:0}
.cm-bullet-steps li{display:flex;gap:16px;padding:15px 0;border-top:1px solid #b0edb622;color:#cfdfd3;font-size:13px;line-height:1.65}
.cm-bullet-steps b{color:#b2ffc8;font:700 12px 'IBM Plex Mono',monospace;flex:none}
.cm-roi-panel{padding:34px;border:1px solid #2c865533;border-radius:24px;background:#f9fdf6;box-shadow:0 25px 75px #0e3e211c;color:#112c1d}
.cm-roi-panel h3{margin:0 0 10px;font:600 28px 'Familjen Grotesk',sans-serif;letter-spacing:-.04em}
.cm-roi-panel>p{font-size:12px;line-height:1.75;color:#4f6c58}
.cm-roi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:27px 0}
.cm-roi-inputs label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#2c4d36}
.cm-roi-inputs label span{font-size:10px;line-height:1.4;font-weight:400;color:#54725d}
.cm-roi-inputs input{width:100%;min-width:0;border:1px solid #bfd4c4;background:#fff;border-radius:8px;padding:12px;color:#163c26;font-size:17px;outline-offset:3px}
.cm-roi-results{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.cm-roi-results>div{padding:18px;border-radius:12px;background:#e8f5e9;border:1px solid #87c89c2e}
.cm-roi-results strong{display:block;font:600 clamp(23px,3vw,39px) 'Familjen Grotesk',sans-serif;letter-spacing:-.04em;color:#22653e}
.cm-roi-results span{font-size:11px;line-height:1.5;color:#496751}
.cm-roi-disclaimer{font-size:11px;color:#55705b;line-height:1.7;margin-top:20px}
.cm-cta-inline{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:32px}
.cm-cta-inline .btn{white-space:normal}
.cm-audience details{border-bottom:1px solid #b9f5c52a;padding:23px 0}
.cm-audience details:first-of-type{border-top:1px solid #b9f5c52a}
.cm-audience summary{list-style:none;position:relative;padding-right:42px;cursor:pointer;color:inherit;font-size:clamp(16px,1.6vw,21px);font-weight:600;line-height:1.45}
.cm-audience summary::-webkit-details-marker{display:none}
.cm-audience summary:after{content:"+";position:absolute;right:8px;top:-2px;color:#93eab6;font-size:25px;font-weight:400}
.cm-audience details[open] summary:after{content:"−"}
.cm-audience details>p{color:#b1c7b8;font-size:13px;line-height:1.85;max-width:800px;margin:15px 0 2px}
.cm-light details{border-color:#1c654325}
.cm-light details>p{color:#4c6857}
.cm-faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(25px,6vw,115px)}
.cm-audience a:not(.btn){text-underline-offset:4px}
.cm-status-note{padding:18px 21px;border:1px solid #e6d69a45;border-radius:12px;background:#71612d1b;color:#f4dfab;font-size:12px;line-height:1.65}
.cm-light .cm-status-note{color:#544c1f;background:#fff3d3;border-color:#ead28a}
.cm-audience .cm-source-links{margin-top:23px;font-size:11px;line-height:1.7;color:#a7bba9}
.cm-audience .cm-source-links a{text-decoration:underline;color:inherit}
.cm-light .cm-source-links{color:#4c6654}
.cm-trust-rail{display:flex;gap:10px;flex-wrap:wrap;margin:29px 0}
.cm-trust-rail span{padding:9px 14px;border:1px solid #acf8ce3d;border-radius:100px;color:#b7f6cc;font:600 10px 'IBM Plex Mono',monospace}
.cm-light .cm-trust-rail span{border-color:#1c7b4b40;color:#2e7750}
.cm-plan-choice{padding:26px;border:1px solid #d4e7d5;border-radius:18px;background:#fff;color:#173c26;box-shadow:0 12px 32px #103d220b}
.cm-plan-choice h3{font:650 25px/1.18 'Familjen Grotesk',sans-serif;margin:0 0 13px;letter-spacing:-.025em}
.cm-plan-choice p{font-size:13px;line-height:1.8;color:#526d59}
.cm-plan-choice a{color:#16754e;text-decoration:underline;font-weight:700}
.cm-plan-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}
.cm-audience .cm-plan-principles article{border:1px solid #1d664126;border-radius:14px;padding:24px;background:#fff}
.cm-plan-principles strong{display:block;margin-bottom:10px}
.cm-plan-principles p{font-size:12px;color:#52715a;line-height:1.7}
.cm-handoff-note{padding:20px 25px;border-left:2px solid #94e5b1;background:#14503531;color:#cae9d4;font-size:13px;line-height:1.75;margin-top:30px}
.cm-light .cm-handoff-note{background:#ddebdd;color:#34523c}
.cm-cinema .cm-hero-editorial h2,.cm-subpage .cm-hero-editorial h2{color:#f6fff9}
@media(max-width:980px){
 .cm-audience-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cm-proof-split{grid-template-columns:1fr}
 .cm-audience__head{display:block}
 .cm-audience__head>p{margin-top:21px;max-width:700px}
 .cm-faq-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
 .cm-cinema .cm-audience,.cm-subpage .cm-audience{padding:65px 0}
 .cm-audience h2{font-size:clamp(38px,10vw,55px)}
 .cm-audience-grid,.cm-audience-grid.four,.cm-audience-grid.two,.cm-plan-principles{grid-template-columns:1fr}
 .cm-audience-grid{gap:12px;margin:25px 0}
 .cm-audience-card{min-height:0;padding:24px}
 .cm-audience-card .cm-audience-icon{margin-bottom:18px}
 .cm-hero-editorial{min-height:590px}
 .cm-hero-editorial .container{padding-top:110px;padding-bottom:70px}
 .cm-hero-editorial:after{background:linear-gradient(90deg,#06140fe7,#06140f99),linear-gradient(0deg,#06140f99,transparent)}
 .cm-compare-table{display:block;overflow-x:auto;white-space:normal}
 .cm-compare-table th,.cm-compare-table td{min-width:150px;padding:15px 10px;font-size:12px}
 .cm-roi-panel{padding:21px}
 .cm-roi-inputs{grid-template-columns:1fr}
 .cm-roi-results strong{font-size:25px}
 .cm-audience .cm-source-links{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.cm-audience-card:hover{transform:none}}

/* Editorial compositions use the user's own optimized photos when available.
   Always show the existing local photo as fallback instead of broken media. */
.cm-editorial-visual{background:#091e17;padding:28px 0 45px;overflow:hidden}
.cm-editorial-visual .cm-editorial-figure{position:relative;max-width:1400px;margin:0 auto;min-height:330px;height:clamp(320px,40vw,610px);overflow:hidden;border-radius:clamp(14px,2vw,30px);border:1px solid #a4ffd528;box-shadow:0 35px 95px #020c0955}
.cm-editorial-visual .cm-editorial-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.91) contrast(1.05);transition:transform 1.2s cubic-bezier(.15,.7,.2,1)}
.cm-editorial-visual .cm-editorial-figure:hover img{transform:scale(1.035)}
.cm-editorial-visual .cm-editorial-figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#04150fe0,transparent 54%),linear-gradient(90deg,#04181170,transparent 58%),radial-gradient(ellipse at 80% 95%,#2bd28e1e,transparent 60%)}
.cm-editorial-caption{position:absolute;z-index:1;left:clamp(23px,5vw,70px);right:clamp(23px,5vw,70px);bottom:clamp(24px,4vw,57px);display:flex;align-items:end;justify-content:space-between;gap:25px;color:#f3fff6}
.cm-editorial-caption h2{max-width:750px;font-family:'Familjen Grotesk',sans-serif;font-size:clamp(34px,5vw,69px);letter-spacing:-.05em;line-height:1.03;margin:11px 0;color:#f3fff6}
.cm-editorial-caption h2 em{font-style:normal;color:#a4f4c8}
.cm-editorial-caption span{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#aeedc6}
.cm-editorial-caption p{max-width:295px;line-height:1.7;font-size:12px;color:#d2e7d9}
@media(max-width:700px){
.cm-editorial-visual{padding:15px 0 30px}
.cm-editorial-visual .cm-editorial-figure{height:445px;min-height:0}
.cm-editorial-visual .cm-editorial-figure img{object-position:50% center}
.cm-editorial-caption{display:block;bottom:28px}
.cm-editorial-caption h2{font-size:clamp(31px,8vw,43px)}
.cm-editorial-caption p{max-width:280px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.cm-editorial-visual .cm-editorial-figure:hover img{transform:none}}