/* Approved landing design. Assets are served from this origin under the site's CSP. */
html { color-scheme:dark; background:#101112; }
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; }
#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(29px,3.8cqw,44px); 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; 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:#a5b2aa; 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-companies>p { font-size:12px; color:#a5b0a9; }
#cp-one .cp-marquee { overflow:hidden; margin:24px 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; }
/* Staggered excerpts sit behind the central message and its soft shadow. */
#cp-one .cp-review-wall { position:relative;isolation:isolate;overflow:hidden;height:650px;margin-block:12px 18px; }
#cp-one .cp-review-columns { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:max(1100px,min(1440px,calc(100% + 100px)));position:absolute;top:22px;left:50%;transform:translateX(-50%); }
#cp-one .cp-review-column { display:flex;flex-direction:column;gap:18px; }
#cp-one .cp-review-column:nth-child(1) { padding-top:28px; }
#cp-one .cp-review-column:nth-child(2) { padding-top:32px; }
#cp-one .cp-review-column:nth-child(2)>.cp-review-customer { max-height:380px;overflow:hidden; }
#cp-one .cp-review-column:nth-child(3) { padding-top:12px; }
#cp-one .cp-review-column:nth-child(4) { padding-top:100px; }
#cp-one .cp-review-card { margin:0;padding:25px 23px;border:1px solid #a5b7ad1c;border-radius:19px;background:linear-gradient(145deg,#202423,#191c1c);box-shadow:0 14px 36px #0005; }
#cp-one .cp-review-card figcaption { color:#b9c5bd;font-size:17px;font-weight:500;line-height:1.4; }
#cp-one .cp-review-card figcaption small { display:block;margin-top:4px;color:#7a887f;font-size:10px;font-weight:400; }
#cp-one .cp-review-card .cp-review-person { display:flex;align-items:center;gap:10px;font-size:13px; }
#cp-one .cp-review-avatar { display:grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid #80998c24;border-radius:50%;background:#344039;color:#a4b3a9;font-size:13px; }
#cp-one .cp-review-byline { display:flex;align-items:center;gap:10px;margin-top:18px;color:#aab4ad;font-size:13px;line-height:1.4; }
#cp-one .cp-review-byline small { display:block;margin-top:3px;font-size:11px;color:#76827a; }
#cp-one .cp-review-byline time { margin-left:auto;align-self:start;color:#76827a;font-size:10px;white-space:nowrap; }
#cp-one .cp-review-stars { display:flex;gap:3px;margin-block:18px; }
#cp-one .cp-review-stars span { display:grid;place-items:center;width:21px;height:21px;background:#68706c;color:#d5d9d6;font-size:18px;line-height:1; }
#cp-one .cp-review-stars span:first-child { background:#a8513e; }
#cp-one .cp-review-subject { margin-bottom:12px;font-size:16px;font-weight:600;color:#adb8b0; }
#cp-one .cp-review-editorial { border-color:#a5b7ad0e;border-radius:10px;background:#191c1bc7; }
#cp-one .cp-review-editorial blockquote { border-left:2px solid #61766766;padding-left:14px; }
#cp-one .cp-review-card blockquote { margin:0;color:#8e9a92;font-size:16px;line-height:1.75; }
#cp-one .cp-review-card figcaption+blockquote { margin-top:20px; }
#cp-one .cp-review-customer blockquote { font-size:15px;line-height:1.65; }
#cp-one .cp-review-wall:after { content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--cp-bg),transparent 13%,transparent 77%,var(--cp-bg) 99%),linear-gradient(90deg,var(--cp-bg),transparent 12%,transparent 88%,var(--cp-bg)); }
#cp-one .cp-review-message { position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;text-align:center;pointer-events:none;background:radial-gradient(ellipse 26% 33% at 50% 50%,#101112f2 26%,#101112eb 49%,#10111291 72%,#10111200 100%); }
#cp-one .cp-review-message h2 { position:relative;max-width:800px;font-size:clamp(22px,2.3cqw,32px);line-height:1.35;letter-spacing:-.035em;text-shadow:0 4px 22px #000e6,0 0 48px #000e6; }
#cp-one .cp-review-message h2 span { display:block;text-wrap:balance; }
#cp-one .cp-review-message h2 span+span { margin-top:14px;color:var(--cp-mint);font-size:clamp(28px,3.3cqw,44px);line-height:1.2; }
#cp-one .cp-review-source { position:absolute;bottom:14px;inset-inline:20px;z-index:3;text-align:center;color:#8a958f;font-size:11px; }
@container (max-width:650px) {
#cp-one .cp-review-wall { height:660px;margin-block:0; }
#cp-one .cp-review-columns { width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;top:22px; }
#cp-one .cp-review-column { gap:14px; }
#cp-one .cp-review-column:first-child,#cp-one .cp-review-column:last-child { display:none; }
#cp-one .cp-review-column:nth-child(2) { padding-top:24px; }
#cp-one .cp-review-column:nth-child(3) { padding-top:0; }
#cp-one .cp-review-column:nth-child(2)>.cp-review-card:first-child { height:270px;overflow:hidden; }
#cp-one .cp-review-column:nth-child(2)>.cp-review-card+ .cp-review-card { margin-top:105px; }
#cp-one .cp-review-card { padding:18px 14px;border-radius:14px; }
#cp-one .cp-review-card figcaption { font-size:16px; }
#cp-one .cp-review-byline { flex-wrap:wrap; }
#cp-one .cp-review-byline time { margin-left:0;width:100%; }
#cp-one .cp-review-customer blockquote { font-size:14px; }
#cp-one .cp-review-card blockquote { font-size:14px;line-height:1.7; }
#cp-one .cp-review-message { padding-inline:20px;background:radial-gradient(ellipse 52.5% 29% at 50% 50%,#101112f2 28%,#101112eb 52%,#10111287 76%,#10111200 100%); }
#cp-one .cp-review-message h2 { font-size:clamp(20px,4.8cqw,26px);line-height:1.4; }
#cp-one .cp-review-message h2 span+span { font-size:clamp(24px,5.8cqw,32px); }
}
#cp-one .cp-how { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,5cqw,72px);padding-block:64px 70px; }
#cp-one .cp-how article>svg { display:block;width:36px;height:36px;margin-bottom:24px;color:var(--cp-blue);stroke-width:1.5; }
#cp-one .cp-how h3 { margin-bottom:14px;color:var(--cp-blue);font-size:20px;font-weight:550;letter-spacing:-.02em; }
#cp-one .cp-how p { color:var(--cp-muted);font-size:16px;line-height:1.8;text-wrap:pretty; }
@container (max-width:700px) {
  #cp-one .cp-how { grid-template-columns:1fr;gap:36px;padding-block:38px 44px; }
  #cp-one .cp-how article>svg { margin-bottom:16px; }
  #cp-one .cp-how h3 { margin-bottom:10px; }
}
#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:#97a99d; font-size:14px; }
#cp-one .cp-work-grid { display:grid; grid-template-columns:1.32fr 1fr; 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:#9aaea8; font-size:13px; max-width:365px; }
#cp-one .cp-keys-card>p { color:#b0a894; }
#cp-one .cp-module-demo { margin-top:28px; border-radius:10px; background:#111a1c; box-shadow:0 15px 28px #0002; }
#cp-one .cp-module-tabs { display:flex; align-items:center; gap:2px; padding:9px; background:#1b2b30; border-radius:10px 10px 0 0; }
#cp-one .cp-module-tabs button { flex:1; border:0; font-size:10px; padding:8px 5px; min-height:35px; border-radius:5px; background:transparent; color:#93aab4; white-space:nowrap; }
#cp-one .cp-module-tabs button[aria-pressed=true] { background:#2b414a; color:#c0d5df; }
#cp-one .cp-module-tabs button:hover { color:#d0dfe6; }
#cp-one .cp-module-content { min-height:132px; padding:18px 20px; }
#cp-one .cp-module-content h4 { font-size:13px; font-weight:500; margin:0 0 10px; color:#b7cbd5; }
#cp-one .cp-module-content p { font-size:12px; line-height:1.8; color:#8fa9b5; }
#cp-one .cp-complexity { display:flex; justify-content:space-between; font-size:10px; padding:11px 18px; color:#88b3cb; background:#1a282e; border-radius:0 0 10px 10px; }
#cp-one .cp-keyboard { display:flex; gap:9px; align-items:center; justify-content:center; padding:31px 0 26px; perspective:600px; }
#cp-one .cp-keycap { min-width:57px; height:61px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; background:linear-gradient(145deg,#514b3b,#38352c); color:#c3b697; border:1px solid #77705b40; border-radius:11px; box-shadow:0 7px 0 #191b17,0 12px 18px #0003,inset 0 1px 1px #e2d1a81a; padding:9px 12px; transform:rotateX(10deg); transition:transform 160ms,box-shadow 160ms,background 160ms; }
#cp-one .cp-keycap em { font-style:normal; font-size:21px; line-height:1; }
#cp-one .cp-keycap small { font-size:8px; opacity:.7; }
#cp-one .cp-keycap:last-child { min-width:85px; }
#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:#a3ab9f; 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; color:#74897b; font-size:10px; background:#1a2020; }
#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:14px; color:#93a599; 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:#9da5a2; }
#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:#9da5a2; line-height:1.8; }
#cp-one .cp-site-footer { background:#101213; border-color:#313637; padding:54px 0 60px; }
#cp-one .cp-site-footer>.cp-shell { display:grid; grid-template-columns:1fr 2fr; gap:65px; max-width:1040px; }
#cp-one .cp-site-footer .cp-footer-columns { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; gap:32px; }
#cp-one .cp-site-footer .cp-footer-columns h2 { color:#c6ccca; font-size:14px; }
#cp-one .cp-site-footer .cp-footer-columns a { color:#9da5a2; min-height:28px; }
#cp-one .cp-site-footer .cp-footer-columns a:hover { color:#9bcfc2; }
#cp-one .cp-site-footer .cp-socials { margin:40px 0 14px; gap:12px; }
#cp-one .cp-copyright { color:#8c9491; font-size:12px; }
#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:#a8afb5; 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 span:last-child { margin-left:8px; }
#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-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:9px;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-companies>p { font-size:11px; }
#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-module-tabs button { min-height:44px;font-size:11px; }
#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-site-footer>.cp-shell { grid-template-columns:1fr; gap:32px; }
#cp-one .cp-site-footer .cp-footer-columns { gap:18px; }
#cp-one .cp-site-footer .cp-footer-columns a { min-height:36px; display:flex; align-items:center; }
#cp-one .cp-site-footer .cp-socials { margin:22px 0 12px; }
#cp-one .cp-site-footer .cp-socials a { min-width:44px; min-height:44px; }
@container (max-width:380px) {
#cp-one .cp-site-footer .cp-footer-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
#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 20-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;font-size:9px;letter-spacing:.07em;color:#b4dfbf;white-space:nowrap; }
#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[aria-pressed=true] { color:#b5c5bb;background:#141719; }
#cp-one .cp-film-tab[aria-pressed=true]::after { background:#85b6a0; }
#cp-one .cp-film-tab:hover { color:#c3d3c9;background:#20272a; }
#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-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-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:#191e1e;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; }
#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:#151a19;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;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:12px;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:11px;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 floats
   above the interview, with its brand pinned while implementation moves up. */
#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%),#202827);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-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 { --impl-start:219px;position:absolute;inset:65px 18px 54px 12%;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 + .045 * var(--app-in,0)));transform-origin:75% 40%; }
#cp-one .cp-film-app-head { position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;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 img { width:22px;height:22px;object-fit:contain; }
#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 { position:absolute;top:64px;left:20px;right:20px;display:grid;grid-template-columns:1fr 1fr;gap:23px;opacity:calc(1 - var(--solve-focus,0));transform:translateY(calc(-150px * var(--solve-focus,0)));clip-path:inset(calc(150px * var(--solve-focus,0)) 0 0); }
#cp-one .cp-film-solve-summary small { display:block;font-size:9px;color:#82978b;letter-spacing:.1em; }
#cp-one .cp-film-guarantees h3 { margin:8px 0 5px;font-size:15px;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 { padding-left:20px;border-left:1px solid #34423a; }
#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:absolute;top:calc(var(--impl-start) * (1 - var(--solve-focus,0)) + 57px * var(--solve-focus,0));left:12px;right:12px;bottom:12px;background:rgb(17 21 21 / .92);border-radius:8px;box-shadow:inset 0 0 0 1px #58675c33;overflow:visible; }
#cp-one .cp-film-impl-head { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;height:31px;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 button { border:0;border-radius:4px;padding:6px 8px;background:transparent;color:#758b7e;font:10px 'JetBrains Mono',monospace; }
#cp-one .cp-film-impl-tabs button[aria-pressed=true] { background:#2b3830;color:#b8c9bf; }
#cp-one .cp-film-impl-tabs>span { margin-left:auto;color:#a58e63;font-size:8px;letter-spacing:.05em; }
#cp-one .cp-film-impl-code { padding:13px 10px;transform:scale(calc(1 + .015 * var(--solve-focus,0)));transform-origin:center top; }
#cp-one .cp-film-impl-code .cp-film-line { font-size:11px;height:auto;min-height:22px;align-items:start;line-height:22px; }
#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:23px;height:23px;padding:0;border:1px solid #72ac8970;border-radius:5px;background:#263e30;color:#97c5a8;font:11px '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 small { display:block;color:#87a08f;font-size:10px;line-height:1.6; }
#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:flex;align-items:center;gap:6px;padding:11px 14px;max-width:calc(100% - 32px);border-radius:10px;background:rgb(38 40 43 / .82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 24px #0004,inset 0 0 0 1px #bec3c51c;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 #d0d4d626;color:#d0d3d5;font:16px 'DM Sans',sans-serif; }
#cp-one .cp-film-shortcut>span { padding-left:4px;font-size:10px;color:#bfc3c6;white-space:nowrap; }
@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:7%;right:11px;bottom:52px;--impl-start:267px; }
#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:13px; }
#cp-one .cp-film-solve-summary { top:59px;left:17px;right:17px;grid-template-columns:1fr;gap:14px; }
#cp-one .cp-film-guarantees h3 { font-size:14px;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-implementation { left:8px;right:8px;bottom:10px; }
#cp-one .cp-film-impl-code { padding:10px 5px;transform:none; }
#cp-one .cp-film-impl-tabs>span { font-size:7px;letter-spacing:0; }
#cp-one .cp-film-impl-tabs button { min-height:36px;padding-inline:7px; }
#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-patch-badges button { width:28px;height:28px; }
#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 { --impl-start:288px; }
#cp-one .cp-film-impl-tabs>span { 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 { 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-film-impl-tabs button { min-height:44px; }
}

