/* Customer-first shell shared by Sites3 and Sites4. No decorative loops. */
:root{--cf-bg:#06101f;--cf-surface:#0d1c31;--cf-surface-2:#122640;--cf-text:#f5f8ff;--cf-muted:#a9b9cf;--cf-line:rgba(151,190,232,.22);--cf-cyan:#53d7ff;--cf-blue:#4285ff;--cf-orange:#ff9f32;--cf-green:#4ed3a1;--cf-shadow:0 22px 60px rgba(0,0,0,.24)}
html[data-theme="light"]{--cf-bg:#f4f8fd;--cf-surface:#fff;--cf-surface-2:#eaf2fb;--cf-text:#102037;--cf-muted:#52657e;--cf-line:rgba(32,76,125,.18);--cf-cyan:#087da8;--cf-blue:#185fc3;--cf-orange:#b85e00;--cf-green:#087653;--cf-shadow:0 18px 48px rgba(39,77,118,.12)}
.ambient,.cursor-glow,.lens-orbits,.core-rings,.orbit-rings,.cta-rays,.cta-orb,.cta-orbit,.output-orbit i,.portal i,.flow-dot{display:none!important}
.desktop-nav,.nav-links,.nav,.mobile-nav,.mobile-menu,.menu-button,.menu{display:none!important}
body *,body *::before,body *::after{animation-iteration-count:1!important}
.reveal{opacity:1!important;transform:none!important}
.customer-site-header{position:relative;z-index:60;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.7rem,2vw,1.5rem);width:min(1180px,calc(100% - 32px));min-height:76px;margin-inline:auto;padding:.65rem 0;border-bottom:1px solid var(--cf-line)}
.customer-site-header .brand{display:inline-flex;min-width:max-content;align-items:center;gap:.7rem;color:var(--cf-text);text-decoration:none}
.customer-site-header .brand img{width:44px;height:44px;object-fit:contain}
.customer-site-header .brand strong,.customer-site-header .brand small{display:block}.customer-site-header .brand small{max-width:220px;margin-top:.1rem;overflow:hidden;color:var(--cf-muted);font-size:.58rem;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}
.customer-global-nav{position:relative;z-index:35;display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:.12rem;margin:0;padding:0;background:transparent}
.customer-global-nav a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:.62rem .7rem;border-radius:11px;color:var(--cf-muted);font-size:.82rem;font-weight:750;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.customer-global-nav a:hover,.customer-global-nav a:focus-visible{background:var(--cf-surface-2);color:var(--cf-text);transform:translateY(-1px)}
.customer-global-nav .customer-download{margin-left:.2rem;background:linear-gradient(105deg,var(--cf-blue),#256fe4);color:#fff;box-shadow:0 8px 22px rgba(38,111,228,.22)}
.customer-menu-button{display:none;min-width:42px;height:42px;border:1px solid var(--cf-line);border-radius:11px;background:var(--cf-surface);color:var(--cf-text);font:inherit;font-size:1.05rem;cursor:pointer}
.customer-conversion{max-width:1180px;margin:4rem auto 2rem;padding:clamp(1.35rem,4vw,3rem);border:1px solid var(--cf-line);border-radius:24px;background:linear-gradient(135deg,var(--cf-surface),color-mix(in srgb,var(--cf-surface-2) 82%,var(--cf-blue)));box-shadow:var(--cf-shadow)}
.customer-conversion p{margin:0 0 .45rem;color:var(--cf-cyan);font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.customer-conversion h2{max-width:760px;margin:0;color:var(--cf-text);font-size:clamp(1.65rem,4vw,3.2rem);line-height:1.08}
.customer-conversion>span{display:block;max-width:760px;margin:.8rem 0 0;color:var(--cf-muted);line-height:1.7}
.customer-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.customer-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.72rem 1rem;border:1px solid var(--cf-line);border-radius:12px;background:var(--cf-surface);color:var(--cf-text);font-weight:800;text-decoration:none}
.customer-action.primary{border-color:transparent;background:linear-gradient(105deg,var(--cf-blue),#256fe4);color:#fff}
.customer-action:hover,.customer-action:focus-visible{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.contact-rail{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;flex-direction:column;gap:.5rem}
.contact-rail a{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--cf-line);border-radius:14px;background:var(--cf-surface);box-shadow:0 10px 30px rgba(0,0,0,.22);color:var(--cf-text);font-size:1rem;font-weight:900;text-decoration:none}
.contact-rail a:hover,.contact-rail a:focus-visible{border-color:var(--cf-cyan);transform:translateY(-1px)}
.contact-rail a[hidden]{display:none!important}
.contact-rail a[data-channel="zalo"]{background:#0b72e7;color:#fff}.contact-rail a[data-channel="messenger"]{background:linear-gradient(145deg,#087fff,#a033ff);color:#fff}.contact-rail a[data-channel="telegram"]{background:#229ed9;color:#fff}.contact-rail a[data-channel="email"]{background:var(--cf-surface-2)}
.customer-page{min-height:100vh;background:var(--cf-bg);color:var(--cf-text)}
.customer-site-header .header-actions{display:flex;align-items:center;gap:.42rem}.customer-site-header .language-link,.customer-site-header .round-button{display:grid;min-width:42px;height:42px;place-items:center;border:1px solid var(--cf-line);border-radius:11px;background:var(--cf-surface);color:var(--cf-text);text-decoration:none}.customer-site-header .round-button{cursor:pointer}
.customer-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.customer-hero{padding:clamp(3.2rem,8vw,7rem) 0 2.5rem}
.customer-eyebrow{margin:0 0 .8rem;color:var(--cf-cyan);font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.customer-hero h1{max-width:900px;margin:0;color:var(--cf-text);font-size:clamp(2.35rem,7vw,5.7rem);line-height:.98;letter-spacing:-.045em}
.customer-hero .lede{max-width:760px;margin:1.15rem 0 0;color:var(--cf-muted);font-size:clamp(1.02rem,2vw,1.25rem);line-height:1.75}
.customer-section{padding:2.4rem 0 4.6rem}
.customer-section-head{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:2rem;align-items:end;margin-bottom:1.5rem}
.customer-section h2{margin:0;color:var(--cf-text);font-size:clamp(1.65rem,4vw,3rem);line-height:1.05}
.customer-section-head p{margin:0;color:var(--cf-muted);line-height:1.7}
.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.customer-card{position:relative;padding:1.25rem;border:1px solid var(--cf-line);border-radius:18px;background:var(--cf-surface);color:var(--cf-text);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.customer-card small{display:block;margin-bottom:.55rem;color:var(--cf-cyan);font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.customer-card h2,.customer-card h3{margin:.2rem 0 .65rem;color:var(--cf-text);font-size:1.25rem;line-height:1.25}
.customer-card p{margin:0;color:var(--cf-muted);line-height:1.65}
.customer-card .customer-actions{margin-top:1rem}
.customer-card .customer-action{min-height:40px;padding:.55rem .75rem;font-size:.83rem}
.customer-release-facts{display:grid;gap:.45rem;margin:1rem 0 0}.customer-release-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--cf-line)}.customer-release-facts dt{color:var(--cf-muted);font-size:.78rem}.customer-release-facts dd{margin:0;color:var(--cf-text);font-size:.78rem;font-weight:800;text-align:right}
.customer-status{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.38rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--cf-orange) 14%,transparent);color:var(--cf-orange);font-size:.72rem;font-weight:850}
.customer-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.customer-note{padding:1rem 1.1rem;border-left:3px solid var(--cf-orange);background:color-mix(in srgb,var(--cf-surface-2) 84%,transparent);color:var(--cf-muted);line-height:1.65}
.customer-assist{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:1.2rem;align-items:center;margin-top:1rem;padding:1.25rem;border:1px solid var(--cf-line);border-radius:20px;background:linear-gradient(125deg,var(--cf-surface),var(--cf-surface-2))}
.customer-assist h2{font-size:clamp(1.35rem,3vw,2.2rem)}
.customer-assist p{color:var(--cf-muted);line-height:1.7}.contact-qr{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:14px;background:#fff}
.customer-community-assist{grid-template-columns:1fr;padding:clamp(1.3rem,4vw,2.4rem);border-color:color-mix(in srgb,var(--cf-cyan) 45%,var(--cf-line));background:linear-gradient(120deg,color-mix(in srgb,var(--cf-surface) 90%,var(--cf-blue)),color-mix(in srgb,var(--cf-surface-2) 88%,var(--cf-orange)))}
.customer-community-assist h2{max-width:760px;font-size:clamp(1.8rem,4vw,3.4rem)}
.customer-community-assist p{max-width:820px}
.customer-contact-layout{display:grid;gap:1rem}.customer-community-spotlight{position:relative;overflow:hidden;padding:clamp(1.4rem,5vw,3.5rem);border:1px solid color-mix(in srgb,var(--cf-cyan) 48%,var(--cf-line));border-radius:26px;background:linear-gradient(120deg,color-mix(in srgb,var(--cf-surface) 88%,var(--cf-blue)),color-mix(in srgb,var(--cf-surface-2) 84%,var(--cf-orange)));box-shadow:var(--cf-shadow)}.customer-community-spotlight::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--cf-cyan),var(--cf-orange))}.customer-community-spotlight>div{position:relative;max-width:920px}.customer-community-spotlight h2{max-width:850px;font-size:clamp(2rem,5vw,4.25rem);line-height:1.02}.customer-community-spotlight p:not(.customer-eyebrow){max-width:780px;color:var(--cf-muted);font-size:clamp(1rem,1.7vw,1.14rem);line-height:1.75}.customer-community-points{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.customer-community-points span{display:inline-flex;min-height:36px;align-items:center;padding:.45rem .7rem;border:1px solid var(--cf-line);border-radius:10px;background:color-mix(in srgb,var(--cf-surface) 78%,transparent);color:var(--cf-text);font-size:.78rem;font-weight:800}.customer-action.secondary-community{background:linear-gradient(105deg,#229ed9,#4b6dff);color:#fff}.customer-contact-secondary{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:1rem}.customer-private-card{background:color-mix(in srgb,var(--cf-surface) 88%,var(--cf-bg));box-shadow:none}.customer-private-card .customer-action{background:transparent}.customer-footer-location{display:block;margin-top:.7rem;color:var(--cf-cyan);font-size:.82rem;font-weight:750}.customer-footer .customer-private-link{color:color-mix(in srgb,var(--cf-muted) 72%,var(--cf-bg));font-size:.78rem}
.customer-prose{max-width:820px;color:var(--cf-muted);font-size:1rem;line-height:1.8}
.customer-prose h2,.customer-prose h3{color:var(--cf-text);line-height:1.2}
.customer-prose a{color:var(--cf-cyan)}
.customer-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;color:var(--cf-muted);font-size:.82rem}
.customer-breadcrumb a{color:var(--cf-cyan);text-decoration:none}
.customer-steps{counter-reset:step;display:grid;gap:.85rem;margin:1.4rem 0}
.customer-step{counter-increment:step;padding:1rem 1rem 1rem 3.4rem;border:1px solid var(--cf-line);border-radius:14px;background:var(--cf-surface);position:relative}
.customer-step::before{content:counter(step);position:absolute;left:1rem;top:1rem;display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:7px;background:var(--cf-blue);color:#fff;font-size:.72rem;font-weight:900}
.customer-step strong{display:block;color:var(--cf-text);margin-bottom:.25rem}
.customer-about-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:clamp(1.2rem,5vw,4rem);align-items:center;margin-bottom:1.2rem;padding:clamp(1.2rem,4vw,2.5rem);overflow:hidden;border:1px solid var(--cf-line);border-radius:24px;background:linear-gradient(125deg,var(--cf-surface),color-mix(in srgb,var(--cf-surface-2) 86%,var(--cf-blue)))}.customer-about-brand h2{font-size:clamp(1.8rem,4vw,3.4rem)}.customer-about-brand p:not(.customer-eyebrow){color:var(--cf-muted);line-height:1.75}.customer-about-brand .cep-character-master{justify-self:end}
.customer-relationship-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr) minmax(0,.78fr);gap:1rem}.customer-journey-group{padding:1.2rem;border:1px solid var(--cf-line);border-radius:20px;background:var(--cf-surface)}.customer-journey-group.featured{background:linear-gradient(135deg,var(--cf-surface),color-mix(in srgb,var(--cf-surface-2) 84%,var(--cf-blue)))}.customer-journey-group.publishing{border-color:color-mix(in srgb,var(--cf-cyan) 50%,var(--cf-line))}.customer-journey-group>small{color:var(--cf-cyan);font-size:.7rem;font-weight:900;letter-spacing:.1em}.customer-journey-group h3{margin:.45rem 0;color:var(--cf-text);font-size:clamp(1.25rem,2.5vw,2rem)}.customer-journey-group>p{margin:0;color:var(--cf-muted);line-height:1.65}.customer-journey-row{display:grid;gap:.55rem;margin-top:1rem}.customer-journey-row.independent{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-journey-row.single{grid-template-columns:1fr}.customer-journey-row.linked{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-journey-app{position:relative;display:flex;min-width:0;min-height:100px;flex-direction:column;justify-content:center;padding:.8rem;border:1px solid var(--cf-line);border-radius:14px;background:var(--cf-surface-2);color:var(--cf-text);text-decoration:none}.customer-journey-app strong{font-size:.94rem}.customer-journey-app span{margin-top:.3rem;color:var(--cf-muted);font-size:.72rem;line-height:1.45}.customer-journey-app i{position:absolute;right:-.48rem;top:50%;z-index:2;display:grid;width:1rem;height:1rem;place-items:center;transform:translateY(-50%);border-radius:4px;background:var(--cf-blue);color:#fff;font-size:.62rem;font-style:normal}.cep-character-master{display:block;width:min(100%,512px)!important;height:auto!important;max-height:768px;object-fit:contain}
.customer-footer{margin-top:4rem;padding:2.2rem 0;border-top:1px solid var(--cf-line);color:var(--cf-muted)}
.customer-footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:1.2rem}
.customer-footer strong{display:block;margin-bottom:.6rem;color:var(--cf-text)}
.customer-footer a{display:block;margin:.42rem 0;color:var(--cf-muted);text-decoration:none}
.customer-footer a:hover,.customer-footer a:focus-visible{color:var(--cf-cyan)}
.customer-footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding-top:1rem;border-top:1px solid var(--cf-line)}.customer-footer-legal a{display:inline-block;margin:0;font-size:.78rem}
.product-orbit{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.75rem!important;min-height:0!important}
.product-orbit>*{position:static!important;inset:auto!important;transform:none!important}
.product-orbit .orbit-core{grid-column:1/-1;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.7rem!important;width:auto!important;height:auto!important;padding:.75rem 1rem!important;border:1px solid var(--cf-line)!important;border-radius:14px!important;background:var(--cf-surface)!important}
.product-orbit .orbit-core img{width:42px!important;height:42px!important}
.lens-panel{min-height:0!important}.lens-panel::before{display:none!important}.lens-stage{height:auto!important}
.source-hub,.ingest-core{border-radius:14px!important;animation:none!important}
.source-hub::before,.source-hub::after,.ingest-core::before,.ingest-core::after{display:none!important}
.signature-card::after{display:none!important}
body[data-site="cepify"] .source-sky{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important;height:auto!important;min-height:0!important;padding-top:3.25rem!important;overflow:visible!important}
body[data-site="cepify"] .source-sky .source-node{position:static!important;inset:auto!important;width:auto!important;min-height:58px!important;transform:none!important}
body[data-site="cepify"] .source-sky .source-hub{position:static!important;inset:auto!important;grid-column:1/-1!important;width:auto!important;height:auto!important;min-height:72px!important;transform:none!important;padding:1rem!important;background:var(--solid)!important}
body[data-site="cepify"] .source-sky .source-detail,body[data-site="cepify"] .source-sky .demo-note{position:static!important;inset:auto!important;grid-column:1/-1!important;max-width:none!important;min-width:0!important}
body[data-product="cepify"] .signature-stage{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,.9fr)!important;gap:.85rem!important;align-items:start!important;min-height:0!important;height:auto!important;padding:1rem!important}
body[data-product="cepify"] .source-cloud{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important;width:auto!important}
body[data-product="cepify"] .source-pill{position:static!important;inset:auto!important;min-width:0!important;width:auto!important;transform:none!important}
body[data-product="cepify"] .source-pill::after{display:none!important}
body[data-product="cepify"] .ingest-core{position:static!important;inset:auto!important;grid-column:1!important;display:flex!important;width:auto!important;height:auto!important;min-height:58px!important;transform:none!important;justify-content:flex-start!important;padding:.8rem 1rem!important;background:var(--surface-soft)!important;box-shadow:none!important}
body[data-product="cepify"] .ingest-core img{display:none!important}body[data-product="cepify"] .ingest-core span{position:static!important}
body[data-product="cepify"] .asset-pack{position:static!important;inset:auto!important;grid-column:2!important;grid-row:1/3!important;width:auto!important;min-height:0!important}
body[data-product="cepify"] .demo-caption{position:static!important;inset:auto!important;grid-column:1/-1!important}
.lens-stage{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.65rem!important;min-height:0!important;padding:1rem!important}
.lens-stage::before,.lens-beam{display:none!important}
.lens-stage>*{position:static!important;inset:auto!important;transform:none!important}
.lens-core{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;width:auto!important;min-height:0!important;padding:1rem!important;border-radius:16px!important;text-align:left!important}
.lens-core .core-logo{grid-row:1/4!important}.lens-core .core-logo img{width:58px!important;height:58px!important}.lens-node{width:auto!important;min-height:54px!important}
.current-visual{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important;min-height:0!important;padding:1rem!important}.current-visual::before,.current-visual::after{display:none!important}
.current-visual>*{position:static!important;inset:auto!important;transform:none!important}.current-lines,.blue-moon{display:none!important}
.current-visual .visual-label,.current-visual .visual-caption{grid-column:1/-1!important}.current-visual .flow-core{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:stretch!important;gap:.7rem!important;width:auto!important;height:auto!important;padding:.85rem 1rem!important;border:1px solid var(--cf-line)!important;border-radius:15px!important;background:var(--cf-surface)!important}.current-visual .flow-core .core-logo{display:none!important}.current-visual .flow-input,.current-visual .flow-output{width:auto!important;min-width:0!important}
.ticker{display:none!important}.portal{display:none!important}
.final-cta,.final{display:none!important}
@media (max-width:1000px){.customer-site-header{grid-template-columns:minmax(0,1fr) auto}.customer-site-header .brand{min-width:0}.customer-site-header .brand span{min-width:0}.customer-site-header .brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-site-header .brand small{display:none}.customer-menu-button{display:grid;place-items:center}.customer-global-nav{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;grid-template-columns:1fr;padding:.55rem;border:1px solid var(--cf-line);border-radius:15px;background:var(--cf-surface);box-shadow:var(--cf-shadow)}.customer-global-nav[data-open="true"]{display:grid}.customer-global-nav a{justify-content:flex-start;padding:.7rem .85rem}.customer-global-nav .customer-download{margin-left:0;justify-content:center}.customer-about-brand{grid-template-columns:1fr minmax(210px,320px)}.customer-relationship-grid{grid-template-columns:1fr}.customer-journey-row.linked{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-section-head{grid-template-columns:1fr}.customer-footer-grid{grid-template-columns:1fr 1fr}.product-orbit{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-product="cepify"] .signature-stage{grid-template-columns:1fr!important}body[data-product="cepify"] .asset-pack{grid-column:1!important;grid-row:auto!important}}
@media (max-width:680px){.customer-site-header{width:calc(100% - 24px)}.customer-site-header .brand img{width:38px;height:38px}.customer-site-header .header-actions{gap:.3rem}.customer-site-header .language-link,.customer-site-header .round-button,.customer-menu-button{min-width:39px;width:39px;height:39px}.customer-about-brand{grid-template-columns:1fr}.customer-about-brand .cep-character-master{justify-self:center;max-height:560px}.customer-grid,.customer-contact-secondary{grid-template-columns:1fr}.customer-footer-grid{grid-template-columns:1fr}.customer-community-points{display:grid;grid-template-columns:1fr}.customer-community-spotlight .customer-actions,.customer-community-assist .customer-actions{display:grid}.customer-community-spotlight .customer-action,.customer-community-assist .customer-action{width:100%}.customer-journey-row.independent,.customer-journey-row.linked{grid-template-columns:1fr}.customer-journey-app i{right:50%;top:auto;bottom:-.5rem;transform:translateX(50%) rotate(90deg)}.contact-rail{position:static;right:auto;bottom:auto;flex-direction:row;justify-content:center;width:max-content;margin:1rem auto max(1rem,env(safe-area-inset-bottom));transform:none;padding:5px;border:1px solid var(--cf-line);border-radius:17px;background:var(--cf-surface)}.contact-rail a{width:46px;height:46px;border-radius:12px}.customer-conversion{margin-inline:16px}.customer-assist{grid-template-columns:1fr}.customer-assist .contact-qr,.customer-card .contact-qr{display:none}.product-orbit{grid-template-columns:1fr!important}}
@media (max-width:350px){.customer-site-header .brand span{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

/* Readability baseline: CEP's core audience includes creators aged 35–50+. */
html{font-size:18px}
body{font-size:1rem!important;line-height:1.65!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body :where(p,li,dt,dd,figcaption){font-size:1rem!important;line-height:1.65!important}
body small{font-size:.88rem!important;line-height:1.5!important}
body :where(button,.button,.customer-action,summary,input,select,textarea){font-size:.94rem!important;line-height:1.4!important}
body :where(.eyebrow,.kicker,.breadcrumb,.customer-breadcrumb,.section-index,.demo-kicker,.customer-eyebrow,.product-label,.journey-chip,.status-chip,.customer-status){font-size:.84rem!important;line-height:1.45!important}
.customer-site-header .brand strong{font-size:1.05rem!important}
.customer-site-header .brand small{max-width:290px!important;font-size:.88rem!important;line-height:1.35!important}
.customer-global-nav a{min-height:48px;font-size:.94rem!important}
body :where(.nav,.desktop-nav,.mobile-nav) a,
body :where(.language-link,.lang){font-size:.94rem!important;line-height:1.4!important}
.customer-conversion>span,.customer-card p,.customer-section-head p,.customer-assist p,.customer-journey-group>p,.customer-prose{font-size:1rem!important;line-height:1.7!important}
.customer-card small,.customer-journey-group>small,.customer-journey-app span,.customer-release-facts dt,.customer-release-facts dd,.customer-community-points span,.customer-footer-location,.customer-footer .customer-private-link,.customer-footer-legal a{font-size:.88rem!important}
.customer-card .customer-action,.customer-journey-app strong{font-size:.94rem!important}
.customer-step::before{font-size:.84rem!important}
.footer,.site-footer,.customer-footer{font-size:.94rem!important;line-height:1.65!important}
.footer a,.site-footer a,.customer-footer a,.footer span,.site-footer span,.customer-footer span{font-size:.94rem!important;line-height:1.55!important}

/* Product previews still need to be legible; they are explanations, not decoration. */
body :where(.demo-frame,.signature-card,.lens-panel,.journey-panel,.proof-frame,.diagnostic-result,.mechanism-view,.current-visual) :where(span,small,button,b,strong,.sentence,.demo-label,.demo-note,.artifact,.target,.source-node,.copy-item,.story-output){font-size:.84rem!important;line-height:1.45!important}
body :where(.demo-frame,.signature-card,.lens-panel,.journey-panel,.proof-frame,.diagnostic-result,.mechanism-view,.current-visual) :where(.source-detail,.content-core,.layer-sub,.story-peak,.thumb){font-size:.84rem!important;line-height:1.45!important}
.demo-frame .demo-note{display:none!important}
body :where(.micro-proof,.truth-card,.step-card,.fit-card,.handoff,.faq-list,.pain-card,.feature-card,.use-case,.mechanism-view) :where(p,li,span,small){font-size:.94rem!important;line-height:1.6!important}
body :where(.micro-proof,.step-card,.handoff,.serial-grid) :where(b,strong){font-size:.94rem!important;line-height:1.4!important}
body :where(.fit-list div,.handoff a,.serial-grid span){font-size:.94rem!important;line-height:1.55!important}

/* Small labels inside product explanations must remain readable at 100% zoom. */
body[data-product="story"] .dna-label,
body[data-product="video"] .preview-sub{font-size:.84rem!important;line-height:1.4!important}
body[data-product="story"] .story-page{
  top:58px!important;
  bottom:90px!important;
  min-height:0!important;
  padding:1rem!important;
  transform:none!important;
  overflow:hidden!important;
}
body[data-product="story"] .story-page::before{transform:none!important}
body[data-product="story"] .story-page h4{margin:.6rem 0 .8rem!important;font-size:1.05rem!important;line-height:1.3!important}
body[data-product="story"] .story-lines{gap:6px!important}
body[data-product="story"] .story-lines i{height:5px!important}
body[data-product="story"] .story-lines i:nth-child(n+9){display:none!important}
body[data-product="story"] .story-profile{margin-top:.8rem!important;padding:.65rem!important}
body[data-product="seo"] .text-row.peak{height:34px!important}
body[data-product="seo"] .text-row.peak::before{top:6px!important;font-size:.84rem!important;line-height:1.4!important}

/* CEPost: let larger customer-facing copy reflow instead of colliding in a fixed diagram. */
body[data-product="cepost"] .post-scene{
  inset:52px 18px 88px!important;
  display:grid!important;
  grid-template-columns:minmax(155px,.78fr) minmax(235px,1.22fr)!important;
  gap:1rem!important;
  align-items:center!important;
}
body[data-product="cepost"] .content-core{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-height:230px!important;
  padding:1rem!important;
}
body[data-product="cepost"] .branch{display:none!important}
body[data-product="cepost"] .target-stack{
  position:static!important;
  display:grid!important;
  gap:.65rem!important;
}
body[data-product="cepost"] .target-card{
  width:auto!important;
  min-width:0!important;
  padding:.75rem!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
}
body[data-product="cepost"] .target-card span,
body[data-product="cepost"] .target-card small{min-width:0!important}

/* Reduce empty vertical bands while keeping sections easy to scan. */
body :where(.hero,.product-hero){min-height:0!important;padding:clamp(2.75rem,4.5vw,4rem) 0 2.25rem!important;gap:clamp(2rem,4vw,3.5rem)!important}
body :where(.section,.pain-section,.features-section,.use-cases,.mechanism,.playbooks,.diagnostic,.proof-lab,.pipeline,.workspaces,.principles,.missions,.simple,.universe){padding-block:clamp(2.25rem,3vw,3rem)!important}
.product-hero .hero-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem!important;margin-top:1.5rem!important}
.product-hero .hero-facts li{display:flex;min-height:46px;align-items:center;padding:.65rem .8rem!important;border-radius:13px!important}
.simple{min-height:0!important;gap:clamp(2rem,4vw,4rem)!important}
.simple-visual{min-height:520px!important}
.universe-layout{min-height:0!important}
.signature-card{min-height:0!important}
.section-heading,.section-head{margin-bottom:clamp(1.75rem,3vw,2.5rem)!important}
.trust-strip .section-shell{min-height:60px!important;font-size:.94rem!important}
.customer-hero{padding:clamp(2.5rem,4vw,3.5rem) 0 1.75rem!important}
.customer-section{padding:2rem 0 3.5rem!important}
.customer-conversion{margin:2.75rem auto 1.5rem!important}
.customer-footer{margin-top:2.75rem!important;padding:1.75rem 0!important}

@media (max-width:680px){
  html{font-size:17px}
  body{font-size:1rem!important}
  body :where(.eyebrow,.kicker,.breadcrumb,.customer-breadcrumb,.section-index,.demo-kicker,.customer-eyebrow,.product-label,.journey-chip,.status-chip,.customer-status){font-size:.9rem!important}
  body :where(.demo-frame,.signature-card,.lens-panel,.journey-panel,.proof-frame,.diagnostic-result,.mechanism-view,.current-visual) :where(span,small,button,b,strong,.sentence,.demo-label,.artifact,.target,.source-node,.copy-item,.story-output,.source-detail,.content-core,.layer-sub,.story-peak,.thumb){font-size:.9rem!important}
  body[data-product="story"] .dna-label,
  body[data-product="video"] .preview-sub,
  body[data-product="seo"] .text-row.peak::before{font-size:.9rem!important}
  body[data-product="story"] .signature-stage{min-height:620px!important}
  body :where(.hero,.product-hero){padding:2.5rem 0 2rem!important}
  body :where(.section,.pain-section,.features-section,.use-cases,.mechanism,.playbooks,.diagnostic,.proof-lab,.pipeline,.workspaces,.principles,.missions,.simple,.universe){padding-block:2.25rem!important}
  .simple-visual{min-height:440px!important}
  .customer-section{padding:1.75rem 0 3rem!important}
  .product-hero .hero-facts{grid-template-columns:1fr}
  body[data-product="cepost"] .post-scene{inset:48px 8px 88px!important;grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr)!important;gap:.55rem!important}
  body[data-product="cepost"] .content-core{min-height:225px!important;padding:.7rem!important}
  body[data-product="cepost"] .target-card{padding:.55rem!important;grid-template-columns:26px minmax(0,1fr)!important;gap:.45rem!important}
  body[data-product="cepost"] .target-card>i{width:26px!important;height:26px!important}
  body[data-product="cepost"] .target-card>b{display:none!important}
}
