.ci-page{--ci-accent-on-dark:#d9697a}.ci-page *,.ci-page :before,.ci-page :after{box-sizing:border-box}.ci-wrap{max-width:var(--content-max);padding:0 var(--page-pad-x);margin:0 auto}.ci-hero{background:var(--surface-dark);color:var(--paper);padding:72px 0 64px}.ci-hero h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--paper);text-wrap:balance;max-width:24ch;margin:0 0 20px;font-size:clamp(30px,4.4vw,52px);font-weight:600;line-height:1.06}.ci-hero h1:last-child{margin-bottom:0}.ci-lede{color:var(--text-on-dark-soft);max-width:62ch;margin:0;font-size:clamp(18px,2vw,21px);line-height:1.55}.ci-back{color:var(--text-on-dark-soft);margin:0 0 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.ci-back:hover{color:var(--paper)}.ci-back:focus-visible{outline:2px solid var(--ci-accent-on-dark);outline-offset:3px;border-radius:2px}.ci-sec{border-top:1px solid var(--rule);padding:72px 0}.ci-hero+.ci-sec{border-top:0}.ci-sec--tint{background:var(--surface-sunken)}.ci-sec-head{margin:0 0 28px}.ci-sec-head h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-heading);margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:600;line-height:1.15}.ci-meta{font:600 12px/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-body);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 14px;padding:0;list-style:none;display:flex}.ci-meta .ci-type{color:var(--brand-primary)}.ci-hero .ci-meta{color:var(--text-on-dark-soft);margin-bottom:18px}.ci-hero .ci-meta .ci-type{color:var(--ci-accent-on-dark)}.ci-topics{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.ci-topics li{color:var(--text-heading);background:var(--surface-sunken);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:6px 12px;font-size:13px;font-weight:500;line-height:1.2}.ci-feature{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid}.ci-feature-text{min-width:0}.ci-feature h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-heading);text-wrap:balance;margin:0 0 12px;font-size:clamp(21px,2.4vw,28px);font-weight:600;line-height:1.2}.ci-feature h3 a{color:inherit;text-decoration:none}.ci-feature h3 a:hover{color:var(--brand-primary)}.ci-feature p{max-width:52ch;margin:0;font-size:17px;line-height:1.6}.ci-video{aspect-ratio:16/9;border-radius:var(--radius-panel);background:var(--ink-900);max-width:100%;box-shadow:var(--lift-2);position:relative;overflow:hidden}.ci-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ci-video-poster{cursor:pointer;background:var(--ink-900);border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.ci-video-poster img{object-fit:cover;width:100%;height:100%;transition:opacity var(--duration-base) var(--ease-standard);display:block}.ci-video-poster:hover img{opacity:.88}.ci-video-play{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:56px;height:56px;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:#16181a8c;border:1px solid #ffffff59;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.ci-video-play svg{margin-left:3px}.ci-video-poster:hover .ci-video-play,.ci-video-poster:focus-visible .ci-video-play{background:var(--brand-primary);border-color:var(--brand-primary);transform:scale(1.06)}.ci-video-poster:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.ci-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:24px;display:grid}.ci-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-panel);color:inherit;transition:box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.ci-card:hover{box-shadow:var(--lift-2);border-color:var(--ink-200)}.ci-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ci-card-thumb{aspect-ratio:16/9;background:var(--ink-900)}.ci-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ci-card-body{flex-direction:column;gap:8px;padding:20px 22px 24px;display:flex}.ci-card .ci-meta{margin:0}.ci-card h3{font-family:var(--font-display);color:var(--text-heading);margin:0;font-size:18px;font-weight:600;line-height:1.3}.ci-card p{margin:0;font-size:15px;line-height:1.55}.ci-tool-back{padding-top:28px}.ci-back--light{color:var(--text-body);margin:0}.ci-back--light:hover{color:var(--brand-primary)}.ci-back--light:focus-visible{outline:2px solid var(--focus-ring)}.ci-tool-host .cc-tool-ace .ace-main{max-width:var(--content-max);padding-left:var(--page-pad-x);padding-right:var(--page-pad-x)}.ci-tool-host .cc-tool-ace .hero{padding-top:32px}.ci-tool-host+.ci-sec{margin-top:48px}.ci-detail-body{max-width:var(--content-narrow);margin:36px 0 0}.ci-detail-body p{margin:0;font-size:18px;line-height:1.65}.ci-cta{text-align:center}.ci-cta h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-heading);text-wrap:balance;max-width:22ch;margin:0 auto 14px;font-size:clamp(22px,2.6vw,32px);font-weight:600;line-height:1.15}.ci-cta p{max-width:52ch;margin:0 auto 28px;font-size:17px}.ci-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-control);min-height:54px;font:600 16px/1 var(--font-display);transition:filter var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;padding:0 30px;text-decoration:none;display:inline-flex}.ci-btn:hover{filter:brightness(1.07);color:#fff}.ci-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (max-width:860px){.ci-feature{grid-template-columns:1fr}}@media (max-width:600px){.ci-hero{padding:52px 0 48px}.ci-sec{padding:52px 0}.ci-video-play{width:48px;height:48px;top:12px;right:12px}.ci-feature p,.ci-detail-body p,.ci-cta p{font-size:16px}}@media (prefers-reduced-motion:reduce){.ci-page *{transition:none!important}}