#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; }

/* Public Amazon preview: four rows, with the last receding into the canvas. */
#cp-one.cp-question-preview { --cp-bg:#101213; --cp-muted:#9da5a2; --cp-mint:#85bdaf; }
#cp-one .cp-questions { max-width:1040px; padding-block:36px 76px; }
#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:7px; padding:5px 10px; background:#232627; color:#b1b8b5; border-radius:6px; font-size:13px; line-height:1.5; font-weight:450; letter-spacing:0; }
#cp-one .cp-q-badge svg { width:17px; height:17px; 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:#c5a9c2; background:#332934; }
#cp-one .cp-q-medium { color:#a4bdd4; background:#212e39; }
#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; align-items:center; justify-content:space-between; gap:12px; }
#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 .cp-q-row>p { color:#9da5a2; font-size:15px; }
#cp-one .cp-q-row-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:24px; }
#cp-one .cp-q-row-bottom .cp-button { background:#232627; border-color:#313637; box-shadow:none; }
#cp-one .cp-q-row:last-child { mask-image:linear-gradient(#000 0%,#0009 42%,transparent 100%); border-bottom:0; }
#cp-one .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:#9da5a2; font-size:14px; min-height:28px; }
@container (max-width:650px) {
#cp-one .cp-questions { padding-block:18px 50px; }
#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:12px; }
#cp-one .cp-site-footer .cp-footer-columns nav>span { min-height:44px; display:flex; align-items:center; }
}

