/* Approved landing design. Assets are served from this origin under the site's CSP. */
html { color-scheme:dark; background:var(--cp-bg); }
body { margin:0; }
#cp-one { --cp-violet:#b6a6dc; --cp-blue:#91b8da; --cp-amber:#d8b77d; color-scheme:dark; background:var(--cp-bg); color:var(--cp-text); font:400 15px/1.6 'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif; text-align:left; width:100%; isolation:isolate; container-type:inline-size; overflow:clip; }
body[data-page="landing"] #cp-one > .cp-header { transition:background-color 180ms ease; }
body[data-page="landing"] #cp-one > .cp-header.is-scrolled { background:rgb(16 18 19 / .86); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
body[data-page="landing"] #cp-one .cp-header-row { height:76px; }
@media (max-width:960px) { body[data-page="landing"] #cp-one .cp-header-row { height:64px; } }
@media (prefers-reduced-motion:reduce) { body[data-page="landing"] #cp-one > .cp-header { transition:none; } }
#cp-one * { box-sizing:border-box; }
#cp-one h1,#cp-one h2,#cp-one h3,#cp-one p,#cp-one ul,#cp-one pre { margin:0; }
#cp-one h1,#cp-one h2,#cp-one h3 { color:var(--cp-text); font-family:inherit; text-wrap:balance; }
#cp-one h1 { font-size:clamp(36px,5.55cqw,66px); line-height:1.09; font-weight:550; letter-spacing:-.052em; }
#cp-one h2 { font-size:clamp(27px,3.3cqw,38px); line-height:1.14; font-weight:500; letter-spacing:-.045em; }
#cp-one h3 { font-size:22px; line-height:1.25; font-weight:500; letter-spacing:-.025em; }
:where(#cp-one) button,:where(#cp-one) a,:where(#cp-one) input { -webkit-tap-highlight-color:transparent; }
:where(#cp-one) button,:where(#cp-one) input { font:inherit; }
:where(#cp-one) button { appearance:none; }
:where(#cp-one) button,:where(#cp-one) a { touch-action:manipulation; }
#cp-one :is(button,a,summary,input):focus { outline:none; }
.cp-keyboard-nav #cp-one :is(button,a,summary,input):focus-visible { outline:2px solid var(--cp-mint); outline-offset:5px; }
:where(#cp-one) a { text-decoration:none; color:inherit; }
:where(#cp-one) button { color:inherit; }
#cp-one [hidden] { display:none!important; }
#cp-one .cp-shell { width:min(1140px,calc(100% - 80px)); margin-inline:auto; }
#cp-one .cp-mono { font-family:'JetBrains Mono',ui-monospace,monospace; }
#cp-one .cp-muted { color:var(--cp-muted); }
#cp-one .cp-mint { color:var(--cp-mint); }
#cp-one .cp-eyebrow { font-size:11px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--cp-mint); margin-bottom:17px; }
#cp-one .cp-hero { text-align:center; padding-top:61px; position:relative; }
#cp-one .cp-hero .cp-eyebrow { display:flex; gap:9px; justify-content:center; align-items:center; color:#91bba6; font-size:13px; margin-bottom:23px; }
#cp-one .cp-status-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#83b89d; box-shadow:0 0 0 4px #83b89d0c; flex:none; }
#cp-one .cp-hero h1 span { display:block; color:var(--cp-mint); }
#cp-one .cp-hero-sub { margin:24px auto 0; max-width:570px; color:#c5d2c9; font-size:16px; line-height:1.8; text-wrap:pretty; }
#cp-one .cp-hero-sub strong { font-weight:500; color:#c5d2c9; }
#cp-one .cp-hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:26px; }
#cp-one .cp-hero-notes { margin:17px 0 37px; display:flex; justify-content:center; flex-wrap:wrap; gap:20px; font-size:11px; color:#8a9d90; }
#cp-one .cp-hero-notes span { display:flex; align-items:center; gap:6px; }
#cp-one .cp-hero-notes svg { width:13px; height:13px; color:var(--cp-mint); }
#cp-one .cp-story { text-align:left; position:relative; border-radius:16px; padding:16px; background:linear-gradient(150deg,#1e2223,#181b1c 52%,#1c2022); box-shadow:0 18px 70px #0003,inset 0 1px 0 #99b9a61a; }
#cp-one .cp-story-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 4px 14px; }
#cp-one .cp-story-top>span { font-size:11px; color:#a3bbae; display:flex; gap:8px; align-items:center; }
#cp-one .cp-play { background:transparent; border:0; display:flex; align-items:center; justify-content:center; gap:6px; min-height:32px; color:#9caea2; font-size:11px; padding:4px 8px; border-radius:5px; }
#cp-one .cp-play:hover { background:#2a3830; }
#cp-one .cp-play svg { width:12px; height:12px; }
#cp-one .cp-story-grid { display:grid; grid-template-columns:1.03fr .36fr 1fr; gap:0; align-items:stretch; }
#cp-one .cp-window { background:#131617; border-radius:10px; overflow:hidden; min-width:0; box-shadow:0 8px 25px #0002,inset 0 0 0 1px #879d8e12; }
#cp-one .cp-window-head { min-height:39px; display:flex; align-items:center; gap:9px; padding:0 14px; color:#8fa397; font-size:10px; background:#242829; }
#cp-one .cp-dots { display:flex; gap:4px; }
#cp-one .cp-dots i { width:5px; height:5px; background:#68766d; border-radius:50%; }
#cp-one .cp-window-head>span:last-child { margin-left:auto; }
#cp-one .cp-editor-body { padding:18px 19px 17px; min-height:213px; position:relative; }
#cp-one .cp-task-label { font-size:10px; letter-spacing:.08em; color:var(--cp-amber); margin-bottom:8px; text-transform:uppercase; }
#cp-one .cp-editor-body h3 { font-size:15px; font-weight:500; letter-spacing:-.015em; }
#cp-one .cp-editor-body p { font-size:11px; color:#9bac9f; margin-top:6px; }
#cp-one .cp-code { white-space:pre-wrap; overflow-wrap:anywhere; font:400 11px/1.9 'JetBrains Mono',monospace; color:#b8c9bd; }
#cp-one .cp-editor-body pre { margin-top:14px; padding-top:13px; border-top:1px solid #92ab9a12; }
#cp-one .cp-code .cp-kw { color:#b2a1d4; }
#cp-one .cp-code .cp-fn { color:#93b7d4; }
#cp-one .cp-code .cp-comment { color:#7e9385; }
#cp-one .cp-scan { position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,#80bba060,transparent); box-shadow:0 0 22px 3px #78b29719; animation:cp-scan 4.8s linear infinite; pointer-events:none; }
#cp-one .cp-bridge { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; padding:12px 5px; position:relative; color:#8eb89f; }
#cp-one .cp-bridge:before { content:''; position:absolute; left:0; right:0; height:1px; top:50%; background:#476e55; opacity:.4; }
#cp-one .cp-bridge:after { content:''; position:absolute; left:0; top:calc(50% - 2px); width:5px; height:5px; border-radius:50%; background:#9acdB0; animation:cp-travel 2.4s ease-in-out infinite; }
#cp-one .cp-memory-core { width:42px; height:42px; display:grid; place-items:center; background:#21352a; color:#9ec5ac; z-index:1; border-radius:13px; box-shadow:0 0 28px #56896918; }
#cp-one .cp-memory-core svg { width:19px; height:19px; }
#cp-one .cp-bridge small { position:absolute; top:calc(50% + 31px); font-size:9px; text-align:center; letter-spacing:.04em; }
#cp-one .cp-answer-body { padding:17px 18px; min-height:213px; }
#cp-one .cp-memory-title { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; font-size:11px; color:#9dbcA8; }
#cp-one .cp-memory-title b { color:#83b79a; font-size:10px; font-weight:400; }
#cp-one .cp-memory-items { display:flex; flex-wrap:wrap; gap:6px; }
#cp-one .cp-memory-item { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:5px; color:#a8c9b5; background:#203327; font-size:10px; transition:background 220ms; }
#cp-one .cp-memory-item:nth-child(2) { background:#252d33; color:#a4bad0; }
#cp-one .cp-answer-note { padding-top:17px; margin-top:17px; border-top:1px solid #a0b6a314; }
#cp-one .cp-answer-note h3 { font-size:15px; margin-bottom:7px; }
#cp-one .cp-answer-note p { font-size:11px; color:#9fb3a5; line-height:1.7; }
#cp-one .cp-remembered { display:flex; gap:6px; align-items:center; color:#91bba2; font-size:10px; margin-top:12px; }
#cp-one .cp-remembered svg { width:12px; height:12px; }
#cp-one .cp-stage-controls { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:12px; }
#cp-one .cp-stage { text-align:left; border:0; border-radius:7px; padding:10px 12px; background:transparent; min-height:56px; position:relative; color:#8ea395; transition:background 130ms; }
#cp-one .cp-stage:hover { background:#26372c; }
#cp-one .cp-stage[aria-pressed=true] { background:#273b2f; color:#bfd6c7; }
#cp-one .cp-stage .cp-step-num { color:#75a28a; margin-right:7px; font:10px 'JetBrains Mono',monospace; }
#cp-one .cp-stage b { font-weight:500; font-size:12px; }
#cp-one .cp-stage small { display:block; font-size:11px; color:#91a596; padding-left:24px; margin-top:2px; }
#cp-one .cp-demo-caption { font-size:11px; color:#8c9d92; margin:15px 0 0; text-align:center; min-height:18px; }
#cp-one .cp-companies { padding:59px 0 65px; text-align:center; }
#cp-one .cp-marquee { overflow:hidden; margin:0 auto 16px; max-width:1060px; mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent); }
#cp-one .cp-belt { display:flex; width:max-content; animation:cp-belt 38s linear infinite; }
#cp-one .cp-belt-group { display:flex; align-items:center; gap:59px; padding-right:59px; }
#cp-one .cp-company { font-size:22px; letter-spacing:-.7px; font-weight:600; color:#91a097; white-space:nowrap; }
#cp-one .cp-company:nth-child(3n) { font-weight:450; letter-spacing:-1px; }
#cp-one .cp-companies small { font-size:10px; color:#73877a; }
#cp-one .cp-section { padding-block:66px; }
#cp-one .cp-section-intro { display:flex; gap:50px; align-items:end; justify-content:space-between; margin-bottom:32px; }
#cp-one .cp-section-intro p:not(.cp-eyebrow) { max-width:335px; color:var(--cp-muted); font-size:15px; }
#cp-one .cp-work-grid { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); align-items:center; gap:20px; }
#cp-one .cp-work-card { background:#1b2024; border-radius:18px; padding:30px; overflow:hidden; position:relative; }
#cp-one .cp-work-card.cp-keys-card { background:#25231f; }
#cp-one .cp-work-card h3 { margin-bottom:9px; }
#cp-one .cp-work-card>p { color:var(--cp-muted); font-size:15px; max-width:365px; }
#cp-one .cp-keys-card>p { color:var(--cp-muted); }
#cp-one .cp-design-card { background:#1b1a20; border:1px solid #b585c520; padding:26px; }
#cp-one .cp-design-card>p { max-width:480px; color:var(--cp-muted); }
#cp-one .cp-design-figure { margin:24px 0 0; }
#cp-one .cp-design-image-link { display:block; aspect-ratio:1342 / 948; overflow:hidden; background:#0d0d0e; border:1px solid #b585c528; border-radius:9px; cursor:zoom-in; }
#cp-one .cp-design-image-link img { display:block; width:100%; height:auto; }
#cp-one .cp-design-figure figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; margin-top:14px; color:#b4a9b9; font-size:11px; line-height:1.6; }
#cp-one .cp-design-figure figcaption a { color:#e7b7d4; text-underline-offset:4px; }
#cp-one .cp-design-image-link:focus-visible { outline:2px solid #e7b7d4; outline-offset:5px; }
#cp-one .cp-keyboard { display:flex; gap:11px; align-items:center; justify-content:center; padding:31px 0 26px; perspective:600px; }
#cp-one .cp-keycap { min-width:72px; height:70px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; background:linear-gradient(145deg,#514b3b,#38352c); color:#d6c8a6; border:1px solid #77705b40; border-radius:15px; box-shadow:0 7px 0 #191b17,0 12px 18px #0003,inset 0 1px 1px #e2d1a81a; padding:9px 11px 8px; transform:rotateX(10deg); transition:transform 160ms,box-shadow 160ms,background 160ms; }
#cp-one .cp-keycap em { font-style:normal; font-size:28px; line-height:1; }
#cp-one .cp-keycap small { font-size:10px; line-height:1; opacity:.8; }
#cp-one .cp-keycap.cp-depressed { transform:translateY(5px) rotateX(10deg); box-shadow:0 2px 0 #191b17,0 3px 10px #0002; background:linear-gradient(145deg,#716143,#49402f); color:#e0c388; }
#cp-one .cp-key-actions { display:flex; justify-content:center; gap:5px; }
#cp-one .cp-key-actions button { min-height:36px; border:0; background:transparent; color:#a79d84; font-size:11px; border-radius:5px; padding:5px 11px; }
#cp-one .cp-key-actions button[aria-pressed=true] { background:#393426; color:#d8bf8e; }
#cp-one .cp-key-result { color:#c7b68f; text-align:center; font-size:11px; min-height:18px; margin-top:17px!important; }
#cp-one .cp-custom { padding-block:90px 64px; }
#cp-one .cp-custom-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr); gap:54px; align-items:center; }
#cp-one .cp-custom .cp-eyebrow { color:var(--cp-amber); }
#cp-one .cp-soon { font-size:9px; letter-spacing:.02em; text-transform:none; padding:3px 6px; border-radius:4px; background:#343022; color:#c3ad7f; margin-left:8px; white-space:nowrap; }
#cp-one .cp-custom h2 span { color:var(--cp-amber); }
#cp-one .cp-custom-copy>p:not(.cp-eyebrow) { font-size:14px; color:var(--cp-muted); margin:18px 0 24px; }
#cp-one .cp-style-switch { display:inline-flex; padding:4px; border-radius:8px; background:#252720; gap:3px; }
#cp-one .cp-style-switch button { border:0; background:transparent; min-height:41px; padding:8px 19px; color:#a9ac9e; font-size:12px; border-radius:5px; transition:background 130ms,color 130ms; }
#cp-one .cp-style-switch button[aria-pressed=true] { color:#e1cba4; background:#47402d; }
#cp-one .cp-style-switch button:hover { color:#ebdab7; }
#cp-one .cp-style-note { margin-top:13px; font-size:11px; color:#94977f; min-height:38px; }
#cp-one .cp-code-window { background:#1d2021; border-radius:14px; overflow:hidden; box-shadow:0 15px 35px #0002; }
#cp-one .cp-code-window .cp-window-head { background:transparent; color:#929b96; min-height:43px; padding-inline:23px; justify-content:space-between; }
#cp-one .cp-language-tabs { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(48px,1fr); overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; background:#181a1b; border-bottom:1px solid #303333; }
#cp-one .cp-language-tabs::-webkit-scrollbar { display:none; }
#cp-one .cp-language-tab { display:grid; place-items:center; min-width:0; height:61px; padding:15px 10px; border:0; border-right:1px solid #2a2d2e; background:transparent; transition:background 130ms; }
#cp-one .cp-language-tab:last-child { border-right:0; }
#cp-one .cp-language-tab svg { display:block; width:27px; height:27px; filter:grayscale(1) contrast(.75) brightness(1.15); transition:filter 140ms; }
#cp-one .cp-language-tab[aria-selected=true] { background:#2a2d2e; }
#cp-one .cp-language-tab[aria-selected=true] svg { filter:none; }
#cp-one .cp-language-tab[data-language=rust] svg { filter:invert(.66); }
#cp-one .cp-language-tab[data-language=rust][aria-selected=true] svg { filter:invert(.88); }
.cp-keyboard-nav #cp-one .cp-language-tab:focus-visible { outline-offset:-4px; border-radius:3px; }
.cp-keyboard-nav #cp-one #cp-custom-panel:focus-visible { outline:2px solid var(--cp-mint); outline-offset:-4px; }
@media (hover:hover) and (pointer:fine) {
#cp-one .cp-language-tab:hover { background:#252829; }
#cp-one .cp-language-tab[aria-selected=true]:hover { background:#2d3031; }
}
#cp-one .cp-code-window pre { padding:10px 23px 24px; font-size:12px; min-height:335px; color:#b1bebb; }
#cp-one .cp-code-window .cp-kw { color:#b5a3c5; }
#cp-one .cp-code-footer { display:flex; justify-content:space-between; gap:10px; padding:12px 23px; border-top:1px solid #303333; color:#929b96; font-size:10px; background:#181a1b; }
#cp-one .cp-pricing { padding-block:67px; }
#cp-one .cp-pricing-head { text-align:center; margin-bottom:31px; }
#cp-one .cp-pricing-head p:last-child { font-size:15px; color:var(--cp-muted); margin-top:16px; }
#cp-one .cp-pricing-note { margin-top:20px; text-align:center; font-size:10px; color:#839588; }
/* Neutral charcoal FAQ and footer, scoped to the public landing family. */
#cp-one .cp-faq { background:#101213; padding:94px 0 104px; }
#cp-one .cp-faq-head { text-align:center; margin:0 auto 56px; }
#cp-one .cp-faq h2 { font-size:clamp(28px,3.5cqw,38px); }
#cp-one .cp-faq-head>p:last-child { margin-top:18px; color:var(--cp-muted); }
#cp-one .cp-faq .cp-eyebrow { color:#7fb9ad; }
#cp-one .cp-faq-list { max-width:850px; margin:0 auto; }
#cp-one .cp-faq-row { border-bottom:1px solid #313637; }
#cp-one .cp-faq-row:last-child { border-bottom:0; }
#cp-one .cp-faq-row summary { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px; padding:22px 0; list-style:none; cursor:pointer; font-weight:550; color:#d3d7d5; }
#cp-one .cp-faq-row summary::-webkit-details-marker { display:none; }
#cp-one .cp-faq-row summary:after { content:'+'; flex:none; width:20px; text-align:center; color:#a8b0ac; font-size:22px; font-weight:400; }
#cp-one .cp-faq-row[open] summary:after { content:'−'; }
#cp-one .cp-faq-row summary:focus-visible { outline:2px solid #93b4cf; outline-offset:4px; border-radius:3px; }
#cp-one .cp-faq-row p { max-width:740px; padding:0 36px 25px 0; color:var(--cp-muted); line-height:1.8; }
#cp-one .cp-closing { text-align:center; padding:100px 25px 90px; background:#101213; }

#cp-one .cp-closing-notes { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; padding:0; margin:25px 0 42px; list-style:none; color:var(--cp-muted); font-size:13px; }
#cp-one .cp-closing-notes li:before { content:'✓'; color:#8aaacb; margin-right:7px; }
#cp-one .cp-start { min-height:44px; gap:7px; padding:10px 19px; font-size:14px; color:#edf2f8; background:linear-gradient(180deg,#41658f,#345579); border-color:#577ba3; }
#cp-one .cp-start span { font-weight:400; }
#cp-one .cp-start:hover { background:#446992; }
#cp-one .cp-toast { margin:14px auto 0; max-width:540px; padding:12px 16px; background:#26312b; color:#bdcec2; border-radius:8px; font-size:12px; text-align:left; }
#cp-one.cp-motion-paused .cp-scan,#cp-one.cp-motion-paused .cp-bridge:after,#cp-one.cp-motion-paused .cp-belt { animation-play-state:paused!important; }
@keyframes cp-scan { 0% {transform:translateY(10px);opacity:0} 12%{opacity:1} 80%{opacity:1} 100% {transform:translateY(204px);opacity:0} }
@keyframes cp-travel { 0%{left:0;opacity:0} 15%{opacity:1} 90%{opacity:1} 100%{left:100%;opacity:0} }
@keyframes cp-belt { to { transform:translateX(-50%); } }
@keyframes cp-content-in { from{opacity:.4;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }
#cp-one .cp-updated { animation:cp-content-in 250ms ease-out; }
@container (max-width:900px) {
#cp-one .cp-shell { width:calc(100% - 48px); }
#cp-one .cp-hero { padding-top:49px; }
#cp-one .cp-work-grid { grid-template-columns:1fr; }
#cp-one .cp-work-card { padding:24px; }
#cp-one .cp-custom-grid { gap:30px; }

}
@container (max-width:650px) {
#cp-one .cp-shell { width:calc(100% - 36px); }
#cp-one .cp-hero { padding-top:31px; }
#cp-one .cp-hero h1 { font-size:clamp(34px,7.5cqw,48px);line-height:1.14;letter-spacing:-.045em; }
#cp-one .cp-hero h1 span { margin-top:5px; }
#cp-one .cp-hero .cp-eyebrow { font-size:11px;letter-spacing:.11em;margin-bottom:22px; }
#cp-one .cp-hero-sub { font-size:14px;line-height:1.75;margin-top:20px;max-width:440px; }
#cp-one .cp-hero-actions { margin-top:22px;gap:8px; }
#cp-one .cp-hero-actions .cp-button { font-size:12px;padding:11px 14px; }
#cp-one .cp-hero-notes { gap:10px;font-size:11px; margin:17px 0 28px; }
#cp-one .cp-hero-notes svg { width:11px;height:11px; }
#cp-one .cp-story { padding:12px; }
#cp-one .cp-story-top { padding:0 1px 9px; }
#cp-one .cp-story-top>span { font-size:11px; }
#cp-one .cp-play { min-height:38px;font-size:10px; }
#cp-one .cp-story-grid { grid-template-columns:1fr; }
#cp-one .cp-editor-body { min-height:183px;padding:16px; }
#cp-one .cp-editor-body pre { margin-top:10px;padding-top:10px; }
#cp-one .cp-bridge { height:47px;flex-direction:row;gap:9px; }
#cp-one .cp-bridge:before { top:0;bottom:0;height:auto;width:1px;left:50%;right:auto; }
#cp-one .cp-bridge:after { display:none; }
#cp-one .cp-memory-core { width:29px;height:29px;border-radius:8px; }
#cp-one .cp-memory-core svg { width:14px;height:14px; }
#cp-one .cp-bridge small { position:static;background:#1b2021;z-index:1;padding:3px 5px;font-size:10px; }
#cp-one .cp-answer-body { min-height:180px;padding:16px; }
#cp-one .cp-answer-note { margin-top:12px;padding-top:12px; }
#cp-one .cp-stage-controls { gap:4px; }
#cp-one .cp-stage { padding:9px 7px;min-height:51px;text-align:center; }
#cp-one .cp-stage small { padding:0;font-size:11px; }
#cp-one .cp-stage .cp-step-num { font-size:9px;margin-right:4px; }
#cp-one .cp-stage b { font-size:11px; }
#cp-one .cp-demo-caption { font-size:11px;padding:0 10px; }
#cp-one .cp-companies { padding:38px 0 36px; }
#cp-one .cp-company { font-size:21px; }
#cp-one .cp-belt-group { gap:35px;padding-right:35px; }
#cp-one .cp-section { padding-block:42px; }
#cp-one .cp-section-intro { flex-direction:column;align-items:start;gap:15px;margin-bottom:25px; }
#cp-one .cp-section-intro p:not(.cp-eyebrow) { max-width:420px;font-size:13px; }
#cp-one .cp-work-grid { grid-template-columns:1fr;gap:15px; }
#cp-one .cp-work-card { padding:25px; }
#cp-one .cp-work-card h3 { font-size:22px; }
#cp-one .cp-key-actions button { min-height:44px; }
#cp-one .cp-keyboard { padding-top:27px;padding-bottom:25px; }
#cp-one .cp-custom { padding-block:55px 35px; }
#cp-one .cp-custom-grid { grid-template-columns:1fr;gap:26px; }
#cp-one .cp-custom-copy>p:not(.cp-eyebrow) { margin-bottom:19px; }
#cp-one .cp-style-switch button { min-height:44px; }
#cp-one .cp-style-note { min-height:0; }
#cp-one .cp-code-window pre { font-size:11px;padding:8px 18px 23px;min-height:318px; }
#cp-one .cp-code-window .cp-window-head { padding-inline:18px; }
#cp-one .cp-language-tab { height:56px; }
#cp-one .cp-pricing { padding-block:43px; }
#cp-one .cp-pricing-head { text-align:left; }
#cp-one .cp-pricing-note { text-align:left;font-size:11px; }
#cp-one .cp-faq { padding-block:60px; }
#cp-one .cp-faq-head { margin-bottom:26px; }
#cp-one .cp-faq-row summary { min-height:68px; padding-block:20px; }
#cp-one .cp-faq-row p { padding-right:12px; }
#cp-one .cp-closing { padding-block:44px 48px; }
#cp-one .cp-closing-notes { flex-direction:column; gap:9px; margin-bottom:30px; }
}
@container (max-width:355px) {
#cp-one .cp-shell { width:calc(100% - 28px); }
#cp-one .cp-hero h1 { font-size:32px; }
#cp-one .cp-hero-actions { flex-direction:column; }
#cp-one .cp-hero-notes { gap:8px; }
#cp-one .cp-hero-notes span:last-child { display:none; }
#cp-one .cp-story-top>span { max-width:155px; }
#cp-one .cp-stage b { font-size:11px; }
#cp-one .cp-stage small { font-size:11px; }
#cp-one .cp-work-card { padding:20px; }
}
@media (prefers-reduced-motion:reduce) {
#cp-one *,#cp-one *:before,#cp-one *:after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
#cp-one .cp-scan { display:none; }
}
/* Continuous editor recording: all movement follows the same 35-second clock. */
#cp-one .cp-film { text-align:left; margin-top:6px; --film-row:22px; --film-zoom:1; --film-scroll:0px; --film-pulse:0; }
#cp-one .cp-film-eyeline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 3px 14px; font-size:11px; color:#969e9a; }
#cp-one .cp-film-eyeline>span { display:flex; align-items:center; gap:8px; }
#cp-one .cp-film-eyeline .cp-status-dot { width:5px;height:5px; }
#cp-one .cp-film-eyeline small { font-size:10px; color:#707a75; }
#cp-one .cp-film-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:15px; align-items:stretch; }
#cp-one .cp-film-screen { position:relative;isolation:isolate;min-width:0;padding:36px 9% 57px 13px;border:5px solid #111615;border-radius:15px;background:#152520;box-shadow:0 15px 38px #0005,inset 0 0 0 1px #7eaa9433;overflow:hidden; }
#cp-one .cp-film-wallpaper { position:absolute;inset:0;width:100%;height:100%;z-index:-1; }
#cp-one .cp-film-menubar { position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:14px;height:24px;padding:0 13px;background:#b1d0bf13;box-shadow:0 1px #d3ebde10;color:#c1d3c8;font-size:8px; }
#cp-one .cp-film-menubar svg { width:11px;height:13px; }
#cp-one .cp-film-menu-status { margin-left:auto;letter-spacing:3px; }
#cp-one .cp-film-interview { position:relative;overflow:hidden;border-radius:8px;background:#141719;box-shadow:0 10px 25px #0006,0 0 0 1px #a0bbaa20; }
#cp-one .cp-film-dock { position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:6px;border:1px solid #bad7c42b;border-radius:12px;background:#15251fcc;box-shadow:0 5px 14px #0003; }
#cp-one .cp-film-dock svg { width:30px;height:30px;filter:drop-shadow(0 2px 2px #0003); }
#cp-one .cp-film-titlebar { display:flex; align-items:center; gap:12px; height:38px; padding:0 16px; background:#1b1e1f; box-shadow:inset 0 -1px 0 #292e2e; color:#a8aeab; font-size:11px; }
#cp-one .cp-film-titlebar .cp-dots i { width:6px;height:6px; }
#cp-one .cp-film-titlebar .cp-dots i:nth-child(1) { background:#76605c; }
#cp-one .cp-film-titlebar .cp-dots i:nth-child(2) { background:#766d54; }
#cp-one .cp-film-titlebar .cp-dots i:nth-child(3) { background:#526f60; }
#cp-one .cp-film-titlebar>span:last-child { margin-left:auto; font-size:9px; letter-spacing:.07em; color:#7d8d83; }
#cp-one .cp-film-stealth { margin-left:auto;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.07em;color:#b4dfbf;white-space:nowrap; }
#cp-one .cp-film-stealth svg { width:13px;height:15px; }
#cp-one .cp-film-mic { display:grid;place-items:center;flex:none;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:#202326;color:#afb5bc;transition:background 140ms,color 140ms; }
#cp-one .cp-film-mic[aria-pressed=true] { background:#303438;color:#eef0f2; }
#cp-one .cp-film-main { display:grid; grid-template-columns:minmax(132px,.65fr) minmax(0,1.75fr); min-height:372px; }
#cp-one .cp-film-prompt { padding:22px 16px; background:#151818; border-right:1px solid #2a3030; }
#cp-one .cp-film-prompt-label { display:flex; align-items:center; gap:6px; color:#8fa697; font-size:9px; letter-spacing:.09em; margin-bottom:16px; }
#cp-one .cp-film-prompt-label svg { width:12px;height:12px; }
#cp-one .cp-film-prompt h3 { font-size:17px;line-height:1.35;letter-spacing:-.025em; margin-bottom:13px; }
#cp-one .cp-film-prompt p { font-size:11px;line-height:1.8;color:#989f9b; }
#cp-one .cp-film-prompt strong { color:#b3bcb6; font-weight:500; }
#cp-one .cp-film-prompt ul { list-style:none;padding:0;margin:20px 0;display:grid;gap:9px;font-size:10px;color:#88968e; }
#cp-one .cp-film-prompt li { display:flex;gap:7px;align-items:baseline; }
#cp-one .cp-film-prompt li:before { content:'·';color:#92b6a2; }
#cp-one .cp-film-example { padding:11px 0 0;border-top:1px solid #28312b;font-size:10px;color:#acbfb0;line-height:1.9; }
#cp-one .cp-film-example small { display:block;font-family:'DM Sans',sans-serif;font-size:9px;color:#717f77;margin-bottom:5px; }
#cp-one .cp-film-editor { min-width:0;position:relative; background:#141719; }
#cp-one .cp-film-tabs { display:flex;align-items:center;height:36px;background:#181c1e;gap:0;box-shadow:inset 0 -1px 0 #2b3133; }
#cp-one .cp-film-tab { display:flex;align-items:center;gap:7px;min-height:36px;min-width:0;padding:8px 13px;border:0;background:transparent;color:#75818a;font:10px 'JetBrains Mono',monospace;white-space:nowrap;position:relative; }
#cp-one .cp-film-tab::after { content:'';height:1px;position:absolute;bottom:0;left:0;right:0;background:transparent; }
#cp-one .cp-film-tab[data-active=true] { color:#b5c5bb;background:#141719; }
#cp-one .cp-film-tab[data-active=true]::after { background:#85b6a0; }
#cp-one .cp-film-tab .cp-file-letter { color:#8eacd0; font-size:9px; }
#cp-one .cp-film-tab:nth-child(2) .cp-file-letter { color:#bcad83; }
#cp-one .cp-film-tab[data-film-file=tests] .cp-file-letter { color:#8db39a; }
#cp-one .cp-film-zoom-label { margin-left:auto;padding:0 9px;font:9px 'JetBrains Mono',monospace;color:#637b70; }
#cp-one .cp-film-code-viewport { height:calc(var(--film-row) * 14 + 20px);overflow:hidden;position:relative; }
#cp-one .cp-film-code-plane { transform:scale(var(--film-zoom));transform-origin:0 65%;will-change:transform; padding:10px 0; }
#cp-one .cp-film-code-lines { transform:translateY(calc(-1 * var(--film-scroll)));will-change:transform; }
#cp-one .cp-film-line { display:flex;align-items:center;height:var(--film-row);position:relative;font:400 11px/var(--film-row) 'JetBrains Mono',ui-monospace,monospace;white-space:pre; }
#cp-one .cp-film-line.cp-line-active { background:#8bab9510; }
#cp-one .cp-film-line.cp-line-active::before { content:'';width:2px;position:absolute;left:0;top:0;bottom:0;background:#8db49d9c; }
#cp-one .cp-film-code-lines .cp-film-line[data-line="9"] { background:rgb(137 189 156 / calc(var(--line-flash,0)*.24));box-shadow:inset 0 0 0 1px rgb(137 189 156 / calc(var(--line-flash,0)*.65)); }
#cp-one .cp-film-ln { width:36px; flex:none;text-align:right;padding-right:13px;color:#505e63;font-size:10px;user-select:none; }
#cp-one .cp-line-active .cp-film-ln { color:#a2c5ae; }
#cp-one .cp-film-code-text { color:#b1bebb;min-width:0; }
#cp-one .cp-film-code-text .fkw { color:#b5a3c5; }
#cp-one .cp-film-code-text .ffn { color:#93b5cf; }
#cp-one .cp-film-code-text .fstr { color:#b7b98f; }
#cp-one .cp-film-code-text .fnum { color:#c3a982; }
#cp-one .cp-film-code-text .fcomment { color:#596f65; }
#cp-one .cp-film-caret { display:inline-block;height:13px;width:1.5px;background:#b1d2bc;vertical-align:-2px;margin-left:1px; }
#cp-one .cp-film-scrollbar { position:absolute;top:10px;bottom:10px;right:5px;width:3px;background:#505c6012;border-radius:3px; }
#cp-one .cp-film-scrollbar span { display:block;width:3px;height:42%;background:#6a7a725e;border-radius:3px;transform:translateY(var(--film-thumb,0px)); }
#cp-one .cp-film-statusbar { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px;padding:0 12px;background:#1a2020;color:#74897b;font:9px 'JetBrains Mono',monospace; }
#cp-one .cp-film-statusbar>span:last-child { color:#82938a; }
#cp-one .cp-film-pointer { position:absolute;z-index:4;left:0;top:0;width:22px;height:28px;pointer-events:none;will-change:transform;opacity:var(--film-pointer-opacity,1);filter:drop-shadow(1px 3px 3px #0009); }
#cp-one .cp-film-pointer svg { width:17px;height:21px;stroke:#d4ded7;fill:#17231b;stroke-width:1.7; }
#cp-one .cp-film-pointer small { position:absolute;left:17px;top:19px;color:#acd2b9;background:#294237;box-shadow:0 2px 5px #0002;border-radius:4px;padding:1px 5px;font:8px/1.5 'DM Sans',sans-serif; }
#cp-one .cp-film-click { position:absolute;left:-7px;top:-7px;width:25px;height:25px;border:1px solid #b5d5c29c;border-radius:50%;opacity:var(--film-click,0);transform:scale(var(--film-click-scale,1)); }
#cp-one .cp-film-context { display:flex;flex-direction:column;background:#151b18;border-radius:12px;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 1px #3b464138,0 12px 32px #0002; }
#cp-one .cp-film-context-title { min-height:49px;display:flex;gap:9px;align-items:center;padding:0 19px;font-size:11px;font-weight:500;letter-spacing:.095em;color:#b2c5b7; }
#cp-one .cp-film-context-title svg { width:14px;height:14px;color:#90bca1; }
#cp-one .cp-film-live { margin-left:auto;font-size:8px;font-weight:400;letter-spacing:.04em;color:#93af9c;display:inline-flex;align-items:center;gap:5px; }
#cp-one .cp-film-session-time { color:#b2cbb9;font:10px 'JetBrains Mono',monospace;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap; }
#cp-one .cp-film-live::before { content:'';width:4px;height:4px;border-radius:50%;background:#8db39a;opacity:var(--live-on,1); }
#cp-one .cp-film-context-body { padding:0 13px 13px;display:flex;flex-direction:column;gap:10px;flex:1; }
#cp-one .cp-film-file { padding:14px 14px 11px;border-radius:7px;background:color-mix(in srgb,#3d7356 calc(var(--file-flash,0)*33%),#202827);box-shadow:inset 0 0 0 1px rgb(137 189 156 / calc(var(--file-flash,0)*.38));min-height:103px; }
#cp-one .cp-film-file-top { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font:11px 'JetBrains Mono',monospace;color:#bdcfc3; }
#cp-one .cp-film-file-top .cp-film-update-badge { opacity:var(--file-flash,0);font:8px 'DM Sans',sans-serif;letter-spacing:.06em;color:#b9dfc7; }
#cp-one .cp-film-range { display:flex;align-items:baseline;justify-content:space-between;gap:8px; }
#cp-one .cp-film-range strong { color:#bccfc2; font:400 21px/1.3 'JetBrains Mono',monospace;letter-spacing:-.8px; }
#cp-one .cp-film-range small { font-size:9px;color:#88a793; }
#cp-one .cp-film-file-detail { display:flex;align-items:center;gap:5px;margin-top:8px;font-size:10px;line-height:1.5;color:#8ea899; }
#cp-one .cp-film-file-detail svg { width:10px;height:10px; }
#cp-one .cp-film-file.cp-film-testfile { opacity:var(--test-opacity,0);transform:translateY(var(--test-y,9px)); }
#cp-one .cp-film-context-empty { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:11px;line-height:1.8;color:#61776b;opacity:var(--empty-opacity,1); }
#cp-one .cp-film-file-slot { position:relative;min-height:103px; }
#cp-one .cp-film-receipt { padding:9px 2px 0;margin-top:auto;min-height:72px; }
#cp-one .cp-film-receipt-label { display:flex;gap:7px;align-items:center;font-size:9px;color:#718d7b;letter-spacing:.06em;margin-bottom:7px; }
#cp-one .cp-film-receipt-label i { width:4px;height:4px;border-radius:50%;background:#6e9e80; }
#cp-one .cp-film-receipt p { font:10px/1.8 'JetBrains Mono',monospace;color:#9eb5a6;overflow-wrap:anywhere; }
#cp-one .cp-film-receipt p span { color:#708c7c; }
#cp-one .cp-film-context-foot { display:flex;justify-content:space-between;gap:8px;padding:11px 17px;background:#121715;font-size:10px;color:#809989; }
#cp-one .cp-film-context-foot span:last-child { color:#96b09f; }
#cp-one .cp-film-player { display:flex;align-items:center;gap:12px;margin-top:13px;min-height:42px;color:#8f9c94; }
#cp-one .cp-film-control { border:0;border-radius:5px;min-height:36px;min-width:31px;padding:5px 8px;display:inline-flex;gap:7px;align-items:center;justify-content:center;background:transparent;color:#9eadA3;font-size:11px; }
#cp-one .cp-film-control:hover { background:#252d28;color:#c3d3c9; }
#cp-one .cp-film-control svg { width:13px;height:13px; }
#cp-one .cp-film-time { font:10px 'JetBrains Mono',monospace;color:#73867b;min-width:65px;white-space:nowrap; }
#cp-one .cp-film-player input { min-width:50px;flex:1;appearance:none;-webkit-appearance:none;height:34px;padding:0;border:0;border-radius:0;background:transparent;outline-offset:2px; }
#cp-one .cp-film-player input::-webkit-slider-runnable-track { height:3px;border-radius:3px;background:linear-gradient(to right,#709d84 var(--film-progress,0%),#303b34 var(--film-progress,0%)); }
#cp-one .cp-film-player input::-webkit-slider-thumb { appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#a2bdaa;margin-top:-2.5px; }
#cp-one .cp-film-player input::-moz-range-track { height:3px;border-radius:3px;background:#303b34; }
#cp-one .cp-film-player input::-moz-range-progress { height:3px;border-radius:3px;background:#709d84; }
#cp-one .cp-film-player input::-moz-range-thumb { width:8px;height:8px;border:0;border-radius:50%;background:#a2bdaa; }
#cp-one .cp-film-scene-label { font-size:10px;min-width:142px;text-align:right;color:#819689; }
#cp-one .cp-film-caption { text-align:center;font-size:14px;color:#919e96;margin-top:6px;min-height:20px; }
#cp-one .cp-film-demo-label { font-size:10px;color:#69786f; }
@container (max-width:1000px) {
#cp-one .cp-film-main { grid-template-columns:minmax(120px,.56fr) minmax(0,1.7fr); }
#cp-one .cp-film-prompt { padding:20px 12px; }
#cp-one .cp-film-tab { padding-inline:10px; }
#cp-one .cp-film-context-title { padding-inline:14px;font-size:10px; }
#cp-one .cp-film-file { padding-inline:11px; }
#cp-one .cp-film-live { font-size:8px; }
#cp-one .cp-film-ln { width:32px;padding-right:10px; }
}
@container (max-width:850px) {
#cp-one .cp-film-grid { gap:12px;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr); }
#cp-one .cp-film-main { grid-template-columns:1fr; }
#cp-one .cp-film-prompt { padding:14px 15px;border-right:0;border-bottom:1px solid #29302f;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center; }
#cp-one .cp-film-prompt-label { margin:0;grid-column:1;font-size:8px; }
#cp-one .cp-film-prompt h3 { font-size:14px;margin:4px 0 0;grid-column:1;white-space:nowrap; }
#cp-one .cp-film-prompt p { grid-row:1 / span 2;grid-column:2;font-size:11px;line-height:1.65; }
#cp-one .cp-film-prompt ul,#cp-one .cp-film-example { display:none; }
#cp-one .cp-film-context-title { font-size:10px;letter-spacing:.05em;gap:6px; }
#cp-one .cp-film-live { display:inline-flex;font-size:7px;gap:3px; }
#cp-one .cp-film-context-title { flex-wrap:wrap;gap:6px;padding-block:10px; }
#cp-one .cp-film-context-body { padding-inline:10px;gap:15px;padding-top:6px; }
#cp-one .cp-film-file { min-height:115px;padding:17px 12px 13px; }
#cp-one .cp-film-range { flex-wrap:wrap;gap:5px; }
#cp-one .cp-film-range strong { font-size:22px; }
#cp-one .cp-film-range small { font-size:10px; }
#cp-one .cp-film-file-top { font-size:11px; }
#cp-one .cp-film-file-detail { font-size:10px; }
#cp-one .cp-film-file-slot { min-height:115px; }
#cp-one .cp-film-receipt { padding-top:10px; }
#cp-one .cp-film-context-foot { flex-direction:column;gap:2px;padding:12px 15px; }
}
@container (max-width:650px) {
#cp-one .cp-film { --film-row:20px; }
#cp-one .cp-film-grid { grid-template-columns:1fr;gap:12px; }
#cp-one .cp-film-eyeline { margin:0 0 11px;font-size:10px; }
#cp-one .cp-film-eyeline small { font-size:9px; }
#cp-one .cp-film-titlebar { height:36px;padding-inline:13px;font-size:10px; }
#cp-one .cp-film-main { min-height:0; }
#cp-one .cp-film-prompt { padding:13px 14px;column-gap:15px; }
#cp-one .cp-film-prompt p { font-size:11px; }
#cp-one .cp-film-prompt h3 { font-size:14px; }
#cp-one .cp-film-tabs,#cp-one .cp-film-tab { min-height:39px;height:39px; }
#cp-one .cp-film-tab { font-size:11px;padding:9px 14px; }
#cp-one .cp-film-code-viewport { height:calc(var(--film-row)*14 + 20px); }
#cp-one .cp-film-line { font-size:11px; }
#cp-one .cp-film-ln { font-size:10px;width:35px;padding-right:12px; }
#cp-one .cp-film-context-title { min-height:42px;font-size:11px;padding-inline:16px;letter-spacing:.06em; }
#cp-one .cp-film-live { display:inline-flex;font-size:9px; }
#cp-one .cp-film-context-body { display:grid;grid-template-columns:1fr 1fr;padding:0 11px 11px;gap:10px; }
#cp-one .cp-film-file,#cp-one .cp-film-file-slot { min-height:110px; }
#cp-one .cp-film-file { padding:12px; }
#cp-one .cp-film-file-top { font-size:11px;margin-bottom:10px; }
#cp-one .cp-film-file-top .cp-film-update-badge { font-size:7px; }
#cp-one .cp-film-file-detail { font-size:10px; }
#cp-one .cp-film-range strong { font-size:22px; }
#cp-one .cp-film-range small { font-size:10px; }
#cp-one .cp-film-context-empty { padding:13px;font-size:11px; }
#cp-one .cp-film-receipt { grid-column:1/-1;min-height:0;padding:4px 4px 0; }
#cp-one .cp-film-receipt-label { font-size:9px;margin-bottom:4px; }
#cp-one .cp-film-receipt p { font-size:11px; }
#cp-one .cp-film-context-foot { flex-direction:row;font-size:10px;padding:11px 15px; }
#cp-one .cp-film-player { gap:5px;flex-wrap:wrap;margin-top:10px; }
#cp-one .cp-film-control { min-height:44px;min-width:34px;padding:7px; }
#cp-one .cp-film-control #cp-motion-text { display:none; }
#cp-one .cp-film-time { min-width:64px;font-size:10px; }
#cp-one .cp-film-player input { min-height:44px; }
#cp-one .cp-film-scene-label { flex-basis:100%;text-align:center;font-size:11px;min-height:18px; }
#cp-one .cp-film-caption { font-size:13px;line-height:1.75;margin-top:7px; }
}
@container (max-width:355px) {
#cp-one .cp-film-prompt { grid-template-columns:1fr;gap:6px; }
#cp-one .cp-film-prompt-label { display:none; }
#cp-one .cp-film-prompt h3 { margin:0; }
#cp-one .cp-film-prompt p { grid-column:1;grid-row:auto; }
#cp-one .cp-film-context-title { font-size:10px;padding-inline:13px; }
#cp-one .cp-film-context-body { gap:7px;padding-inline:9px; }
#cp-one .cp-film-file { padding:11px 9px; }
#cp-one .cp-film-file-top .cp-film-update-badge { display:none; }
#cp-one .cp-film-line { font-size:11px; }
#cp-one .cp-film-zoom-label { font-size:8px; }
}
@media (prefers-reduced-motion:reduce) {
#cp-one .cp-film-code-plane { transform:none!important; }
#cp-one .cp-film-pointer { display:none; }
}
#cp-one .cursor-interaction { cursor:pointer; }
#cp-one svg { width:16px; height:16px; flex-shrink:0; vertical-align:middle; }
#cp-one .cp-mini-keyword { color:#b3a0ce; }
#cp-one [data-price] { font-weight:inherit; }
#cp-one .cp-film-caret.cp-caret-dim { opacity:.55; }
#cp-one .cp-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

/* Keep logo and close controls clear of landscape display cutouts. */

/* Compact file rows follow the three-file story; the translucent app keeps
   its header pinned while the solution scrolls into implementation. */
#cp-one .cp-film-tabs { overflow:hidden; }
#cp-one .cp-film-tab { gap:5px;padding-inline:9px; }
#cp-one .cp-film-context-body { display:flex;gap:8px; }
#cp-one .cp-film-record { position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:6px;padding:10px;border-radius:7px;background:color-mix(in srgb,#3d7356 calc(var(--file-flash,0)*33%),#141617);box-shadow:inset 0 0 0 1px rgb(137 189 156 / calc(var(--file-flash,0)*.38));transition:opacity 220ms; }
#cp-one .cp-film-record.cp-record-pending { opacity:.36; }
#cp-one .cp-film-record-icon { display:grid;place-items:center;width:28px;height:30px;border-radius:5px;background:#2b3a32;color:#95ad9e;font:10px 'JetBrains Mono',monospace; }
#cp-one .cp-film-record-name { min-width:0; }
#cp-one .cp-film-record-name b { display:block;font-size:11px;font-weight:500;color:#bdcfc3; }
#cp-one .cp-film-record-name small { display:block;font:8px/1.6 'JetBrains Mono',monospace;color:#6f887a; }
#cp-one .cp-film-record-range { display:flex;align-items:center;gap:6px; }
#cp-one .cp-film-record-range strong { font:400 14px 'JetBrains Mono',monospace;white-space:nowrap;color:#bcd4c4; }
#cp-one .cp-film-record-range small { max-width:25px;font-size:6px;line-height:1.3;letter-spacing:.12em;color:#80988a; }
#cp-one .cp-film-segments { grid-column:2/-1;display:flex;gap:2px;height:4px; }
#cp-one .cp-film-segments i { flex:1;background:#394440;min-width:0;border-radius:1px;transition:background 180ms; }
#cp-one .cp-film-segments i.cp-line-read { background:#789f88; }
#cp-one .cp-film-segments i.cp-protected { background:#8f667024; }
#cp-one .cp-film-segments i.cp-protected.cp-line-read { background:#b0828c80; }
#cp-one .cp-film-segments i.cp-edited-segment { background:color-mix(in srgb,#d0f4dd calc(var(--line-flash,0)*100%),#789f88);box-shadow:0 0 7px rgb(137 189 156 / var(--line-flash,0));transition:none; }
#cp-one .cp-film-record-detail { grid-column:2/-1;color:#8aa392;font-size:9px;line-height:1.4;min-height:13px; }
#cp-one .cp-film-legend { display:flex;gap:15px;padding:2px 3px;color:#80988a;font-size:9px; }
#cp-one .cp-film-legend span { display:flex;align-items:center;gap:5px; }
#cp-one .cp-film-legend i { width:8px;height:3px;background:#789f88;border-radius:1px; }
#cp-one .cp-film-legend span:last-child i { background:#b0828c80; }
#cp-one .cp-film-receipt { min-height:66px;padding-top:6px; }
#cp-one .cp-film-line.cp-source-protected .cp-film-ln { color:#90727c; }
#cp-one .cp-film-app { position:absolute;inset:65px 18px 54px 34%;z-index:2;overflow:hidden;border-radius:9px;background:rgb(17 21 21 / .86);box-shadow:0 18px 40px #0007,inset 0 0 0 1px #c3dcc322;opacity:var(--app-in,0);transform:translate( calc(12px * (1 - var(--app-in,0))),calc(12px * (1 - var(--app-in,0)))) scale(calc(.97 + .03 * var(--app-in,0)));transform-origin:right top; }
#cp-one .cp-film-app-head { position:relative;z-index:2;display:flex;align-items:center;gap:7px;padding:12px 16px;height:48px; }
#cp-one .cp-film-app-brand { color:#c7ddd0;font-size:13px;font-weight:400;letter-spacing:-.7px; }
#cp-one .cp-film-app-brand .cp-brand-logo { width:auto;height:24px; }
#cp-one .cp-film-mode-badge { flex:none;display:flex;align-items:center;gap:6px;padding:3px 7px;border-radius:20px;background:#243e32;color:#a2ceb4;font-size:8px;line-height:1.4;white-space:nowrap; }
#cp-one .cp-film-app-viewport { position:absolute;inset:48px 12px 12px;overflow:hidden;scroll-behavior:auto; }
#cp-one .cp-film-bug { display:flex;align-items:center;gap:6px;font-size:10px;color:#d1b27a; }
#cp-one .cp-film-bug svg { width:13px;height:13px; }
#cp-one .cp-film-solve-summary { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px; }
#cp-one .cp-film-solve-summary>div { padding:10px;border-radius:8px;background:rgb(17 21 21 / .4);box-shadow:inset 0 0 0 1px #58675c33; }
#cp-one .cp-film-solve-summary small { display:block;font-size:9px;color:#82978b;letter-spacing:.1em; }
#cp-one .cp-film-guarantees h3 { margin:6px 0 5px;font-size:14px;font-weight:400;letter-spacing:-.02em; }
#cp-one .cp-film-guarantees p { font-size:11px;color:#929f99;line-height:1.65; }
#cp-one .cp-film-guarantees ul { list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:10px;color:#a2b5a9; }
#cp-one .cp-film-guarantees li:before { content:'✓';color:#6b9b81;margin-right:6px; }
#cp-one .cp-film-approach>div { display:flex;align-items:start;gap:8px;margin-top:13px; }
#cp-one .cp-film-approach b,#cp-one .cp-film-popover b { display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:4px;background:#c6a36b;color:#25261e;font:500 11px 'JetBrains Mono',monospace; }
#cp-one .cp-film-approach span { font-size:11px;color:#c2b18f;line-height:1.6; }
#cp-one .cp-film-approach span small { font-size:10px;letter-spacing:0;color:#8f9b95;margin-top:3px; }
#cp-one .cp-film-implementation { position:relative;background:rgb(17 21 21 / .4);border-radius:8px;box-shadow:inset 0 0 0 1px #58675c33; }
#cp-one .cp-film-complexity { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:12px; }
#cp-one .cp-film-metric,#cp-one .cp-film-test-cases { padding:12px;border-radius:8px;background:rgb(17 21 21 / .4);box-shadow:inset 0 0 0 1px #58675c33; }
#cp-one .cp-film-metric-time { position:relative; }
#cp-one .cp-film-metric-time:after { content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #a2c2d5;opacity:var(--time-highlight,0);pointer-events:none; }
#cp-one .cp-film-metric>small,#cp-one .cp-film-section-title,#cp-one .cp-film-test-case>small { display:block;font-size:9px;letter-spacing:.1em;color:#aeb4ba; }
#cp-one .cp-film-metric h3 { margin:7px 0;font:400 16px 'JetBrains Mono',monospace;color:#e0e4e1; }
#cp-one .cp-film-metric p { font-size:11px;line-height:1.6;color:#ccd0d5; }
#cp-one .cp-film-metric>span { display:block;margin-top:8px;font-size:9px;color:#aeb4ba; }
#cp-one .cp-film-test-cases { position:relative;min-height:100%; }
#cp-one .cp-film-section-title { margin-bottom:10px; }
#cp-one .cp-film-test-case { padding:5px 0;margin-top:12px; }
#cp-one .cp-film-test-case h3 { font-size:12px;font-weight:500;line-height:1.4;margin:5px 0;color:#e0e2e5; }
#cp-one .cp-film-test-case p { font-size:10px;line-height:1.5;color:#c4c9ce; }
#cp-one .cp-film-test-case code { display:block;margin-top:6px;color:#d2d6db;font:9px/1.6 'JetBrains Mono',monospace;overflow-wrap:anywhere; }
#cp-one .cp-film-test-result { display:flex;align-items:center;gap:9px;margin-top:7px; }
#cp-one .cp-film-test-result span { font-size:7px;letter-spacing:.08em;color:#aeb4ba; }
#cp-one .cp-film-test-result b { font:10px 'JetBrains Mono',monospace;color:#d7dbdf; }
#cp-one .cp-film-impl-head { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;height:28px;border-radius:8px 8px 0 0;background:#202526;font-size:9px;color:#acb7b0; }
#cp-one .cp-film-impl-head>span:first-child { display:flex;align-items:center;gap:7px;letter-spacing:.04em;font-weight:500; }
#cp-one .cp-film-impl-head svg { width:13px;height:13px;color:#73aa90; }
#cp-one .cp-film-impl-head>span:last-child { color:#79877f;font-size:9px; }
#cp-one .cp-film-impl-tabs { display:flex;align-items:center;gap:3px;padding:4px 8px;border-bottom:1px solid #2a3530; }
#cp-one .cp-film-impl-tabs [data-impl-file] { border:0;border-radius:4px;padding:6px 8px;background:transparent;color:#758b7e;font:10px 'JetBrains Mono',monospace; }
#cp-one .cp-film-impl-tabs [data-impl-file][data-active=true] { background:#2b3830;color:#b8c9bf; }
#cp-one .cp-film-impl-tabs>#cp-film-change-label { margin-left:auto;color:#a58e63;font-size:8px;letter-spacing:.05em; }
#cp-one .cp-film-impl-code { padding:10px 8px; }
#cp-one .cp-film-impl-code .cp-film-line { font-size:10.5px;height:auto;min-height:20px;align-items:start;line-height:20px; }
#cp-one .cp-film-impl-code .cp-film-ln { width:29px;padding-right:10px; }
#cp-one .cp-film-impl-code .cp-film-code-text { white-space:pre-wrap;overflow-wrap:anywhere; }
#cp-one .cp-film-patch { position:relative;padding:28px 4px 6px 0;margin:5px 0;border-radius:5px; }
#cp-one .cp-patch-fix { background:#99804a13;box-shadow:inset 2px 0 #b8a0638c,inset 0 0 0 1px #b8a06330; }
#cp-one .cp-patch-add { background:#50916d16;box-shadow:inset 2px 0 #73b58d8c,inset 0 0 0 1px #73b58d38; }
#cp-one .cp-film-patch-label { position:absolute;top:8px;left:29px;font:8px 'JetBrains Mono',monospace;letter-spacing:.08em;color:#c5aa76; }
#cp-one .cp-patch-add .cp-film-patch-label { color:#83b69a; }
#cp-one .cp-film-deleted { opacity:.45;text-decoration:line-through;text-decoration-color:#c7a477; }
#cp-one .cp-film-patch-badges { position:absolute;top:4px;right:7px;display:flex;gap:4px; }
#cp-one .cp-film-patch-badges button[hidden] { display:none; }
#cp-one .cp-film-patch-badges button { display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #72ac8970;border-radius:4px;background:#263e30;color:#97c5a8;font:10px 'JetBrains Mono',monospace;transition:background 120ms,box-shadow 120ms; }
#cp-one .cp-film-patch-badges button[aria-expanded=true] { background:#7aad8e;color:#17271c;box-shadow:0 0 14px #6cad8130; }
#cp-one .cp-film-popover { position:absolute;bottom:calc(100% + 8px);right:0;width:min(300px,100%);z-index:3;padding:13px 15px;border:1px solid #6e9b7d7a;border-radius:7px;background:linear-gradient(130deg,#263a30,#1c2925);box-shadow:0 12px 27px #0005;opacity:var(--popover-in,0);transform:translateY(calc(9px * (1 - var(--popover-in,0)))) scale(calc(.97 + .03 * var(--popover-in,0)));transform-origin:bottom right;pointer-events:none; }
#cp-one .cp-film-popover>div { display:flex;align-items:center;gap:8px; }
#cp-one .cp-film-popover b { background:#76b08a; }
#cp-one .cp-film-popover strong { color:#9ccaaa;font-size:10px;font-weight:500;letter-spacing:.03em; }
#cp-one .cp-film-popover p { margin:8px 0 5px;font-size:11px;line-height:1.7;color:#afbeb5; }
#cp-one .cp-film-popover pre { margin:8px 0;padding:8px;border-radius:4px;background:transparent;white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.6 'JetBrains Mono',monospace;color:#b7d3bf; }
#cp-one .cp-film-popover small { display:block;color:#87a08f;font-size:10px;line-height:1.6; }
#cp-one .cp-film-popover [hidden] { display:none; }
#cp-one #cp-film-popover-priority { margin-top:8px; }
#cp-one .cp-patch-add .cp-film-popover { background:#191c1f;border-color:#34393c; }
#cp-one .cp-patch-add .cp-film-popover pre,#cp-one .cp-patch-add .cp-film-popover p { color:#cbd0d4; }
#cp-one .cp-patch-add .cp-film-popover small { color:#adb5ba; }
#cp-one .cp-film-voice { position:absolute;z-index:3;right:12px;top:54px;width:min(280px,48%);display:grid;gap:12px;padding:20px 10px 10px;border:0;border-radius:12px;background:rgb(20 22 25 / .88);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:var(--voice-in,0);visibility:hidden;transform:translateY(calc(-8px * (1 - var(--voice-in,0)))) scale(calc(.97 + .03 * var(--voice-in,0)));transform-origin:right top;pointer-events:none; }
#cp-one .cp-film-voice[aria-hidden=false] { visibility:visible; }
#cp-one .cp-film-voice p { margin:0;font-size:10.5px;line-height:1.5;color:#dedce3; }
#cp-one .cp-film-voice-command { position:relative;justify-self:start;max-width:92%;padding:13px 11px 9px;border:0;border-radius:16px;background:#272630;box-shadow:0 8px 24px #0005; }
#cp-one .cp-film-voice-command>span { position:absolute;top:-10px;left:13px;display:flex;align-items:center;gap:5px;padding:2px 8px;border:0;border-radius:20px;background:#302539;color:#c9b2e4;font-size:8px;line-height:1.5;font-weight:500; }
#cp-one .cp-film-voice-command svg { width:11px;height:11px; }
#cp-one .cp-film-voice-response { justify-self:end;max-width:88%;padding:9px 11px;border:0;border-radius:16px;background:#1b1f23;box-shadow:0 8px 24px #0005;opacity:var(--voice-response-in,0);transform:translateY(calc(6px * (1 - var(--voice-response-in,0)))); }
#cp-one .cp-film-voice-response p { color:#d9dddf; }
#cp-one .cp-film-approach .cp-film-step-two { background:#76b08a;color:#17271c; }
#cp-one .cp-film-step-two+span { color:#9ccaaa; }
#cp-one .cp-patch-fix .cp-film-patch-badges button { border-color:#b8a0638c;background:#3c3423;color:#d3b77f; }
#cp-one .cp-patch-fix .cp-film-patch-badges button[aria-expanded=true] { background:#c6a36b;color:#25261e;box-shadow:0 0 14px #c6a36b30; }
#cp-one .cp-patch-fix .cp-film-popover { border-color:#b8a0638c;background:linear-gradient(130deg,#393323,#28261f); }
#cp-one .cp-patch-fix .cp-film-popover b { background:#c6a36b;color:#25261e; }
#cp-one .cp-patch-fix .cp-film-popover strong { color:#d3b77f; }
#cp-one .cp-patch-fix .cp-film-popover small { color:#b7a68b; }
#cp-one .cp-film-shortcut { position:absolute;z-index:4;top:50%;left:50%;display:grid;grid-template-columns:28px 28px;justify-content:center;justify-items:center;gap:9px 6px;padding:12px 18px;min-width:116px;max-width:calc(100% - 32px);border-radius:10px;background:rgb(18 20 23 / .96);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 24px #0004,inset 0 0 0 1px #ffffff06;opacity:var(--shortcut-in,0);transform:translate(-50%,calc(-50% + 8px * (1 - var(--shortcut-in,0))));pointer-events:none; }
#cp-one .cp-film-shortcut kbd { display:grid;place-items:center;width:28px;height:29px;border-radius:5px;background:linear-gradient(140deg,#55585a99,#393c3f99);box-shadow:0 3px 0 #17191c80,inset 0 1px 0 #d0d4d60a;color:#d0d3d5;font:16px 'DM Sans',sans-serif; }
#cp-one .cp-film-shortcut>span { grid-column:1/-1;font-size:10px;color:#bfc3c6;white-space:nowrap;text-align:center; }
@container (max-width:1000px) {
#cp-one .cp-film-tab .cp-file-letter { display:none; }
#cp-one .cp-film-zoom-label { display:none; }
#cp-one .cp-film-record { column-gap:6px;padding:9px 8px;grid-template-columns:23px minmax(0,1fr) auto; }
#cp-one .cp-film-record-icon { width:23px;height:27px;font-size:8px; }
#cp-one .cp-film-record-range { flex-direction:column;gap:1px;align-items:end; }
#cp-one .cp-film-record-range small { max-width:none;font-size:6px; }
#cp-one .cp-film-record-range strong { font-size:12px; }
}
@container (max-width:650px) {
#cp-one .cp-film-tab { flex:1;justify-content:center;padding-inline:6px;font-size:10px; }
#cp-one .cp-film-record { grid-template-columns:28px minmax(0,1fr) auto;padding:9px 11px;column-gap:10px; }
#cp-one .cp-film-record-icon { width:28px;height:28px; }
#cp-one .cp-film-record-range { flex-direction:row;align-items:center;gap:7px; }
#cp-one .cp-film-record-range small { max-width:25px;font-size:6px; }
#cp-one .cp-film-record-range strong { font-size:14px; }
#cp-one .cp-film-record-name b { font-size:11px; }
#cp-one .cp-film-context-body { gap:6px; }
#cp-one .cp-film-record-detail { font-size:10px; }
#cp-one .cp-film-record-name small { font-size:9px; }
#cp-one .cp-film-screen { padding:33px 6% 54px 8px;border-width:4px; }
#cp-one .cp-film-app { top:64px;left:22%;right:11px;bottom:52px; }
#cp-one .cp-film-app-brand { font-size:12px; }
#cp-one .cp-film-stealth { font-size:8px; }
#cp-one .cp-film-bug { font-size:8px;gap:4px; }
#cp-one .cp-film-app-head { padding-inline:10px;gap:5px; }
#cp-one .cp-film-mode-badge { font-size:7px;padding-inline:5px;gap:5px; }
#cp-one .cp-film-app-viewport { inset:48px 8px 10px; }
#cp-one .cp-film-solve-summary { grid-template-columns:1fr;gap:8px; }
#cp-one .cp-film-guarantees h3 { font-size:13px;margin-block:5px; }
#cp-one .cp-film-guarantees ul { display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:7px; }
#cp-one .cp-film-approach { padding-left:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:0 12px; }
#cp-one .cp-film-approach>small { grid-column:1/-1; }
#cp-one .cp-film-approach>div { gap:6px;margin-top:8px; }
#cp-one .cp-film-impl-code { padding:8px 4px;transform:none; }
#cp-one .cp-film-impl-tabs>#cp-film-change-label { font-size:7px;letter-spacing:0; }
#cp-one .cp-film-impl-tabs [data-impl-file] { padding:5px 6px; }
#cp-one .cp-film-impl-code .cp-film-ln { width:25px;padding-right:8px; }
#cp-one .cp-film-popover { padding:11px 12px; }
#cp-one .cp-film-popover pre { font-size:8.5px;padding:4px 0; }
#cp-one .cp-film-complexity { gap:8px; }
#cp-one .cp-film-metric,#cp-one .cp-film-test-cases { padding:10px; }
#cp-one .cp-film-voice { right:8px;width:48%; }
#cp-one .cp-film-voice p { font-size:10px; }
#cp-one .cp-film-patch-badges button { width:23px;height:23px; }
#cp-one .cp-film-patch { padding-top:37px; }
#cp-one .cp-film-patch-label { top:12px;left:25px;font-size:7px; }
}
@container (max-width:355px) {
#cp-one .cp-film-ln { width:25px;padding-right:8px; }
#cp-one .cp-film-app-head { flex-wrap:wrap;height:65px;padding-block:8px; }
#cp-one .cp-film-stealth { flex-basis:100%;justify-content:flex-end; }
#cp-one .cp-film-app-viewport { top:65px; }
#cp-one .cp-film-voice { top:71px; }
#cp-one .cp-film-impl-tabs>#cp-film-change-label { display:none; }
#cp-one .cp-film-solve-summary { gap:11px; }
#cp-one .cp-film-approach span { font-size:10px; }
#cp-one .cp-film-popover { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
#cp-one .cp-film-app,#cp-one .cp-film-popover,#cp-one .cp-film-voice,#cp-one .cp-film-voice-response { transform:none; }
#cp-one .cp-film-shortcut { transform:translate(-50%,-50%); }
#cp-one .cp-film-record,#cp-one .cp-film-segments i { transition:none; }
}
@media (pointer:coarse) {
#cp-one .cp-film-patch-badges button { width:44px;height:44px; }
#cp-one .cp-film-patch { padding-top:52px; }
}

#cp-one .cp-code-window .cp-fn { color:#93b5cf; }
#cp-one .cp-code-window .cp-str { color:#b7b98f; }
#cp-one .cp-code-window .cp-num { color:#c3a982; }
#cp-one .cp-code-window .cp-comment { color:#596f65; }

/* Website question bank and bounded member previews. */
#cp-one.cp-question-preview { --cp-bg:#101213; --cp-mint:#85bdaf; }
#cp-one .cp-questions { width:min(1140px,calc(100% - 40px)); padding-block:36px clamp(64px,8vw,96px); }
@media (max-width:600px) { #cp-one .cp-questions { padding-top:24px; } }
#cp-one .cp-q-back { display:inline-flex; align-items:center; min-height:44px; color:#a2a6a4; font-size:14px; }
#cp-one .cp-q-back:hover { color:#b5d8ce; }
#cp-one .cp-q-companies { padding:28px 0 38px; margin-bottom:32px; border-bottom:1px solid #313637; }
#cp-one .cp-q-companies .cp-eyebrow { font-size:10px; text-align:center; color:#8c9491; }
#cp-one .cp-q-company-belt { display:flex; align-items:center; justify-content:space-between; gap:30px; overflow:auto; padding:10px 5px; scrollbar-width:thin; }
#cp-one .cp-q-company-belt>* { flex:none; font-size:20px; font-weight:550; letter-spacing:-.6px; color:#969e9b; }
#cp-one .cp-q-company-belt a { color:#bdd8cb; border-bottom:2px solid #558b7b; padding:5px 0; }
#cp-one .cp-q-company { display:flex; gap:18px; align-items:center; }
#cp-one .cp-q-logo { display:grid; place-items:center; flex:none; width:64px; height:64px; border:1px solid #313637; border-radius:13px; background:#232627; color:#9bcaba; font-size:39px; font-weight:650; }
#cp-one .cp-q-head .cp-eyebrow { margin-bottom:6px; font:500 12px/1.5 'JetBrains Mono',monospace; letter-spacing:.12em; }
#cp-one .cp-q-head h1 { font-size:40px; letter-spacing:-1.4px; }
#cp-one .cp-q-head>p { margin:22px 0 19px; color:#a2a6a4; font-size:16px; }
#cp-one .cp-q-tags { display:flex; flex-wrap:wrap; gap:9px; }
#cp-one .cp-q-badge { display:inline-flex; align-items:center; gap:5px; padding:3px 8px; background:#232627; color:#b1b8b5; border-radius:999px; font-size:11px; line-height:1.5; font-weight:450; letter-spacing:0; }
#cp-one .cp-q-badge svg { width:14px; height:14px; flex:none; }
#cp-one .cp-q-coding { color:#9bcdb8; background:#1e372e; }
#cp-one .cp-q-design { color:#a4bfd9; background:#202e3a; }
#cp-one .cp-q-high { color:var(--cp-text); background:#332934; }
#cp-one .cp-q-low, #cp-one .cp-q-single { color:var(--cp-text); }
#cp-one .cp-q-medium { color:var(--cp-text); background:#212e39; }
#cp-one .cp-q-badge:is(.cp-q-stage,.cp-q-role) { border:1px solid; font-family:'JetBrains Mono',ui-monospace,monospace; }
#cp-one .cp-q-badge.cp-q-stage { border-color:#3d496b; background:#1c202b; color:#82a1f1; }
#cp-one .cp-q-badge.cp-q-role { border-color:#454547; background:#1c1c1f; color:#b69bf1; }
#cp-one .cp-q-count { color:#b8bebb; background:#2a2d2e; }
#cp-one .cp-q-upgrade { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:32px 0; padding:25px 28px; background:#1b1e1f; border:1px solid #313637; border-radius:14px; }
#cp-one .cp-q-upgrade h2 { font-size:18px; letter-spacing:-.3px; line-height:1.5; }
#cp-one .cp-q-upgrade p { color:#a2a6a4; margin-top:4px; }
#cp-one .cp-q-plans { flex:none; background:linear-gradient(180deg,#356c5f,#29584d); border-color:#4a7b6e; color:#deebe5; }
#cp-one .cp-q-plans:hover { background:#376c5f; }
#cp-one .cp-q-list-heading { display:flex; justify-content:space-between; gap:16px; color:#8e9693; font-size:13px; margin-top:38px; }
#cp-one .cp-q-row { padding:28px 0; border-bottom:1px solid #313637; }
#cp-one .cp-q-row-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 12px; }
#cp-one .cp-q-row-top .cp-q-tags { flex-wrap:wrap; gap:8px; }
#cp-one .cp-q-asked { flex:none; color:#8e9693; font-size:13px; white-space:nowrap; }
#cp-one .cp-q-asked time { margin-left:4px; color:#f6c97f; }
#cp-one .cp-q-title { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:17px 0 7px; font-size:22px; letter-spacing:-.4px; }
#cp-one .cp-q-blur { filter:blur(5px); user-select:none; color:#b6bdb9; }
#cp-one [data-question-content] { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
#cp-one [data-question-content] img { -webkit-user-drag:none; pointer-events:none; }
#cp-one .cp-q-row>p { color:#8e9693; font-size:13px; }
#cp-one .cp-q-row-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:12px; }
#cp-one .cp-q-row-bottom .cp-button { min-height:32px; font-size:12px; padding:7px 11px; gap:6px; background:#232627; border-color:#313637; box-shadow:none; }
#cp-one .cp-q-row-bottom .cp-button:disabled { opacity:.55; cursor:default; }
#cp-one .cp-q-locked .cp-q-row:last-child { mask-image:linear-gradient(#000 0%,#0009 42%,transparent 100%); border-bottom:0; }
#cp-one .cp-q-locked .cp-q-row:last-child .cp-q-row-bottom .cp-button { visibility:hidden; }
#cp-one .cp-q-end { position:relative; text-align:center; margin-top:-12px; }
#cp-one .cp-q-end p { color:#a2a6a4; margin-bottom:18px; }
#cp-one .cp-site-footer .cp-footer-columns nav>span { color:var(--cp-muted); font-size:14px; min-height:28px; }
@container (max-width:650px) {
#cp-one .cp-questions { padding-bottom:64px; }
#cp-one .cp-q-companies { padding-block:20px; margin-bottom:26px; }
#cp-one .cp-q-company-belt { justify-content:flex-start; gap:26px; }
#cp-one .cp-q-head h1 { font-size:34px; }
#cp-one .cp-q-head>p { font-size:15px; }
#cp-one .cp-q-upgrade { align-items:flex-start; flex-direction:column; padding:22px; gap:18px; }
#cp-one .cp-q-upgrade .cp-button { width:100%; }
#cp-one .cp-q-list-heading { flex-direction:column; gap:5px; }
#cp-one .cp-q-row-bottom { flex-wrap:wrap; }
#cp-one .cp-q-title { gap:12px; font-size:19px; }
#cp-one .cp-q-badge { font-size:11px; }
#cp-one .cp-site-footer .cp-footer-columns nav>span { min-height:44px; display:flex; align-items:center; }
}

#cp-one .cp-model-section { padding-block:58px; }
#cp-one .cp-model-section h2 { color:#79cba7; }
#cp-one .cp-model-section h2 span { color:var(--cp-text); }
#cp-one .cp-model-specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:34px; }
#cp-one .cp-model-specs>div { min-width:0; padding:22px 20px; border:0; border-radius:12px; background:#1a1c1e; }
#cp-one .cp-model-specs h3 { font-size:18px; color:#79cba7; letter-spacing:-.015em; }
#cp-one .cp-model-specs b { display:flex; align-items:center; gap:10px; margin-top:12px; font-size:15px; font-weight:500; color:var(--cp-text); }
#cp-one .cp-model-icon { flex:none; width:24px; height:24px; }
@container(max-width:1024px) {
#cp-one .cp-model-specs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
}
@container(max-width:600px) {
#cp-one .cp-model-specs { gap:24px 12px; }
#cp-one .cp-model-specs h3 { font-size:clamp(12px,3.4cqw,16px); }
#cp-one .cp-model-specs b { gap:6px; margin-top:8px; font-size:clamp(12px,3.2cqw,14px); }
#cp-one .cp-model-icon { width:18px; height:18px; }
}

#cp-one .cp-q-intro { max-width:850px; margin:0 0 36px; }
#cp-one .cp-q-intro h1 { font-size:clamp(30px,4vw,42px); letter-spacing:-.04em; line-height:1.12; }
#cp-one .cp-q-intro>p:not(.cp-eyebrow):not(.cp-q-total) { margin-top:16px; color:var(--cp-muted); font-size:16px; line-height:1.7; max-width:740px; }
#cp-one .cp-q-total { margin:18px 0 12px; font-size:20px; color:#cbd8d2; }
#cp-one .cp-q-total strong { color:#6ee0ae; }
#cp-one .cp-q-discovery { padding-bottom:28px; margin-bottom:30px; }
#cp-one .cp-q-search { max-width:440px; }
#cp-one .cp-q-search label, #cp-one .cp-q-filters label { display:block; color:var(--cp-muted); font-size:13px; }
#cp-one .cp-q-search>div { display:flex; gap:10px; margin-top:8px; }
#cp-one .cp-q-search input, #cp-one .cp-q-filters input, #cp-one .cp-q-filters select { min-width:0; width:100%; min-height:44px; padding:10px 12px; border:0; border-radius:8px; background:#1b201e; color:#e0e9e4; font:inherit; }
#cp-one .cp-q-search-field { position:relative; display:block; flex:1; min-width:0; }
#cp-one .cp-q-search-field input { padding-left:40px; padding-right:44px; }
body #cp-one .cp-q-search-field input:focus { outline:0; box-shadow:none; background:#242b28; }
#cp-one .cp-q-search-field input:focus::placeholder { color:transparent; }
#cp-one .cp-q-search-icon { position:absolute; left:12px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--cp-muted); pointer-events:none; }
#cp-one .cp-q-search-field input::-webkit-search-cancel-button { appearance:none; }
#cp-one .cp-q-clear { position:absolute; inset:0 0 0 auto; display:grid; place-items:center; width:44px; padding:0; border:0; border-radius:0 8px 8px 0; background:transparent; color:var(--cp-muted); cursor:pointer; }
#cp-one .cp-q-clear svg { width:16px; height:16px; }
#cp-one .cp-q-clear:hover { color:var(--cp-mint); }
#cp-one .cp-q-results { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; margin-top:14px; }
#cp-one .cp-q-result { display:flex; align-items:center; gap:12px; border:1px solid #313c37; border-radius:10px; padding:14px; background:#171c1a; }
#cp-one .cp-q-result:hover { background:#191e1c; }
#cp-one .cp-q-result>span:last-child { margin-left:auto; color:#83b29d; }
#cp-one .cp-q-result strong, #cp-one .cp-q-result small { display:block; }
#cp-one .cp-q-result small { margin-top:4px; color:var(--cp-muted); }
#cp-one .cp-q-result .cp-q-logo { width:44px; height:44px; font-size:25px; border:0; }
#cp-one .cp-q-logo img { object-fit:contain; width:75%; height:75%; }
#cp-one .cp-q-head h2 { font-size:32px; line-height:1.2; letter-spacing:-1px; }
#cp-one .cp-q-head>.cp-q-tags { margin-top:18px; }
#cp-one .cp-q-filters { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin-top:24px; }
#cp-one .cp-q-filters .cp-q-query { flex-basis:100%; min-width:0; }
#cp-one .cp-q-filters input, #cp-one .cp-q-filters select { display:block; margin-top:6px; }
#cp-one .cp-q-pagination { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:28px; }
#cp-one .cp-q-prompt { margin-top:28px; }
#cp-one .cp-q-prompt img { display:block; width:100%; height:auto; border-radius:12px; }
#cp-one .cp-q-end h2 { font-size:24px; margin-bottom:12px; }
#cp-one .cp-q-list { margin-bottom:24px; }
@media(max-width:600px) { #cp-one .cp-q-row-top .cp-q-tags { flex-wrap:wrap; } #cp-one .cp-q-search { max-width:none; } }

#cp-one .cp-q-checks { border:0; padding:0; margin:0; }
#cp-one .cp-q-checks legend { color:var(--cp-muted); font-size:12px; margin-bottom:7px; }
#cp-one .cp-q-checks>div { display:flex; flex-wrap:wrap; gap:7px; }
#cp-one .cp-q-checks .cp-q-chip { position:relative; display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:999px; background:#232627; color:#737b77; font-size:11px; cursor:pointer; }
#cp-one .cp-q-chip svg { width:14px; height:14px; }
#cp-one .cp-q-chip input { position:absolute; width:1px; height:1px; min-height:0; margin:0; padding:0; overflow:hidden; clip-path:inset(50%); }
#cp-one .cp-q-chip:has(input:focus-visible) { outline:2px solid var(--cp-mint); outline-offset:3px; }
#cp-one .cp-q-chip:has(input:checked) { color:var(--cp-text); background:#303633; }
#cp-one .cp-q-chip.cp-q-coding:has(input:checked) { color:#9bcdb8; background:#1e372e; }
#cp-one .cp-q-chip.cp-q-system_design:has(input:checked) { color:#a4bfd9; background:#202e3a; }
#cp-one .cp-q-chip.cp-q-high:has(input:checked) { background:#332934; }
#cp-one .cp-q-chip.cp-q-medium:has(input:checked) { background:#212e39; }
#cp-one .cp-q-chip.cp-q-low:has(input:checked) { background:#28332c; }

/* Company filters: search and sort on top, then the chip groups (a left rail on a wide page). */
#cp-one .cp-q-filters { display:block; margin:14px 0 18px; }
#cp-one .cp-q-tools { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:10px; align-items:end; margin:14px 0; }
#cp-one .cp-q-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; margin:14px 0 18px; }
#cp-one .cp-q-filters .cp-q-query { display:block; }
#cp-one .cp-q-filters .cp-q-field { display:flex; flex-direction:column; gap:7px; font-size:12px; }
#cp-one .cp-q-tools input { min-height:40px; margin:0; border-radius:7px; background:#222627; font-size:13px; }
#cp-one .cp-q-tools .cp-q-search-icon { top:10px; transform:none; }
#cp-one .cp-q-checks { min-width:0; }
#cp-one .cp-q-checks .cp-q-chip { min-height:28px; padding:4px 9px; font:400 11px/1.3 'DM Sans',sans-serif; box-sizing:border-box; user-select:none; }
#cp-one .cp-q-chip:hover { filter:brightness(1.15); }
#cp-one .cp-q-chip:has(input:disabled) { cursor:default; opacity:.45; }
#cp-one .cp-q-picker { position:relative; min-width:0; width:100%; }
#cp-one .cp-q-picker > button { display:flex; align-items:center; width:100%; margin:0; padding:0 13px; gap:10px; min-height:40px; border:0; border-radius:7px; background:#222627; color:var(--cp-text); text-align:left; font:400 13px/1.3 'DM Sans',sans-serif; cursor:pointer; }
#cp-one .cp-q-picker > button span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#cp-one .cp-q-picker > button svg { width:12px; height:12px; margin-left:auto; stroke:var(--cp-muted); fill:none; stroke-width:1.7; }
#cp-one .cp-q-picker > button:hover,#cp-one .cp-q-picker > button[aria-expanded="true"] { background:#292e2f; }
#cp-one .cp-q-picker-menu { position:absolute; top:calc(100% + 5px); left:0; z-index:10; min-width:100%; max-height:260px; overflow:auto; padding:0; border:0; border-radius:8px; background:#222627; box-shadow:0 18px 50px #000a; color:var(--cp-text); font:400 13px/1.4 'DM Sans',sans-serif; }
#cp-one .cp-q-picker-menu button { display:block; width:100%; padding:9px 15px; border:0; border-radius:0; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; white-space:nowrap; }
#cp-one .cp-q-picker-menu button:hover,#cp-one .cp-q-picker-menu button:focus-visible { background:#292e2f; outline:0; }
#cp-one .cp-q-picker-menu button[aria-selected="true"] { color:#9bcdb8; background:#1e372e; }
#cp-one .cp-q-filters [hidden] { display:none!important; }
@media(max-width:560px) { #cp-one .cp-q-tools,#cp-one .cp-q-rail { grid-template-columns:1fr; } }
#cp-one .cp-q-checks:has([data-filter-all]:checked) .cp-q-coding:not(:has(input:disabled)) {background:#244537;color:#aee8c6;}
#cp-one .cp-q-checks:has([data-filter-all]:checked) .cp-q-system_design:not(:has(input:disabled)) {background:#203b4e;color:#9ed4f3;}
/* Round and role chips are bordered tag pills: lit when chosen or while All is on, muted otherwise. */
#cp-one .cp-q-checks .cp-q-chip:is(.cp-q-round,.cp-q-role) { border:1px solid #303032; background:#1c1c1f; color:#737b77; font:400 11px/1.3 'JetBrains Mono',ui-monospace,monospace; }
#cp-one .cp-q-chip.cp-q-round:has(input:checked),#cp-one .cp-q-checks:has([data-filter-all]:checked) .cp-q-round { border-color:#3d496b; background:#1c202b; color:#82a1f1; }
#cp-one .cp-q-chip.cp-q-role:has(input:checked),#cp-one .cp-q-checks:has([data-filter-all]:checked) .cp-q-role { border-color:#454547; background:#1c1c1f; color:#b69bf1; }
@container (min-width:900px) {
#cp-one .cp-q-browse { display:grid; grid-template-columns:212px minmax(0,1fr); }
#cp-one .cp-q-browse .cp-q-filters { display:contents; }
#cp-one .cp-q-browse .cp-q-tools { grid-column:1 / -1; margin:14px 0 26px; }
#cp-one .cp-q-rail { grid-template-columns:minmax(0,1fr); align-content:start; gap:22px; margin:0; padding:0 24px 24px 0; border-right:1px solid #313637; }
#cp-one .cp-q-main { min-width:0; padding-left:28px; }
#cp-one .cp-q-main .cp-q-list-heading { margin-top:0; }
}

/* Restored full-width desktop privacy illustration. */
#cp-one .privacy-demo { padding:55px 0 72px; text-align: center; scroll-margin-top: 120px; }
#cp-one .privacy-demo .cp-eyebrow { color: #a69ade; }
#cp-one .privacy-demo h2 { max-width:none; }
#cp-one .privacy-demo .section-lede { margin:18px auto 0; max-width:640px; font-size:15px; color:var(--cp-muted); }
#cp-one .veil-stage { --veil-position: 72%; position: relative; max-width: 900px; margin: 48px auto 0; border: 2px solid #66696d; border-radius: 12px; box-shadow: 0 26px 90px #0007, 0 0 100px #9895ba0b; overflow: hidden; isolation: isolate; }
#cp-one .veil-desktop { position: relative; aspect-ratio: 1.6; overflow: hidden; text-align: left; font-family: -apple-system, BlinkMacSystemFont, Inter, sans-serif; container-type: inline-size; background: radial-gradient(ellipse at 90% 115%, #64bc60 0%, transparent 54%), radial-gradient(ellipse at 4% 85%, #225629 0%, transparent 45%), linear-gradient(28deg, #173849 13%, #3558a3 14%, #46447c 43%, #706aa2 44%, #477fc4 70%, #5e94cb); }
#cp-one .veil-menubar { height: 4.5%; padding: 0 1.5%; display: flex; align-items: center; justify-content: space-between; background: #17243f35; color: #fff; font-size: 1cqw; }
#cp-one .veil-menubar > span { display: flex; align-items: center; gap: 1.1cqw; }
#cp-one .veil-menubar .icon { width: 1.2cqw; height: 1.2cqw; }
#cp-one .veil-editor { position: absolute; left: 3%; top: 19%; width: 79%; height: 76%; background: #1d2024; border: 1px solid #7776; border-radius: 7px; overflow: hidden; box-shadow: 0 10px 25px #0008; }
#cp-one .veil-titlebar { display: flex; align-items: center; justify-content: space-between; height: 3cqw; padding: 0 1.2cqw; background: #292c30; color: #a9acb2; font-size: 1cqw; }
#cp-one .veil-lights { display: flex; gap: .45cqw; }
#cp-one .veil-lights i { width: .75cqw; height: .75cqw; border-radius: 50%; background: #ff625a; }
#cp-one .veil-lights i:nth-child(2) { background: #ffbd44; }
#cp-one .veil-lights i:nth-child(3) { background: #00c84e; }
#cp-one .veil-editor-body { display: flex; height: calc(100% - 5cqw); }
#cp-one .veil-editor-body aside { width: 23%; flex-shrink: 0; padding: 1.5cqw; background: #202327; color: #a6abb3; font-size: 1.1cqw; }
#cp-one .veil-editor-body aside > * { display: block; margin-bottom: 1.2cqw; }
#cp-one .veil-editor-body aside small { font-size: .85cqw; letter-spacing: .1em; }
#cp-one .veil-editor-body aside b { font-size: .95cqw; }
#cp-one .veil-editor-body aside span { padding-left: 1cqw; }
#cp-one .veil-editor-body aside span:first-of-type { color: #a8ddc5; }
#cp-one .veil-source { min-width: 0; flex: 1; overflow: hidden; }
#cp-one .veil-file { width: 15cqw; padding: .8cqw 1.2cqw; border-top: 1px solid #8ad7b1; font-size: 1.1cqw; color: #cdd1d7; }
#cp-one .veil-file span { float: right; }
#cp-one .veil-source .code { padding: 1cqw; font-size: 1.12cqw; line-height: 1.75; }
#cp-one .veil-source .code-line { gap: 1cqw; }
#cp-one .veil-source .ln { width: 2cqw; min-width: 2cqw; }
#cp-one .veil-statusbar { height: 2cqw; padding: 0 1cqw; display: flex; align-items: center; justify-content: space-between; font-size: .85cqw; background: #2c343d; color: #bec5cf; }
#cp-one .veil-app, #cp-one .veil-cover { position: absolute; left: 46%; top: 30%; width: 50%; height: 60%; border: 2px solid #a5acb8; border-radius: 9px; overflow: hidden; box-shadow: 0 12px 30px #0007; }
#cp-one .veil-app { background: #131819; color: #e8ecea; }
#cp-one .veil-app .veil-titlebar { background: #24292b; }
#cp-one .veil-app .veil-titlebar b { color: #a8dfc5; font-family: monospace; font-weight: 500; font-size: 1.25cqw; }
#cp-one .veil-app-nav { display: flex; gap: 2.8cqw; padding: 1.1cqw 2cqw; border-bottom: 1px solid #ffffff15; font-size: 1.1cqw; color: #939e9b; }
#cp-one .veil-app-nav b { color: #a6e3c8; font-weight: 500; }
#cp-one .veil-app-content { padding: 1.4cqw 2.4cqw; font-size: 1.2cqw; line-height: 1.4; }
#cp-one .veil-session { font-size: .85cqw; letter-spacing: .12em; color: #95bbaa; }
#cp-one .veil-app-content h3 { font-size: 2.2cqw; font-weight: 500; line-height: 1.2; letter-spacing: -.035em; margin: 1.1cqw 0; }
#cp-one .veil-app-content p { font-size: 1.2cqw; line-height: 1.6; color: #a7b3b0; margin: 0; max-width: 35cqw; }
#cp-one .veil-answer { margin-top: 1.4cqw; padding: 1.2cqw; border-left: 2px solid #80caa8; background: #a8d6bd08; }
#cp-one .veil-answer small { display: block; font-size: .8cqw; color: #82948c; margin-bottom: .6cqw; letter-spacing: .12em; }
#cp-one .veil-answer code { display: block; font-size: 1.1cqw; line-height: 1.65; color: #b0d3c5; }
#cp-one .veil-complexity { display: flex; gap: 3cqw; margin-top: .8cqw; font-size: 1cqw; color: #8b9791; }
#cp-one .veil-complexity b { margin-left: .6cqw; color: #b1cbbd; }
#cp-one .veil-covered { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--veil-position)) 0 0); }
#cp-one .veil-cover { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1cqw; color: #e0e3e7; background: linear-gradient(115deg, #7a7d83, #535c68); }
#cp-one .veil-cover-mark { font-size: 3cqw; line-height: 1; }
#cp-one .veil-cover strong { font-size: 1.25cqw; font-weight: 500; }
#cp-one .veil-cover > span:last-child { font-size: 1cqw; color: #c5c9d1; }
#cp-one .veil-divider { position: absolute; top: 0; bottom: 0; left: var(--veil-position); width: 1px; background: #ffffff80; box-shadow: 0 0 20px #0003; }
#cp-one .veil-divider span { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #cdd5da80; border-radius: 50%; background: #252c32c9; color: #fff; font-size: 13px; }
#cp-one .veil-range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: ew-resize; touch-action: pan-y; }
#cp-one .veil-stage:focus-within { outline: 3px solid #a4e6c5; outline-offset: 6px; }
#cp-one .veil-captions { display: flex; justify-content: space-between; max-width: 900px; margin: 18px auto 0; color: #b2b7bb; font-size: 12px; }
#cp-one .veil-captions i { display: inline-block; width: 6px; height: 6px; margin: 0 7px; border-radius: 50%; background: #a29cbe; vertical-align: middle; }
#cp-one .veil-captions > span:last-child i { background: #92dcb6; }
#cp-one .veil-footnote { margin: 10px auto 0; max-width: 580px; color: #7b8587; font-size: 11px; line-height: 1.6; }
@media (max-width: 600px) { #cp-one .veil-stage { margin-top: 30px; border-radius: 7px; } #cp-one .veil-divider span { width: 26px; height: 26px; font-size: 11px; } }
#cp-one .veil-source .code { margin:0; list-style:none; color:#dbe4de; font-family:'JetBrains Mono',monospace; }
#cp-one .veil-source .code-line { display:flex; }
#cp-one .veil-source .code-line code { flex:1; min-width:0; overflow:hidden; white-space:pre; text-overflow:ellipsis; font:inherit; }
#cp-one .veil-source .ln { flex:none; text-align:right; color:#6b7873; }
#cp-one .veil-source .k { color:#9aa6f5; }
#cp-one .veil-source .f { color:#7ab0ff; }
#cp-one .veil-source .t { color:var(--cp-mint); }
#cp-one .veil-source .n,#cp-one .veil-source .s { color:#f0b35a; }
#cp-one .veil-source .c { color:#6b7873; font-style:italic; }
#cp-one .veil-menubar svg { width:1.2cqw; height:1.2cqw; }

/* Comparison intro and shared story layout. */
#cp-one .cp-comparison { padding-block:100px 36px; }
#cp-one .cp-compare-intro { max-width:920px; margin-bottom:30px; }
#cp-one .cp-compare-intro .cp-eyebrow { color:#a4adba; }
#cp-one .cp-compare-intro h2 { font-size:clamp(30px,3.8cqw,44px); line-height:1.08; letter-spacing:-.055em; }
#cp-one .cp-compare-intro h2 span { color:#a8bad2; }
#cp-one .cp-compare-intro>p:last-of-type { margin-top:24px; max-width:610px; color:var(--cp-muted); font-size:16px; line-height:1.6; }
#cp-one .cp-compare-feature { --story-accent:#94bbeb; --story-tint:#94bbeb12; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr); gap:clamp(32px,5.5cqw,68px); align-items:center; padding-block:76px; border-bottom:1px solid #919db523; scroll-margin-top:90px; }
#cp-one .cp-compare-amber { --story-accent:#e6be7c; --story-tint:#e6be7c12; }
#cp-one .cp-compare-violet { --story-accent:#bfa6ee; --story-tint:#bfa6ee12; }
#cp-one .cp-compare-mint { --story-accent:#8fcebc; --story-tint:#8fcebc12; }
#cp-one .cp-compare-copy { min-width:0; }
#cp-one .cp-compare-kicker { display:flex; align-items:center; gap:12px; margin-bottom:22px; color:#a4aebb; font:500 13px/1.5 'JetBrains Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }
#cp-one .cp-compare-kicker>span { display:grid; place-items:center; flex-shrink:0; width:29px; height:29px; color:var(--story-accent); border:1px solid var(--story-accent); border-radius:50%; }
#cp-one .cp-compare-copy h3 { font-size:clamp(27px,3cqw,36px); line-height:1.13; letter-spacing:-.045em; text-wrap:pretty; }
#cp-one .cp-compare-copy h3 em { color:var(--story-accent); font-style:normal; }
#cp-one .cp-compare-copy>p:not(.cp-compare-kicker) { margin-top:19px; color:var(--cp-muted); font-size:15px; line-height:1.8; }
#cp-one .cp-compare-copy>p.cp-compare-promise { color:#e0e4eb; font-size:16px; line-height:1.5; margin-top:22px; font-weight:500; }
#cp-one .cp-compare-copy>p.cp-compare-payoff { margin-top:24px; padding-left:14px; border-left:2px solid var(--story-accent); color:var(--story-accent); font-size:14px; line-height:1.65; }
#cp-one .cp-compare-copy strong { font-weight:500; color:#d9dfe8; }
#cp-one .cp-compare-model-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:17px; color:var(--story-accent); font-size:13px; }
#cp-one .cp-compare-model-link:hover { color:#fff; }
#cp-one .cp-compare-media { margin:0; min-width:0; }
#cp-one .cp-compare-scene { overflow:hidden; border:1px solid #919db52c; border-radius:15px; background:#181b21; box-shadow:0 20px 55px #0003; }
#cp-one .cp-compare-media>img,#cp-one .cp-compare-media>video { display:block; width:100%; height:auto; border-radius:15px; }
#cp-one .cp-compare-media figcaption { margin-top:13px; color:#8c96a5; font-size:10px; line-height:1.6; text-align:left; }
#cp-one .cp-visual-label { display:flex; flex-wrap:wrap; align-items:center; gap:7px 13px; color:var(--story-accent); font-size:11px; font-weight:600; line-height:1.6; }
#cp-one .cp-visual-label>span { color:#909cac; font-size:9px; font-weight:400; }
#cp-one .cp-visual-problem { color:#b3a3a1; }
#cp-one .cp-scene-question { padding:22px 25px; background:#20242c; border-bottom:1px solid #919db522; }
#cp-one .cp-scene-question>span { display:block; color:#9da7b7; font-size:10px; margin-bottom:7px; }
#cp-one .cp-scene-question>strong { color:#e6eaf1; font-size:20px; font-weight:500; letter-spacing:-.025em; line-height:1.35; }
#cp-one .cp-context-contrast { display:grid; grid-template-columns:.94fr 1.1fr; }
#cp-one .cp-fragment-view { min-width:0; padding:23px 17px 22px 22px; background:#17191e; }
#cp-one .cp-fragment-window { margin-top:22px; padding:12px 0; border-block:1px solid #777b873f; }
#cp-one .cp-file-label { display:flex; flex-wrap:wrap; gap:4px 8px; padding-bottom:13px; color:#a6afbd; font-size:10px; }
#cp-one .cp-file-label>span { color:#767e8e; }
#cp-one .cp-fragment-window pre { color:#a8abb4; font:9px/2 'JetBrains Mono',monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
#cp-one .cp-crop-line { margin-top:17px; padding-top:9px; border-top:1px dashed #7b7f8b; text-align:center; color:#9499a5; font-size:9px; }
#cp-one .cp-missing-evidence { display:flex; gap:8px; margin-top:25px; color:#be9690; }
#cp-one .cp-missing-evidence>span { font-size:24px; line-height:1; }
#cp-one .cp-missing-evidence p { font-size:10px; line-height:1.8; }
#cp-one .cp-missing-evidence strong { font-weight:500; }
#cp-one .cp-retained-view { min-width:0; padding:23px 20px; border-left:1px solid #919db523; background:linear-gradient(145deg,var(--story-tint),transparent); }
#cp-one .cp-evidence-stack { margin-top:16px; }
#cp-one .cp-evidence-stack>div { position:relative; display:flex; gap:13px; padding:0 0 21px; }
#cp-one .cp-evidence-stack>div:last-child { padding-bottom:0; }
#cp-one .cp-evidence-stack>div:not(:last-child):before { content:""; position:absolute; left:3px; top:11px; bottom:0; border-left:1px solid #6787af66; }
#cp-one .cp-evidence-stack>div>b { flex:none; width:7px; height:7px; border:1px solid var(--story-accent); border-radius:50%; background:#23354a; margin-top:5px; }
#cp-one .cp-evidence-stack>div>div { min-width:0; }
#cp-one .cp-evidence-stack strong { display:block; font-size:12px; font-weight:500; color:#dbe7f6; }
#cp-one .cp-evidence-stack span { display:block; color:#9daec4; font-size:9px; margin-top:1px; }
#cp-one .cp-evidence-stack code { display:block; margin-top:7px; color:#b7cce9; font:9px/1.65 'JetBrains Mono',monospace; overflow-wrap:anywhere; }
#cp-one .cp-context-conclusion { display:flex; gap:16px; padding:22px 26px; background:var(--story-tint); border-top:1px solid #94bbeb36; }
#cp-one .cp-context-conclusion>span { color:var(--story-accent); font-size:29px; line-height:1.3; }
#cp-one .cp-context-conclusion small { display:block; color:#a0b4cc; font-size:10px; }
#cp-one .cp-context-conclusion strong { display:block; color:#c8dffd; font-size:22px; line-height:1.4; font-weight:500; letter-spacing:-.03em; margin:3px 0; }
#cp-one .cp-context-conclusion p { font-size:11px; color:#a5b4c7; }
#cp-one .cp-manual-loop { padding:22px 25px; background:#17191e; border-bottom:1px solid #919db522; }
#cp-one .cp-manual-actions { display:flex; align-items:center; gap:7px; margin-top:17px; }
#cp-one .cp-manual-actions>span { padding:7px 9px; border:1px solid #76758040; color:#b5afb5; border-radius:5px; font-size:10px; white-space:nowrap; }
#cp-one .cp-manual-actions>b { color:#727681; font-size:12px; font-weight:400; }
#cp-one .cp-manual-loop>p:last-child { margin-top:15px; color:#a19392; font-size:11px; }
#cp-one .cp-manual-loop>p:last-child>span { float:right; font-size:20px; line-height:1; }
#cp-one .cp-auto-flow { padding:23px 25px 0; background:linear-gradient(145deg,var(--story-tint),transparent 60%); }
#cp-one .cp-context-inputs { display:grid; grid-template-columns:repeat(3,1fr); margin-top:27px; gap:12px; }
#cp-one .cp-context-inputs>div { display:grid; justify-items:center; gap:9px; padding:14px 5px; border:1px solid #e6be7c26; border-radius:8px; }
#cp-one .cp-context-inputs>div>span { height:23px; color:var(--story-accent); font:20px/23px 'JetBrains Mono',monospace; }
#cp-one .cp-context-inputs strong { color:#d9c8af; font-size:10px; font-weight:500; }
#cp-one .cp-collection-lines { display:flex; justify-content:center; height:28px; width:68%; margin:auto; border:1px solid #b697674f; border-top:0; border-radius:0 0 8px 8px; position:relative; }
#cp-one .cp-collection-lines:after { content:""; position:absolute; bottom:-12px; height:12px; left:50%; border-left:1px solid #b697674f; }
#cp-one .cp-collection-lines>i { border-left:1px solid #b697674f; }
#cp-one .cp-context-collected { display:flex; align-items:center; justify-content:center; gap:8px; width:max-content; max-width:100%; margin:11px auto 0; padding:8px 13px; border:1px solid #e6be7c3b; border-radius:6px; color:#d9c3a2; font-size:11px; background:#2b2824; }
#cp-one .cp-context-collected>span { width:5px; height:5px; background:var(--story-accent); border-radius:50%; }
#cp-one .cp-solve-moment { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:28px 0; }
#cp-one .cp-solve-moment small { color:#a69c8b; font-size:10px; }
#cp-one .cp-solve-moment strong { display:block; margin-top:7px; color:#f0dec1; font-size:25px; line-height:1.2; font-weight:500; letter-spacing:-.03em; }
#cp-one .cp-solve-keys { display:flex; gap:9px; }
#cp-one .cp-solve-keys kbd { display:grid; place-items:center; width:70px; height:70px; border:1px solid #e6be7c52; border-bottom:5px solid #40392e; background:linear-gradient(#37322b,#242322); color:#ead2ac; border-radius:11px; font:32px/1 -apple-system,BlinkMacSystemFont,sans-serif; box-shadow:0 8px 20px #0003; }
#cp-one .cp-next-turn { display:grid; gap:4px; padding:17px 0 20px; border-top:1px solid #e6be7c24; font-size:11px; }
#cp-one .cp-next-turn>span { color:#a99d8c; }
#cp-one .cp-next-turn strong { color:#d9c6a8; font-weight:500; }
#cp-one .cp-compare-violet { display:block; }
#cp-one .cp-compare-violet .cp-compare-copy { display:grid; grid-template-columns:.85fr 1.3fr; gap:68px; align-items:start; margin-bottom:36px; }
#cp-one .cp-product-copy-title .cp-compare-promise { margin-top:22px; color:#e0e4eb; font-size:16px; line-height:1.5; font-weight:500; }
#cp-one .cp-product-copy-body>p { color:var(--cp-muted); font-size:15px; line-height:1.8; }
#cp-one .cp-product-copy-body>p+p { margin-top:18px; }
#cp-one .cp-product-copy-body .cp-compare-payoff { padding-left:14px; border-left:2px solid var(--story-accent); color:var(--story-accent); font-size:14px; line-height:1.65; }
#cp-one .cp-product-comparison { background:transparent; border:0; border-radius:0; box-shadow:none; }
#cp-one .cp-product-comparison>.cp-scene-question { padding:0 0 22px; border:0; background:transparent; }
#cp-one .cp-answer-contrast { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:18px; align-items:stretch; }
#cp-one .cp-chat-example { background:#171a1f; border:1px solid #30363e; border-radius:12px; padding:22px 22px 72px; position:relative; min-width:0; }
#cp-one .cp-chat-scroll { height:440px; margin-top:21px; overflow:hidden; position:relative; color:#aeb8c5; font-size:13px; line-height:1.8; }
#cp-one .cp-chat-scroll:after { content:""; position:absolute; inset:72% 0 0; background:linear-gradient(transparent,#171a1f 95%); }
#cp-one .cp-chat-avatar { font-size:17px; display:block; margin-bottom:12px; color:#c3c4cb; }
#cp-one .cp-chat-scroll p { margin-bottom:14px; }
#cp-one .cp-chat-scroll code { display:block; color:#c3c5cd; font:11px/1.9 'JetBrains Mono',monospace; margin:14px 0; padding:12px; border-radius:6px; background:#111419; overflow-wrap:anywhere; }
#cp-one .cp-chat-hunt { position:absolute; inset:auto 18px 22px 22px; color:#acb7c6; font-size:12px; line-height:1.65; }
#cp-one .cp-product-example { min-width:0; overflow:hidden; border:1px solid #35443f; border-radius:12px; background:#141819; }
#cp-one .cp-product-heading { display:flex; justify-content:space-between; align-items:center; padding:17px 21px; border-bottom:1px solid #8fcebc24; }
#cp-one .cp-product-heading .cp-visual-label { color:#9dd1b4; font-size:13px; }
#cp-one .cp-product-heading>span { color:#9bab9f; font-size:10px; }
#cp-one .cp-product-image-link { display:block; cursor:zoom-in; }
#cp-one .cp-product-image-link img { display:block; width:100%; height:auto; }
#cp-one .cp-product-caption { display:grid; gap:7px; padding:20px 23px; border-top:1px solid #8fcebc24; }
#cp-one .cp-product-caption>strong { color:#d4e6dc; font-size:18px; line-height:1.4; font-weight:500; }
#cp-one .cp-product-caption>span { color:#a6b8ad; font-size:12px; }
#cp-one .cp-product-caption>a { display:inline-flex; align-items:center; gap:8px; justify-self:start; min-height:36px; color:#a4d3b9; font-size:11px; }
#cp-one .cp-product-image-link:focus-visible,#cp-one .cp-product-caption>a:focus-visible { outline:2px solid #a4d3b9; outline-offset:-3px; }
#cp-one .cp-product-caption>a:hover { color:#e0ffec; }
#cp-one .cp-bare-answer { padding:23px 25px; background:#17191e; border-bottom:1px solid #919db523; }
#cp-one .cp-bare-answer>strong { display:block; margin-top:12px; font-size:17px; font-weight:400; color:#b7b0b2; line-height:1.45; }
#cp-one .cp-bare-answer>p:last-child { color:#9b8d90; margin-top:9px; font-size:11px; }
#cp-one .cp-reason-content { padding:23px 25px; background:linear-gradient(145deg,var(--story-tint),transparent 70%); }
#cp-one .cp-reason-content h4 { margin:17px 0; color:#d5e9e3; font-size:24px; font-weight:500; line-height:1.2; letter-spacing:-.035em; }
#cp-one .cp-tradeoff-table>div { display:grid; grid-template-columns:1.3fr 1fr .85fr; gap:8px; align-items:center; padding:12px 11px; border-bottom:1px solid #8fcebc21; color:#afbbb8; font:10px/1.5 'JetBrains Mono',monospace; }
#cp-one .cp-tradeoff-table .cp-tradeoff-head { color:#91a39d; font:9px/1.5 'DM Sans',sans-serif; padding-top:3px; }
#cp-one .cp-tradeoff-table strong { font:500 11px/1.5 'DM Sans',sans-serif; }
#cp-one .cp-tradeoff-table .cp-tradeoff-selected { border:1px solid #8fcebc55; border-radius:5px; background:#8fcebc0a; color:#c1e7d9; }
#cp-one .cp-tradeoff-selected strong>span { display:block; color:#91bfae; font-size:8px; font-weight:400; }
#cp-one .cp-reason-why { margin-top:17px; font-size:12px; color:#c3ded4; }
#cp-one .cp-reason-code { margin-top:13px; padding:15px; background:#10191a; border:1px solid #8fcebc25; border-radius:7px; white-space:pre-wrap; overflow-wrap:anywhere; }
#cp-one .cp-reason-code code { color:#bcdad1; font:10px/1.9 'JetBrains Mono',monospace; }
#cp-one .cp-reason-checks { display:grid; gap:4px; margin-top:13px; color:#9eb8ae; font-size:10px; }
#cp-one .cp-model-receipt { display:grid; grid-template-columns:1fr auto; gap:5px 15px; padding:18px 25px; border-top:1px solid #8fcebc30; background:#8fcebc08; }
#cp-one .cp-model-receipt>span { color:#a2beb2; font-size:10px; }
#cp-one .cp-model-receipt>strong { grid-column:2; grid-row:1 / span 2; align-self:center; color:#c0e8d9; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
#cp-one .cp-model-receipt>small { color:#829e92; font-size:9px; }
#cp-one .cp-compare-closing { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:45px 0 32px; }
#cp-one .cp-compare-closing h3 { font-size:26px; line-height:1.3; }
#cp-one .cp-compare-closing p { max-width:560px; margin-top:14px; color:var(--cp-muted); font-size:15px; line-height:1.8; }
#cp-one .cp-compare-closing>a { flex:none; font-size:13px; }
#cp-one .cp-compare-note { color:#838e9d; font-size:10px; line-height:1.6; }
@media (max-width:1000px) {
  #cp-one .cp-compare-feature { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:30px; }
  #cp-one .cp-manual-actions { flex-wrap:wrap; gap:5px; }
  #cp-one .cp-solve-keys kbd { width:54px; height:59px; }
  #cp-one .cp-solve-moment strong { font-size:22px; }
  #cp-one .cp-context-contrast { grid-template-columns:1fr; }
  #cp-one .cp-fragment-view { padding:18px 22px; }
  #cp-one .cp-fragment-window { margin-top:12px; }
  #cp-one .cp-missing-evidence { margin-top:14px; }
  #cp-one .cp-retained-view { border-left:0; border-top:1px solid #919db523; }
  #cp-one .cp-evidence-stack { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  #cp-one .cp-evidence-stack>div { padding:0; gap:0; }
  #cp-one .cp-evidence-stack>div>b,#cp-one .cp-evidence-stack>div:before { display:none; }
  #cp-one .cp-answer-contrast { grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); }
  #cp-one .cp-compare-violet .cp-compare-copy { gap:30px; }
  #cp-one .cp-chat-example { padding-left:15px; padding-right:12px; }
}
@media (max-width:780px) {
  #cp-one .cp-compare-violet .cp-compare-copy { grid-template-columns:1fr; gap:23px; }
  #cp-one .cp-answer-contrast { grid-template-columns:1fr; }
  #cp-one .cp-chat-example { padding:21px 22px 52px; }
  #cp-one .cp-chat-scroll { height:148px; }
  #cp-one .cp-product-example { border-left:0; border-top:1px solid #8fcebc35; }
  #cp-one .cp-product-caption { padding:18px 20px; }
  #cp-one .cp-product-caption>strong { font-size:17px; }
  #cp-one .cp-comparison { padding-top:65px; }
  #cp-one .cp-compare-intro>p:last-of-type { font-size:16px; }
  #cp-one .cp-compare-feature { grid-template-columns:1fr; gap:30px; padding-block:48px; }
  #cp-one .cp-compare-copy h3 { font-size:32px; }
  #cp-one .cp-compare-copy>p:not(.cp-compare-kicker) { max-width:620px; }
  #cp-one .cp-context-contrast { grid-template-columns:.94fr 1.1fr; }
  #cp-one .cp-retained-view { border-top:0; border-left:1px solid #919db523; }
  #cp-one .cp-evidence-stack { display:block; }
  #cp-one .cp-evidence-stack>div { padding-bottom:21px; gap:13px; }
  #cp-one .cp-evidence-stack>div>b,#cp-one .cp-evidence-stack>div:before { display:block; }
  #cp-one .cp-compare-closing { align-items:flex-start; flex-direction:column; gap:24px; }
}
@media (max-width:480px) {
  #cp-one .cp-compare-intro h2 { font-size:32px; }
  #cp-one .cp-compare-copy h3 { font-size:30px; }
  #cp-one .cp-compare-kicker { font-size:12px; }
  #cp-one .cp-scene-question { padding:20px; }
  #cp-one .cp-scene-question>strong { font-size:19px; }
  #cp-one .cp-context-contrast { grid-template-columns:1fr; }
  #cp-one .cp-retained-view { border-top:1px solid #919db523; border-left:0; }
  #cp-one .cp-fragment-window pre { font-size:10px; }
  #cp-one .cp-evidence-stack strong { font-size:13px; }
  #cp-one .cp-evidence-stack code { font-size:10px; }
  #cp-one .cp-context-conclusion { padding:20px; gap:12px; }
  #cp-one .cp-context-conclusion strong { font-size:22px; }
  #cp-one .cp-manual-loop,#cp-one .cp-auto-flow { padding-inline:18px; }
  #cp-one .cp-context-inputs { gap:7px; }
  #cp-one .cp-context-inputs strong { font-size:9px; }
  #cp-one .cp-solve-moment { gap:10px; }
  #cp-one .cp-solve-keys { gap:6px; }
  #cp-one .cp-solve-keys kbd { width:48px; height:54px; font-size:26px; }
  #cp-one .cp-solve-moment strong { font-size:23px; }
  #cp-one .cp-answer-contrast { grid-template-columns:1fr; }
  #cp-one .cp-chat-example { padding:19px 20px 45px; }
  #cp-one .cp-chat-scroll { height:142px; font-size:10px; }
  #cp-one .cp-chat-hunt { left:20px; bottom:17px; }
  #cp-one .cp-bare-answer,#cp-one .cp-reason-content,#cp-one .cp-model-receipt { padding-inline:20px; }
  #cp-one .cp-tradeoff-table>div { padding-inline:7px; gap:5px; font-size:9px; }
  #cp-one .cp-reason-code { padding:12px; }
  #cp-one .cp-reason-code code { font-size:9px; }
  #cp-one .cp-model-receipt { grid-template-columns:1fr; }
  #cp-one .cp-model-receipt>strong { grid-column:auto; grid-row:auto; }
  #cp-one .cp-compare-closing h3 { font-size:25px; }
}

/* Text question detail (input schema 2): the archive viewer's sections, read on a phone. */
#cp-one .cp-q-head .cp-q-facts { margin:14px 0 12px; color:var(--cp-muted); font:400 13px/1.6 'JetBrains Mono',ui-monospace,monospace; }
#cp-one .cp-q-head .cp-q-facts time { color:var(--cp-amber); }
#cp-one .cp-q-head .cp-q-tags + .cp-q-tags { margin-top:8px; }
#cp-one .cp-q-detail { margin-top:30px; max-width:860px; }
#cp-one .cp-q-section { margin-top:30px; }
#cp-one .cp-q-section>h2 { display:flex; align-items:center; gap:12px; margin-bottom:22px; color:var(--cp-muted); font:600 11px/1.5 'JetBrains Mono',ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; }
#cp-one .cp-q-section>h2:after { content:''; flex:1; height:1px; background:#2a2d2f; }
#cp-one .cp-q-text,#cp-one .cp-q-code { margin:0; padding:16px 18px; background:var(--cp-panel); border:1px solid #2a2d2f; border-radius:10px; color:var(--cp-text); font:400 14px/1.7 'JetBrains Mono',ui-monospace,monospace; }
#cp-one .cp-q-text { white-space:pre-wrap; overflow-wrap:anywhere; }
#cp-one .cp-q-code { white-space:pre; overflow-x:auto; tab-size:4; }
#cp-one .cp-q-example { background:var(--cp-panel); border:1px solid #2a2d2f; border-radius:10px; overflow:hidden; }
#cp-one .cp-q-example + .cp-q-example { margin-top:12px; }
#cp-one .cp-q-example h3 { padding:10px 18px; border-bottom:1px solid #2a2d2f; background:var(--cp-raised); color:var(--cp-violet); font:600 12px/1.5 'JetBrains Mono',ui-monospace,monospace; letter-spacing:.06em; text-transform:uppercase; }
#cp-one .cp-q-example .cp-q-text { border:0; border-radius:0; }
#cp-one .cp-q-bullets { margin:0; padding:0; list-style:none; }
#cp-one .cp-q-bullets li { position:relative; padding-left:18px; color:var(--cp-text); font-size:15px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
#cp-one .cp-q-bullets li + li { margin-top:10px; }
#cp-one .cp-q-bullets li:before { content:'·'; position:absolute; left:4px; color:var(--cp-muted); }
@media(max-width:600px) {
  #cp-one .cp-q-text,#cp-one .cp-q-code { padding:14px; font-size:13px; }
  #cp-one .cp-q-example h3 { padding:10px 14px; }
}

/* Section F: Current host with the approved F5 sources and fan-out */
#cp-one .cp-flow { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.18fr); grid-template-rows:auto minmax(150px,1fr) auto; grid-template-areas:"head graph" "cta graph" "result graph"; gap:30px 54px; padding:48px 0 64px; scroll-margin-top:90px; }
#cp-one .cp-flow:before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:radial-gradient(#ffffff17 1px,transparent 1.3px); background-size:24px 24px; -webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 72%); mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 72%); }
#cp-one .cp-flow:after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:repeating-radial-gradient(circle at 73% 76%,transparent 0 71px,#ffffff12 71px 72px); -webkit-mask-image:radial-gradient(circle at 73% 76%,#000 6%,transparent 64%); mask-image:radial-gradient(circle at 73% 76%,#000 6%,transparent 64%); }
#cp-one .cp-flow-sky { --a:#8fc0f5; --a2:#1f4f80; }
#cp-one .cp-flow-violet { --a:#b9a2f7; --a2:#43318f; }
#cp-one .cp-flow-rose { --a:#f2a0bf; --a2:#70305a; }
#cp-one .cp-flow-mint { --a:#8fd6c0; --a2:#1f5a50; }
#cp-one .cp-flow-orchid { --a:#e2a8f0; --a2:#5f3478; }

/* Header */
#cp-one .cp-flow-head { grid-area:head; min-width:0; min-height:0; padding-top:6px; }
#cp-one .cp-flow-kicker { display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#a9b2c0; font:500 13px/1.5 'JetBrains Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }
#cp-one .cp-flow-kicker-mark { display:inline-flex; gap:4px; }
#cp-one .cp-flow-kicker-mark i { width:7px; height:7px; border-radius:50%; background:#8fc0f5; box-shadow:0 0 9px #8fc0f5b3; }
#cp-one .cp-flow-kicker-mark i:nth-child(2) { background:#b9a2f7; box-shadow:0 0 9px #b9a2f7b3; }
#cp-one .cp-flow-kicker-mark i:nth-child(3) { background:#f2a0bf; box-shadow:0 0 9px #f2a0bfb3; }
#cp-one .cp-flow-head h2 { font-size:clamp(26px,2.72cqw,37px); line-height:1.12; letter-spacing:-.047em; }
#cp-one .cp-flow-head h2 span { background:linear-gradient(92deg,#8fc0f5,#b9a2f7 52%,#f2a0bf); -webkit-background-clip:text; background-clip:text; color:transparent; }
#cp-one .cp-flow-support { margin-top:22px; padding-left:14px; border-left:2px solid #b9a2f7; color:#cdbdfb; font-size:15px; line-height:1.6; text-wrap:balance; }

/* The graph */
#cp-one .cp-flow-graph { grid-area:graph; position:relative; min-width:0; }
#cp-one .cp-flow-graph>div { position:relative; z-index:1; }
#cp-one .cp-flow-wires { position:absolute; inset:0; z-index:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
#cp-one .cp-flow-wires path { fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#cp-one .cp-flow-wire { stroke:#ffffff38; }
#cp-one .cp-flow-wire-a { stroke:#86b9ff99; }
#cp-one .cp-flow-wire-b { stroke:#b8a4ff99; }
#cp-one .cp-flow-wire-c { stroke:#ff9fc399; }
#cp-one .cp-flow-wire-trunk,#cp-one .cp-flow-wire-model { stroke:#ffffff66; }
#cp-one .cp-flow-wire-pick { stroke:#ffffff33; }
#cp-one .cp-flow-wires path.cp-flow-wire-lit { stroke:var(--flow-hue); stroke-width:2; opacity:0; transition:opacity .35s; }
#cp-one .cp-flow-wires path.cp-flow-wire-glow { stroke:var(--flow-hue); stroke-width:7; opacity:0; transition:opacity .35s; }
#cp-one .cp-flow-wires path.cp-flow-wire-lit.is-lit { opacity:1; }
#cp-one .cp-flow-wires path.cp-flow-wire-glow.is-lit { opacity:.22; }
#cp-one .cp-flow-wires path.cp-flow-arrow { stroke:#ffffffb3; }
#cp-one .cp-flow-wires path.cp-flow-motion { stroke:none; }
#cp-one .cp-flow-dot { position:absolute; left:0; top:0; z-index:2; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:var(--dot); box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 28%,transparent),0 0 14px 3px var(--dot); opacity:0; pointer-events:none; will-change:transform,opacity; }
#cp-one .cp-flow-dot-a { --dot:#a9cdff; }
#cp-one .cp-flow-dot-b { --dot:#cdbdff; }
#cp-one .cp-flow-dot-c { --dot:#ffb9d4; }
#cp-one .cp-flow-dot-pick { --dot:#fff; }

/* Stage 1: three sources, each a live visual over its icon and label */
#cp-one .cp-flow-sources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
#cp-one .cp-flow-source { display:grid; grid-template-rows:auto 1fr; gap:9px; min-width:0; }
#cp-one .cp-flow-src-a { --acc:var(--fa); }
#cp-one .cp-flow-src-b { --acc:var(--fb); }
#cp-one .cp-flow-src-c { --acc:var(--fc); }
#cp-one .cp-flow-visual { position:relative; height:172px; overflow:hidden; container-type:inline-size; border:1px solid color-mix(in srgb,var(--acc) 42%,transparent); border-radius:15px; background:linear-gradient(165deg,color-mix(in srgb,var(--acc) 24%,#10142c),#0e1127 62%); box-shadow:inset 0 1px 0 #ffffff2e,0 16px 34px #00000066; }
#cp-one .cp-flow-ping { position:absolute; inset:0; z-index:4; border-radius:inherit; box-shadow:inset 0 0 0 1.5px var(--acc),inset 0 0 28px color-mix(in srgb,var(--acc) 55%,transparent); opacity:0; pointer-events:none; transition:opacity .6s; }
#cp-one .is-ping>.cp-flow-ping { opacity:1; transition-duration:.1s; }
/* A: the prompt, as a coding platform shows it */
#cp-one .cp-flow-prompt-tabs { display:flex; gap:11px; height:25px; padding:0 12px; border-bottom:1px solid #ffffff14; color:#8d98b8; font:500 8.5px/25px 'DM Sans',sans-serif; }
#cp-one .cp-flow-prompt-tabs b { color:#fff; font-weight:600; box-shadow:inset 0 -2px 0 var(--acc); }
#cp-one .cp-flow-prompt-card { position:absolute; inset:25px 0 0; display:grid; align-content:start; gap:5px; padding:11px 12px; transition:opacity .45s,transform .5s cubic-bezier(.2,.7,.2,1); }
#cp-one .cp-flow-prompt-card small { color:var(--acc); font:600 8.5px/1.4 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
#cp-one .cp-flow-prompt-card strong { color:#fff; font-size:14px; font-weight:600; line-height:1.25; letter-spacing:-.02em; }
#cp-one .cp-flow-prompt-card p { color:#c9d3ea; font-size:11px; line-height:1.45; }
#cp-one .cp-flow-prompt-card em { color:#fff; font-style:normal; box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--acc) 38%,transparent); }
#cp-one .cp-flow-prompt-card>span { display:flex; gap:5px; margin-top:3px; }
#cp-one .cp-flow-prompt-card>span i { padding:1px 7px; border:1px solid color-mix(in srgb,var(--acc) 45%,transparent); border-radius:99px; color:#d6e5ff; font:500 8.5px/1.6 'DM Sans',sans-serif; font-style:normal; }
#cp-one .cp-flow-prompt-card[data-flow-part="2"] { opacity:0; transform:translateY(16px); }
#cp-one .is-part2>.cp-flow-prompt-card[data-flow-part="1"] { opacity:0; transform:translateY(-16px); }
#cp-one .is-part2>.cp-flow-prompt-card[data-flow-part="2"] { opacity:1; transform:none; }
/* B: a Python file scrolled and edited; the code fades into a shadow at the top */
#cp-one .cp-flow-editor { background:linear-gradient(165deg,color-mix(in srgb,var(--acc) 16%,#0e1127),#0c0e22 55%); }
#cp-one .cp-flow-editor-tabs { display:flex; height:25px; border-bottom:1px solid #ffffff14; color:#7f89a8; font:min(4.7cqw,9.5px)/25px 'JetBrains Mono',monospace; }
#cp-one .cp-flow-editor-tabs span { flex:0 1 auto; min-width:0; padding:0 min(3.6cqw,9px); overflow:hidden; border-right:1px solid #ffffff0f; white-space:nowrap; transition:color .3s,background-color .3s; }
#cp-one .cp-flow-editor-tabs span.is-on,#cp-one .cp-flow:not(.is-live) .cp-flow-editor-tabs span:first-child { background:#ffffff12; color:#fff; box-shadow:inset 0 2px 0 var(--acc); }
#cp-one .cp-flow-editor-view { position:relative; height:130px; margin-top:9px; overflow:hidden; }
#cp-one .cp-flow-editor-view:before { content:""; position:absolute; inset:0 0 auto; z-index:2; height:27px; background:linear-gradient(180deg,#0c0e22,#0c0e22b3 38%,transparent); pointer-events:none; }
#cp-one .cp-flow-editor-view:after { content:""; position:absolute; inset:auto 0 0; z-index:2; height:14px; background:linear-gradient(0deg,#0c0e22,transparent); pointer-events:none; }
#cp-one .cp-flow-code { position:absolute; inset:0 0 auto; margin:0; padding:0; list-style:none; color:#c5cde6; font:min(4.87cqw,10px)/13px 'JetBrains Mono',monospace; opacity:0; transition:opacity .3s; will-change:transform; }
#cp-one .cp-flow-code.is-on { opacity:1; }
#cp-one .cp-flow-code li { display:grid; grid-template-columns:min(11.6cqw,24px) minmax(0,1fr); height:13px; }
#cp-one .cp-flow-code li>i { padding-right:6px; color:#5d6788; font-style:normal; text-align:right; }
#cp-one .cp-flow-code code { overflow:hidden; font:inherit; white-space:pre; }
#cp-one .cp-flow-code .k { color:#c59bf0; }
#cp-one .cp-flow-code .f { color:#8fd3ff; }
#cp-one .cp-flow-code .s { color:#f5b3cf; }
#cp-one .cp-flow-code .n { color:#9fe0d0; }
#cp-one .cp-flow-code .c { color:#68739a; font-style:italic; }
#cp-one .cp-flow-code li.is-editing,#cp-one .cp-flow-code li.is-edited { background:color-mix(in srgb,var(--acc) 24%,transparent); box-shadow:inset 2px 0 0 var(--acc); }
#cp-one .cp-flow-edit { border-radius:2px; color:#fff; }
#cp-one .cp-flow-edit.is-select { background:color-mix(in srgb,var(--acc) 60%,transparent); }
#cp-one .cp-flow-caret { display:inline-block; width:1px; height:9px; margin:0 0 -1px 0; background:#fff; opacity:0; }
#cp-one .is-editing .cp-flow-caret { opacity:1; animation:cp-flow-blink .7s steps(2,jump-none) infinite; }
@keyframes cp-flow-blink { 50% { opacity:0; } }
/* C: a short spoken exchange */
#cp-one .cp-flow-talk-wave { display:flex; align-items:center; justify-content:space-between; height:25px; padding:0 12px; border-bottom:1px solid #ffffff14; }
#cp-one .cp-flow-talk-wave>span { display:flex; align-items:center; gap:2.5px; height:14px; }
#cp-one .cp-flow-talk-wave i { width:2.5px; height:12px; border-radius:2px; background:var(--acc); transform:scaleY(.22); transition:transform .3s; }
#cp-one .is-speaking .cp-flow-talk-wave i { animation:cp-flow-wave .62s ease-in-out infinite; }
#cp-one .is-speaking .cp-flow-talk-wave i:nth-child(2n) { animation-delay:-.2s; animation-duration:.5s; }
#cp-one .is-speaking .cp-flow-talk-wave i:nth-child(3n) { animation-delay:-.38s; animation-duration:.74s; }
@keyframes cp-flow-wave { 0%,100% { transform:scaleY(.25); } 50% { transform:scaleY(1); } }
#cp-one .cp-flow-talk-wave b { color:#b9a2b4; font:500 8.5px/1 'DM Sans',sans-serif; letter-spacing:.02em; }
#cp-one .cp-flow-talk-view { position:relative; height:130px; margin-top:9px; overflow:hidden; }
#cp-one .cp-flow-talk-view:before { content:""; position:absolute; inset:0 0 auto; z-index:2; height:20px; background:linear-gradient(180deg,#131229,transparent); pointer-events:none; }
#cp-one .cp-flow-talk-idle { position:absolute; inset:46px 0 auto; color:#b9a2b4; font-size:11px; font-style:italic; text-align:center; opacity:0; transition:opacity .35s; }
#cp-one .is-quiet .cp-flow-talk-idle { opacity:1; }
#cp-one .cp-flow-talk-list { position:absolute; inset:0 0 auto; display:grid; gap:7px; margin:0; padding:2px 11px 0; list-style:none; will-change:transform; }
#cp-one .cp-flow-talk-list li { display:flex; transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1); }
#cp-one .cp-flow-talk-list span { position:relative; max-width:92%; padding:5px 10px 6px; color:#fff; font-size:11px; font-weight:500; line-height:1.3; letter-spacing:-.01em; }
#cp-one .cp-flow-them span { border-radius:12px 12px 12px 3px; background:linear-gradient(135deg,#d8588f,#8a55c8); box-shadow:inset 0 1px 0 #ffffff59,0 6px 14px #00000059; }
#cp-one .cp-flow-them span:before { content:""; position:absolute; left:-5px; bottom:0; width:10px; height:9px; background:#d8588f; clip-path:path("M10 0C10 5 6 8 0 9L10 9Z"); }
#cp-one .cp-flow-you { justify-content:flex-end; }
#cp-one .cp-flow-you span { border:1px solid #ffffff40; border-radius:12px 12px 3px 12px; background:#ffffff17; color:#e6eaf6; }
#cp-one .cp-flow.is-live .cp-flow-talk-list li { opacity:0; transform:translateY(9px) scale(.94); transform-origin:left bottom; }
#cp-one .cp-flow.is-live .cp-flow-talk-list li.cp-flow-you { transform-origin:right bottom; }
#cp-one .cp-flow.is-live .cp-flow-talk-list li.is-on { opacity:1; transform:none; }

/* Space for the three source lines to join above memory */
#cp-one .cp-flow-collect { height:40px; }

#cp-one .cp-flow-tap { display:flex; flex:1; align-items:center; justify-content:center; gap:10px; min-height:42px; margin-top:9px; padding:8px 10px; border:1px solid color-mix(in srgb,var(--a) 44%,transparent); border-radius:12px; background:linear-gradient(135deg,color-mix(in srgb,var(--a) 20%,transparent),color-mix(in srgb,var(--a) 5%,transparent) 70%); box-shadow:inset 0 1px 0 #ffffff1f; color:#eef2f9; font-size:13px; font-weight:500; letter-spacing:-.01em; line-height:1.3; text-align:center; }
#cp-one .cp-flow-tap span { text-wrap:balance; }
#cp-one .cp-flow-tap svg { flex:none; width:19px; height:19px; fill:none; stroke:var(--a); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
/* Stage 2: the memory. Prompt, then files with their line data, then voice notes */
#cp-one .cp-flow-memory { position:relative; z-index:1; border:1px solid #b59cff5c; border-radius:17px; background:radial-gradient(ellipse at 94% 82%,#0a0b20e6,transparent 68%),radial-gradient(ellipse at 0% 0%,#3054a852,transparent 56%),linear-gradient(150deg,#2b2656,#151429 62%); box-shadow:0 26px 60px #00000085,0 0 50px #7d5fd62b,inset 0 1px 0 #ffffff33; }
#cp-one .cp-flow-memory-glow { position:absolute; inset:-1px; border-radius:inherit; opacity:0; box-shadow:0 0 0 1.5px #dccfff,0 0 40px 5px #a98bffb8,inset 0 0 34px #a98bff47; pointer-events:none; }
#cp-one .cp-flow-memory-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px 16px 13px 17px; }
#cp-one .cp-flow-memory-head>svg { width:24px; height:24px; color:#cfc0ff; filter:drop-shadow(0 0 8px #a98bffb3); }
#cp-one .cp-flow-memory-head strong { display:block; color:#f6f3ff; font-size:16.5px; font-weight:600; line-height:1.25; letter-spacing:-.025em; }
#cp-one .cp-flow-memory-head em { padding:2px 10px 3px; border:1px solid #b59cff73; border-radius:99px; color:#ddd2ff; font:500 9.5px/1.5 'JetBrains Mono',monospace; font-style:normal; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
#cp-one .cp-flow-memory-body { transition:opacity .36s; }
#cp-one .cp-flow-memory.is-wiping .cp-flow-memory-body { opacity:0; }
#cp-one .cp-flow-memory.is-wiping .cp-flow-memory-body * { transition:none; }
#cp-one .cp-flow-area { position:relative; display:grid; grid-template-columns:82px minmax(0,1fr); gap:10px; align-items:start; padding:11px 16px 12px 19px; border-top:1px solid #ffffff17; }
#cp-one .cp-flow-area:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,transparent),transparent 72%); opacity:calc(.2 + var(--flash,0) * .8); pointer-events:none; }
#cp-one .cp-flow-area:after { content:""; position:absolute; left:0; top:9px; bottom:9px; width:3px; border-radius:0 3px 3px 0; background:var(--c); box-shadow:0 0 10px var(--c); }
#cp-one .cp-flow-area h3 { position:relative; padding-top:4px; color:color-mix(in srgb,var(--c) 72%,#fff); font:500 10px/1.5 'JetBrains Mono',monospace; letter-spacing:.09em; text-transform:uppercase; }
#cp-one .cp-flow-chips { position:relative; display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }
#cp-one .cp-flow-chips li { display:flex; align-items:center; gap:7px; padding:3px 11px 4px 4px; border-radius:99px; background:#ffffff14; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 42%,transparent); color:#e9effc; font-size:11.5px; line-height:1.4; white-space:nowrap; transition:opacity .35s,transform .45s cubic-bezier(.2,1.4,.4,1); }
#cp-one .cp-flow-chips b { padding:1px 7px; border-radius:99px; background:var(--c); color:#0f1a30; font-size:9.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
#cp-one .cp-flow-files { position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0; padding:0; list-style:none; }
#cp-one .cp-flow-files li { display:grid; grid-template-columns:24px minmax(0,1fr) auto; grid-template-areas:"ext name range" "ext bar range"; gap:5px 10px; align-items:center; transition:opacity .35s,transform .45s cubic-bezier(.2,1.2,.4,1); }
#cp-one .cp-flow-ext { grid-area:ext; display:grid; place-items:center; width:24px; height:24px; border-radius:6px; background:#514b83; color:#f5f1ff; font:700 9px/1 'JetBrains Mono',monospace; text-transform:uppercase; }
#cp-one .cp-flow-files li>p:first-of-type { grid-area:name; display:flex; align-items:center; gap:8px; min-width:0; }
#cp-one .cp-flow-files strong { color:#f3f0ff; font:500 12px/1.3 'JetBrains Mono',monospace; }
#cp-one .cp-flow-files em { padding:0 7px 1px; border-radius:99px; background:color-mix(in srgb,var(--c) 48%,transparent); color:#fff; font-size:9.5px; font-style:normal; line-height:1.5; white-space:nowrap; transition:opacity .3s,transform .4s cubic-bezier(.2,1.5,.4,1); }
#cp-one .cp-flow-range { grid-area:range; min-width:58px; text-align:right; }
#cp-one .cp-flow-range b { display:block; color:#f6f3ff; font-size:17px; font-weight:500; line-height:1.1; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
#cp-one .cp-flow-range small { display:block; margin-top:1px; color:#a8a0cc; font-size:8.5px; letter-spacing:.07em; text-transform:uppercase; }
#cp-one .cp-flow-bar { grid-area:bar; position:relative; height:5px; }
#cp-one .cp-flow-bar>span { position:absolute; inset:0; overflow:hidden; border-radius:2px; background:#ffffff1c; -webkit-mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 12px); mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 12px); }
#cp-one .cp-flow-bar i { position:absolute; inset:0; background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 50%,#fff)); transform-origin:0 50%; }
#cp-one .cp-flow-bar u { position:absolute; top:-3px; width:3px; height:11px; margin-left:-1.5px; border-radius:2px; background:#fff; box-shadow:0 0 9px 1px #fff; transition:opacity .3s,transform .4s cubic-bezier(.2,1.6,.4,1); }
#cp-one .cp-flow:not(.is-live) .cp-flow-bar u { display:none; }
#cp-one .cp-flow-notes { position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:5px; margin:0; padding:1px 0 0; list-style:none; }
#cp-one .cp-flow-notes li { display:flex; align-items:center; gap:8px; min-width:0; padding:4px 10px; border:1px solid color-mix(in srgb,var(--c) 50%,transparent); border-radius:99px; background:color-mix(in srgb,var(--c) 14%,transparent); color:#f6e6ee; font-size:11.5px; line-height:1.4; transition:opacity .35s,transform .45s cubic-bezier(.2,1.3,.4,1); }
#cp-one .cp-flow-notes li:before { content:""; flex:none; width:6px; height:6px; border-radius:50%; background:var(--c); box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 28%,transparent); }
#cp-one .cp-flow-notes b { flex:none; padding:0 7px 1px; border-radius:99px; background:color-mix(in srgb,var(--c) 36%,transparent); color:#ffd8e7; font-size:9px; font-weight:600; letter-spacing:.05em; line-height:1.6; text-transform:uppercase; }
#cp-one .cp-flow.is-live .cp-flow-chips li:not(.is-on),#cp-one .cp-flow.is-live .cp-flow-notes li:not(.is-on) { opacity:0; transform:translateY(7px) scale(.94); }
#cp-one .cp-flow.is-live .cp-flow-files li:not(.is-on) { opacity:0; transform:translateY(9px); }
#cp-one .cp-flow.is-live .cp-flow-files em:not(.is-on),#cp-one .cp-flow.is-live .cp-flow-bar u:not(.is-on) { opacity:0; transform:scale(.5); }
#cp-one .cp-flow-memory-foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:2px 14px; padding:9px 16px 11px 19px; border-top:1px solid #ffffff17; color:#a9a0d0; font:10px/1.5 'JetBrains Mono',monospace; }
#cp-one .cp-flow-memory-foot span:first-child { color:#e1d9ff; }

/* Stage 3: memory connects directly to the models */
#cp-one .cp-flow-models { display:flex; align-items:center; gap:14px; width:max-content; max-width:100%; margin:38px auto 0; padding:11px 24px 11px 13px; border:1px solid #ffffff4d; border-radius:99px; background:linear-gradient(112deg,#ffffff33 0%,#ffffff0d 30%,transparent 56%),linear-gradient(120deg,#33479c,#5a3a9c 48%,#8a3a78); box-shadow:0 16px 38px #00000080,0 0 calc(10px + var(--flow-think,0) * 34px) calc(var(--flow-think,0) * 5px) #b9a2f7b3,inset 0 1px 0 #ffffff59; }
#cp-one .cp-flow-cores { display:inline-flex; }
#cp-one .cp-flow-cores i { position:relative; width:34px; height:34px; border:1.5px solid #ffffff8c; border-radius:50%; background:radial-gradient(circle,#fff 0 9%,#a9c9ff 12% 24%,#5a6fe0 30%,transparent 33%),radial-gradient(circle,#ffffff1f,transparent 70%); box-shadow:0 0 14px #8fc0f580,inset 0 0 10px #8fc0f559; animation:cp-flow-spin 7s linear infinite; }
#cp-one .cp-flow-cores i+i { margin-left:-10px; background:radial-gradient(circle,#fff 0 9%,#ffc6dd 12% 24%,#c0549a 30%,transparent 33%),radial-gradient(circle,#ffffff1f,transparent 70%); box-shadow:0 0 14px #f2a0bf80,inset 0 0 10px #f2a0bf59; animation-duration:9s; animation-direction:reverse; }
#cp-one .cp-flow-cores i:after { content:""; position:absolute; left:50%; top:-4px; width:7px; height:7px; margin-left:-3.500px; border-radius:50%; background:#fff; box-shadow:0 0 8px #fff; }
#cp-one .cp-flow-models small { display:block; color:#e0d9ff; font:500 9.5px/1.5 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
#cp-one .cp-flow-model-names { display:flex; flex-wrap:wrap; gap:0 9px; color:#fff; font-size:15px; letter-spacing:-.015em; line-height:1.35; }
#cp-one .cp-flow-model-names b { font-weight:600; white-space:nowrap; }
#cp-one .cp-flow-model-names b+b:before { content:"·"; margin-right:9px; color:#ffffff99; }
#cp-one .cp-flow-gap-fan { height:20px; }

/* Stage 4: the fan-out into glowing containers */
#cp-one .cp-flow-fan { height:26px; }
#cp-one .cp-flow-picks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 46px; }
#cp-one .cp-flow-pick { --hue:#86b9ff; position:relative; display:flex; align-items:center; gap:13px; min-height:76px; padding:11px 14px 12px; overflow:hidden; border:1px solid color-mix(in srgb,var(--hue) 46%,transparent); border-radius:16px; background:linear-gradient(140deg,color-mix(in srgb,var(--hue) 17%,#141834),#11132a 72%); box-shadow:inset 0 1px 0 #ffffff29,0 0 24px color-mix(in srgb,var(--hue) 20%,transparent); text-align:left; cursor:pointer; transition:transform .25s,box-shadow .35s,border-color .35s,background-color .35s; }
#cp-one .cp-flow-pick-multifile { --hue:#74e0cf; }
#cp-one .cp-flow-pick-review { --hue:#ff9fc3; }
#cp-one .cp-flow-pick-design { --hue:#b8a4ff; }
#cp-one .cp-flow-pick-voice { --hue:#e7a0f6; grid-column:1 / -1; }
#cp-one .cp-flow-pick:hover { transform:translateY(-2px); box-shadow:inset 0 1px 0 #ffffff3d,0 0 34px color-mix(in srgb,var(--hue) 40%,transparent); }
#cp-one .cp-flow-pick:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#cp-one .cp-flow-pick:before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(140deg,color-mix(in srgb,var(--hue) 52%,transparent),color-mix(in srgb,var(--hue) 12%,transparent) 78%); opacity:0; transition:opacity .4s; }
#cp-one .cp-flow-pick[aria-pressed="true"] { border-color:var(--hue); box-shadow:inset 0 1px 0 #ffffff59,0 0 0 1px var(--hue),0 0 40px color-mix(in srgb,var(--hue) 55%,transparent); }
#cp-one .cp-flow-pick[aria-pressed="true"]:before { opacity:.85; }
#cp-one .cp-flow-pick.is-fed:before { opacity:.6; transition-duration:.15s; }
#cp-one .cp-flow-pick:after { content:""; position:absolute; inset:auto 0 0; height:3px; background:#fff; opacity:0; transform:scaleX(var(--flow-progress,0)); transform-origin:left; }
#cp-one .cp-flow[data-flow-auto="on"] .cp-flow-pick[aria-pressed="true"]:after { opacity:.85; }
#cp-one .cp-flow-pick>span { position:relative; }
#cp-one .cp-flow-pick-text { display:grid; gap:2px; min-width:0; }
#cp-one .cp-flow-pick-text strong { color:#fff; font-size:14.5px; font-weight:600; line-height:1.25; letter-spacing:-.015em; }
#cp-one .cp-flow-pick-text small { color:#cdd4ea; font-size:11.5px; line-height:1.4; }
#cp-one .cp-flow-pick[aria-pressed="true"] .cp-flow-pick-text small { color:#f1f3fb; }
/* Each container's small graphic */
#cp-one .cp-flow-art { flex:none; width:66px; height:52px; border:1px solid #ffffff24; border-radius:11px; background:#0b0c20a6; box-shadow:inset 0 1px 0 #ffffff1a; }
#cp-one .cp-flow-art i,#cp-one .cp-flow-art b { position:absolute; font-style:normal; }
#cp-one .cp-flow-art-parts i { display:grid; place-items:center; height:15px; border-radius:4px; color:#0f1230; font:700 9px/1 'JetBrains Mono',monospace; }
#cp-one .cp-flow-art-parts i:nth-child(1) { left:8px; bottom:7px; width:38px; background:var(--hue); }
#cp-one .cp-flow-art-parts i:nth-child(2) { left:20px; bottom:24px; width:38px; background:#fff; }
#cp-one .cp-flow-art-parts i:nth-child(3) { left:32px; top:4px; width:26px; height:5px; border:1px dashed #ffffff8c; background:none; color:transparent; }
#cp-one .cp-flow-art-files { overflow:hidden; }
#cp-one .cp-flow-art-files i { top:12px; width:19px; height:27px; border-radius:3px 7px 3px 3px; background:linear-gradient(180deg,var(--hue),color-mix(in srgb,var(--hue) 45%,#11132a)); opacity:.55; }
#cp-one .cp-flow-art-files i:nth-child(1) { left:8px; opacity:1; }
#cp-one .cp-flow-art-files i:nth-child(2) { left:31px; }
#cp-one .cp-flow-art-files i:nth-child(3) { left:54px; }
#cp-one .cp-flow-art-files i:nth-child(4) { left:77px; }
#cp-one .cp-flow-art-files b { left:4px; top:7px; width:27px; height:37px; border:1.5px dashed #fff; border-radius:5px; }
#cp-one .cp-flow-art-review i { left:9px; width:40px; height:5px; border-radius:3px; background:#ffffff40; }
#cp-one .cp-flow-art-review i:nth-child(1) { top:9px; width:30px; }
#cp-one .cp-flow-art-review i:nth-child(2) { top:18px; background:var(--hue); }
#cp-one .cp-flow-art-review i:nth-child(3) { top:27px; width:34px; }
#cp-one .cp-flow-art-review i:nth-child(4) { top:36px; width:24px; }
#cp-one .cp-flow-art-review b { right:5px; top:11px; display:grid; place-items:center; width:17px; height:17px; border-radius:6px; background:#fff; color:#3a1730; font:700 9.5px/1 'JetBrains Mono',monospace; box-shadow:0 0 10px var(--hue); }
#cp-one .cp-flow-art-design i { width:19px; height:12px; border:1.5px solid var(--hue); border-radius:4px; background:color-mix(in srgb,var(--hue) 22%,transparent); }
#cp-one .cp-flow-art-design i:nth-child(1) { left:23px; top:6px; }
#cp-one .cp-flow-art-design i:nth-child(2) { left:6px; bottom:6px; }
#cp-one .cp-flow-art-design i:nth-child(3) { right:6px; bottom:6px; }
#cp-one .cp-flow-art-design i:nth-child(4) { left:15px; top:23px; width:36px; height:11px; border:1.5px solid #ffffffa6; border-bottom:0; border-radius:5px 5px 0 0; background:none; }
#cp-one .cp-flow-art-design:after { content:""; position:absolute; left:32px; top:18px; height:5px; border-left:1.5px solid #ffffffa6; }

/* The solution for the selected container */
#cp-one .cp-flow-result { grid-area:result; align-self:end; min-width:0; }
#cp-one .cp-flow-result-labels { display:grid; margin:0 4px 14px; }
#cp-one .cp-flow-result-label { grid-area:1 / 1; display:grid; gap:3px; opacity:0; visibility:hidden; transform:translateY(9px); transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s .3s; }
#cp-one .cp-flow-result-label.is-active { opacity:1; visibility:visible; transform:none; transition-delay:.14s,.14s,0s; }
#cp-one .cp-flow-result-label.is-leaving { transform:translateY(-9px); }
#cp-one .cp-flow-result-label strong { color:var(--flow-hue); font-size:20px; font-weight:600; line-height:1.25; letter-spacing:-.025em; transition:color .4s; }
#cp-one .cp-flow-result-label span { color:#bcc6e2; font-size:12px; line-height:1.5; }
#cp-one .cp-flow-answer-window { position:relative; display:grid; min-height:670px; padding:15px; overflow:hidden; border:1px solid #ffffff2e; border-radius:20px; background:radial-gradient(ellipse 70% 40% at 100% 0%,color-mix(in srgb,var(--flow-hue) 16%,transparent),transparent 70%),#0b0c12; box-shadow:0 34px 80px #00000099,0 0 60px color-mix(in srgb,var(--flow-hue) 16%,transparent); transition:box-shadow .5s; }
#cp-one .cp-flow-window-glow { position:absolute; inset:0; z-index:3; border-radius:inherit; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--flow-hue) 62%,transparent),inset 0 1px 0 #ffffff4d; pointer-events:none; transition:box-shadow .5s; }
#cp-one .cp-flow-panel { grid-area:1 / 1; display:grid; align-content:center; gap:12px; min-width:0; opacity:0; visibility:hidden; transform:translateY(18px) scale(.985); transition:opacity .35s ease,transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s .35s; }
#cp-one .cp-flow-panel.is-active { opacity:1; visibility:visible; transform:none; transition-delay:.14s,.14s,0s; }
#cp-one .cp-flow-panel.is-leaving { transform:translateY(-14px) scale(.985); }
#cp-one .cp-flow-panel img { display:block; width:100%; height:auto; border:1px solid #ffffff17; border-radius:11px; }
#cp-one .cp-flow-panel-design { justify-items:center; }
#cp-one .cp-flow-panel-design img { width:min(100%,584px); border:0; -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent); mask-image:linear-gradient(90deg,#000 88%,transparent); }
/* PR review: the page's own reconstruction, in the product's numbered-range format */
#cp-one .cp-flow-panel-review { --rose:#e9a3b7; gap:11px; }
#cp-one .cp-flow-findings { display:grid; gap:4px; margin:0; padding:0; list-style:none; }
#cp-one .cp-flow-findings li { display:grid; grid-template-columns:26px minmax(0,1fr) auto; column-gap:12px; align-items:center; padding:8px 12px 9px 10px; border:1px solid transparent; border-radius:11px; }
#cp-one .cp-flow-findings li.is-current { border-color:#e9a3b766; background:linear-gradient(140deg,#e9a3b72e,#e9a3b70f); }
#cp-one .cp-flow-findings b { grid-row:1 / span 2; display:grid; place-items:center; width:26px; height:26px; border:1px solid #e9a3b78c; border-radius:7px; color:var(--rose); font:600 12.5px/1 'JetBrains Mono',monospace; }
#cp-one .cp-flow-findings li.is-current b { border-color:var(--rose); background:var(--rose); color:#2a1820; }
#cp-one .cp-flow-findings span { color:var(--rose); font-size:10px; font-weight:500; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; }
#cp-one .cp-flow-findings em { grid-column:2; color:#e9e6ee; font-size:13.5px; font-style:normal; line-height:1.35; }
#cp-one .cp-flow-findings small { grid-column:3; grid-row:1 / span 2; color:#a39cae; font:10.5px/1.5 'JetBrains Mono',monospace; }
#cp-one .cp-flow-diff { overflow:hidden; border:1px solid #ffffff1c; border-radius:11px; background:#0f1016; }
#cp-one .cp-flow-diff>p { display:flex; justify-content:space-between; padding:7px 13px; border-bottom:1px solid #ffffff14; color:#d3cfdc; font:11.5px/1.6 'JetBrains Mono',monospace; }
#cp-one .cp-flow-diff>p span { color:#8d8799; }
#cp-one .cp-flow-diff ol { margin:0; padding:5px 0; list-style:none; }
#cp-one .cp-flow-diff ol>li { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; min-height:25px; padding-right:9px; }
#cp-one .cp-flow-diff ol>li>i { padding-right:11px; color:#655f70; font:10.5px/25px 'JetBrains Mono',monospace; font-style:normal; text-align:right; }
#cp-one .cp-flow-diff ol>li>code { overflow:hidden; color:#d6d3dd; font:11.5px/25px 'JetBrains Mono',monospace; white-space:pre; text-overflow:ellipsis; }
#cp-one .cp-flow-diff code .k { color:#d39ac0; }
#cp-one .cp-flow-diff code .f { color:#dcd592; }
#cp-one .cp-flow-diff code .s { color:#b0cf94; }
#cp-one .cp-flow-diff code .n { color:#e9ad84; }
#cp-one .cp-flow-diff ol>li.is-hit { background:#e9a3b71f; box-shadow:inset 3px 0 0 var(--rose); }
#cp-one .cp-flow-tag { display:inline-flex; align-items:center; gap:8px; height:22px; margin-left:8px; padding-right:11px; border:1px solid var(--rose); border-radius:8px 11px 11px 8px; background:#14121a; color:#f3c4d2; font:600 9.5px/1 'DM Sans',sans-serif; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
#cp-one .cp-flow-tag b { display:grid; place-items:center; width:22px; height:22px; margin:-1px 0 -1px -1px; border-radius:7px; background:var(--rose); color:#20141a; font:600 11.5px/1 'JetBrains Mono',monospace; }
#cp-one .cp-flow-diff ol>li.cp-flow-comment { display:block; min-height:0; margin:5px 11px 8px 38px; padding:10px 13px 11px; border:1px solid #e9a3b740; border-left:2px solid var(--rose); border-radius:4px 9px 9px 4px; background:linear-gradient(140deg,#3a2233,#221a2b); }
#cp-one .cp-flow-comment small { display:block; color:var(--rose); font:500 9.5px/1.6 'JetBrains Mono',monospace; letter-spacing:.09em; text-transform:uppercase; }
#cp-one .cp-flow-comment p { margin-top:4px; color:#ece8f0; font-size:13.5px; line-height:1.55; }
#cp-one .cp-flow-comment p code { padding:1px 5px; border-radius:4px; background:#00000059; color:#f0b6a8; font:11.5px/1.5 'JetBrains Mono',monospace; }

@container (max-width:1000px) {
  #cp-one .cp-flow { grid-template-columns:minmax(0,700px); grid-template-rows:auto; grid-template-areas:"head" "cta" "graph" "result"; justify-content:center; gap:36px; padding:32px 0 48px; }
  #cp-one .cp-flow:before { -webkit-mask-image:radial-gradient(ellipse at 30% 30%,#000 10%,transparent 72%); mask-image:radial-gradient(ellipse at 30% 30%,#000 10%,transparent 72%); }
  #cp-one .cp-flow:after { background:repeating-radial-gradient(circle at 27% 76%,transparent 0 71px,#ffffff12 71px 72px); -webkit-mask-image:radial-gradient(circle at 27% 76%,#000 6%,transparent 64%); mask-image:radial-gradient(circle at 27% 76%,#000 6%,transparent 64%); }
  #cp-one .cp-flow-head { min-height:0; }
  #cp-one .cp-flow-head h2 { font-size:33px; }
  #cp-one .cp-flow-tap { gap:10px; padding-inline:13px; font-size:13px; }
  #cp-one .cp-flow-result { justify-self:center; width:100%; max-width:560px; }
}
@container (max-width:650px) {
  #cp-one .cp-flow-head h2 { font-size:29px; }
  #cp-one .cp-flow-kicker { font-size:12px; }
  #cp-one .cp-flow-sources { gap:7px; }
  #cp-one .cp-flow-tap { flex-direction:row; align-items:center; gap:6px; min-height:44px; margin-top:7px; padding:7px 7px; font-size:11.5px; line-height:1.28; }
  #cp-one .cp-flow-tap svg { width:17px; height:17px; }
  #cp-one .cp-flow-models { gap:10px; padding:10px 18px 10px 11px; }
  #cp-one .cp-flow-cores i { width:30px; height:30px; }
  #cp-one .cp-flow-model-names { font-size:13.5px; }
}
@container (max-width:480px) {
  #cp-one .cp-flow-head h2 { font-size:24.500px; }
}

/* Current's memory format, with a darker lower-right surface. */
#cp-one .cp-flow { --fm:#c9b6ff; --flow-hue:#86b9ff; }
#cp-one .cp-flow-a { --c:#7db4ff; }
#cp-one .cp-flow-b { --c:#b59cff; }
#cp-one .cp-flow-c { --c:#ff9fc6; }
#cp-one .cp-flow-memory-glow { opacity:var(--flow-glow,0); }
#cp-one .cp-flow-chips { display:grid; grid-template-columns:minmax(0,1fr); }
#cp-one .cp-flow-chips li { min-width:0; white-space:nowrap; }
#cp-one .cp-flow-chips b { flex:none; white-space:nowrap; }
#cp-one .cp-flow-chips li span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
#cp-one .cp-flow-bar u { left:var(--flow-at,50%); }
#cp-one .cp-flow-files li>p:first-of-type { flex-wrap:wrap; gap:2px 8px; }
#cp-one .cp-flow-files em { margin-left:0; }
#cp-one .cp-flow-pick { min-width:0; font:inherit; }
@keyframes cp-flow-spin { to { transform:rotate(1turn); } }
#cp-one .cp-flow:not(.is-running) *,#cp-one .cp-flow:not(.is-running) *:before,#cp-one .cp-flow:not(.is-running) *:after { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce) {
 #cp-one .cp-flow *,#cp-one .cp-flow *:before,#cp-one .cp-flow *:after { transition:none!important; animation:none!important; }
}
@container (max-width:1000px) {
 #cp-one .cp-flow-answer-window { min-height:0; }
}
@container (max-width:650px) {
 #cp-one .cp-flow-memory-head { gap:10px; padding:12px; }
 #cp-one .cp-flow-memory-head>svg { width:21px; height:21px; }
 #cp-one .cp-flow-memory-head strong { font-size:14.5px; }
 #cp-one .cp-flow-memory-head em { padding-inline:7px; font-size:8.5px; }
 #cp-one .cp-flow-area { grid-template-columns:minmax(0,1fr); gap:6px; padding:9px 12px 11px 15px; }
 #cp-one .cp-flow-area h3 { grid-column:1 / -1; grid-row:1; justify-self:start; padding-top:0; }
 #cp-one .cp-flow-chips li { font-size:10.5px; }
 #cp-one .cp-flow-notes li { font-size:11px; }
 #cp-one .cp-flow-memory-foot { padding:8px 12px 10px 15px; font-size:9.5px; }
 #cp-one .cp-flow-picks { gap:11px 22px; }
 #cp-one .cp-flow-pick { flex-direction:column; align-items:flex-start; gap:9px; padding:11px 11px 13px; }
 #cp-one .cp-flow-pick-voice { flex-direction:row; align-items:center; gap:12px; }
 #cp-one .cp-flow-pick-text strong { font-size:13.5px; }
 #cp-one .cp-flow-pick-text small { font-size:11px; }
 #cp-one .cp-flow-result-label strong { font-size:18px; }
 #cp-one .cp-flow-answer-window { padding:10px; border-radius:16px; }
 #cp-one .cp-flow-panel { overflow-x:auto; }
 #cp-one .cp-flow-panel img { width:540px; max-width:none; }
 #cp-one .cp-flow-panel-design { justify-items:start; }
 #cp-one .cp-flow-panel-design img { width:480px; }
 #cp-one .cp-flow-panel-review>* { width:540px; }
}
#cp-one .cp-flow-art-voice { display:flex; align-items:center; gap:3px; padding-left:3px; }
#cp-one .cp-flow-art-voice i { flex:none; width:3px; height:12px; border-radius:2px; background:var(--hue); }
#cp-one .cp-flow-art-voice i:nth-child(2) { height:26px; }
#cp-one .cp-flow-art-voice i:nth-child(3) { height:17px; }
#cp-one .cp-flow-art-voice i:nth-child(4) { height:32px; }
#cp-one .cp-flow-art-voice i:nth-child(5) { height:14px; }
#cp-one .cp-flow-port { position:absolute; left:50%; top:0; z-index:4; display:flex; align-items:center; gap:9px; padding:6px 15px 7px; border:1px solid #ffffff59; border-radius:99px; background:linear-gradient(135deg,#3247a0,#6a3a9c); box-shadow:inset 0 1px 0 #ffffff59,0 10px 22px #00000073; color:#fff; font-size:12.5px; font-weight:500; line-height:1.3; white-space:nowrap; transform:translate(-50%,-50%); }
#cp-one .cp-flow-port i { width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px #ffffff33; animation:cp-flow-live 1.6s ease-in-out infinite; }
@keyframes cp-flow-live { 50% { opacity:.35; } }

/* Requested v1.2 adjustments remain inside section F. */
#cp-one .cp-flow { --fa:#86b9ff; --fb:#b8a4ff; --fc:#ff9fc3; }
#cp-one .cp-flow-memory { padding-top:13px; }
#cp-one .cp-flow-memory-head p { margin:0; }
#cp-one .cp-flow-tap { margin-top:0; flex-direction:row; align-items:center; text-align:center; }
#cp-one .cp-flow-tap:before { content:""; position:absolute; left:50%; bottom:100%; height:9px; border-left:1.5px solid var(--a); opacity:.6; }
#cp-one .cp-flow-tap { position:relative; }
#cp-one .cp-flow-pick-voice { width:min(100%,360px); justify-self:center; }
#cp-one .cp-flow-pick-voice .cp-flow-pick-text strong { white-space:nowrap; }
#cp-one .cp-flow-art-voice { justify-content:center; gap:3px; padding:0; }
#cp-one .cp-flow-art-voice i { position:static; }
#cp-one .cp-flow-models.is-hot { --flow-think:1; }
#cp-one .cp-flow-cta { grid-area:cta; display:grid; align-self:center; justify-items:start; gap:17px; padding:15px 0 24px; }
#cp-one .cp-flow-cta-buttons { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; }
#cp-one .cp-flow-cta-buttons .cp-button { font-size:14px; padding:13px 17px; white-space:nowrap; }
#cp-one .cp-flow-assurances { display:flex; flex-wrap:wrap; justify-content:center; gap:9px 18px; list-style:none; margin:0; padding:0; }
#cp-one .cp-flow-assurances li { display:flex; align-items:center; gap:7px; color:#bcc9c4; font-size:12.5px; line-height:1.4; white-space:nowrap; }
#cp-one .cp-flow-assurances svg { flex:none; width:18px; height:18px; overflow:visible; color:#a4d8c9; }
#cp-one .cp-flow.is-still *,#cp-one .cp-flow.is-still *:before,#cp-one .cp-flow.is-still *:after { transition:none!important; animation:none!important; }
@container (max-width:1000px) {
 #cp-one .cp-flow-cta { padding:0; }
}
@container (max-width:650px) {
 #cp-one .cp-flow-sources { gap:7px; }
 #cp-one .cp-flow-visual { height:190px; border-radius:12px; }
 #cp-one .cp-flow-prompt-tabs { gap:4cqw; padding-inline:5cqw; font-size:clamp(6px,4.2cqw,8.5px); }
 #cp-one .cp-flow-prompt-card { gap:5px; padding:9px 7px; }
 #cp-one .cp-flow-prompt-card strong { font-size:clamp(10px,8cqw,14px); }
 #cp-one .cp-flow-prompt-card p { font-size:clamp(8px,7cqw,11px); line-height:1.4; }
 #cp-one .cp-flow-prompt-card small { font-size:7px; }
 #cp-one .cp-flow-prompt-card>span { flex-wrap:wrap; gap:3px; }
 #cp-one .cp-flow-prompt-card>span i { font-size:7px; padding-inline:5px; }
 #cp-one .cp-flow-talk-wave { padding-inline:6px; }
 #cp-one .cp-flow-talk-wave b { font-size:7px; }
 #cp-one .cp-flow-talk-wave>span { gap:2px; }
 #cp-one .cp-flow-talk-wave i { width:2px; }
 #cp-one .cp-flow-talk-view { height:151px; }
 #cp-one .cp-flow-talk-idle { padding-inline:7px; font-size:9px; }
 #cp-one .cp-flow-talk-list { padding-inline:7px; }
 #cp-one .cp-flow-talk-list span { max-width:100%; padding:5px 6px; font-size:9px; }
 #cp-one .cp-flow-tap { flex-direction:row; align-items:center; gap:5px; min-height:44px; padding:7px 6px; font-size:clamp(8px,2.5cqw,11px); }
 #cp-one .cp-flow-tap svg { width:15px; height:15px; }
 #cp-one .cp-flow-port { padding-inline:10px; font-size:11px; }
 #cp-one .cp-flow-memory-head { padding-top:16px; }
 #cp-one .cp-flow-pick-voice { width:100%; flex-direction:row; align-items:center; gap:12px; }
 #cp-one .cp-flow-cta-buttons .cp-button { font-size:13px; padding:12px 14px; }
 #cp-one .cp-flow-assurances { gap:9px 13px; }
 #cp-one .cp-flow-assurances li { font-size:11px; gap:5px; }
}

/* comparison-table: selected Fable 3, revision 3. Scoped to this section. */
#cp-one :where(.cp-story-table) .cp-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes cp-say-wave { 50% { transform:scaleY(.5); } }
#cp-one .cp-only:where(.cp-story-table) { margin:40px 0 34px; }
#cp-one :where(.cp-story-table) .cp-only-table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; border:1px solid #ffffff21; border-radius:18px; background:radial-gradient(ellipse at 100% 106%,#4b3a5c 0%,transparent 46%),radial-gradient(ellipse at 0% -12%,#263a5e 0%,transparent 48%),linear-gradient(150deg,#1b2130,#13151b 60%); box-shadow:0 20px 55px #0004,inset 0 1px 0 #ffffff24; }
#cp-one :where(.cp-story-table) .cp-only-col-us { width:16%; }
#cp-one :where(.cp-story-table) .cp-only-col-them { width:12.4%; }
#cp-one :where(.cp-story-table) .cp-only-table :is(th,td) { padding:0; }
#cp-one :where(.cp-story-table) .cp-only-table thead th { padding:19px 8px 17px; color:#8c96a5; font-size:11px; font-weight:400; line-height:1.4; text-align:center; vertical-align:middle; }
#cp-one :where(.cp-story-table) .cp-only-table thead th:first-child { padding-left:24px; color:#a4aebb; font:500 12px/1.5 'JetBrains Mono',monospace; letter-spacing:.07em; text-transform:uppercase; text-align:left; }
#cp-one :where(.cp-story-table) .cp-only-wordmark { display:block; width:min(148px,88%); height:auto; margin:0 auto; }
#cp-one :where(.cp-story-table) .cp-only-sprite { display:none; width:30px; height:30px; margin:0 auto; }
#cp-one :where(.cp-story-table) .cp-only-rival { display:inline-block; color:#cfd5de; font-size:14.5px; font-weight:500; letter-spacing:-.01em; white-space:nowrap; }
#cp-one :where(.cp-story-table) .cp-only-blur { display:inline-block; filter:blur(4.5px); opacity:.85; -webkit-user-select:none; user-select:none; pointer-events:none; }
#cp-one :where(.cp-story-table) .cp-only-table tbody :is(th,td) { border-top:1px solid #ffffff14; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th { font-weight:400; text-align:left; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a { position:relative; display:flex; align-items:center; gap:15px; min-height:64px; padding:10px 18px 11px 24px; color:#dfe4ea; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a>span:first-child { position:relative; z-index:1; display:grid; place-items:center; flex:none; width:27px; height:27px; border:1px solid var(--row-accent); border-radius:50%; background:#181c26; color:var(--row-accent); font:500 12px/1 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a>span.cp-only-cont { border:0; background:transparent; }
#cp-one :where(.cp-story-table) .cp-only-cont:after { content:""; width:7px; height:7px; border:1px solid var(--row-accent); border-radius:50%; background:#181c26; }
#cp-one :where(.cp-story-table) .cp-only-lead th a:after,#cp-one :where(.cp-story-table) :is(.cp-only-follow,.cp-only-sub) th a:before { content:""; position:absolute; left:37px; border-left:1px solid color-mix(in srgb,var(--row-accent) 50%,transparent); }
#cp-one :where(.cp-story-table) .cp-only-lead th a:after { top:50%; bottom:-1px; }
#cp-one :where(.cp-story-table) :is(.cp-only-follow,.cp-only-sub) th a:before { top:-1px; bottom:50%; }
#cp-one :where(.cp-story-table) .cp-only-text { display:grid; gap:1px; min-width:0; }
#cp-one :where(.cp-story-table) .cp-only-text strong { color:inherit; font-size:16px; font-weight:400; line-height:1.35; letter-spacing:-.01em; }
#cp-one :where(.cp-story-table) .cp-only-text small { color:#98a2b1; font-size:12.5px; line-height:1.45; text-wrap:balance; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a>i { margin-left:auto; flex:none; color:var(--row-accent); font-size:14px; font-style:normal; opacity:.45; transition:opacity .15s,transform .15s; }
#cp-one :where(.cp-story-table) .cp-only-table tbody tr:is(:hover,:focus-within) th a { color:#fff; }
#cp-one :where(.cp-story-table) .cp-only-table tbody tr:is(:hover,:focus-within) th a>i { opacity:1; transform:translateY(3px); }
#cp-one :where(.cp-story-table) .cp-only-table tbody tr:is(:hover,:focus-within) :is(th,td):not(.cp-only-us) { background:#ffffff08; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a:focus-visible { outline:2px solid #b8cbee; outline-offset:-3px; }
#cp-one :where(.cp-story-table) .cp-only-sky { --row-accent:#94bbeb; }
#cp-one :where(.cp-story-table) .cp-only-amber { --row-accent:#e6be7c; }
#cp-one :where(.cp-story-table) .cp-only-violet { --row-accent:#bfa6ee; }
#cp-one :where(.cp-story-table) .cp-only-mint { --row-accent:#8fcebc; }
#cp-one :where(.cp-story-table) .cp-only-rose { --row-accent:#e9a3b0; }
#cp-one :where(.cp-story-table) .cp-only-table td { text-align:center; vertical-align:middle; }
#cp-one :where(.cp-story-table) .cp-only-table .cp-only-us { background:linear-gradient(180deg,#93cbb41c,#93cbb410); border-inline:1px solid #93cbb44d; }
#cp-one :where(.cp-story-table) .cp-only-table thead .cp-only-us { border-radius:1px; box-shadow:inset 0 2px 0 #93cbb4; background:linear-gradient(180deg,#93cbb433,#93cbb41c); }
#cp-one :where(.cp-story-table) .cp-only-yes { display:inline-grid; place-items:center; width:27px; height:27px; border-radius:50%; background:var(--cp-mint); color:#0f1a16; box-shadow:0 0 0 5px #93cbb41a; vertical-align:middle; }
#cp-one :where(.cp-story-table) .cp-only-yes svg { width:14px; height:14px; }
#cp-one :where(.cp-story-table) .cp-only-ok { display:inline-grid; place-items:center; color:#a9c7bb; vertical-align:middle; }
#cp-one :where(.cp-story-table) .cp-only-ok svg { width:18px; height:18px; }
#cp-one :where(.cp-story-table) .cp-only-no { display:inline-grid; place-items:center; color:#c58d88; vertical-align:middle; }
#cp-one :where(.cp-story-table) .cp-only-no svg { width:17px; height:17px; }
#cp-one :where(.cp-story-table) .cp-only-na { display:inline-block; color:#858e9c; font-size:18px; line-height:1; vertical-align:middle; }
#cp-one :where(.cp-story-table) .cp-only-table tbody tr.cp-only-sub :is(th,td) { border-top-color:#ffffff0d; background:#00000024; }
#cp-one :where(.cp-story-table) .cp-only-table tbody tr.cp-only-sub .cp-only-us { background:linear-gradient(#00000024,#00000024),linear-gradient(180deg,#93cbb41c,#93cbb410); }
#cp-one :where(.cp-story-table) .cp-only-table tbody tr.cp-only-sub th a { min-height:35px; padding-block:5px; color:#bcc4cf; }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-cont:after { width:5px; height:5px; background:var(--row-accent); }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-text { display:block; font-size:13.5px; line-height:1.4; }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-text small { margin-left:8px; }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-yes { width:17px; height:17px; background:transparent; border:1px solid #93cbb499; color:var(--cp-mint); box-shadow:none; }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-yes svg { width:9px; height:9px; }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-no svg { width:12px; height:12px; opacity:.75; }
#cp-one :where(.cp-story-table) .cp-only-table tbody tr.cp-only-stealth th a { min-height:44px; padding-block:7px; color:#d9dee6; }
#cp-one :where(.cp-story-table) .cp-only-stealth .cp-only-text { font-size:15px; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a>span.cp-only-ico { color:var(--row-accent); }
#cp-one :where(.cp-story-table) .cp-only-ico:after { display:none; }
#cp-one :where(.cp-story-table) .cp-only-ico svg { width:18px; height:18px; }
#cp-one :where(.cp-story-table) .cp-only-stealth.cp-only-lead th a:after { top:calc(50% + 13px); }
#cp-one :where(.cp-story-table) .cp-only-stealth th a:before { bottom:calc(50% + 13px); }
#cp-one :where(.cp-story-table) .cp-only-stealth .cp-only-yes { width:22px; height:22px; border:0; background:var(--cp-mint); color:#0f1a16; box-shadow:0 0 0 4px #93cbb41a; }
#cp-one :where(.cp-story-table) .cp-only-stealth .cp-only-yes svg { width:12px; height:12px; }
#cp-one :where(.cp-story-table) .cp-only-stealth .cp-only-no svg { width:15px; height:15px; opacity:1; }
#cp-one :where(.cp-story-table) .cp-only-stealth .cp-only-ok svg { width:16px; height:16px; }
#cp-one .cp-only:where(.cp-story-table) .cp-compare-note { margin-top:13px; font-size:11px; }
@container (max-width:780px) {
#cp-one :where(.cp-story-table) .cp-only-text strong { font-size:15px; }
#cp-one :where(.cp-story-table) .cp-only-rival { font-size:13px; }
}
@container (max-width:650px) {
#cp-one .cp-only:where(.cp-story-table) { margin-top:32px; }
#cp-one :where(.cp-story-table) .cp-only-wordmark { display:none; }
#cp-one :where(.cp-story-table) .cp-only-sprite { display:block; }
#cp-one :where(.cp-story-table) .cp-only-col-us { width:44px; }
#cp-one :where(.cp-story-table) .cp-only-col-them { width:38px; }
#cp-one :where(.cp-story-table) .cp-only-table thead th { padding:12px 0 11px; vertical-align:bottom; }
#cp-one :where(.cp-story-table) .cp-only-table thead th:first-child { padding-left:14px; font-size:10px; vertical-align:middle; }
#cp-one :where(.cp-story-table) .cp-only-rival { writing-mode:vertical-rl; transform:rotate(180deg); font-size:12.5px; }
#cp-one :where(.cp-story-table) .cp-only-blur { filter:blur(4px); }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a { gap:10px; min-height:58px; padding:9px 6px 10px 14px; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a>span:first-child { width:23px; height:23px; font-size:11px; }
#cp-one :where(.cp-story-table) .cp-only-lead th a:after,#cp-one :where(.cp-story-table) :is(.cp-only-follow,.cp-only-sub) th a:before { left:25px; }
#cp-one :where(.cp-story-table) .cp-only-text strong { font-size:13.5px; }
#cp-one :where(.cp-story-table) .cp-only-text small { font-size:11.5px; text-wrap:pretty; }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-text { font-size:12.5px; }
#cp-one :where(.cp-story-table) .cp-only-stealth .cp-only-text { font-size:13px; }
#cp-one :where(.cp-story-table) .cp-only-sub .cp-only-text small { display:none; }
#cp-one :where(.cp-story-table) .cp-only-table tbody th a>i { display:none; }
#cp-one :where(.cp-story-table) .cp-only-yes { width:24px; height:24px; }
#cp-one :where(.cp-story-table) .cp-only-stealth .cp-only-yes { width:20px; height:20px; }
#cp-one :where(.cp-story-table) .cp-only-ico svg { width:16px; height:16px; }
#cp-one :where(.cp-story-table) .cp-only-stealth.cp-only-lead th a:after { top:calc(50% + 11px); }
#cp-one :where(.cp-story-table) .cp-only-stealth th a:before { bottom:calc(50% + 11px); }
}

/* Owner note: compact portrait labels, with the detailed desktop copy retained. */
#cp-one .cp-story-table .cp-table-heading-phone { display:none; }
@container (max-width:650px) {
  #cp-one .cp-story-table .cp-only-text small,#cp-one .cp-story-table .cp-table-heading-wide { display:none; }
  #cp-one .cp-story-table .cp-table-heading-phone { display:inline; }
}

/* parts: selected Fable 1, revision 3. Scoped to this section. */
#cp-one .cp-compare-wide:where(.cp-story-parts) { display:block; }
#cp-one .cp-compare-wide:where(.cp-story-parts)>.cp-compare-copy { display:grid; grid-template-columns:.85fr 1.3fr; gap:68px; align-items:start; margin-bottom:36px; }
#cp-one .cp-compare-wide:where(.cp-story-parts) .cp-product-copy-body { padding-top:51px; }
#cp-one :where(.cp-story-parts) .cp-compare-scene { box-shadow:0 20px 55px #0003,inset 0 1px 0 #ffffff1f; }
#cp-one :where(.cp-story-parts) .cp-compare-scene.cp-product-comparison { overflow:visible; box-shadow:none; }
#cp-one :where(.cp-story-parts) .cp-say-who { position:relative; display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:50%; background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--story-accent) 62%,#fff),color-mix(in srgb,var(--story-accent) 70%,#232a44) 72%); color:#161a29; box-shadow:0 0 0 4px color-mix(in srgb,var(--story-accent) 20%,transparent),0 0 0 9px color-mix(in srgb,var(--story-accent) 8%,transparent); }
#cp-one :where(.cp-story-parts) .cp-say-who svg { width:23px; height:23px; fill:currentColor; }
#cp-one :where(.cp-story-parts) .cp-parts { border-color:#94bbeb38; background:linear-gradient(118deg,#ffffff14 0%,#ffffff05 15%,transparent 30%),radial-gradient(ellipse at 88% 112%,#4a3d74 0%,transparent 56%),linear-gradient(140deg,#21445f,#141b29 62%); }
#cp-one :where(.cp-story-parts) .cp-parts-grid { display:grid; grid-template-columns:186px repeat(3,minmax(0,1fr)) 172px; }
#cp-one :where(.cp-story-parts) .cp-parts-corner { display:flex; align-items:center; gap:13px; padding:26px 8px 24px 22px; }
#cp-one :where(.cp-story-parts) .cp-parts-corner .cp-say-who { width:38px; height:38px; }
#cp-one :where(.cp-story-parts) .cp-parts-corner .cp-say-who svg { width:20px; height:20px; }
#cp-one :where(.cp-story-parts) .cp-parts-tallyhead { align-self:center; padding:26px 22px 24px; }
#cp-one :where(.cp-story-parts) .cp-parts-corner p>span,#cp-one :where(.cp-story-parts) .cp-parts-tallyhead>span { display:block; margin-bottom:3px; color:#a9bfdb; font-size:11px; line-height:1.5; }
#cp-one :where(.cp-story-parts) .cp-parts-corner strong,#cp-one :where(.cp-story-parts) .cp-parts-tallyhead strong { display:block; color:#eef3fa; font-size:17px; font-weight:500; letter-spacing:-.025em; line-height:1.3; }
#cp-one :where(.cp-story-parts) button.cp-parts-head { position:relative; display:flex; flex-direction:column; align-self:center; gap:4px; width:auto; margin:26px 11px 28px; padding:11px 16px 13px; border:1px solid #94bbeb47; border-radius:18px 18px 18px 5px; background:linear-gradient(135deg,#ffffff14,#ffffff05); color:inherit; font:inherit; text-align:left; cursor:pointer; transition:background-color .18s ease,border-color .18s ease; }
#cp-one :where(.cp-story-parts) button.cp-parts-head:after { content:""; position:absolute; left:15px; bottom:-9px; width:15px; height:9px; background:#94bbeb47; clip-path:polygon(0 0,100% 0,18% 100%); }
#cp-one :where(.cp-story-parts) button.cp-parts-head small { color:#9fb4d0; font:500 10px/1.6 'JetBrains Mono',monospace; letter-spacing:.06em; text-transform:uppercase; }
#cp-one :where(.cp-story-parts) button.cp-parts-head strong { display:block; color:#c4cfdd; font-size:17px; font-weight:500; letter-spacing:-.025em; line-height:1.3; transition:color .18s ease; }
#cp-one :where(.cp-story-parts) button.cp-parts-head:hover strong { color:#fff; }
#cp-one :where(.cp-story-parts) button.cp-parts-head[aria-pressed="true"] { border-color:#a9cbf5c7; background:linear-gradient(112deg,#ffffff33 0%,#ffffff0f 38%,transparent 64%),linear-gradient(135deg,#3b6c99,#463f80); box-shadow:inset 0 1px 0 #ffffff47,0 12px 28px #0000004d; }
#cp-one :where(.cp-story-parts) button.cp-parts-head[aria-pressed="true"]:after { background:#6b8fc4; }
#cp-one :where(.cp-story-parts) button.cp-parts-head[aria-pressed="true"] strong { color:#fff; }
#cp-one :where(.cp-story-parts) button.cp-parts-head[aria-pressed="true"] small { color:#d5e6fb; }
#cp-one :where(.cp-story-parts) button.cp-parts-head:focus-visible { outline:2px solid var(--story-accent); outline-offset:3px; }
#cp-one :where(.cp-story-parts) .cp-parts-label { padding:22px 8px 22px 22px; }
#cp-one :where(.cp-story-parts) .cp-parts-label>span { display:block; margin-top:5px; color:#9fadc0; font-size:11.5px; line-height:1.5; }
#cp-one :where(.cp-story-parts) .cp-parts-label .cp-visual-label { font-size:14px; }
#cp-one :where(.cp-story-parts) .cp-parts-label .cp-visual-problem { color:#d9bcc0; }
#cp-one :where(.cp-story-parts) .cp-parts-label-them,#cp-one :where(.cp-story-parts) .cp-parts-frame,#cp-one :where(.cp-story-parts) .cp-parts-tally-them { border-top:1px solid #94bbeb24; }
#cp-one :where(.cp-story-parts) .cp-parts-frame { position:relative; display:grid; align-content:start; gap:7px; margin:0; padding:33px 25px 26px; }
#cp-one :where(.cp-story-parts) .cp-parts-frame:before { content:""; position:absolute; inset:19px 11px 14px; border:1px dashed #a3adc080; border-radius:8px; }
#cp-one :where(.cp-story-parts) .cp-parts-frame+.cp-parts-frame:after { content:"✕"; position:absolute; left:-10px; top:50%; display:grid; place-items:center; width:19px; height:19px; margin-top:-8px; border:1px solid #e0a3ad8c; border-radius:50%; background:#1e2c42; color:#f0b3bb; font-size:8px; line-height:1; }
#cp-one :where(.cp-story-parts) .cp-parts-frame b { color:#b9c5d6; font:500 11px/1.5 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-parts) .cp-parts-frame code { color:#8a96a8; font:10px/1.75 'JetBrains Mono',monospace; white-space:nowrap; overflow:hidden; }
#cp-one :where(.cp-story-parts) .cp-parts-frame>span { color:#b3adb8; font-size:11.5px; line-height:1.5; }
#cp-one :where(.cp-story-parts) .cp-parts-frame em { color:#f0aab4; font-style:normal; font-weight:500; }
#cp-one :where(.cp-story-parts) .cp-parts-label-us,#cp-one :where(.cp-story-parts) .cp-parts-session,#cp-one :where(.cp-story-parts) .cp-parts-tally-us { border-top:1px solid #94bbeb3d; }
#cp-one :where(.cp-story-parts) .cp-parts-session { grid-column:2 / 5; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px 0; padding:16px 0 22px; background-image:linear-gradient(90deg,#94bbeb21 1px,transparent 1px); background-size:33.3334% 100%; }
#cp-one :where(.cp-story-parts) .cp-parts-bar { position:relative; grid-column:var(--from) / 4; grid-row:var(--row); display:flex; align-items:center; gap:9px; min-height:32px; margin-left:11px; padding:5px 13px; border:1px solid #94bbeb66; border-right:0; border-radius:7px 0 0 7px; background:linear-gradient(180deg,#ffffff14,transparent 55%),linear-gradient(90deg,#94bbeb47,#94bbeb14); color:#c5d8f2; font:12px/1.5 'JetBrains Mono',monospace; white-space:nowrap; }
#cp-one :where(.cp-story-parts) .cp-parts-bar b { color:#edf4fd; font-weight:500; }
#cp-one :where(.cp-story-parts) .cp-parts-req { border-style:dashed; background:#94bbeb12; color:#dbeafd; font:13.5px/1.5 'DM Sans',sans-serif; }
#cp-one :where(.cp-story-parts) .cp-parts-kind { grid-column:1 / 4; grid-row:var(--row); margin-left:13px; color:#9fb8da; font:500 9.5px/1.8 'JetBrains Mono',monospace; letter-spacing:.09em; text-transform:uppercase; }
#cp-one :where(.cp-story-parts) .cp-parts-kind~.cp-parts-kind { margin-top:9px; }
#cp-one :where(.cp-story-parts) .cp-parts-tally { display:grid; align-content:center; gap:5px; padding:20px 22px; }
#cp-one :where(.cp-story-parts) .cp-parts-tally p { display:flex; align-items:baseline; gap:8px; color:#b8adb5; font-size:13px; line-height:1.2; white-space:nowrap; }
#cp-one :where(.cp-story-parts) .cp-parts-tally p strong { color:#e6b3bb; font-size:42px; font-weight:500; letter-spacing:-.05em; line-height:1; }
#cp-one :where(.cp-story-parts) .cp-parts-tally small { color:#b8adb5; font-size:12px; line-height:1.45; }
#cp-one :where(.cp-story-parts) .cp-parts-tally-us p { color:#c0d4f0; }
#cp-one :where(.cp-story-parts) .cp-parts-tally-us p strong { color:#d6e7fe; }
#cp-one :where(.cp-story-parts) .cp-parts-tally-us small { color:#b3cdf0; }
#cp-one :where(.cp-story-parts) .cp-parts-conclusion { align-items:center; background:transparent; border-top-color:#94bbeb3d; }
#cp-one :where(.cp-story-parts) .cp-parts-conclusion p { font-size:12px; }
#cp-one :where(.cp-story-parts) .cp-parts [data-from] { transition:opacity .25s ease; }
#cp-one :where(.cp-story-parts) .cp-parts[data-parts-at="1"] :is([data-from="2"],[data-from="3"]),#cp-one :where(.cp-story-parts) .cp-parts[data-parts-at="2"] [data-from="3"] { opacity:.13; }
#cp-one :where(.cp-story-parts) .cp-parts:not([data-parts-at="1"]) [data-parts-show="1"],#cp-one :where(.cp-story-parts) .cp-parts:not([data-parts-at="2"]) [data-parts-show="2"],#cp-one :where(.cp-story-parts) .cp-parts:not([data-parts-at="3"]) [data-parts-show="3"] { display:none; }
@container (max-width:1000px) {
#cp-one .cp-compare-wide:where(.cp-story-parts)>.cp-compare-copy { gap:30px; }
#cp-one :where(.cp-story-parts) .cp-parts-grid { grid-template-columns:150px repeat(3,minmax(0,1fr)) 150px; }
#cp-one :where(.cp-story-parts) .cp-parts-frame code { display:none; }
}
@container (max-width:780px) {
#cp-one .cp-compare-wide:where(.cp-story-parts)>.cp-compare-copy { grid-template-columns:1fr; gap:19px; margin-bottom:30px; }
#cp-one .cp-compare-wide:where(.cp-story-parts) .cp-product-copy-body { padding-top:0; }
#cp-one :where(.cp-story-parts) .cp-parts-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#cp-one :where(.cp-story-parts) .cp-parts-corner,#cp-one :where(.cp-story-parts) .cp-parts-label,#cp-one :where(.cp-story-parts) .cp-parts-tally { grid-column:1 / -1; }
#cp-one :where(.cp-story-parts) .cp-parts-tallyhead { display:none; }
#cp-one :where(.cp-story-parts) .cp-parts-corner { padding:18px 18px 0; }
#cp-one :where(.cp-story-parts) .cp-parts-corner p { display:flex; align-items:baseline; gap:10px; }
#cp-one :where(.cp-story-parts) .cp-parts-corner p>span { margin:0; }
#cp-one :where(.cp-story-parts) .cp-parts-corner strong { font-size:14px; }
#cp-one :where(.cp-story-parts) button.cp-parts-head { margin:16px 6px 22px; }
#cp-one :where(.cp-story-parts) .cp-parts-label { padding:18px 18px 0; }
#cp-one :where(.cp-story-parts) .cp-parts-frame,#cp-one :where(.cp-story-parts) .cp-parts-tally-them { border-top:0; }
#cp-one :where(.cp-story-parts) .cp-parts-session { grid-column:1 / -1; border-top:0; padding-top:14px; }
#cp-one :where(.cp-story-parts) .cp-parts-tally { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; padding:0 18px 18px; }
#cp-one :where(.cp-story-parts) .cp-parts-tally-us { border-top:0; }
#cp-one :where(.cp-story-parts) .cp-parts-tally p strong { font-size:30px; }
}
@container (max-width:650px) {
#cp-one :where(.cp-story-parts) .cp-say-who { width:36px; height:36px; }
#cp-one :where(.cp-story-parts) .cp-say-who svg { width:19px; height:19px; }
#cp-one :where(.cp-story-parts) .cp-parts-corner .cp-say-who { width:32px; height:32px; }
#cp-one :where(.cp-story-parts) button.cp-parts-head { margin:14px 4px 20px; padding:9px 10px 10px; border-radius:14px 14px 14px 4px; }
#cp-one :where(.cp-story-parts) button.cp-parts-head small { font-size:8.5px; letter-spacing:.02em; }
#cp-one :where(.cp-story-parts) button.cp-parts-head strong { font-size:13px; line-height:1.3; }
#cp-one :where(.cp-story-parts) .cp-parts-frame { padding:22px 13px 20px 15px; }
#cp-one :where(.cp-story-parts) .cp-parts-frame:before { inset:12px 5px 10px; }
#cp-one :where(.cp-story-parts) .cp-parts-frame+.cp-parts-frame:after { left:-9px; width:17px; height:17px; }
#cp-one :where(.cp-story-parts) .cp-parts-frame b { font-size:10px; overflow-wrap:anywhere; }
#cp-one :where(.cp-story-parts) .cp-parts-frame>span { font-size:10.5px; }
#cp-one :where(.cp-story-parts) .cp-parts-bar { margin-left:6px; padding:5px 8px; font-size:10.5px; }
#cp-one :where(.cp-story-parts) .cp-parts-kind { margin-left:8px; }
#cp-one :where(.cp-story-parts) .cp-parts-req { font-size:11.5px; white-space:normal; line-height:1.35; }
#cp-one :where(.cp-story-parts) .cp-parts-conclusion strong { font-size:19px; }
}
#cp-one .cp-story-parts [data-row="1"] { --row:1; }
#cp-one .cp-story-parts [data-row="2"] { --row:2; }
#cp-one .cp-story-parts [data-row="3"] { --row:3; }
#cp-one .cp-story-parts [data-row="4"] { --row:4; }
#cp-one .cp-story-parts [data-row="5"] { --row:5; }
#cp-one .cp-story-parts [data-row="6"] { --row:6; }
#cp-one .cp-story-parts [data-row="7"] { --row:7; }
#cp-one .cp-story-parts [data-row="8"] { --row:8; }
#cp-one .cp-story-parts [data-from-column="1"] { --from:1; }
#cp-one .cp-story-parts [data-from-column="2"] { --from:2; }
#cp-one .cp-story-parts [data-from-column="3"] { --from:3; }

/* clarity: selected Fable 1, revision 3. Scoped to this section. */
#cp-one :where(.cp-story-clarity) .cp-compare-scene { box-shadow:0 20px 55px #0003,inset 0 1px 0 #ffffff1f; }
#cp-one :where(.cp-story-clarity) .cp-compare-scene.cp-product-comparison { overflow:visible; box-shadow:none; }
#cp-one :where(.cp-story-clarity) .cp-say { display:flex; align-items:flex-end; gap:15px; }
#cp-one :where(.cp-story-clarity) .cp-say-who { position:relative; display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:50%; background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--story-accent) 62%,#fff),color-mix(in srgb,var(--story-accent) 70%,#232a44) 72%); color:#161a29; box-shadow:0 0 0 4px color-mix(in srgb,var(--story-accent) 20%,transparent),0 0 0 9px color-mix(in srgb,var(--story-accent) 8%,transparent); }
#cp-one :where(.cp-story-clarity) .cp-say-who svg { width:23px; height:23px; fill:currentColor; }
#cp-one :where(.cp-story-clarity) .cp-say-bubble { position:relative; display:flex; align-items:center; gap:15px; margin:0 0 15px; padding:14px 24px 15px 19px; border:1px solid color-mix(in srgb,var(--story-accent) 55%,transparent); border-radius:22px 22px 22px 6px; background:linear-gradient(112deg,#ffffff2b 0%,#ffffff0d 36%,transparent 62%),linear-gradient(135deg,color-mix(in srgb,var(--story-accent) 36%,#1c2134),color-mix(in srgb,var(--story-accent) 10%,#33274d)); box-shadow:inset 0 1px 0 #ffffff3d,0 14px 34px #0000004d; color:#f4f6fa; font-size:21px; font-weight:500; letter-spacing:-.025em; line-height:1.3; }
#cp-one :where(.cp-story-clarity) .cp-say-bubble:before { content:""; position:absolute; left:-9px; bottom:-1px; width:17px; height:15px; background:color-mix(in srgb,var(--story-accent) 48%,#1c2134); clip-path:polygon(100% 0,100% 100%,0 100%,62% 78%); }
#cp-one :where(.cp-story-clarity) .cp-say-wave { display:inline-flex; align-items:center; gap:3px; flex:none; height:24px; }
#cp-one :where(.cp-story-clarity) .cp-say-wave i { width:3px; border-radius:2px; background:var(--story-accent); }
#cp-one :where(.cp-story-clarity) .cp-say-wave i:nth-child(1) { height:8px; }
#cp-one :where(.cp-story-clarity) .cp-say-wave i:nth-child(2) { height:18px; }
#cp-one :where(.cp-story-clarity) .cp-say-wave i:nth-child(3) { height:24px; }
#cp-one :where(.cp-story-clarity) .cp-say-wave i:nth-child(4) { height:13px; }
#cp-one :where(.cp-story-clarity) .cp-say-wave i:nth-child(5) { height:6px; }
#cp-one .cp-compare-violet:where(.cp-story-clarity) .cp-product-copy-body { padding-top:51px; }
#cp-one :where(.cp-story-clarity) .cp-say-lead { margin:0 0 34px 9px; }
#cp-one :where(.cp-story-clarity) .cp-clarity { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.42fr); gap:24px; align-items:stretch; }
#cp-one :where(.cp-story-clarity) .cp-wall,#cp-one :where(.cp-story-clarity) .cp-rv { display:flex; flex-direction:column; min-width:0; }
#cp-one :where(.cp-story-clarity) .cp-clarity-label { margin:0 0 15px 2px; font-size:20px; font-weight:600; letter-spacing:-.025em; line-height:1.3; }
#cp-one :where(.cp-story-clarity) .cp-clarity-them { color:#ecb4c4; }
#cp-one :where(.cp-story-clarity) .cp-clarity-us { color:#a5dcc6; }
#cp-one :where(.cp-story-clarity) .cp-clarity-verdict { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 14px; padding:16px 2px 0; }
#cp-one :where(.cp-story-clarity) .cp-clarity-verdict>span { color:#a2abb8; font-size:12.5px; }
#cp-one :where(.cp-story-clarity) .cp-clarity-verdict>strong { color:#ecb4c4; font-size:18px; font-weight:500; letter-spacing:-.02em; line-height:1.35; }
#cp-one :where(.cp-story-clarity) .cp-clarity-verdict>a { margin-left:auto; color:#a4d3b9; font-size:11px; white-space:nowrap; }
#cp-one :where(.cp-story-clarity) .cp-clarity-verdict>a:hover { color:#e0ffec; }
#cp-one :where(.cp-story-clarity) .cp-rv .cp-clarity-verdict>strong { color:#c6ecdc; }
#cp-one :where(.cp-story-clarity) .cp-wall-desk { position:relative; flex:1 1 0; min-height:540px; overflow:hidden; border:1px solid #ecb4c42e; border-radius:14px; background:linear-gradient(118deg,#ffffff12 0%,#ffffff04 16%,transparent 32%),radial-gradient(ellipse at 10% 112%,#6b3552 0%,transparent 58%),linear-gradient(150deg,#3a3050,#181722 62%); box-shadow:0 20px 55px #0003,inset 0 1px 0 #ffffff1f; }
#cp-one :where(.cp-story-clarity) .cp-wall-under { position:absolute; inset:18px 18px 0; margin:0; padding:10px 14px; border:1px solid #ffffff14; border-bottom:0; border-radius:9px 9px 0 0; background:#12141aeb; color:#93a0ad; font:12px/1.9 'JetBrains Mono',monospace; white-space:pre; overflow:hidden; }
#cp-one :where(.cp-story-clarity) .cp-wall-window { position:absolute; inset:54px 32px 0 60px; display:flex; flex-direction:column; overflow:hidden; border:1px solid #ffffff2b; border-bottom:0; border-radius:12px 12px 0 0; background:#1f222bd9; backdrop-filter:blur(1.5px); -webkit-backdrop-filter:blur(1.5px); box-shadow:0 18px 40px #00000073; }
#cp-one :where(.cp-story-clarity) .cp-wall-bar { display:flex; align-items:center; gap:12px; padding:9px 13px; border-bottom:1px solid #ffffff17; color:#9aa2ad; font-size:10.5px; white-space:nowrap; }
#cp-one :where(.cp-story-clarity) .cp-wall-bar>span { display:inline-flex; align-items:center; gap:3px; }
#cp-one :where(.cp-story-clarity) .cp-wall-bar .cp-wall-grip { width:22px; height:4px; margin-right:auto; border-radius:3px; background:#ffffff2e; }
#cp-one :where(.cp-story-clarity) .cp-wall-bar kbd { display:inline-grid; place-items:center; min-width:16px; height:16px; padding:0 3px; border-radius:4px; background:#ffffff17; color:#c5ccd5; font:10px/1 -apple-system,BlinkMacSystemFont,sans-serif; }
#cp-one :where(.cp-story-clarity) .cp-wall-bar kbd+kbd { margin-right:3px; }
#cp-one :where(.cp-story-clarity) .cp-wall-reply { position:relative; flex:1 1 0; min-height:0; overflow:hidden; padding:14px 22px 0 16px; color:#b9c1cc; font-size:12.5px; line-height:1.62; }
#cp-one :where(.cp-story-clarity) .cp-wall-reply:before { content:""; position:absolute; right:6px; top:12px; width:4px; height:26%; border-radius:3px; background:#ffffff26; }
#cp-one :where(.cp-story-clarity) .cp-wall-reply:after { content:""; position:absolute; inset:auto 0 0; height:54px; background:linear-gradient(transparent,#1f222bf2); }
#cp-one :where(.cp-story-clarity) .cp-wall-reply p { margin:0 0 10px; }
#cp-one :where(.cp-story-clarity) .cp-wall-bot { margin-right:7px; color:#c3c4cb; font-weight:400; }
#cp-one :where(.cp-story-clarity) .cp-wall-reply pre { margin:0 0 10px; padding:10px 12px; border-radius:7px; background:#0f1215d9; color:#b7bcc6; font:11px/1.62 'JetBrains Mono',monospace; white-space:pre; overflow:hidden; }
#cp-one :where(.cp-story-clarity) .cp-wall-ask { margin:0 12px 12px; padding:9px 13px; border:1px solid #ffffff1c; border-radius:9px; background:#14171bd9; color:#7f8793; font-size:12px; }
#cp-one :where(.cp-story-clarity) .cp-rv-view { flex:1; padding:18px; border:1px solid #a5dcc633; border-radius:14px; background:linear-gradient(118deg,#ffffff14 0%,#ffffff05 14%,transparent 28%),radial-gradient(ellipse at 88% 112%,#4b3a5c 0%,transparent 56%),linear-gradient(140deg,#1f4f47,#131a22 62%); box-shadow:0 20px 55px #0003,inset 0 1px 0 #ffffff24; }
#cp-one :where(.cp-story-clarity) .cp-rv-panel { overflow:hidden; border:1px solid #ffffff1f; border-radius:10px; background:#111314; box-shadow:0 14px 34px #00000059; }
#cp-one :where(.cp-story-clarity) .cp-rv-head { display:flex; align-items:center; gap:10px; padding:11px 14px; border-bottom:1px solid #26292b; }
#cp-one :where(.cp-story-clarity) .cp-rv-head>svg { width:17px; height:17px; fill:none; stroke:#4fb37b; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
#cp-one :where(.cp-story-clarity) .cp-rv-head>b { color:#e6e8e7; font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
#cp-one :where(.cp-story-clarity) .cp-rv-head>span { padding:1px 9px; border:1px solid #3a3f42; border-radius:999px; color:#a9afb1; font-size:11.5px; line-height:1.6; }
#cp-one :where(.cp-story-clarity) .cp-rv-head>i { display:grid; place-items:center; width:22px; height:22px; margin-left:auto; border:1px solid #33383b; border-radius:6px; }
#cp-one :where(.cp-story-clarity) .cp-rv-head>i svg { width:13px; height:13px; fill:none; stroke:#aab0b3; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
#cp-one :where(.cp-story-clarity) .cp-rv-code { position:relative; margin:0; padding:9px 12px 11px 0; list-style:none; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr); min-height:25px; margin-left:0; color:#d7dbd9; font:13.5px/25px 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li>i { padding-right:14px; border-right:1px solid #2a2e30; color:#7d8588; font-size:11.5px; font-style:normal; text-align:right; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li>code { min-width:0; padding-left:10px; overflow:hidden; font:inherit; white-space:pre; }
#cp-one :where(.cp-story-clarity) .cp-rv-code .k { color:#c79cf0; }
#cp-one :where(.cp-story-clarity) .cp-rv-code .f { color:#8fe0d4; font-weight:700; }
#cp-one :where(.cp-story-clarity) .cp-rv-code .c { color:#ee7d92; }
#cp-one :where(.cp-story-clarity) .cp-rv-code .m { color:#e5c76b; }
#cp-one :where(.cp-story-clarity) .cp-rv-code .s { color:#d9c56e; }
#cp-one :where(.cp-story-clarity) .cp-rv-code .b { color:#7fb2f0; }
#cp-one :where(.cp-story-clarity) .cp-rv-hit>code { margin-left:5px; padding-left:5px; border-left:3px solid #4c9a62; border-right:1px solid #4c9a6266; background:#4c9a621f; }
#cp-one :where(.cp-story-clarity) .cp-rv-one>code { border-block:1px solid #4c9a6266; border-radius:4px; }
#cp-one :where(.cp-story-clarity) .cp-rv-top>code { border-top:1px solid #4c9a6266; border-radius:4px 4px 0 0; }
#cp-one :where(.cp-story-clarity) .cp-rv-end>code { border-bottom:1px solid #4c9a6266; border-radius:0 0 4px 4px; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag { position:absolute; right:10px; top:-12px; z-index:2; display:inline-flex; align-items:center; gap:9px; height:23px; padding:0 13px 0 0; border:1px solid #4c9a62b3; border-radius:999px; background:#17201a; color:#7dc795; font:600 10.5px/1 'DM Sans',sans-serif; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag>em { font-style:normal; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag>span { display:grid; place-items:center; width:23px; height:23px; margin:-1px 0 -1px -1px; border-radius:7px 3px 3px 7px; background:#5cae79; color:#0f1a13; font:700 12.5px/1 'DM Sans',sans-serif; letter-spacing:0; }
#cp-one :where(.cp-story-clarity) .cp-rv-note { position:absolute; right:12px; bottom:3px; z-index:3; width:57%; padding:12px 15px 13px; border:1px solid #ffffff26; border-radius:10px; background:#272a2e99; backdrop-filter:blur(1.3px); -webkit-backdrop-filter:blur(1.3px); box-shadow:0 12px 30px #00000073; color:#c9cfd2; font:13px/1.55 'DM Sans',sans-serif; white-space:normal; }
#cp-one :where(.cp-story-clarity) .cp-rv-note-title { display:flex; align-items:center; gap:9px; margin-bottom:6px; color:#86cf9d; font-size:12.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
#cp-one :where(.cp-story-clarity) .cp-rv-note-title>span { display:grid; place-items:center; flex:none; width:20px; height:20px; border-radius:5px; background:#5cae79; color:#0f1a13; font-size:12px; letter-spacing:0; }
#cp-one :where(.cp-story-clarity) .cp-rv-note ul { margin:0; padding:0; list-style:none; }
#cp-one :where(.cp-story-clarity) .cp-rv-note li { position:relative; display:block; min-height:0; padding-left:11px; color:inherit; font:inherit; }
#cp-one :where(.cp-story-clarity) .cp-rv-note li:before { content:"•"; position:absolute; left:0; color:#8d9598; }
#cp-one :where(.cp-story-clarity) .cp-rv-note p:last-child { margin-top:3px; }
#cp-one :where(.cp-story-clarity) .cp-rv-note code { padding:0 5px; border:1px solid #ee7d9233; border-radius:4px; background:#2d1f24cc; color:#ee8799; font:12px/1.5 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-clarity) .cp-rv-metrics { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; margin-top:12px; padding:12px 16px 13px; }
#cp-one :where(.cp-story-clarity) .cp-rv-metrics b { display:block; color:#e6e8e7; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
#cp-one :where(.cp-story-clarity) .cp-rv-metrics strong { display:block; margin-top:5px; color:#e6e8e7; font-size:15px; font-weight:600; }
#cp-one :where(.cp-story-clarity) .cp-rv-metrics span { display:block; margin-top:2px; color:#9aa1a4; font-size:11.5px; line-height:1.5; }
@container (max-width:1000px) {
#cp-one :where(.cp-story-clarity) .cp-clarity { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li { font-size:12px; }
#cp-one :where(.cp-story-clarity) .cp-rv-note { width:60%; font-size:12px; }
}
@container (min-width:781px) and (max-width:920px) {
#cp-one :where(.cp-story-clarity) .cp-rv-tag>em { display:none; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag { top:1px; padding-right:0; border-color:transparent; background:none; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag>span { margin:0; border-radius:6px; }
}
@container (max-width:920px) {
#cp-one :where(.cp-story-clarity) .cp-rv-note { position:relative; right:auto; bottom:auto; grid-column:1 / -1; width:auto; margin:2px 0 8px 52px; }
}
@container (max-width:780px) {
#cp-one .cp-compare-violet:where(.cp-story-clarity) .cp-product-copy-body { padding-top:0; }
#cp-one :where(.cp-story-clarity) .cp-clarity { grid-template-columns:1fr; gap:38px; }
#cp-one :where(.cp-story-clarity) .cp-wall-desk { flex:none; height:440px; min-height:0; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li { font-size:13px; }
}
@container (max-width:650px) {
#cp-one :where(.cp-story-clarity) .cp-say { gap:11px; }
#cp-one :where(.cp-story-clarity) .cp-say-who { width:36px; height:36px; }
#cp-one :where(.cp-story-clarity) .cp-say-who svg { width:19px; height:19px; }
#cp-one :where(.cp-story-clarity) .cp-say-bubble { gap:11px; padding:12px 17px 13px 14px; font-size:17px; }
#cp-one :where(.cp-story-clarity) .cp-say-wave { transform:scale(.8); transform-origin:left center; margin-right:-4px; }
#cp-one :where(.cp-story-clarity) .cp-say-lead { margin-bottom:26px; }
#cp-one :where(.cp-story-clarity) .cp-clarity-label { font-size:18px; }
#cp-one :where(.cp-story-clarity) .cp-clarity-verdict>strong { font-size:16px; }
#cp-one :where(.cp-story-clarity) .cp-clarity-verdict>a { margin-left:0; }
#cp-one :where(.cp-story-clarity) .cp-wall-under { inset:10px 10px 0; }
#cp-one :where(.cp-story-clarity) .cp-wall-window { inset:40px 16px 0 30px; }
#cp-one :where(.cp-story-clarity) .cp-wall-bar { gap:9px; font-size:10px; }
#cp-one :where(.cp-story-clarity) .cp-rv-view { padding:9px; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li { grid-template-columns:30px minmax(0,1fr); min-height:22px; font:11px/22px 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li>i { padding-right:8px; font-size:10px; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li>code { padding-left:7px; }
#cp-one :where(.cp-story-clarity) .cp-rv-hit>code { margin-left:3px; padding-left:4px; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag { right:4px; top:1px; height:20px; padding-right:0; border-color:transparent; background:none; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag>span { width:20px; height:20px; margin:0; border-radius:6px; font-size:11px; }
#cp-one :where(.cp-story-clarity) .cp-rv-tag>em { display:none; }
#cp-one :where(.cp-story-clarity) .cp-rv-note { margin:2px 0 8px 37px; padding:10px 12px 11px; font-size:12.5px; }
#cp-one :where(.cp-story-clarity) .cp-rv-note-title { font-size:11px; }
}
@container (max-width:480px) {
#cp-one :where(.cp-story-clarity) .cp-rv-code { padding-right:6px; }
#cp-one :where(.cp-story-clarity) .cp-rv-code>li { font-size:10.5px; }
}

/* review: selected Fable 4, revision 3. Scoped to this section. */
#cp-one .cp-m4-rose:where(.cp-story-review) { --story-accent:#e7a5b9; --story-tint:#e7a5b912; --m4-from:#472a52; --m4-to:#19131e; --m4-glow:#86405a; }
#cp-one :where(.cp-story-review) .cp-m4-gloss { border:1px solid color-mix(in srgb,var(--story-accent) 24%,#ffffff14); background:radial-gradient(ellipse at 85% 110%,var(--m4-glow) 0%,transparent 55%),linear-gradient(140deg,var(--m4-from),var(--m4-to) 60%); box-shadow:0 24px 60px #00000059,inset 0 1px 0 #ffffff2e,inset 0 0 0 1px #ffffff08; }
#cp-one :where(.cp-story-review) .cp-compare-copy kbd { display:inline-grid; place-items:center; min-width:22px; height:22px; margin:0 1px; padding:0 5px; border:1px solid color-mix(in srgb,var(--story-accent) 38%,transparent); border-bottom-width:2px; border-radius:5px; background:#1b2428; color:var(--story-accent); font:13px/1 -apple-system,BlinkMacSystemFont,sans-serif; vertical-align:1px; }
#cp-one :where(.cp-story-review) .cp-visual-label.cp-visual-problem { color:var(--m4-miss); }
#cp-one :where(.cp-story-review) .cp-m4-say { display:flex; align-items:flex-end; gap:13px; min-width:0; }
#cp-one :where(.cp-story-review) .cp-m4-say-row { padding:24px 24px 4px; }
#cp-one :where(.cp-story-review) .cp-m4-say-who { position:relative; flex:none; display:grid; place-items:center; width:42px; height:42px; margin-bottom:2px; border-radius:50%; background:linear-gradient(140deg,#fff 0%,var(--story-accent) 38%,color-mix(in srgb,var(--story-accent) 45%,#4b3a5c)); color:#151a24; box-shadow:0 0 0 3px color-mix(in srgb,var(--story-accent) 24%,transparent),0 8px 20px #0007; }
#cp-one :where(.cp-story-review) .cp-m4-say-who svg { width:22px; height:22px; }
#cp-one :where(.cp-story-review) .cp-m4-say-who:after { content:""; position:absolute; inset:-3px; border:1px solid color-mix(in srgb,var(--story-accent) 70%,transparent); border-radius:50%; animation:cp-m4-ring 2.4s ease-out infinite; }
@keyframes cp-m4-ring { from { transform:scale(1); opacity:.9; } to { transform:scale(1.42); opacity:0; } }
#cp-one :where(.cp-story-review) .cp-m4-say-bubble { position:relative; display:flex; align-items:center; gap:14px; min-width:0; margin:0; padding:14px 22px 15px 17px; border-radius:22px 22px 22px 6px; background:linear-gradient(115deg,color-mix(in srgb,var(--story-accent) 40%,#1a2034) 0%,color-mix(in srgb,var(--m4-glow) 78%,#191c29) 88%); color:#f4f6fb; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-.025em; box-shadow:0 14px 34px #0000005c,inset 0 0 0 1px color-mix(in srgb,var(--story-accent) 46%,transparent),inset 0 1px 0 1px #ffffff30; }
#cp-one :where(.cp-story-review) .cp-m4-say-bubble:before { content:""; position:absolute; left:-9px; bottom:0; width:16px; height:15px; background:color-mix(in srgb,var(--story-accent) 46%,#1c2233); clip-path:polygon(100% 0,100% 100%,0 100%,62% 70%); }
#cp-one :where(.cp-story-review) .cp-m4-say-wave { flex:none; display:flex; align-items:center; gap:3px; height:22px; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i { width:3px; height:100%; border-radius:2px; background:var(--story-accent); transform-origin:center; animation:cp-m4-wave 1.1s ease-in-out infinite alternate; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i:nth-child(1) { animation-delay:-.9s; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i:nth-child(2) { animation-delay:-.3s; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i:nth-child(3) { animation-delay:-.6s; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i:nth-child(4) { animation-delay:-.1s; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i:nth-child(5) { animation-delay:-.75s; }
@keyframes cp-m4-wave { from { transform:scaleY(.22); } to { transform:scaleY(1); } }
@media (prefers-reduced-motion:reduce) {
#cp-one :where(.cp-story-review) .cp-m4-say-who:after,#cp-one :where(.cp-story-review) .cp-m4-say-wave i { animation:none; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i:nth-child(odd) { transform:scaleY(.45); }
}
#cp-one :where(.cp-story-review) .cp-m4-findings { display:grid; margin:24px 0 0; padding:0; list-style:none; border-top:1px solid #919db52c; }
#cp-one :where(.cp-story-review) .cp-m4-findings button { display:grid; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; min-height:44px; padding:8px 8px 8px 4px; border:0; border-bottom:1px solid #919db52c; background:transparent; color:#d9dfe8; font:inherit; font-size:14.5px; text-align:left; transition:background 130ms; }
#cp-one :where(.cp-story-review) .cp-m4-findings button>b,#cp-one :where(.cp-story-review) .cp-m4-note>b { display:grid; place-items:center; width:20px; height:20px; border-radius:5px; font:600 11px/1 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-review) .cp-m4-findings button>b { background:color-mix(in srgb,var(--story-accent) 17%,transparent); color:var(--story-accent); }
#cp-one :where(.cp-story-review) .cp-m4-findings button>small { color:#8c96a5; font:10.5px/1.5 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-review) .cp-m4-findings button:hover,#cp-one :where(.cp-story-review) .cp-m4-findings button[aria-pressed="true"] { background:linear-gradient(90deg,color-mix(in srgb,var(--story-accent) 16%,transparent),transparent); }
#cp-one :where(.cp-story-review) .cp-m4-findings button[aria-pressed="true"]>b { background:var(--story-accent); color:#22161b; }
#cp-one :where(.cp-story-review) .cp-m4-findings button:focus-visible,#cp-one :where(.cp-story-review) .cp-m4-tabs button:focus-visible { outline:2px solid var(--story-accent); outline-offset:-2px; }
#cp-one :where(.cp-story-review) .cp-m4-review-body { padding:19px 24px 24px; }
#cp-one :where(.cp-story-review) .cp-m4-review-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 12px; }
#cp-one :where(.cp-story-review) .cp-m4-review-bar>span { color:#d6bfc9; font-size:11.5px; }
#cp-one :where(.cp-story-review) .cp-m4-tabs { display:none; }
#cp-one :where(.cp-story-review) .is-enhanced .cp-m4-tabs { display:flex; gap:3px; margin-top:14px; overflow-x:auto; scrollbar-width:none; }
#cp-one :where(.cp-story-review) .cp-m4-tabs button { flex:none; display:flex; align-items:center; gap:7px; min-height:36px; padding:6px 11px; border:1px solid transparent; border-bottom:0; border-radius:8px 8px 0 0; background:transparent; color:#b5a9bb; font:11px/1.5 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-review) .cp-m4-tabs button[aria-selected="true"] { border-color:#ffffff24; background:#110d17e0; color:#f0eaf2; }
#cp-one :where(.cp-story-review) .cp-m4-tabs button i { font-style:normal; color:#8b7f94; }
#cp-one :where(.cp-story-review) .cp-m4-tabs button>b { display:grid; place-items:center; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:color-mix(in srgb,var(--story-accent) 20%,transparent); color:var(--story-accent); font-size:9.5px; font-weight:600; }
#cp-one :where(.cp-story-review) .cp-m4-diff { margin-top:12px; padding:9px 0 11px; border:1px solid #ffffff24; border-radius:9px; background:#110d17e0; box-shadow:0 16px 36px #0006; }
#cp-one :where(.cp-story-review) .is-enhanced .cp-m4-diff { margin-top:0; border-radius:0 9px 9px 9px; }
#cp-one :where(.cp-story-review) .cp-m4-diff-name { padding:2px 14px 8px; color:#e6eaf1; font:11px/1.5 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-review) .is-enhanced .cp-m4-diff-name { display:none; }
#cp-one :where(.cp-story-review) .cp-m4-diff ol { margin:0; padding:0; list-style:none; }
#cp-one :where(.cp-story-review) .cp-m4-diff li { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:baseline; padding-right:12px; color:#b4b3c4; font:10.5px/2 'JetBrains Mono',monospace; }
#cp-one :where(.cp-story-review) .cp-m4-diff li>i { padding-right:11px; color:#6c6577; font-size:9.5px; font-style:normal; text-align:right; user-select:none; }
#cp-one :where(.cp-story-review) .cp-m4-diff li>code { font:inherit; white-space:pre-wrap; overflow-wrap:anywhere; }
#cp-one :where(.cp-story-review) .cp-m4-diff li>code:before { content:"  "; }
#cp-one :where(.cp-story-review) .cp-m4-diff li.is-add { background:#8fcebc14; color:#cfe6dc; }
#cp-one :where(.cp-story-review) .cp-m4-diff li.is-add>code:before { content:"+ "; color:#8fcebc; }
#cp-one :where(.cp-story-review) .cp-m4-diff li.is-del { background:#d9a9b417; color:#bda5ae; }
#cp-one :where(.cp-story-review) .cp-m4-diff li.is-del>code:before { content:"− "; color:var(--m4-miss); }
#cp-one :where(.cp-story-review) .cp-m4-diff li.cp-m4-note { grid-template-columns:20px minmax(0,1fr); gap:10px; align-items:start; margin:6px 12px 8px 36px; padding:9px 12px 10px 10px; border:1px solid color-mix(in srgb,var(--story-accent) 38%,transparent); border-radius:8px; background:linear-gradient(120deg,#3a2233,#241826); color:#e6d6de; font:12.5px/1.5 'DM Sans',sans-serif; transition:box-shadow 160ms,background 160ms; }
#cp-one :where(.cp-story-review) .cp-m4-note>b { background:var(--story-accent); color:#22161b; }
#cp-one :where(.cp-story-review) .cp-m4-note strong { margin-right:7px; color:var(--story-accent); font-size:10px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
#cp-one :where(.cp-story-review) .cp-m4-note.is-active { background:linear-gradient(120deg,#4b2a41,#2c1b2e); box-shadow:0 0 0 2px color-mix(in srgb,var(--story-accent) 55%,transparent); }
@container (max-width:650px) {
#cp-one :where(.cp-story-review) .cp-m4-say { gap:10px; }
#cp-one :where(.cp-story-review) .cp-m4-say-row { padding:18px 16px 2px; }
#cp-one :where(.cp-story-review) .cp-m4-say-who { width:36px; height:36px; }
#cp-one :where(.cp-story-review) .cp-m4-say-who svg { width:19px; height:19px; }
#cp-one :where(.cp-story-review) .cp-m4-say-bubble { gap:10px; padding:12px 16px 13px 13px; font-size:17px; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave { gap:2px; height:18px; }
#cp-one :where(.cp-story-review) .cp-m4-say-wave i:nth-child(n+4) { display:none; }
}
@container (max-width:480px) {
#cp-one :where(.cp-story-review) .cp-m4-review-body { padding-inline:16px; }
#cp-one :where(.cp-story-review) .cp-m4-diff li { grid-template-columns:26px minmax(0,1fr); padding-right:8px; font-size:9.5px; }
#cp-one :where(.cp-story-review) .cp-m4-diff li>i { padding-right:7px; }
#cp-one :where(.cp-story-review) .cp-m4-diff li.cp-m4-note { margin:6px 8px 8px 12px; font-size:12px; }
#cp-one :where(.cp-story-review) .cp-m4-tabs button { padding-inline:8px; font-size:10px; gap:5px; }
#cp-one :where(.cp-story-review) .cp-m4-tabs button i { display:none; }
}

/* stealth: selected Fable 3, revision 3. Scoped to this section. */
#cp-one :where(.cp-story-stealth) .cp-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#cp-one .cp-compare-rose:where(.cp-story-stealth) { --story-accent:#e9a3b0; --story-tint:#e9a3b012; }
#cp-one :where(.cp-story-stealth) .cp-say { display:flex; align-items:flex-end; gap:14px; text-align:left; }
#cp-one :where(.cp-story-stealth) .cp-say { --say-c:var(--say,var(--story-accent)); }
#cp-one :where(.cp-story-stealth) .cp-say-face { flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:linear-gradient(140deg,color-mix(in srgb,var(--say-c) 92%,#fff),color-mix(in srgb,var(--say-c) 42%,#4b3a5c)); color:#141821d9; box-shadow:0 0 0 4px color-mix(in srgb,var(--say-c) 18%,transparent),0 8px 18px #0006; }
#cp-one :where(.cp-story-stealth) .cp-say-face svg { width:25px; height:25px; }
#cp-one :where(.cp-story-stealth) .cp-say-bubble { position:relative; display:flex; align-items:center; gap:15px; min-width:0; margin:0 0 15px; padding:14px 24px 15px 19px; border:1px solid color-mix(in srgb,var(--say-c) 46%,transparent); border-radius:22px 22px 22px 7px; background:linear-gradient(135deg,color-mix(in srgb,var(--say-c) 30%,#171b26),color-mix(in srgb,var(--say-c) 10%,#12141b)); box-shadow:0 14px 30px #00000059,inset 0 1px 0 #ffffff33; }
#cp-one :where(.cp-story-stealth) .cp-say-bubble:before { content:""; position:absolute; left:-7px; bottom:9px; width:13px; height:13px; border-left:1px solid color-mix(in srgb,var(--say-c) 46%,transparent); border-bottom:1px solid color-mix(in srgb,var(--say-c) 46%,transparent); border-bottom-left-radius:4px; background:color-mix(in srgb,var(--say-c) 27%,#171b26); transform:rotate(45deg) skew(8deg,8deg); }
#cp-one :where(.cp-story-stealth) .cp-say-bubble strong { position:relative; color:#f3f5f9; font-size:20px; font-weight:500; line-height:1.35; letter-spacing:-.025em; text-wrap:balance; }
#cp-one :where(.cp-story-stealth) .cp-say-wave { position:relative; display:flex; flex:none; align-items:center; gap:3px; height:24px; }
#cp-one :where(.cp-story-stealth) .cp-say-wave i { width:3px; height:9px; border-radius:3px; background:var(--say-c); animation:cp-say-wave 1.5s ease-in-out infinite; }
#cp-one :where(.cp-story-stealth) .cp-say-wave i:nth-child(2) { height:17px; animation-delay:-.3s; }
#cp-one :where(.cp-story-stealth) .cp-say-wave i:nth-child(3) { height:24px; animation-delay:-.6s; }
#cp-one :where(.cp-story-stealth) .cp-say-wave i:nth-child(4) { height:13px; animation-delay:-.9s; }
#cp-one :where(.cp-story-stealth) .cp-say-wave i:nth-child(5) { height:7px; animation-delay:-1.2s; }
@keyframes cp-say-wave { 50% { transform:scaleY(.5); } }
#cp-one :is(.cp-compare-parts,.cp-compare-stack):where(.cp-story-stealth) { display:block; }
#cp-one .cp-compare-stack:where(.cp-story-stealth)>.cp-compare-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:end; margin-bottom:36px; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-stage { max-width:none; margin:0; border:1px solid #ffffff38; border-radius:16px; box-shadow:0 26px 90px #0009,0 0 130px #4b3a5c59; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-desktop { background:radial-gradient(ellipse at 50% -14%,#8a6aa6 0%,#5d4674 26%,transparent 60%),radial-gradient(ellipse at 86% 112%,#4b3a5c 0%,transparent 55%),radial-gradient(ellipse at 0% 108%,#2a4a72 0%,transparent 48%),linear-gradient(140deg,#2a3650,#171d2b 60%); }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-desktop:before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#ffffff14,transparent 26%),linear-gradient(118deg,transparent 40%,#ffffff0a 49%,transparent 58%); }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-menubar { position:relative; background:#0b0e1466; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-editor { top:12%; height:74%; width:72%; border-color:#ffffff24; box-shadow:0 1.4cqw 3.4cqw #0009; }
#cp-one :where(.cp-story-stealth) .veil-tabs { display:flex; border-bottom:1px solid #ffffff12; background:#191c20; }
#cp-one :where(.cp-story-stealth) .veil-tabs .veil-file { flex:none; display:flex; gap:1.1cqw; width:auto; padding:.75cqw 1.3cqw; background:#1d2024; white-space:nowrap; }
#cp-one :where(.cp-story-stealth) .veil-tabs .veil-file span { float:none; }
#cp-one :where(.cp-story-stealth) .veil-tabs .veil-file-idle { border-top-color:transparent; background:transparent; color:#8b919b; }
#cp-one :where(.cp-story-stealth) .veil-shown { position:absolute; inset:0; clip-path:inset(0 0 0 var(--veil-position)); }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-app,#cp-one :where(.cp-story-stealth) .veil-ghost { position:absolute; left:49.6cqw; top:5.2cqw; width:47.6cqw; height:50.8cqw; border-radius:1cqw; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-app { display:flex; flex-direction:column; overflow:hidden; border:1px solid #ffffff33; background:#0d0d0d; box-shadow:0 1.6cqw 4cqw #000b; color:#e8ecea; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-app .veil-titlebar { flex:none; background:#0d0d0d; }
#cp-one :where(.cp-story-stealth) .veil-app-design { flex:1; min-height:0; overflow:hidden; }
#cp-one :where(.cp-story-stealth) .veil-app-name { max-width:57%; margin:0; padding:.5cqw 0 .75cqw 1.4cqw; overflow:hidden; color:#ececee; font-size:1.42cqw; font-weight:700; line-height:1.3; letter-spacing:-.02em; white-space:nowrap; text-overflow:ellipsis; }
#cp-one :where(.cp-story-stealth) .veil-app-section { margin:0 .9cqw; padding:.6cqw 1cqw .55cqw; border:1px solid #ffffff17; border-bottom:0; border-radius:.7cqw .7cqw 0 0; color:var(--cp-amber); font-size:1.08cqw; line-height:1.4; letter-spacing:.09em; text-transform:uppercase; }
#cp-one :where(.cp-story-stealth) .veil-app-design img { display:block; width:100%; height:auto; }
#cp-one :where(.cp-story-stealth) .veil-voice { position:absolute; top:3.5cqw; right:.8cqw; width:40%; padding:1.7cqw 1cqw 1.1cqw; border:1px solid #ffffff24; border-radius:1.2cqw; background:#1c1d21f5; box-shadow:0 1.2cqw 3cqw #000c,inset 0 1px 0 #ffffff14; font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif; }
#cp-one :where(.cp-story-stealth) .veil-voice-pill { position:absolute; left:1.9cqw; top:.75cqw; z-index:1; display:flex; align-items:center; gap:.45cqw; margin:0; padding:.2cqw .95cqw .25cqw .7cqw; border-radius:2cqw; background:#3b2f52; color:#cdbcf2; font-size:.95cqw; font-weight:600; line-height:1.5; white-space:nowrap; }
#cp-one :where(.cp-story-stealth) .veil-voice-pill svg { width:1.05cqw; height:1.05cqw; }
#cp-one :where(.cp-story-stealth) .veil-voice-q,#cp-one :where(.cp-story-stealth) .veil-voice-a { margin:0; padding:1cqw 1.15cqw 1cqw; border-radius:1.25cqw; color:#eef0f3; font-size:1.13cqw; line-height:1.42; }
#cp-one :where(.cp-story-stealth) .veil-voice-q { margin-right:1.6cqw; padding-top:1.25cqw; background:#2c2d34; }
#cp-one :where(.cp-story-stealth) .veil-voice-a { margin:.8cqw 0 0 1.9cqw; background:#26262c; color:#e3e5ea; }
#cp-one :where(.cp-story-stealth) .veil-ghost { display:flex; align-items:flex-start; gap:.7cqw; padding:15cqw 0 0 1.5cqw; border:1px dashed #e9a3b099; }
#cp-one :where(.cp-story-stealth) .veil-ghost span { flex:none; width:2.1cqw; height:2.1cqw; border:.2cqw solid #e9a3b0c7; border-radius:50%; background:linear-gradient(135deg,transparent 46%,#e9a3b0c7 46% 54%,transparent 54%); }
#cp-one :where(.cp-story-stealth) .veil-ghost strong { padding:.2cqw 1.1cqw .3cqw; border-radius:2cqw; background:#1b1424e6; color:#f6d9df; font-size:1.2cqw; font-weight:500; line-height:1.5; white-space:nowrap; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-captions { max-width:none; margin-top:16px; font-size:13px; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-captions small { font-size:inherit; color:#8f96a0; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-captions>span:first-child i { background:#e9a3b0; }
#cp-one :where(.cp-story-stealth) .cp-works { margin-top:74px; padding:10px 0 4px; background:radial-gradient(ellipse 46% 52% at 50% 46%,#5d467452,transparent 70%); text-align:center; }
#cp-one :where(.cp-story-stealth) .cp-works h4 { max-width:780px; margin:0 auto; color:var(--cp-text); font-size:clamp(25px,2.9cqw,34px); font-weight:500; line-height:1.14; letter-spacing:-.045em; text-wrap:balance; }
#cp-one :where(.cp-story-stealth) .cp-works-icons { display:flex; flex-wrap:wrap; justify-content:center; gap:30px 0; margin-top:38px; }
#cp-one :where(.cp-story-stealth) .cp-works-group { padding:0 46px; }
#cp-one :where(.cp-story-stealth) .cp-works-group+.cp-works-group { border-left:1px solid #ffffff24; }
#cp-one :where(.cp-story-stealth) .cp-works-group>p { margin-bottom:18px; color:#b4adc2; font:500 11px/1.5 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
#cp-one :where(.cp-story-stealth) .cp-works-group ul { display:flex; align-items:flex-start; justify-content:center; gap:22px; margin:0; padding:0; list-style:none; }
#cp-one :where(.cp-story-stealth) .cp-works-group li { display:grid; align-content:start; justify-items:center; gap:11px; width:104px; white-space:nowrap; color:#cfd4dd; font-size:12.5px; line-height:1.3; }
#cp-one :where(.cp-story-stealth) .cp-works-group img { display:block; width:76px; height:76px; filter:drop-shadow(0 12px 18px #00000080); }
#cp-one :where(.cp-story-stealth) .cp-works-text { max-width:740px; margin:34px auto 0; color:var(--cp-muted); font-size:16px; line-height:1.75; text-wrap:pretty; }
#cp-one :where(.cp-story-stealth) .cp-works .cp-stealth-link { margin-top:14px; font-size:14px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-proof { margin-top:64px; text-align:left; }
#cp-one :where(.cp-story-stealth) .cp-stealth-tested { margin-top:42px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-group { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 12px; margin-bottom:12px; color:#e0e4eb; font-size:15px; font-weight:500; }
#cp-one :where(.cp-story-stealth) .cp-stealth-group>span { color:#9a94a8; font-size:11px; font-weight:400; }
#cp-one :where(.cp-story-stealth) .cp-stealth-how { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:48px; margin:0; padding:0; list-style:none; }
#cp-one :where(.cp-story-stealth) .cp-stealth-how li { display:flex; gap:15px; padding:12px 0 13px; border-top:1px solid #ffffff14; }
#cp-one :where(.cp-story-stealth) .cp-stealth-how li>span { flex:none; display:grid; place-items:center; width:36px; height:36px; border:1px solid #e9a3b040; border-radius:11px; background:linear-gradient(140deg,#e9a3b038,#4b3a5c80); box-shadow:inset 0 1px 0 #ffffff26; color:#f6d3da; }
#cp-one :where(.cp-story-stealth) .cp-stealth-how svg { width:18px; height:18px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-how strong { display:block; color:#e6eaf1; font-size:15px; font-weight:500; line-height:1.4; }
#cp-one :where(.cp-story-stealth) .cp-stealth-how p { margin-top:1px; color:var(--cp-muted); font-size:13px; line-height:1.55; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:44px; align-items:center; overflow:hidden; padding:24px 30px 24px; border:1px solid #e9a3b061; border-radius:18px; background:radial-gradient(ellipse at 100% 112%,#5d4674 0%,transparent 60%),radial-gradient(ellipse at 0% -20%,#7a3f55 0%,transparent 55%),linear-gradient(145deg,#352231,#191622 66%); box-shadow:0 22px 50px #0006,inset 0 1px 0 #ffffff2e; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt:before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#ffffff14,transparent 30%); }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt>* { position:relative; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt small { grid-column:1 / -1; display:block; color:var(--story-accent); font:500 11px/1.5 'JetBrains Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt dl { grid-row:2 / 4; display:grid; gap:14px; margin:18px 0 0; padding-right:44px; border-right:1px solid #e9a3b03d; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt dl>div { display:grid; grid-template-columns:118px minmax(0,1fr); align-items:center; gap:14px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt dt { color:#fbe3e8; font-size:34px; font-weight:500; line-height:1.15; letter-spacing:-.03em; white-space:nowrap; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt dd { margin:0; color:#d6d3dd; font-size:15px; line-height:1.4; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt p { align-self:end; margin-top:18px; color:#cbc3d2; font-size:13.5px; line-height:1.65; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt .cp-stealth-link { align-self:start; justify-self:start; }
#cp-one :where(.cp-story-stealth) .cp-stealth-link { display:inline-flex; align-items:center; gap:10px; min-height:34px; margin-top:8px; color:var(--story-accent); font-size:13px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-link:hover { color:#fff; }
#cp-one :where(.cp-story-stealth) .cp-stealth-link:focus-visible { outline:2px solid var(--story-accent); outline-offset:5px; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) figcaption { margin-top:26px; }
@container (max-width:1000px) {
#cp-one .cp-compare-stack:where(.cp-story-stealth)>.cp-compare-copy { gap:30px; }
#cp-one :where(.cp-story-stealth) .cp-works-group { padding:0 26px; }
#cp-one :where(.cp-story-stealth) .cp-works-group ul { gap:16px; }
}
@container (max-width:780px) {
#cp-one .cp-compare-stack:where(.cp-story-stealth)>.cp-compare-copy { grid-template-columns:1fr; gap:21px; margin-bottom:28px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-how { grid-template-columns:1fr; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt { grid-template-columns:1fr; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt dl { grid-row:auto; padding-right:0; border-right:0; }
#cp-one :where(.cp-story-stealth) .cp-works { margin-top:56px; }
#cp-one :where(.cp-story-stealth) .cp-works-group+.cp-works-group { border-left:0; }
}
@container (max-width:650px) {
#cp-one :where(.cp-story-stealth) .cp-say { gap:10px; }
#cp-one :where(.cp-story-stealth) .cp-say-face { width:34px; height:34px; }
#cp-one :where(.cp-story-stealth) .cp-say-face svg { width:20px; height:20px; }
#cp-one :where(.cp-story-stealth) .cp-say-bubble { gap:11px; padding:12px 16px 13px 14px; border-radius:18px 18px 18px 6px; }
#cp-one :where(.cp-story-stealth) .cp-say-bubble strong { font-size:17px; }
#cp-one :where(.cp-story-stealth) .cp-say-wave i { width:2.5px; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-stage { border-radius:9px; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-captions { font-size:12px; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-captions small { display:none; }
#cp-one :where(.cp-story-stealth) .cp-works-icons { gap:26px 0; margin-top:28px; }
#cp-one :where(.cp-story-stealth) .cp-works-group { padding:0; width:100%; }
#cp-one :where(.cp-story-stealth) .cp-works-group ul { gap:8px; }
#cp-one :where(.cp-story-stealth) .cp-works-group li { width:78px; font-size:11px; white-space:normal; }
#cp-one :where(.cp-story-stealth) .cp-works-group img { width:58px; height:58px; }
#cp-one :where(.cp-story-stealth) .cp-works-text { margin-top:28px; font-size:15px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt { padding:20px 20px 18px; }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt dl>div { grid-template-columns:96px minmax(0,1fr); }
#cp-one :where(.cp-story-stealth) .cp-stealth-receipt dt { font-size:28px; }
}
@container (max-width:480px) {
#cp-one .cp-compare-stack:where(.cp-story-stealth) h3 { font-size:27px; }
}
@media (max-width:600px) {
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-desktop { aspect-ratio:1.3; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-editor { top:9%; height:74%; width:80%; }
#cp-one .cp-compare-stealth:where(.cp-story-stealth) .veil-app,#cp-one :where(.cp-story-stealth) .veil-ghost { left:38cqw; top:5.4cqw; width:59.4cqw; height:61cqw; }
#cp-one :where(.cp-story-stealth) .veil-app-name { font-size:1.7cqw; }
#cp-one :where(.cp-story-stealth) .veil-app-section { font-size:1.25cqw; }
#cp-one :where(.cp-story-stealth) .veil-voice { top:3.6cqw; padding-top:2cqw; }
#cp-one :where(.cp-story-stealth) .veil-voice-pill { font-size:1.2cqw; }
#cp-one :where(.cp-story-stealth) .veil-voice-pill svg { width:1.3cqw; height:1.3cqw; }
#cp-one :where(.cp-story-stealth) .veil-voice-q,#cp-one :where(.cp-story-stealth) .veil-voice-a { font-size:1.5cqw; }
#cp-one :where(.cp-story-stealth) .veil-ghost { gap:.8cqw; padding:20cqw 0 0 1.4cqw; }
#cp-one :where(.cp-story-stealth) .veil-ghost strong { padding-inline:1cqw; font-size:1.75cqw; }
#cp-one :where(.cp-story-stealth) .veil-ghost span { width:2.9cqw; height:2.9cqw; }
}
@media (prefers-reduced-motion:reduce) {
#cp-one :where(.cp-story-stealth) .cp-say-wave i { animation:none; }
}

/* Owner arrangement: mechanisms, then two rows of smaller platform icons beside the test. */
#cp-one .cp-story-stealth .cp-stealth-evidence { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:start; gap:48px; margin-top:42px; }
#cp-one .cp-story-stealth .cp-stealth-evidence .cp-works,#cp-one .cp-story-stealth .cp-stealth-tested { margin-top:0; }
#cp-one .cp-story-stealth .cp-works h4 { font-size:28px; }
#cp-one .cp-story-stealth .cp-works-icons { display:grid; gap:22px; margin-top:26px; }
#cp-one .cp-story-stealth .cp-works-group { padding:0; border:0; }
#cp-one .cp-story-stealth .cp-works-group>p { margin-bottom:12px; }
#cp-one .cp-story-stealth .cp-works-group ul { gap:18px; }
#cp-one .cp-story-stealth .cp-works-group li { width:90px; gap:8px; font-size:11px; }
#cp-one .cp-story-stealth .cp-works-group img { width:44px; height:44px; }
#cp-one .cp-story-stealth .cp-works-text { margin-top:24px; font-size:14px; text-align:left; }
#cp-one .cp-story-stealth .cp-stealth-receipt { display:block; padding:28px; }
#cp-one .cp-story-stealth .cp-stealth-receipt dl { gap:24px; margin:24px 0; padding:0; border:0; }
#cp-one .cp-story-stealth .cp-stealth-receipt dl>div { grid-template-columns:126px minmax(0,1fr); }
#cp-one .cp-story-stealth .cp-stealth-receipt dt { font-size:40px; }
@container (max-width:780px) {
  #cp-one .cp-story-stealth .cp-stealth-evidence { grid-template-columns:1fr; gap:32px; }
}
@container (max-width:480px) {
  #cp-one .cp-story-stealth .cp-works h4 { font-size:25px; }
  #cp-one .cp-story-stealth .cp-works-group ul { gap:10px; }
  #cp-one .cp-story-stealth .cp-works-group li { width:68px; font-size:10px; }
  #cp-one .cp-story-stealth .cp-works-group img { width:38px; height:38px; }
  #cp-one .cp-story-stealth .cp-stealth-receipt { padding:22px; }
  #cp-one .cp-story-stealth .cp-stealth-receipt dl>div { grid-template-columns:108px minmax(0,1fr); }
  #cp-one .cp-story-stealth .cp-stealth-receipt dt { font-size:34px; }
}