/* Reuse the immutable Home stylesheet, including navigation, previews and tokens.
   Only secondary routes load this file; all additions stay inside cm-public-unified. */
@import url("/assets-graphic/home/home.css?v=20261017-yellow-bio");

.cm-public-unified {
 --cm-page:#0d0e12;
 --cm-panel:#181a20;
 --cm-panel-raised:#22252e;
 --cm-brand:#1abaff;
 --cm-link:#58ccff;
 --cm-focus:#8bdcff;
 --cm-line:hsl(225 12% 23%);
 --cm-ink:#f5f5f8;
 --cm-secondary:#bdbdc9;
 --cm-width:1248px;
 --cm-ease:cubic-bezier(.23,1,.32,1);
 --cm-ease-in-out:cubic-bezier(.77,0,.175,1);
 background:var(--cm-page);
}
.cm-public-unified :is(.cm-features-page,.cm-feature-detail,.cm-pricing-page,.cm-blog-page) {
 background:#0b0d10;
 color:var(--cm-ink);
 overflow:clip;
}
.cm-public-unified main [hidden] {display:none!important}
.cm-public-unified .cm-navbar-brand-label {color:#00baff}
.cm-public-unified .cm-public-nav {color:hsl(var(--foreground))}
.cm-public-unified .cm-public-nav a[aria-current="page"] {color:inherit}
.cm-public-unified .cm-container {width:calc(100% - 64px);max-width:1248px;margin-inline:auto}
.cm-public-unified .cm-editorial-tone-telegram {--cm-editorial-accent:#3b82f6;--cm-editorial-text:#60a5fa;--cm-editorial-surface:#082d3a}
.cm-public-unified .cm-editorial-tone-studio {--cm-editorial-accent:#6366f1;--cm-editorial-text:#a5b4fc;--cm-editorial-surface:#171a32}
.cm-public-unified .cm-editorial-tone-creatorhub {--cm-editorial-accent:#a855f7;--cm-editorial-text:#c084fc;--cm-editorial-surface:#281e42}
.cm-public-unified .cm-editorial-tone-bio {--cm-editorial-accent:#fde047;--cm-editorial-text:#fde047;--cm-editorial-surface:#192334}
.cm-public-unified .cm-editorial-tone-viewinapp {--cm-editorial-accent:#ef4444;--cm-editorial-text:#f87171;--cm-editorial-surface:#371923}
.cm-public-unified .cm-editorial-tone-vault {--cm-editorial-accent:#22c55e;--cm-editorial-text:#4ade80;--cm-editorial-surface:#11291f}
.cm-public-unified .cm-editorial-tone-widget {--cm-editorial-accent:#ec4899;--cm-editorial-text:#f472b6;--cm-editorial-surface:#28162c}
.cm-public-unified .cm-editorial-hero {
 --cm-editorial-accent:#00baff;
 position:relative;
 isolation:isolate;
 display:block;
 overflow:clip;
 padding:clamp(104px,14svh,156px) 0 64px;
 background:#0d0e12;
 border:0;
 min-height:0;
}
.cm-public-unified .cm-editorial-hero::before,.cm-public-unified .cm-editorial-hero::after {content:none}
.cm-public-unified .cm-editorial-hero-inner {
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 align-items:center;
 gap:clamp(24px,3vw,48px);
 width:calc(100% - 64px);
 max-width:1248px;
 min-height:540px;
 margin:auto;
 padding-block:24px;
}
.cm-public-unified .cm-editorial-hero-copy {min-width:0;padding-bottom:24px}
.cm-public-unified .cm-editorial-hero h1 {
 margin:0;
 max-width:14ch;
 color:#f5f5f8;
 font:700 clamp(38px,min(5vw,8svh),76px)/1.035 Inter,sans-serif;
 letter-spacing:-.04em;
 text-wrap:balance;
}
.cm-public-unified .cm-editorial-hero h1 span,.cm-public-unified .cm-editorial-hero h1 strong {display:block}
.cm-public-unified .cm-editorial-hero h1 strong {font-weight:inherit;color:#00baff}
.cm-public-unified .cm-editorial-lead {max-width:50ch;margin:30px 0 0;color:#bdbdc9;font:400 18px/1.7 Inter,sans-serif}
.cm-public-unified .cm-editorial-hero .cm-actions {margin-top:32px}
.cm-public-unified .cm-editorial-eyebrow,.cm-public-unified .cm-editorial-back {
 display:inline-flex;align-items:center;gap:12px;
 margin:0 0 26px;color:var(--cm-editorial-text,#68cfff);
 font:600 12px/1.5 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;
}
.cm-public-unified .cm-editorial-back {min-height:44px;text-transform:none;letter-spacing:0;font-size:14px}
.cm-public-unified .cm-editorial-back i {font-size:0}
.cm-public-unified .cm-editorial-hero-visual {position:relative;min-width:0;padding:24px 0}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase {padding:24px 0 40px;margin:0}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase-shell {transform:none;background:#15171e;border-color:#334857}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-window-bar {background:#22252e}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-preview-panels {height:320px;min-height:320px}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-header {padding:10px 12px}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-avatar {width:30px;height:30px;font-size:17px}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-transcript {min-height:252px;gap:7px;padding:10px 12px;overflow:visible}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-command {padding:7px 10px;font-size:11px}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-answer {max-width:96%;font-size:10px;line-height:1.38}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-answer>div:first-child {padding:8px 10px}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-options span {padding:7px 4px;font-size:9px}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-success {max-width:96%;padding:8px 10px;font-size:10px;line-height:1.3}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-showcase .cm-chat-success small {font-size:9px;line-height:1.35}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-preview-note {display:none}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-floating-message {left:-24px;bottom:24px;background:#082d3a;border-color:#008bc4}
.cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-floating-platforms {right:24px}
.cm-public-unified .cm-editorial-hero-visual>.cm-demo-ui {
 padding:28px;border:1px solid #334857;border-radius:16px;background:#15171e;
 box-shadow:0 36px 72px #02060d8c;
}
.cm-public-unified .cm-editorial-dashboard {overflow:hidden;border:1px solid #6366f159;border-radius:16px;background:#171a32;box-shadow:0 36px 72px #02060d8c}
.cm-public-unified .cm-editorial-dashboard>.cm-demo-ui {padding:28px}
.cm-public-unified .cm-editorial-field-base {
 position:absolute;z-index:-1;width:130%;height:530px;top:-230px;left:-15%;transform:rotate(-12deg);
 background:linear-gradient(110deg,#10131c 8%,#123a6b 45%,#007fff 75%,#00baff);
}
.cm-public-unified .cm-editorial-hero .cm-azure-field::before,.cm-public-unified .cm-editorial-close .cm-azure-field::before {content:none}
.cm-public-unified .cm-editorial-arrow {display:inline-block;position:relative;flex:none;width:24px;height:2px;background:currentColor;transition:transform 180ms var(--cm-ease)}
.cm-public-unified .cm-editorial-arrow::after {content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:translateY(-50%) rotate(45deg)}
.cm-public-unified a:hover .cm-editorial-arrow {transform:translateX(5px)}
.cm-public-unified .cm-product-index {border-block:1px solid var(--cm-line);background:#15171e}
.cm-public-unified .cm-product-index>.cm-container {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding-block:28px}
.cm-public-unified .cm-product-index a {min-height:32px;display:inline-flex;align-items:center;color:var(--cm-editorial-text);font-size:13px}
.cm-public-unified .cm-product-index a:hover {text-decoration:underline;text-underline-offset:6px}
.cm-public-unified .cm-product-chapter {position:relative;padding-block:clamp(90px,11vw,160px);background:#0b0d10}
.cm-public-unified .cm-product-chapter-inner {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,86px)}
.cm-public-unified .cm-product-chapter-copy {min-width:0;position:relative;z-index:2}
.cm-public-unified .cm-product-chapter h2 {
 max-width:16ch;margin:0 0 28px;
 font:600 clamp(40px,5.4vw,78px)/1.06 Outfit,sans-serif;letter-spacing:-.04em;color:#f3f8fa;
}
.cm-public-unified .cm-product-chapter-lead {max-width:38ch;font:400 clamp(20px,2.1vw,28px)/1.5 Outfit,sans-serif;color:#b2c5d6}
.cm-public-unified .cm-product-chapter-note {max-width:48ch;margin-top:22px;font:400 16px/1.7 Outfit,sans-serif;color:#b2c5d6}
.cm-public-unified .cm-editorial-product-link {display:inline-flex;align-items:center;gap:32px;min-height:52px;margin-top:32px;padding:13px 22px;border-radius:6px;border:1px solid var(--cm-editorial-accent);background:var(--cm-editorial-surface);color:var(--cm-editorial-text);font:600 15px/1.4 Outfit,sans-serif}
.cm-public-unified .cm-editorial-product-link:hover {border-color:var(--cm-editorial-text);transform:translateY(-2px)}
.cm-public-unified .cm-product-chapter-visual {position:relative;min-width:0;perspective:1400px}
.cm-public-unified .cm-product-frame {
 position:relative;z-index:1;overflow:hidden;
 background:var(--cm-editorial-surface);color:#f3f8fa;border:1px solid color-mix(in srgb,var(--cm-editorial-accent) 35%,#334857);border-radius:16px;
 box-shadow:0 36px 72px #02060d8c;
 transform:rotateX(var(--cm-tilt-x,0deg)) rotateY(var(--cm-tilt-y,0deg)) translateY(var(--cm-scroll-y,0px));
 transition:transform 250ms var(--cm-ease);
}
.cm-public-unified .cm-product-frame-bar {display:flex;gap:12px;align-items:center;padding:18px 24px;border-bottom:1px solid #ffffff14;font:400 13px/1.4 Outfit,sans-serif;color:#b2c5d6}
.cm-public-unified .cm-product-frame-bar span:first-of-type {font-weight:600;color:var(--cm-editorial-text)}
.cm-public-unified .cm-product-frame-bar span:last-child {margin-left:auto}
.cm-public-unified .cm-product-frame>.cm-demo-ui {padding:28px}
.cm-public-unified .cm-product-chapter-shape {position:absolute;inset:14% -8% -6% 18%;border-radius:24px;background:var(--cm-editorial-accent);opacity:.16;transform:rotate(-8deg)}
.cm-public-unified .cm-product-chapter.cm-editorial-tone-studio .cm-product-chapter-inner,.cm-public-unified .cm-product-chapter.cm-editorial-tone-vault .cm-product-chapter-inner {grid-template-columns:1fr}
.cm-public-unified :is(.cm-editorial-tone-studio,.cm-editorial-tone-vault) .cm-product-chapter-copy {display:grid;grid-template-columns:1.2fr 1fr;gap:0 8%}
.cm-public-unified :is(.cm-editorial-tone-studio,.cm-editorial-tone-vault) .cm-product-chapter-copy .cm-editorial-eyebrow {grid-column:1/-1}
.cm-public-unified :is(.cm-editorial-tone-studio,.cm-editorial-tone-vault) .cm-product-chapter-copy h2 {grid-column:1;grid-row:2/5;align-self:center}
.cm-public-unified :is(.cm-editorial-tone-studio,.cm-editorial-tone-vault) .cm-product-chapter-copy .cm-editorial-product-link {justify-self:start}
.cm-public-unified .cm-editorial-tone-studio .cm-product-chapter-visual,.cm-public-unified .cm-editorial-tone-vault .cm-product-chapter-visual {width:90%;margin-inline:auto}
.cm-public-unified .cm-editorial-tone-creatorhub .cm-product-chapter-inner {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.cm-public-unified .cm-editorial-tone-creatorhub .cm-product-chapter-copy {grid-column:2;grid-row:1}
.cm-public-unified .cm-editorial-tone-creatorhub .cm-product-chapter-visual {grid-column:1;grid-row:1}
.cm-public-unified .cm-product-chapter.cm-editorial-tone-bio {background:#d9ebf0;color:#0b253b}
.cm-public-unified .cm-editorial-tone-bio :is(.cm-product-chapter h2,.cm-product-chapter-copy h2) {color:#0b253b}
.cm-public-unified .cm-editorial-tone-bio .cm-product-chapter-lead,.cm-public-unified .cm-editorial-tone-bio .cm-product-chapter-note {color:#26495e}
.cm-public-unified .cm-product-chapter.cm-editorial-tone-bio .cm-editorial-eyebrow {color:#0b253b}
.cm-public-unified .cm-editorial-tone-bio .cm-product-frame {max-width:360px;margin:auto;background:#192334;--cm-ink:#f3f8fa}
.cm-public-unified .cm-editorial-tone-bio .cm-product-chapter-shape {inset:5% 10%;opacity:1;background:#fde047;transform:rotate(8deg)}
.cm-public-unified .cm-editorial-tone-widget .cm-product-chapter-visual {padding:36px;border:1px solid #ec489930;border-radius:18px;background:#15171e}
.cm-public-unified .cm-editorial-tone-widget .cm-product-chapter-shape {display:none}
.cm-public-unified .cm-demo-ui {min-width:0}
.cm-public-unified .cm-chat-transcript {min-height:260px}
.cm-public-unified .cm-chat-header {background:#22252e}
.cm-public-unified .cm-chat-demo {background:#15171e}
.cm-public-unified .cm-chat-answer>div:first-child {background:#22252e}
.cm-public-unified .cm-product-frame .cm-demo-bio {max-width:300px;margin:auto}
.cm-public-unified .cm-product-frame .cm-demo-bio :is(.font-semibold,.text-xs) {color:#f3f8fa}
.cm-public-unified .cm-editorial-chart {display:block;width:calc(100% - 56px);margin:0 28px 28px;overflow:visible;background:repeating-linear-gradient(to bottom,transparent 0,transparent 65px,#ffffff14 66px)}
.cm-public-unified .cm-editorial-chart-area {fill:#818cf833}
.cm-public-unified .cm-editorial-chart-line {fill:none;stroke:#a5b4fc;stroke-width:4;vector-effect:non-scaling-stroke;stroke-dasharray:900;stroke-dashoffset:0}
.cm-public-unified .cm-product-frame .cm-demo-widget {padding:6px}
.cm-public-unified .cm-product-frame .cm-rank-row {padding-block:22px}
.cm-public-unified .cm-feature-detail {--cm-detail-accent:#3b82f6;--cm-detail-text:#60a5fa;--cm-detail-surface:#082d3a}
.cm-public-unified .cm-feature-detail--studio {--cm-detail-accent:#6366f1;--cm-detail-text:#a5b4fc;--cm-detail-surface:#171a32}
.cm-public-unified .cm-feature-detail--hub {--cm-detail-accent:#a855f7;--cm-detail-text:#c084fc;--cm-detail-surface:#281e42}
.cm-public-unified .cm-feature-detail--bio {--cm-detail-accent:#fde047;--cm-detail-text:#fde047;--cm-detail-surface:#192334}
.cm-public-unified .cm-feature-detail--viewinapp {--cm-detail-accent:#ef4444;--cm-detail-text:#f87171;--cm-detail-surface:#371923}
.cm-public-unified .cm-feature-detail--vault {--cm-detail-accent:#22c55e;--cm-detail-text:#4ade80;--cm-detail-surface:#11291f}
.cm-public-unified .cm-feature-detail--widget {--cm-detail-accent:#ec4899;--cm-detail-text:#f472b6;--cm-detail-surface:#28162c}
.cm-public-unified .cm-detail-stories {max-width:none;margin:0;padding:0}
.cm-public-unified .cm-detail-stories>div {width:calc(100% - 64px);max-width:1248px;margin:0 auto;padding-block:clamp(80px,10vw,144px);gap:clamp(40px,7vw,100px);border:0}
.cm-public-unified .cm-detail-stories>div+div {border-top:1px solid #ffffff14}
.cm-public-unified .cm-detail-stories>div>div:first-child {min-width:0}
.cm-public-unified .cm-detail-stories>div>div:first-child>div:first-child {align-items:flex-start}
.cm-public-unified .cm-detail-stories>div h2 {font:600 clamp(32px,4vw,58px)/1.08 Outfit,sans-serif;letter-spacing:-.04em;color:#f3f8fa}
.cm-public-unified .cm-detail-stories>div>div:first-child p {font-family:Outfit,sans-serif;font-size:20px;line-height:1.5;color:#b2c5d6}
.cm-public-unified .cm-detail-stories>div>div:first-child p.text-lg {color:var(--cm-detail-text);font-size:23px}
.cm-public-unified .cm-detail-stories>div>.max-w-md {max-width:600px;padding:28px;border-radius:16px;background:var(--cm-detail-surface);border:1px solid color-mix(in srgb,var(--cm-detail-accent) 35%,#334857);box-shadow:0 36px 72px #02060d8c}
.cm-public-unified .cm-feature-detail>section:not(.cm-editorial-hero):not(.cm-detail-stories):not(.cm-editorial-close) {padding-block:90px;background:#15171e}
.cm-public-unified .cm-feature-detail>section:not(.cm-editorial-hero):not(.cm-detail-stories):not(.cm-editorial-close) .grid>div {background:transparent;border:0;border-top:1px solid var(--cm-line);border-radius:0;box-shadow:none}
.cm-public-unified .cm-feature-detail>section:not(.cm-editorial-hero):not(.cm-detail-stories):not(.cm-editorial-close) .grid>div>div {padding:24px 0}
.cm-public-unified .cm-editorial-close {position:relative;isolation:isolate;overflow:clip;padding:clamp(100px,12vw,180px) 0;background:#0d0e12}
.cm-public-unified .cm-editorial-close .cm-container {position:relative;text-align:center}
.cm-public-unified .cm-editorial-close h2 {max-width:19ch;margin:auto;color:#f3f8fa;font:600 clamp(40px,6vw,88px)/1.06 Outfit,sans-serif;letter-spacing:-.04em}
.cm-public-unified .cm-editorial-close p {max-width:52ch;margin:28px auto;color:#b2c5d6;font:400 20px/1.6 Outfit,sans-serif}
.cm-public-unified .cm-editorial-close .cm-actions {justify-content:center}
.cm-public-unified .cm-pricing-intro {position:relative;isolation:isolate;overflow:clip}
.cm-public-unified .cm-pricing-background {position:absolute;inset:0;z-index:-1;pointer-events:none}
.cm-public-unified .cm-pricing-background>.cm-azure-field {position:sticky;top:0;width:100%;height:100svh;min-height:700px}
.cm-public-unified .cm-pricing-background .cm-azure-field::before {content:none}
.cm-public-unified .cm-pricing-intro>.cm-editorial-hero,.cm-public-unified .cm-pricing-intro>#pricing {background:transparent}
.cm-public-unified .cm-pricing-hero {padding-bottom:24px}
.cm-public-unified .cm-pricing-hero .cm-editorial-hero-inner {min-height:420px}
.cm-public-unified .cm-pricing-page #pricing {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px 32px;max-width:1248px;width:calc(100% - 64px);margin:auto;padding-block:32px 100px;background:transparent!important}
.cm-public-unified .cm-plan-selection-heading h2 {max-width:25ch;margin:0;color:#f3f8fa;font:600 clamp(30px,3.2vw,44px)/1.1 Outfit,sans-serif;letter-spacing:-.04em}
.cm-public-unified .cm-pricing-page #pricing>.cm-plan-billing {display:grid;grid-template-columns:auto 44px auto;align-items:center;gap:14px;width:fit-content;margin:0;padding:14px 18px;border:1px solid #334857;border-radius:12px;background:#15171e;box-shadow:0 18px 40px #0003}
.cm-public-unified .cm-plan-billing #monthlyLabel,.cm-public-unified .cm-plan-billing #yearlyLabel {margin:0;float:none;font-size:14px;line-height:24px}
.cm-public-unified .cm-plan-billing>div:last-child {display:flex;align-items:center;gap:10px}
.cm-public-unified .cm-plan-billing>div:last-child>span:last-child {margin:0;padding:3px 8px;font:600 11px/1.5 Inter,sans-serif;color:#68cfff;background:#123a5533}
.cm-public-unified .cm-pricing-page #pricing>.cm-plan-grid-wrap {grid-column:1/-1;max-width:none;width:100%;padding:0}
.cm-public-unified .cm-pricing-page #pricing .cm-plan-grid {gap:20px;align-items:stretch}
.cm-public-unified .cm-pricing-page .cm-plan-card {background:#15171e!important;border:1px solid #334857;border-radius:16px!important;box-shadow:0 18px 40px #0003;backdrop-filter:none;transition:border-color .3s,transform .3s var(--cm-ease),box-shadow .3s;overflow:hidden;padding-top:0}
.cm-public-unified .cm-pricing-page .cm-plan-popular {background:linear-gradient(155deg,#163047,#111b28)!important;border-color:#68cfff}
.cm-public-unified .cm-pricing-page .cm-plan-card:hover {border-color:#68cfff;transform:translateY(-4px);box-shadow:0 24px 48px #0005}
.cm-public-unified .cm-pricing-page .cm-plan-card>.text-center {text-align:left;padding:32px 26px 24px}
.cm-public-unified .cm-pricing-page .cm-plan-card .flex.items-baseline {justify-content:flex-start}
.cm-public-unified .cm-pricing-page .cm-plan-card h3 {margin:0 0 12px;font:600 27px/1.2 Outfit,sans-serif;letter-spacing:-.03em;color:#f3f8fa}
.cm-public-unified .cm-pricing-page .cm-plan-card>.absolute {top:33px;right:24px;left:auto;transform:none}
.cm-public-unified .cm-pricing-page .cm-plan-popular>.absolute>div {background:#123a55;color:#68cfff;padding:4px 8px;border:1px solid #75cfff30;border-radius:6px;font:600 10px/1.5 Inter,sans-serif}
.cm-public-unified .cm-pricing-page .cm-plan-popular>.absolute i {display:none}
.cm-public-unified .cm-pricing-page .cm-plan-card>.text-center>p {min-height:48px;margin:0 0 24px;font-size:14px;line-height:1.6;color:#b2c5d6}
.cm-public-unified .cm-pricing-page .cm-plan-card>.text-center>.flex {margin-bottom:18px;gap:4px;flex-wrap:wrap}
.cm-public-unified .cm-pricing-page .cm-plan-card>.text-center>.flex>br {display:none}
.cm-public-unified .cm-pricing-page .cm-plan-card .monthly-price,.cm-public-unified .cm-pricing-page .cm-plan-card .yearly-price {font:700 clamp(36px,3.3vw,48px)/1.1 Inter,sans-serif;letter-spacing:-.05em;color:#f3f8fa}
.cm-public-unified .cm-pricing-page .cm-plan-card>.text-center>.flex>.text-foreground\/60 {font-size:13px;line-height:1.5;color:#b2c5d6;margin-left:3px}
.cm-public-unified .cm-pricing-page .cm-plan-card>.text-center>.text-xs {margin-bottom:24px;font-size:11px;color:#b2c5d6}
.cm-public-unified .cm-pricing-page .cm-plan-card :is(button[type=submit],a) {min-height:48px;height:auto;margin-bottom:0;padding:12px;border:1px solid #334857;border-radius:8px;background:#22252e;color:#f3f8fa;font:600 14px/1.5 Inter,sans-serif;box-shadow:none}
.cm-public-unified .cm-pricing-page .cm-plan-card :is(button[type=submit],a):hover {border-color:#68cfff;background:#181a20;color:#68cfff}
.cm-public-unified .cm-pricing-page .cm-plan-popular :is(button[type=submit],a) {border-color:#00baff;background:#00baff;color:#07151e}
.cm-public-unified .cm-pricing-page .cm-plan-popular :is(button[type=submit],a):hover {border-color:#68cfff;background:#68cfff;color:#07151e}
.cm-public-unified .cm-pricing-page .cm-plan-card>.space-y-4 {border-top:1px solid #ffffff14;margin-inline:26px;padding:24px 0 30px}
.cm-public-unified .cm-pricing-page .cm-plan-card>.space-y-4>div {min-height:28px;gap:10px;align-items:flex-start}
.cm-public-unified .cm-pricing-page .cm-plan-card>.space-y-4>div+div {margin-top:12px}
.cm-public-unified .cm-pricing-page .cm-plan-card>.space-y-4 svg {width:16px;height:16px;margin-top:3px;color:#68cfff;stroke-width:2.5}
.cm-public-unified .cm-pricing-page .cm-plan-card .text-foreground\/80 {font-size:14px;line-height:1.6;color:#b2c5d6}
.cm-public-unified .cm-pricing-page #comparison {background:#0b0d10;padding-block:100px}
.cm-public-unified .cm-pricing-page #comparison>div {max-width:1248px;padding:0;width:calc(100% - 64px)}
.cm-public-unified .cm-pricing-page #comparison .text-center.mb-12 {text-align:left;margin-bottom:44px;max-width:780px}
.cm-public-unified .cm-pricing-page #comparison h2,.cm-public-unified .cm-pricing-faq-section h2 {font:600 clamp(36px,4.4vw,64px)/1.06 Outfit,sans-serif;letter-spacing:-.04em}
.cm-public-unified .cm-pricing-page #comparison table {border-radius:0;background:#15171e;border:0;backdrop-filter:none;min-width:700px;table-layout:fixed}
.cm-public-unified .cm-pricing-page #comparison th {height:80px;background:#22252e;border-bottom:1px solid #334857;border-top:0;color:#f3f8fa;font:600 24px/1.4 Outfit,sans-serif}
.cm-public-unified .cm-pricing-page #comparison th:first-child {width:38%;text-align:left}
.cm-public-unified .cm-pricing-page #comparison td {padding:20px 16px;line-height:1.6;color:#b2c5d6;border-bottom:1px solid #ffffff14}
.cm-public-unified .cm-pricing-page #comparison tr:has(td[colspan]) {background:#22252e}
.cm-public-unified .cm-pricing-page #comparison td[colspan] {padding-block:18px}
.cm-public-unified .cm-pricing-page #comparison td[colspan] span {color:#68cfff;letter-spacing:.12em}
.cm-public-unified .cm-pricing-page #comparison td:nth-child(4),.cm-public-unified .cm-pricing-page #comparison th:nth-child(4) {background:#123a5533;color:#68cfff}
.cm-public-unified .cm-pricing-page #comparison tbody tr:not(:has(td[colspan])):hover {background:#ffffff05}
.cm-public-unified .cm-pricing-page #comparison .text-green-500 {color:#4ade80}
.cm-public-unified .cm-pricing-page #comparison .text-red-500 {color:#f87171}
.cm-public-unified .cm-comparison-feature {max-width:100%}
.cm-public-unified .cm-comparison-feature-name {overflow-wrap:anywhere}
.cm-public-unified .cm-comparison-scroll {max-height:75svh;overflow:auto;border:1px solid #334857;border-radius:16px;background:#15171e;scrollbar-color:#537996 #15171e}
.cm-public-unified .cm-comparison-scroll thead {position:sticky;top:0;z-index:3}
.cm-public-unified .cm-pricing-faq-section {background:#0b0d10;padding-block:90px}
.cm-public-unified .cm-pricing-faq-section>div {max-width:1000px}
.cm-public-unified .cm-pricing-faq-section>.absolute {display:none}
.cm-public-unified .cm-pricing-faq {border-top:1px solid #ffffff26}
.cm-public-unified .cm-pricing-faq-item {border:0;border-bottom:1px solid #ffffff26;background:transparent;border-radius:0;padding:0}
.cm-public-unified .cm-pricing-faq-item summary {display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding-block:28px;list-style:none;cursor:pointer;font:600 clamp(20px,2.2vw,28px)/1.35 Outfit,sans-serif}
.cm-public-unified .cm-pricing-faq-item summary::-webkit-details-marker {display:none}
.cm-public-unified .cm-faq-indicator {position:relative;display:block;width:20px;height:20px;flex:none;color:#68cfff}
.cm-public-unified .cm-faq-indicator::before,.cm-public-unified .cm-faq-indicator::after {content:"";position:absolute;top:9px;left:0;width:20px;height:2px;background:currentColor;transition:transform 200ms var(--cm-ease)}
.cm-public-unified .cm-faq-indicator::after {transform:rotate(90deg)}
.cm-public-unified .cm-pricing-faq-item[open] .cm-faq-indicator::after {transform:rotate(0)}
.cm-public-unified .cm-pricing-faq-item p {max-width:65ch;padding-bottom:32px;color:#b2c5d6;font:400 18px/1.7 Outfit,sans-serif}
.cm-public-unified .cm-pricing-custom {display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:90px;border-top:1px solid #ffffff26}
.cm-public-unified .cm-pricing-custom h3 {font:600 clamp(32px,4vw,58px)/1.08 Outfit,sans-serif;letter-spacing:-.04em;color:#f3f8fa}
.cm-public-unified .cm-pricing-custom p {font:400 20px/1.6 Outfit,sans-serif;color:#b2c5d6;margin-bottom:24px}
.cm-public-unified .cm-pricing-page #reviews {padding:90px 0;background:#0b0d10;border-block:1px solid #6dcfff18;font-family:Outfit,sans-serif}
.cm-public-unified .cm-pricing-page #reviews .review-card {background:linear-gradient(145deg,#14212c,#10151c);border:1px solid #75cfff30;border-radius:18px;padding:30px;box-shadow:0 18px 40px #0003}
.cm-public-unified .cm-pricing-page #reviews .review-card p {font-size:16px;line-height:1.65;color:#d8e6ef}
.cm-public-unified .cm-blog-page .blog-index-hero .cm-editorial-hero-inner {min-height:590px}
.cm-public-unified .cm-blog-page .blog-index-hero {background:#0d0e12!important;padding-top:clamp(104px,14svh,156px)!important}
.cm-public-unified .cm-blog-page .blog-index-hero h1 {font:700 clamp(38px,min(5vw,8svh),76px)/1.035 Inter,sans-serif!important;letter-spacing:-.04em}
.cm-public-unified .cm-blog-page .blog-index-hero p {color:#bdbdc9!important}
.cm-public-unified .cm-blog-page .blog-search-panel {margin-top:32px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none}
.cm-public-unified .cm-blog-page .blog-search-panel::before {content:none}
.cm-public-unified .cm-blog-page .blog-search-form {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.cm-public-unified .cm-blog-page .blog-search-label {grid-column:1/-1;color:#bdbdc9!important;font-size:12px;font-weight:600}
.cm-public-unified .cm-blog-page .blog-search-control {min-height:48px;background:#15171e;border:1px solid #334857;border-radius:8px;padding:0 14px;color:#bdbdc9!important}
.cm-public-unified .cm-blog-page .blog-search-control input {color:#f5f5f8!important;font:400 15px/1.5 Inter,sans-serif}
.cm-public-unified .cm-blog-page .blog-search-control input::placeholder {color:#bdbdc9}
.cm-public-unified .cm-blog-page .blog-search-control:focus-within {border-color:#68cfff;box-shadow:none}
.cm-public-unified .cm-blog-page .blog-search-button {min-height:48px;min-width:90px;background:#00baff;color:#07151e;border-radius:8px;box-shadow:none;font:600 14px/1.5 Inter,sans-serif}
.cm-public-unified .cm-blog-page .blog-topic-chip {border:0;background:transparent;color:#bdbdc9;padding:4px 0;text-decoration:underline;text-underline-offset:5px}
.cm-public-unified .cm-blog-page .blog-topic-chip:hover {color:#68cfff}
.cm-public-unified .cm-blog-page .blog-card {
 display:block;position:relative;background:#15171e!important;color:#f3f8fa;
 border:1px solid #334857!important;border-radius:16px!important;box-shadow:none;overflow:hidden;
 transition:border-color .3s,transform .3s var(--cm-ease);
}
.cm-public-unified .cm-blog-page .blog-card:hover {border-color:#68cfff;transform:translateY(-5px);box-shadow:none}
.cm-public-unified .cm-blog-page .blog-card-media {position:relative;overflow:hidden;aspect-ratio:16/10;background:#22252e}
.cm-public-unified .cm-blog-page .blog-card-media img {height:100%;width:100%;object-fit:cover;transition:transform 600ms var(--cm-ease)}
.cm-public-unified .cm-blog-page .blog-card:hover .blog-card-media img {transform:scale(1.035)}
.cm-public-unified .cm-blog-page .blog-card-content {padding:28px}
.cm-public-unified .cm-blog-page .blog-card-meta {display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;color:#b2c5d6;font:400 12px/1.5 Outfit,sans-serif}
.cm-public-unified .cm-blog-page .blog-card-category {color:#68cfff}
.cm-public-unified .cm-blog-page .blog-card h2 {margin-top:20px;color:#f3f8fa;font:600 clamp(24px,2.3vw,36px)/1.1 Outfit,sans-serif;letter-spacing:-.04em}
.cm-public-unified .cm-blog-page .blog-card p {margin-top:18px;font:400 17px/1.6 Outfit,sans-serif;color:#b2c5d6}
.cm-public-unified .cm-blog-page .blog-card :is(p,span) {color:#b2c5d6}
.cm-public-unified .cm-blog-page .blog-card .blog-card-category {color:#68cfff}
.cm-public-unified .cm-blog-page .blog-index-hero .blog-card p {color:#b2c5d6!important}
.cm-public-unified .cm-blog-page .blog-card-arrow {position:absolute;right:24px;top:24px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff26;border-radius:50%;background:#15171e}
.cm-public-unified .cm-blog-page .blog-card-arrow .cm-editorial-arrow {width:18px;transform:rotate(-35deg)}
.cm-public-unified .cm-blog-page .blog-card:hover .blog-card-arrow .cm-editorial-arrow {transform:rotate(-35deg) translateX(3px)}
.cm-public-unified .cm-blog-hero-article {transform:rotate(2deg)}
.cm-public-unified .cm-blog-hero-article .blog-card-media {aspect-ratio:16/10}
.cm-public-unified .cm-blog-hero-article .blog-card h2 {font-size:32px}
.cm-public-unified .cm-blog-posts {padding-block:100px;background:#0b0d10;color:#f3f8fa}
.cm-public-unified .cm-blog-posts>.cm-container>.blog-results-header h2 {font:600 clamp(38px,5.4vw,70px)/1.06 Outfit,sans-serif;letter-spacing:-.04em}
.cm-public-unified .cm-blog-editorial-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:44px}
.cm-public-unified .cm-blog-editorial-grid .blog-card:nth-child(n+3) {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);border-radius:0!important;border:0!important;border-top:1px solid #ffffff26!important;background:transparent!important}
.cm-public-unified .cm-blog-editorial-grid .blog-card:nth-child(n+3) .blog-card-media {aspect-ratio:1}
.cm-public-unified .cm-blog-editorial-grid .blog-card:nth-child(n+3) .blog-card-content {padding:24px}
.cm-public-unified .cm-blog-editorial-grid .blog-card:nth-child(n+3) h2 {font-size:24px}
.cm-public-unified .cm-blog-editorial-grid .blog-card:nth-child(n+3) .blog-card-arrow {display:none}
.cm-public-unified .cm-editorial-cover {overflow:hidden;border:1px solid #334857;border-radius:16px;background:#15171e}
.cm-public-unified .cm-editorial-cover img {display:block;width:100%;min-height:320px;object-fit:cover}
.cm-public-unified .blog-article-hero .cm-editorial-hero-inner {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.cm-public-unified .blog-article-hero h1 {font-size:clamp(38px,4.6vw,68px);max-width:20ch}
.cm-public-unified .blog-article-hero .cm-editorial-eyebrow {text-transform:none;letter-spacing:0;font-size:13px;flex-wrap:wrap}
.cm-public-unified .cm-blog-page .blog-article-layout {width:calc(100% - 64px);max-width:1248px;display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(40px,7vw,100px);margin:auto}
.cm-public-unified .cm-blog-page .blog-article-body {padding:80px 0 100px}
.cm-public-unified .cm-blog-page .blog-article-aside>div {border:0;border-top:1px solid #ffffff26;border-radius:0;background:transparent;padding:20px 0}
.cm-public-unified .cm-blog-page .blog-content {font:400 19px/1.8 Outfit,sans-serif;color:#d8e6ef}
.cm-public-unified .cm-blog-page .blog-content p {max-width:65ch}
.cm-public-unified .cm-blog-page .blog-content :is(h2,.blog-section-title) {font:600 clamp(28px,3.4vw,44px)/1.12 Outfit,sans-serif;color:#f3f8fa;letter-spacing:-.04em;margin:64px 0 24px;padding-top:32px;border-top:1px solid #ffffff26}
.cm-public-unified .cm-blog-page .blog-section-number {background:transparent;color:#68cfff;box-shadow:none;font:600 20px/1.2 Outfit,sans-serif;min-width:28px;height:auto;margin-top:7px}
.cm-public-unified .cm-blog-page .blog-content h3 {font:600 26px/1.2 Outfit,sans-serif;margin:40px 0 18px}
.cm-public-unified .cm-blog-page .blog-content blockquote {font:400 clamp(23px,3vw,36px)/1.45 Outfit,sans-serif;border-left:2px solid #68cfff;padding:24px 32px;background:#123a5533;color:#f3f8fa;margin:40px 0}
.cm-public-unified .cm-blog-page .blog-content img {border-color:#334857;border-radius:16px;box-shadow:none;margin-block:40px}
.cm-public-unified .cm-blog-page .blog-content pre {background:#15171e;border:1px solid #334857}
.cm-public-unified footer {background:#0d0e12}
.cm-public-unified footer>div {background:transparent;border-radius:0;box-shadow:none}
.cm-public-unified footer>div>.grid-pattern,.cm-public-unified footer>div>.bg-gradient-to-br {display:none}
.cm-public-unified footer>div>.relative {max-width:1248px}
.cm-public-unified .cm-motion-paused,.cm-public-unified.cm-document-hidden {--cm-motion-state:paused}
.cm-public-unified .cm-azure-field>span {animation-play-state:paused}
.cm-public-unified .cm-ambient-active>.cm-azure-field>span {animation-play-state:running}
.cm-public-unified.cm-document-hidden .cm-azure-field>span,.cm-public-unified.cm-motion-paused .cm-azure-field>span {animation-play-state:paused!important}
.cm-public-unified.cm-document-hidden .cm-editorial-chart-line {animation-play-state:paused}
@media(prefers-reduced-motion:no-preference) {
 .cm-public-unified .cm-azure-field>span {animation:cm-editorial-home-flow 16s cubic-bezier(.45,0,.55,1) infinite alternate both;animation-play-state:paused}
 .cm-public-unified .cm-azure-field>span:nth-child(2) {animation-duration:20s;animation-delay:-5s}
 .cm-public-unified .cm-azure-field>span:nth-child(3) {animation-duration:24s;animation-delay:-9s}
 .cm-public-unified .cm-reveal-active {animation:cm-editorial-enter 700ms var(--cm-ease) var(--cm-delay,0ms) both}
 .cm-public-unified .cm-entry-active {animation:cm-editorial-enter 700ms var(--cm-ease) var(--cm-delay,0ms) both}
 .cm-public-unified .cm-pricing-faq-item[open] p {animation:cm-editorial-enter 350ms var(--cm-ease) both}
 .cm-public-unified .cm-ambient-active .cm-editorial-chart-line {animation:cm-editorial-chart-draw 1800ms var(--cm-ease) both}
}
@keyframes cm-editorial-home-flow {from{transform:translate3d(-3%,2%,0) rotate(-26deg) scale(.96)}to{transform:translate3d(7%,-7%,0) rotate(-15deg) scale(1.08)}}
@keyframes cm-editorial-enter {from{opacity:.15;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes cm-editorial-chart-draw {from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
/* Pending content stays readable; animations never determine access to content. */
.cm-public-unified .cm-reveal-pending {opacity:1;transform:none}
@media(max-width:1100px) {
 .cm-public-unified .cm-pricing-page #pricing .cm-plan-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .cm-public-unified .cm-editorial-hero-inner {grid-template-columns:1fr;max-width:720px;min-height:0;gap:32px}
 .cm-public-unified .cm-editorial-hero h1 {font-size:clamp(36px,6vw,56px);max-width:19ch}
 .cm-public-unified .cm-blog-page .blog-index-hero h1 {font-size:clamp(36px,6vw,56px)!important}
 .cm-public-unified .cm-editorial-hero-visual {max-width:640px;width:100%;margin:auto}
 .cm-public-unified .cm-product-chapter-inner {gap:40px}
 .cm-public-unified .cm-blog-page .blog-index-hero .cm-editorial-hero-inner {min-height:0}
 .cm-public-unified .blog-article-hero .cm-editorial-hero-inner {grid-template-columns:1fr}
}
@media(max-width:900px) {
 .cm-public-unified .cm-product-chapter-inner,.cm-public-unified .cm-editorial-tone-creatorhub .cm-product-chapter-inner {grid-template-columns:1fr}
 .cm-public-unified .cm-editorial-tone-creatorhub .cm-product-chapter-copy,.cm-public-unified .cm-editorial-tone-creatorhub .cm-product-chapter-visual {grid-column:auto;grid-row:auto}
 .cm-public-unified :is(.cm-editorial-tone-studio,.cm-editorial-tone-vault) .cm-product-chapter-copy {display:block}
 .cm-public-unified .cm-product-chapter h2 {max-width:none}
 .cm-public-unified .cm-product-chapter-visual {max-width:680px;width:100%;margin:auto}
 .cm-public-unified .cm-blog-page .blog-article-layout {grid-template-columns:1fr}
 .cm-public-unified .cm-blog-page .blog-article-aside {position:static}
 .cm-public-unified .cm-blog-page .blog-article-aside>div:not(:first-child) {display:none}
 .cm-public-unified .cm-blog-page .blog-article-aside nav {display:flex;flex-wrap:wrap;gap:12px}
 .cm-public-unified .cm-pricing-custom {grid-template-columns:1fr;gap:32px}
}
@media(max-width:767px) {
 .cm-public-unified .cm-container,.cm-public-unified .cm-editorial-hero-inner,.cm-public-unified .cm-detail-stories>div,.cm-public-unified .cm-pricing-page #pricing,.cm-public-unified .cm-pricing-page #comparison>div,.cm-public-unified .cm-blog-page .blog-article-layout {width:calc(100% - 32px)}
 .cm-public-unified .cm-editorial-hero {padding:96px 0 42px}
 .cm-public-unified .cm-editorial-hero h1 {font-size:clamp(32px,8.5vw,48px)}
 .cm-public-unified .cm-blog-page .blog-index-hero h1 {font-size:clamp(32px,8.5vw,48px)!important}
 .cm-public-unified .cm-blog-page .blog-index-hero {padding-top:96px!important}
 .cm-public-unified .cm-editorial-hero-copy {padding:0}
 .cm-public-unified .cm-editorial-lead {font-size:16px;line-height:1.6;margin-top:24px}
 .cm-public-unified .cm-editorial-hero .cm-actions {gap:8px;margin-top:24px}
 .cm-public-unified .cm-editorial-hero .cm-button {width:auto;padding:12px 14px;font-size:12px}
 .cm-public-unified .cm-editorial-field-base {height:380px;top:-265px;width:180%;left:-30%}
 .cm-public-unified .cm-azure-field>span:first-child {top:160px;right:-120%}
 .cm-public-unified .cm-azure-field>span:nth-child(2) {top:330px;right:-115%}
 .cm-public-unified .cm-azure-field>span:nth-child(3) {display:block;top:500px;right:-120%;width:160%}
 .cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-floating-message {left:12px;bottom:0;padding:12px 16px}
 .cm-public-unified .cm-editorial-hero-visual:not(.cm-home-showcase) .cm-preview-panels {height:300px;min-height:300px}
 .cm-public-unified .cm-editorial-hero-visual>.cm-demo-ui {padding:18px}
 .cm-public-unified .cm-product-index>.cm-container {justify-content:flex-start;padding-block:20px;gap:8px 20px}
 .cm-public-unified .cm-product-chapter {padding-block:80px}
 .cm-public-unified .cm-product-chapter h2 {font-size:clamp(36px,9.8vw,54px)}
 .cm-public-unified .cm-product-chapter-lead {font-size:20px}
 .cm-public-unified .cm-product-frame>.cm-demo-ui {padding:18px}
 .cm-public-unified .cm-product-frame-bar {padding:14px 18px;font-size:11px;gap:8px}
 .cm-public-unified .cm-product-chapter-visual {padding:0}
 .cm-public-unified .cm-editorial-tone-studio .cm-product-chapter-visual,.cm-public-unified .cm-editorial-tone-vault .cm-product-chapter-visual {width:100%}
 .cm-public-unified .cm-detail-stories>div {padding-block:64px;gap:32px}
 .cm-public-unified .cm-detail-stories>div h2 {font-size:32px}
 .cm-public-unified .cm-detail-stories>div>.max-w-md {padding:18px}
 .cm-public-unified .cm-detail-stories>div>div:first-child p {font-size:18px}
 .cm-public-unified .cm-editorial-close {padding-block:84px}
 .cm-public-unified .cm-editorial-close h2 {font-size:38px}
 .cm-public-unified .cm-editorial-close p {font-size:18px}
 .cm-public-unified .cm-pricing-page #pricing {grid-template-columns:1fr;gap:28px;padding-bottom:65px}
 .cm-public-unified .cm-pricing-page #pricing .cm-plan-grid {grid-template-columns:1fr;gap:20px}
 .cm-public-unified .cm-pricing-page #pricing>.cm-plan-billing {justify-self:start;padding:12px 14px;gap:10px;max-width:100%}
 .cm-public-unified .cm-plan-billing>div:last-child {flex-direction:column;align-items:flex-start;gap:2px}
 .cm-public-unified .cm-plan-billing>div:last-child>span:last-child {display:inline-block!important;margin:0!important;white-space:nowrap}
 .cm-public-unified .cm-plan-selection-heading h2 {font-size:32px}
 .cm-public-unified .cm-pricing-page .cm-plan-card>.text-center {padding:28px 26px 24px}
 .cm-public-unified .cm-pricing-page #comparison {padding-block:65px}
 .cm-public-unified .cm-pricing-page #comparison th,.cm-public-unified .cm-pricing-page #comparison td {padding:14px 12px}
 .cm-public-unified .cm-pricing-page #comparison table {min-width:660px}
 .cm-public-unified .cm-pricing-page #comparison h2,.cm-public-unified .cm-pricing-faq-section h2 {font-size:36px}
 .cm-public-unified .cm-pricing-faq-section {padding-block:65px}
 .cm-public-unified .cm-pricing-faq-item summary {min-height:80px;font-size:20px}
 .cm-public-unified .cm-blog-posts {padding-block:64px}
 .cm-public-unified .cm-blog-editorial-grid {grid-template-columns:1fr;gap:28px}
 .cm-public-unified .cm-blog-page .blog-card-content {padding:24px}
 .cm-public-unified .cm-blog-page .blog-card h2,.cm-public-unified .cm-blog-hero-article .blog-card h2 {font-size:28px}
 .cm-public-unified .cm-blog-editorial-grid .blog-card:nth-child(n+3) {grid-template-columns:1fr}
 .cm-public-unified .cm-blog-editorial-grid .blog-card:nth-child(n+3) .blog-card-media {aspect-ratio:16/10}
 .cm-public-unified .cm-blog-page .blog-article-body {padding-block:50px 70px}
 .cm-public-unified .cm-blog-page .blog-content {font-size:18px}
 .cm-public-unified .cm-blog-page .blog-content blockquote {padding:20px}
}
@media(prefers-reduced-motion:reduce) {
 .cm-public-unified .cm-azure-field>span {animation:none!important}
 .cm-public-unified :is(.cm-reveal-active,.cm-entry-active,.cm-demo-arriving,.cm-pricing-faq-item[open] p) {animation:none!important;opacity:1;transform:none}
 .cm-public-unified .cm-product-frame {transform:none;transition:none}
 .cm-public-unified .cm-blog-hero-article {transform:none}
 .cm-public-unified .blog-card:hover,.cm-public-unified .cm-plan-card:hover {transform:none}
 html:has(body.cm-public-unified) {scroll-behavior:auto}
}

/* Feature previews move only while visible; text remains readable without JS. */
.cm-public-unified .cm-features-page .cm-product-chapter-visual .cm-product-frame{transition:border-color .3s,box-shadow .3s}
.cm-public-unified .cm-features-page .cm-product-chapter-visual:hover .cm-product-frame{border-color:#68cfff88;box-shadow:0 20px 60px #0004}
.cm-public-unified .cm-features-page .cm-product-frame.cm-ambient-active .cm-product-frame-bar img{animation:cm-catalog-brand 5s ease-in-out infinite}
.cm-public-unified .cm-features-page .cm-product-chapter-visual.cm-reveal-active{animation:cm-catalog-arrive .8s cubic-bezier(.2,.7,.2,1) both}
.cm-public-unified .cm-features-page .cm-product-chapter-copy.cm-reveal-active .cm-editorial-product-link .cm-editorial-arrow{animation:cm-catalog-arrow .9s .3s ease both}
@keyframes cm-catalog-arrive{from{opacity:.3;transform:translateY(35px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cm-catalog-brand{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg) scale(1.1)}}
@keyframes cm-catalog-arrow{from{transform:scaleX(.3);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.cm-document-hidden .cm-features-page *,.cm-motion-paused .cm-features-page *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cm-public-unified .cm-features-page *{animation:none!important;transition:none!important}}

/* ViewInApp preview: reuse the Home visual without changing Home CSS. */
.cm-public-unified .cm-app-demo{display:grid;grid-template-columns:minmax(210px,1.1fr) 132px minmax(210px,.9fr);align-items:center;gap:20px;width:100%;max-width:790px;margin:auto}
.cm-public-unified .cm-app-source{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid #5b555b;border-radius:14px;background:#2f2730;box-shadow:0 16px 36px #160a1329}
.cm-public-unified .cm-app-source-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:11px;background:#ff00331c;color:#ff405f;font-size:24px}
.cm-public-unified .cm-app-source div{display:grid;min-width:0}.cm-public-unified .cm-app-source small{color:#c6aeb6;font-size:9px;letter-spacing:.14em}.cm-public-unified .cm-app-source strong{display:block;max-width:100%;overflow:hidden;color:#f5e9ed;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cm-public-unified .cm-app-source>i{margin-left:auto;flex:none;color:#9b8991;font-size:13px}
.cm-public-unified .cm-app-transform{position:relative;display:flex;align-items:center;justify-content:center;width:100%;color:#74d1ff}.cm-public-unified .cm-app-transform-line{min-width:10px;height:1px;flex:1;background:linear-gradient(90deg,transparent,#63cbff)}.cm-public-unified .cm-app-transform-line:nth-of-type(3){background:linear-gradient(90deg,#63cbff,transparent)}
.cm-public-unified .cm-app-engine{display:flex;align-items:center;gap:8px;flex:none;padding:9px 12px;border:1px solid #55c9ff70;border-radius:999px;background:#102b3b;color:#d8f3ff;font-size:10px;white-space:nowrap;box-shadow:0 0 22px #32bfff22}.cm-public-unified .cm-app-engine img{width:22px;height:22px}.cm-public-unified .cm-app-packet{position:absolute;z-index:2;left:0;top:50%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#74d1ff;color:#09202d;font-size:10px;opacity:0}
.cm-public-unified .cm-app-phone{width:210px;max-width:100%;padding:10px;border:1px solid #515968;border-radius:26px;background:#171a21;box-shadow:0 22px 45px #0006}.cm-public-unified .cm-phone-camera{margin-bottom:9px}.cm-public-unified .cm-phone-screen{position:relative;height:220px;overflow:hidden;border-radius:17px;background:#0c0f14}
.cm-public-unified .cm-app-browser{position:absolute;inset:12px;display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #4c5360;border-radius:10px;background:#272c35;color:#d4d7dc;font-size:10px}.cm-public-unified .cm-app-browser span{display:flex;align-items:center;gap:7px}.cm-public-unified .cm-app-browser>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#672936;color:#ff9bad}
.cm-public-unified .cm-app-youtube{position:absolute;inset:12px;display:grid;place-items:center;align-content:center;gap:5px;border-radius:12px;background:radial-gradient(circle at 50% 32%,#642233,#26131a 72%);opacity:0;transform:scale(.88)}.cm-public-unified .cm-app-youtube>i{color:#ff3152;font-size:38px}.cm-public-unified .cm-app-youtube strong{color:white;font-size:14px}.cm-public-unified .cm-app-youtube span{color:#d6a9b2;font-size:8px;letter-spacing:.18em}
.cm-public-unified .cm-app-direct{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border-radius:999px;background:#173c32;color:#a0eacb;font-size:8px;opacity:0;transform:translateY(8px)}
@keyframes cm-via-packet{0%,8%{left:0;opacity:0;transform:translate(-4px,-50%) scale(.8)}14%{opacity:1}43%{left:calc(100% - 28px);opacity:1;transform:translate(4px,-50%) scale(1)}48%,100%{left:calc(100% - 28px);opacity:0;transform:translate(8px,-50%) scale(.7)}}
@keyframes cm-via-browser{0%,42%{opacity:1;transform:translateX(0) scale(1)}52%,100%{opacity:0;transform:translateX(42px) scale(.94)}}
@keyframes cm-via-youtube{0%,48%{opacity:0;transform:scale(.88)}58%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.96)}}
@keyframes cm-via-direct{0%,60%{opacity:0;transform:translateY(8px)}68%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(4px)}}
@media(prefers-reduced-motion:no-preference){.cm-public-unified .cm-demo-viewinapp.cm-ambient-active .cm-app-packet{animation:cm-via-packet 6s cubic-bezier(.45,0,.2,1) infinite}.cm-public-unified .cm-demo-viewinapp.cm-ambient-active .cm-app-browser{animation:cm-via-browser 6s cubic-bezier(.4,0,.2,1) infinite}.cm-public-unified .cm-demo-viewinapp.cm-ambient-active .cm-app-youtube{animation:cm-via-youtube 6s cubic-bezier(.2,.8,.2,1) infinite}.cm-public-unified .cm-demo-viewinapp.cm-ambient-active .cm-app-direct{animation:cm-via-direct 6s cubic-bezier(.2,.8,.2,1) infinite}}
@media(prefers-reduced-motion:reduce){.cm-public-unified .cm-app-browser,.cm-public-unified .cm-app-packet{display:none}.cm-public-unified .cm-app-youtube,.cm-public-unified .cm-app-direct{opacity:1;transform:none}}
.cm-public-unified .cm-demo-viewinapp{container-type:inline-size}
.cm-public-unified .cm-app-demo{grid-template-columns:minmax(0,1fr) 180px;gap:20px}
.cm-public-unified .cm-app-source{grid-column:1;align-self:end;padding:14px}
.cm-public-unified .cm-app-transform{grid-column:1;grid-row:2;align-self:start;margin-top:4px}
.cm-public-unified .cm-app-phone{grid-column:2;grid-row:1/3;width:180px}
.cm-public-unified .cm-app-youtube,.cm-public-unified .cm-app-direct{opacity:1;transform:none}
.cm-public-unified .cm-app-browser{opacity:0}
.cm-public-unified .cm-app-direct{left:12px;right:12px;bottom:12px;font-size:8px}
.cm-public-unified .cm-app-source strong{font-size:10px}
.cm-public-unified.cm-document-hidden .cm-app-demo *,.cm-public-unified.cm-motion-paused .cm-app-demo *{animation-play-state:paused!important}
@container(max-width:390px){.cm-public-unified .cm-app-demo{grid-template-columns:1fr;gap:16px}.cm-public-unified .cm-app-source{width:100%;max-width:280px;margin:auto}.cm-public-unified .cm-app-transform{grid-column:1;grid-row:auto;width:100%;margin:0}.cm-public-unified .cm-app-phone{grid-column:1;grid-row:auto;width:180px;margin:auto}}

/* Product index icons match the Home feature bar. */
.cm-public-unified .cm-product-index a{gap:10px}
.cm-public-unified .cm-product-index a>i{font-size:17px;min-width:18px;text-align:center}

/* Product accents match the saturated Home palette. */
.cm-public-unified :is(.cm-editorial-tone-telegram,.cm-editorial-tone-studio,.cm-editorial-tone-creatorhub,.cm-editorial-tone-bio,.cm-editorial-tone-viewinapp,.cm-editorial-tone-vault,.cm-editorial-tone-widget){--cm-editorial-text:var(--cm-editorial-accent)}

/* Blog library: title and search form one compact, flat toolbar. */
.cm-public-unified .cm-blog-page .blog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:24px;align-items:start;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #ffffff16;background:transparent}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-results-header{margin:0;padding-top:5px;border:0}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-results-header h2{font:600 clamp(30px,3.2vw,44px)/1.15 Outfit,sans-serif;letter-spacing:-.035em}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-search-panel{margin:0!important;background:transparent!important}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-search-form{display:flex;align-items:stretch;gap:8px;max-width:none}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-search-control{display:flex;align-items:center;gap:10px;min-width:0;flex:1;background:#15171e;min-height:48px}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-search-control input{appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;height:46px;min-width:0;width:100%;font-size:14px;outline:none}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-topic-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;background:transparent}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-topic-row form{display:none}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-topic-chip{padding:6px 11px;border:1px solid #ffffff20;border-radius:20px;background:transparent;color:#bdbdc9;font:500 12px/1.4 Outfit,sans-serif;text-decoration:none;cursor:pointer}
.cm-public-unified .cm-blog-page .blog-toolbar .blog-topic-chip:hover{border-color:#68cfff;color:#68cfff}
@media(max-width:760px){.cm-public-unified .cm-blog-page .blog-toolbar{grid-template-columns:1fr;gap:20px}.cm-public-unified .cm-blog-page .blog-toolbar .blog-search-button{min-width:68px;padding-inline:14px}}

/* Features uses the original Home showcase scopes and assets. */
.cm-public-unified .cm-editorial-hero-visual.cm-home-showcase{padding:0;background:transparent;--cm-ink:hsl(var(--foreground));--cm-secondary:hsl(var(--muted-foreground))}
.cm-public-unified .cm-home-showcase .cm-chat-demo{background:var(--cm-panel)}
@media(min-width:1024px) and (max-width:1100px){.cm-public-unified .cm-features-page .cm-editorial-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1248px;gap:clamp(24px,3vw,48px)}}