#cp-one .cp-comparison { padding-block:32px 16px; }
#cp-one .cp-comparison-scroll { overflow-x:auto; border:1px solid #303633; border-radius:14px; }
#cp-one .cp-comparison table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.7; text-align:left; }
#cp-one .cp-comparison th,#cp-one .cp-comparison td { padding:18px 20px; vertical-align:top; border-bottom:1px solid #2b3030; }
#cp-one .cp-comparison thead th { font:500 12px/1.6 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.06em; background:#181a1b; }
#cp-one .cp-comparison th:first-child { width:16%; font-weight:550; }
#cp-one .cp-comparison td { width:42%; color:var(--cp-muted); }
#cp-one .cp-comparison :is(th,td):nth-child(2) { border-left:2px solid #57bd95; background:#1b1e1f; color:var(--cp-text); }
#cp-one .cp-comparison thead th:nth-child(2) { color:#6ccea5; }
#cp-one .cp-comparison tr:last-child :is(th,td) { border-bottom:0; }
#cp-one .cp-comparison>p { margin-top:12px; color:var(--cp-muted); font-size:11px; }
#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-description { max-width:900px; margin-top:24px; color:#a8afb5; font-size:14px; line-height:1.8; }
#cp-one .cp-model-description p+p { margin-top:14px; }
#cp-one .cp-model-specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:34px; }
#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:800px) {
#cp-one .cp-model-specs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
#cp-one .cp-comparison th,#cp-one .cp-comparison td { padding:12px; }
#cp-one .cp-comparison table { min-width:620px; font-size:13px; }
}
@container(max-width:400px) {
#cp-one .cp-model-specs { grid-template-columns:1fr; }
}

/* 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:14px; color:#a19aaa; }
#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-instructions { margin: 26px 0 0; color: #939c9e; font-size: 12px; }
#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-instructions { max-width: 260px; margin: 24px auto 0; line-height: 1.7; } }
#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; }