.content-preview { padding-bottom:100px; }
.content-preview .main-nav { gap:15px; font-size:14px; }
.content-preview .header-inner { gap:20px; }
.page-sections { display:flex; gap:24px; flex-wrap:wrap; padding-block:18px; border-bottom:1px solid var(--line); font-size:16px; }
.page-sections a:hover,.content-preview .main-nav a[aria-current="page"] { color:var(--palette-safe,var(--accent)); }
.version-perspective { border-bottom:1px solid var(--line); }
.version-perspective-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.version-perspective h2 { font-size:clamp(32px,3.6vw,54px); line-height:1.12; letter-spacing:-.035em; }
.version-perspective p:not(.kicker) { font-size:21px; line-height:1.65; color:var(--muted); margin-bottom:20px; }
.content-preview .text-link { display:inline-flex; margin-top:18px; font-size:18px; line-height:1.5; }
.site-related h2 { font-size:clamp(32px,3.6vw,52px); margin-bottom:32px; }
.site-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.site-related-card { border-top:3px solid var(--accent); padding:28px 0; display:flex; flex-direction:column; transition:transform .2s; }
.site-related-card:hover { transform:translateY(-5px); }
.site-related-card h3 { font-size:27px; line-height:1.2; margin-bottom:20px; }
.site-related-card p { font-size:18px; line-height:1.6; color:var(--muted); margin-bottom:25px; }
.site-related-card > span { margin-top:auto; font-size:17px; color:var(--palette-safe,var(--accent)); }
.content-preview.inner-page .page-hero h1 { font-size:clamp(38px,4.6vw,70px); line-height:1.12; }
.content-preview.inner-page .editorial-copy p,.content-preview.inner-page .editorial-copy li { color:var(--muted); }
.content-preview.inner-page .breadcrumbs { flex-wrap:wrap; line-height:1.5; }
@media (max-width:1200px) and (min-width:901px) {
 .content-preview .brand > span:last-child { display:none; }
 .content-preview .main-nav { gap:12px; }
}
@media (max-width:900px) {
 .content-preview .main-nav { font-size:18px; }
 .version-perspective-grid,.site-related-grid { grid-template-columns:1fr; gap:24px; }
 .version-perspective p:not(.kicker) { font-size:20px; }
 .content-preview.inner-page .page-hero h1 { font-size:clamp(32px,7vw,48px); overflow-wrap:normal; }
 .content-preview .content-controls { gap:7px; }
 .content-preview .content-controls a { padding-inline:5px; }
 .content-preview .content-controls > div > span { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
 .site-related-card { transition:none; }
 .site-related-card:hover { transform:none; }
}
.content-preview .brand small { font-size:12px; }
.content-preview .hero h1 { font-size:clamp(42px,4.55vw,70px); line-height:1.08; letter-spacing:-.05em; }
.content-preview .hero h1 .hero-line { max-width:100%; }
.content-preview .hero-lead { font-size:21px; line-height:1.5; margin-top:28px; }
.content-preview .hero-lead strong { display:block; font-size:24px; line-height:1.4; margin-top:20px; }
.content-preview .hero-eyebrow { font-size:14px; margin-bottom:28px; }
.content-preview .hero-actions { flex-wrap:wrap; gap:18px; }
.content-preview .hero-actions .button { font-size:18px; gap:20px; }
.content-preview .microcopy { font-size:16px; }
.content-preview .hero-photo img { transform:none !important; object-position:center top; }
.content-preview.theme-emerald .hero h1 { font-size:clamp(44px,4.7vw,72px); }
.content-preview.theme-emerald .hero-eyebrow { margin:0; }
.content-preview.theme-emerald .hero-lead { margin-top:0; }
.content-preview.theme-emerald .hero-lead strong { font-size:27px; }
.content-preview.theme-emerald .hero-photo { grid-template-rows:350px auto; }
.content-preview.theme-ember .hero h1 { font-size:clamp(41px,4.35vw,65px); }
.audience-bar { display:grid; grid-template-columns:1fr 1.8fr; gap:35px; padding:32px 0; border-top:1px solid var(--line); margin-top:40px; font-size:18px; line-height:1.5; }
.audience-bar > strong { font-size:24px; letter-spacing:-.025em; }
.audience-bar > span { color:var(--muted); }
.content-preview .section-head h2 { font-size:clamp(36px,4.2vw,62px); line-height:1.1; max-width:950px; }
.content-preview .section-head { align-items:start; grid-template-columns:1.3fr 1fr; }
.content-preview .section-head > p { padding:0; font-size:21px; line-height:1.5; }
.content-preview #format .section-head { grid-template-columns:1.4fr .8fr; }
.content-preview #format .section-head h2 { font-size:clamp(36px,4vw,58px); overflow-wrap:normal; }
.content-preview #alexey .section-head { display:block; }
.content-number { color:var(--palette-safe,var(--accent)); font-size:66px; font-weight:550; line-height:1; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.content-label { display:block; color:var(--palette-safe,var(--accent)); font-size:15px; font-weight:650; margin-bottom:17px; }
.content-situations { border-top:1px solid var(--line); }
.content-situation { display:grid; grid-template-columns:85px 1.15fr 1fr; gap:35px; padding:40px 0; border-bottom:1px solid var(--line); }
.content-situation h3 { font-size:34px; line-height:1.15; margin:0 0 20px; }
.content-situation p { font-size:20px; line-height:1.6; color:var(--muted); margin:0; }
.content-answer { border-left:3px solid var(--accent); padding-left:26px; }
.content-aside { font-size:18px; line-height:1.6; max-width:1050px; color:var(--muted); margin:32px 0 0; }
.content-outcomes { background:var(--deep); color:var(--on-deep); }
.content-outcomes .kicker,.content-outcomes .section-num,.content-outcomes .content-number { color:var(--highlight); }
.content-outcomes .section-head > p,.content-outcomes .content-aside,.content-outcomes .content-results p { color:var(--on-deep); }
.content-results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
.content-results article { border-top:1px solid color-mix(in srgb,var(--on-deep) 50%,transparent); padding-top:28px; }
.content-results h3 { font-size:28px; line-height:1.2; margin:25px 0 17px; }
.content-results p { font-size:19px; line-height:1.6; margin:0; }
.content-format { display:grid; grid-template-columns:1fr 1.3fr; background:var(--tone); border:1px solid var(--line); }
.content-format-facts { padding:38px; display:grid; gap:28px; }
.content-format-facts > div { padding-bottom:25px; border-bottom:1px solid var(--line); }
.content-format-facts > div:last-child { border:0; padding:0; }
.content-format-facts strong { display:block; font-size:clamp(32px,3.2vw,48px); line-height:1.1; letter-spacing:-.04em; margin-bottom:12px; }
.content-format-facts span { display:block; font-size:18px; line-height:1.4; color:var(--muted); }
.content-format-body { padding:40px; background:var(--panel); border-left:1px solid var(--line); }
.content-format-body h3 { font-size:34px; line-height:1.2; margin:0 0 25px; }
.content-format-body p { font-size:20px; line-height:1.6; color:var(--muted); }
.content-format-body .button { margin-top:15px; }
.content-roles { display:grid; grid-template-columns:1fr 1fr; gap:55px; margin-top:45px; }
.content-roles article { border-top:1px solid var(--line); padding-top:28px; }
.content-roles h3 { font-size:29px; line-height:1.2; margin:0 0 20px; }
.content-roles p { color:var(--muted); font-size:19px; line-height:1.65; }
.content-partner { display:grid; grid-template-columns:1fr 1.2fr; gap:65px; }
.content-partner-intro { font-size:30px; line-height:1.45; margin:0; letter-spacing:-.025em; }
.content-experience { display:grid; gap:27px; }
.content-experience article { border-top:1px solid var(--line); padding-top:25px; }
.content-experience h3 { font-size:28px; margin:0 0 12px; }
.content-experience p { color:var(--muted); font-size:19px; line-height:1.6; margin:0; }
.content-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px; }
.content-steps h3 { font-size:29px; margin:23px 0 18px; }
.content-steps p { color:var(--muted); font-size:20px; line-height:1.6; }
.content-next { display:grid; grid-template-columns:1fr 1.4fr; gap:45px; padding:35px; margin-top:40px; background:var(--tone); border-left:5px solid var(--accent); }
.content-next h3 { font-size:31px; margin:0; line-height:1.2; }
.content-next p { font-size:19px; line-height:1.6; color:var(--muted); margin:0 0 18px; }
.content-next strong { color:var(--ink); }
.content-next p:last-child { margin-bottom:0; }
.content-fit .content-roles { margin-top:0; }
.content-fit h2 { font-size:37px; line-height:1.15; }
.content-fit .kicker { color:var(--palette-safe,var(--accent)); }
.content-preview .cta-grid h2 { font-size:clamp(36px,4vw,58px); overflow-wrap:normal; }
.content-preview .form-footer p { font-size:16px; line-height:1.5; }
.content-preview .content-footer-title { font-size:24px; }
.content-footer-links { display:flex; flex-wrap:wrap; gap:18px 30px; padding:15px 0 35px; }
.content-footer-links a { font-size:17px; border-bottom:1px solid currentColor; }
.content-preview .site-footer p:last-child { font-size:15px; }
.content-preview.theme-emerald .content-format,.content-preview.theme-emerald .content-next { border-radius:25px; overflow:hidden; }
.content-preview.theme-emerald .content-situations { border:0; display:grid; gap:20px; }
.content-preview.theme-emerald .content-situation { border:1px solid var(--line); padding:35px 30px; background:white; border-radius:25px; }
.content-preview.theme-ember .content-answer { background:var(--tone); padding:25px; }
.content-controls { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); z-index:95; display:flex; gap:22px; align-items:center; padding:10px 17px; max-width:calc(100% - 24px); width:max-content; background:#111722; color:white; border:1px solid #667080; border-radius:14px; box-shadow:0 8px 32px #0003; font:14px/1.4 Arial,sans-serif; }
.content-controls > div { display:flex; gap:5px; align-items:center; }
.content-controls > div > span { color:#cbd4e0; margin-right:6px; }
.content-controls a { color:inherit; text-decoration:none; padding:10px 12px; border-radius:6px; display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.content-controls a:hover { background:#303a4b; }
.content-controls a[aria-current] { color:#111722; background:white; }
.content-controls a:focus-visible { outline:3px solid #90bbff; outline-offset:2px; }
.design-embedded .content-controls { display:none; }
.design-embedded .content-preview { padding-bottom:0; }
.content-gallery .gallery-main { padding-top:25px; }
.content-gallery .gallery-intro { max-width:1050px; }
.content-gallery .gallery-intro h1 { font-size:clamp(32px,3.5vw,50px); max-width:1000px; }
.content-gallery .gallery-intro > p:last-child { max-width:900px; font-size:18px; }
.content-jump { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.content-jump a { padding:12px 18px; border:1px solid #bac8de; background:white; font-size:16px; font-weight:600; }
.content-jump a:hover { border-color:#2455ef; color:#2455ef; }
.content-gallery-row { margin-top:50px; scroll-margin-top:30px; }
.content-gallery-heading { display:flex; gap:22px; align-items:center; }
.content-gallery-heading > span { font-size:65px; font-weight:650; line-height:1; color:#2455ef; }
.content-gallery-heading h2 { font-size:32px; letter-spacing:-.03em; line-height:1.2; margin:0 0 8px; }
.content-gallery-heading p { margin:0; color:#59677c; font-size:18px; }
.content-gallery .design-options { margin-top:22px; }
.content-gallery .option-title h3 { font-size:28px; margin:0; line-height:1.2; }
.content-gallery .option-title > span { font-size:26px; }
.content-gallery .option-details { padding:20px; }
@media (max-width:1100px) {
 .content-preview .brand small { max-width:180px; }
 .content-preview .main-nav { gap:15px; }
 .content-preview .hero-eyebrow { font-size:13px; }
 .content-preview .hero h1,.content-preview.theme-ember .hero h1 { font-size:4.6vw; }
 .content-preview .hero-lead { font-size:20px; }
 .content-preview .hero-lead strong { font-size:23px; }
 .content-results { grid-template-columns:1fr 1fr; }
 .content-situation { gap:25px; grid-template-columns:65px 1fr 1fr; }
 .content-situation h3 { font-size:29px; }
 .content-preview.theme-emerald .content-situation { padding:30px 22px; }
 .content-format-facts,.content-format-body { padding:30px; }
 .content-partner { gap:35px; }
 .content-preview .content-format .button { font-size:17px; padding-inline:20px; gap:14px; }
}
@media (max-width:800px) {
 .content-situation { grid-template-columns:60px 1fr; }
 .content-answer { grid-column:2; }
 .content-preview .section-head,.content-preview #format .section-head { grid-template-columns:1fr; gap:22px; }
 .content-preview .section-head > p { max-width:720px; }
 .content-format,.content-partner { grid-template-columns:1fr; }
 .content-format-facts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
 .content-format-facts > div { border:0; padding:0; }
 .content-format-facts strong { font-size:29px; }
 .content-format-body { border-left:0; border-top:1px solid var(--line); }
 .content-steps { gap:25px; }
 .content-steps h3 { font-size:25px; }
 .content-steps p { font-size:18px; }
 .content-controls { gap:12px; }
}
@media (max-width:680px) {
 .content-preview { padding-bottom:140px; }
 .content-preview .header-inner { gap:14px; }
 .content-preview .brand { min-width:0; flex:1; gap:10px; }
 .content-preview .brand > span:last-child { min-width:0; }
 .content-preview .brand small { max-width:180px; }
 .content-preview .menu-button { flex:0 0 45px; }
 .content-preview .hero h1,.content-preview.theme-ember .hero h1,.content-preview.theme-emerald .hero h1 { font-size:clamp(32px,8.25vw,52px); line-height:1.12; letter-spacing:-.045em; }
 .content-preview .hero-eyebrow { font-size:12px; margin-bottom:24px; }
 .content-preview.theme-emerald .hero-eyebrow { margin:0; }
 .content-preview .hero-lead { font-size:20px; }
 .content-preview .hero-lead strong,.content-preview.theme-emerald .hero-lead strong { font-size:24px; }
 .content-preview .hero-actions { width:100%; }
 .content-preview .hero-actions .button { width:100%; font-size:17px; padding:17px 18px; gap:12px; }
 .content-preview .hero-photo figcaption { padding:24px; }
 .content-preview.theme-emerald .hero-photo { grid-template-rows:330px auto; }
 .content-preview .hero-photo figcaption strong { font-size:32px; }
 .audience-bar { grid-template-columns:1fr; gap:15px; padding-block:27px; margin-top:32px; font-size:18px; }
 .audience-bar > strong { font-size:24px; }
 .content-preview .section { padding-block:65px; }
 .content-preview .section-head h2,.content-preview #format .section-head h2 { font-size:35px; line-height:1.15; overflow-wrap:anywhere; }
 .content-preview .section-head > p { font-size:20px; }
 .content-preview .kicker { gap:17px; }
 .content-number { font-size:54px; }
 .content-situation,.content-preview.theme-emerald .content-situation { grid-template-columns:1fr; padding:30px 0; gap:20px; }
 .content-preview.theme-emerald .content-situation { padding:26px 22px; }
 .content-situation h3 { font-size:29px; }
 .content-situation p { font-size:19px; }
 .content-answer { grid-column:1; padding-left:20px; }
 .content-preview.theme-ember .content-answer { padding:23px 20px; }
 .content-results { grid-template-columns:1fr; gap:35px; }
 .content-results article { display:grid; grid-template-columns:60px 1fr; gap:12px 22px; }
 .content-results .content-number { grid-row:1 / 3; }
 .content-results h3 { margin:0; font-size:27px; }
 .content-results p { grid-column:2; }
 .content-aside { font-size:17px; }
 .content-format-facts { grid-template-columns:1fr; gap:25px; padding:28px; }
 .content-format-facts strong { font-size:39px; }
 .content-format-body { padding:28px 22px; }
 .content-format-body h3 { font-size:30px; }
 .content-format-body p { font-size:19px; }
 .content-preview .content-format .button { font-size:16px; gap:12px; padding:17px; width:100%; }
 .content-roles { grid-template-columns:1fr; gap:28px; margin-top:30px; }
 .content-partner-intro { font-size:25px; }
 .content-steps { grid-template-columns:1fr; gap:28px; }
 .content-steps article { border-top:1px solid var(--line); padding-top:25px; }
 .content-steps h3 { font-size:29px; }
 .content-steps p { font-size:19px; }
 .content-next { grid-template-columns:1fr; padding:27px 23px; gap:20px; }
 .content-next h3 { font-size:29px; }
 .content-fit h2 { font-size:33px; }
 .content-preview .cta-grid h2 { font-size:36px; }
 .content-controls { bottom:8px; padding:9px; gap:7px 15px; display:grid; grid-template-columns:auto auto; border-radius:12px; max-width:calc(100% - 16px); }
 .content-controls .content-all { grid-column:1 / -1; justify-content:center; padding:3px 10px 7px; border-bottom:1px solid #485363; border-radius:0; }
 .content-controls > div { gap:3px; }
 .content-controls > div > span { margin-right:3px; font-size:13px; }
 .content-controls a { padding:9px; font-size:14px; gap:4px; }
 .content-controls .design-dot { display:none; }
 .content-gallery .gallery-intro h1 { font-size:35px; }
 .content-gallery .gallery-header > a:last-child { font-size:13px; max-width:110px; text-align:right; }
 .content-gallery-heading { align-items:flex-start; gap:18px; }
 .content-gallery-heading h2 { font-size:29px; }
 .content-gallery-heading > span { font-size:52px; }
 .content-jump { display:grid; }
}
@media (max-width:360px) {
 .content-preview .hero h1,.content-preview.theme-ember .hero h1,.content-preview.theme-emerald .hero h1 { font-size:29px; }
 .content-preview .hero-eyebrow { font-size:12px; line-height:1.5; }
 .content-preview .section-head h2,.content-preview #format .section-head h2 { font-size:31px; }
 .content-preview .brand small { font-size:11px; max-width:185px; }
 .content-preview .hero-actions .button { font-size:16px; }
 .content-preview .hero-photo figcaption strong { font-size:29px; }
 .content-controls { gap:7px; }
 .content-controls a { padding-inline:5px; }
 .content-results article { grid-template-columns:45px 1fr; gap:12px 17px; }
 .content-results h3 { font-size:25px; }
}
