.cc-section{background:var(--color-bg);width:100%;padding:var(--section-gap-lg) var(--content-padding-x);justify-content:center;display:flex;position:relative;overflow:hidden}.cc-section__ghost{font-family:var(--font-mono);font-size:clamp(8rem,28vw,24rem);font-weight:var(--weight-bold);color:#0000;-webkit-text-stroke:1px #5203802e;opacity:.12;white-space:nowrap;pointer-events:none;z-index:0;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cc-section__ambient-glow{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#5203804d 0%,#00e5ff14 50%,#0000 75%);width:clamp(400px,60vw,800px);height:clamp(400px,60vw,800px);position:absolute;top:30%;left:50%;transform:translate(-50%)}.cc-section__inner{z-index:1;text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;max-width:760px;margin-inline:auto;display:flex;position:relative}.cc-section__heading{font-family:var(--font-heading);font-size:clamp(var(--text-4xl), 6vw, var(--text-7xl));font-weight:var(--weight-black);text-transform:uppercase;color:var(--color-text);line-height:var(--leading-tight);text-shadow:0 0 60px rgba(var(--color-brand-rgb), .5);margin:0}.cc-section__sub{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:54ch;margin:0}.cc-panel{width:100%;max-width:620px;margin-top:var(--space-4);background:var(--color-bg-1);border-radius:var(--radius-md);text-align:left;perspective:1200px;border:1px solid #5203808c;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000a6,0 0 40px #52038040}.cc-panel__grain{background:var(--grain-url);opacity:.05;pointer-events:none;z-index:5;position:absolute;inset:0}.cc-panel__bar{z-index:2;padding:var(--space-2) var(--space-4);background:#11001cbf;border-bottom:1px solid #5203804d;justify-content:space-between;align-items:center;display:flex;position:relative}.cc-panel__dots{align-items:center;gap:6px;display:flex}.cc-panel__dot{border-radius:50%;width:8px;height:8px}.cc-panel__runtimes{align-items:center;gap:var(--space-1);display:flex}.cc-panel__runtime-tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;transition:all .2s}.cc-panel__runtime-tab:hover{color:var(--color-text);background:#52038033}.cc-panel__runtime-tab--active{color:var(--synth-cyan);font-weight:var(--weight-bold);background:#00e5ff1f;border:1px solid #00e5ff4d}.cc-panel__body{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#11001c80;display:flex;position:relative}.cc-panel__cmd-wrap{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);display:flex;overflow-x:auto}.cc-panel__prompt{color:var(--synth-cyan);font-weight:var(--weight-bold);user-select:none}.cc-panel__cmd{color:var(--tag-violet-text);white-space:nowrap}.cc-panel__copy-btn{color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);cursor:pointer;align-items:center;gap:var(--space-2);background:#6d28d933;border:1px solid #6d28d980;flex-shrink:0;transition:all .2s;display:inline-flex}.cc-panel__copy-btn:hover{background:var(--tag-violet-bg);color:#fff;box-shadow:0 0 16px #6d28d999}.cc-panel__copy-btn[data-copied=true]{background:var(--tag-green-bg);border-color:var(--tag-green-bg);color:#052e16}.cc-panel__footer{z-index:2;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);background:#1a012966;border-top:1px solid #52038040;display:flex;position:relative}.cc-panel__footer-icon{color:var(--synth-cyan)}.cc-section__actions{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.cc-cta--primary{background:color-mix(in srgb, var(--tag-violet-bg) 65%, var(--color-brand));border-color:color-mix(in srgb, var(--tag-violet-bg) 80%, var(--color-text));box-shadow:0 0 var(--space-6) color-mix(in srgb, var(--tag-violet-bg) 50%, transparent)}.cc-cta--primary:hover{box-shadow:0 0 var(--space-8) var(--tag-violet-bg)}.cc-section__back{align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-smooth);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);text-decoration:none;display:inline-flex}.cc-section__back:hover{color:var(--synth-cyan);transform:translate(-4px)}@media (width<=640px){.cc-panel__body{align-items:flex-start;gap:var(--space-3);flex-direction:column}.cc-panel__copy-btn{justify-content:center;width:100%}}.cf-section{background:var(--color-bg);width:100%;padding:var(--section-gap-md) 0;border-bottom:1px solid #52038033;position:relative;overflow:hidden}.cf-section__ghost{font-family:var(--font-display);font-size:clamp(8rem,24vw,20rem);font-weight:var(--weight-black);color:#0000;-webkit-text-stroke:1px #52038026;opacity:.1;white-space:nowrap;pointer-events:none;z-index:0;user-select:none;position:absolute;top:50%;transform:translateY(-50%)}.cf-section:not(.cf-section--reverse) .cf-section__ghost{right:4%}.cf-section--reverse .cf-section__ghost{left:4%}.cf-section__ambient-glow{filter:blur(80px);pointer-events:none;z-index:0;opacity:.6;width:clamp(350px,45vw,600px);height:clamp(350px,45vw,600px);position:absolute;top:20%}.cf-section:not(.cf-section--reverse) .cf-section__ambient-glow{background:radial-gradient(circle,#52038040 0%,#00e5ff0a 50%,#0000 75%);left:5%}.cf-section--reverse .cf-section__ambient-glow{background:radial-gradient(circle,#00e5ff26 0%,#6d28d933 50%,#0000 75%);right:5%}.cf-section__inner{z-index:1;align-items:center;gap:var(--space-12);width:100%;max-width:var(--content-max-width);padding-inline:var(--content-padding-x);grid-template-columns:1fr 1fr;margin-inline:auto;display:grid;position:relative}.cf-section--reverse .cf-section__content{order:2}.cf-section--reverse .cf-section__panel{order:1}.cf-section__content{align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.cf-section__heading{font-family:var(--font-heading);font-size:clamp(var(--text-3xl), 4.5vw, var(--text-5xl));font-weight:var(--weight-black);text-transform:uppercase;line-height:var(--leading-tight);color:var(--color-text);margin:0}.cf-section__list{margin:var(--space-2) 0 0;gap:var(--space-3);flex-direction:column;width:100%;max-width:54ch;padding:0;list-style:none;display:flex}.cf-section__list-item{padding:var(--space-3) var(--space-4);border:1px solid #52038040;border-left:3px solid var(--tag-violet-bg);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);background:#1a012973;transition:all .25s;position:relative}.cf-section__list-item:hover{border-color:#6d28d999;border-left-color:var(--synth-cyan);background:#220135a6;transform:translate(4px);box-shadow:0 4px 20px #00000059}.cf-section__list-item code{font-family:var(--font-mono);color:var(--synth-cyan);background:#00e5ff14;border:1px solid #00e5ff33;border-radius:4px;padding:.15em .45em;font-size:.9em}.cf-section__panel{perspective:1200px;justify-content:center;display:flex;position:relative}.cf-panel{background:var(--color-bg-1);clip-path:polygon(0% 0%,96% 0%,100% 5%,100% 100%,4% 100%,0% 95%);width:100%;max-width:520px;transform-style:preserve-3d;border:1px solid #52038080;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 35px #52038033}.cf-panel:hover{box-shadow:0 25px 70px #000000b3,0 0 50px #52038059}.cf-panel__grain{background:var(--grain-url);opacity:.05;pointer-events:none;z-index:5;position:absolute;inset:0}.cf-panel__bar{z-index:2;padding:var(--space-2) var(--space-4);background:#11001cbf;border-bottom:1px solid #5203804d;justify-content:space-between;align-items:center;display:flex;position:relative}.cf-panel__meta{align-items:center;gap:var(--space-3);display:flex}.cf-panel__dots{align-items:center;gap:6px;display:flex}.cf-panel__dot{border-radius:50%;width:8px;height:8px}.cf-panel__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.04em}.cf-panel__copy-btn{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);cursor:pointer;align-items:center;gap:var(--space-1);background:0 0;border:1px solid #6d28d959;transition:all .2s;display:inline-flex}.cf-panel__copy-btn:hover{color:var(--color-text);border-color:var(--synth-cyan);background:#00e5ff1a}.cf-panel__copy-btn[data-copied=true]{color:var(--tag-green-bg);border-color:var(--tag-green-bg);background:#22c55e26}.cf-panel__code{z-index:2;padding:var(--space-4) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);flex-direction:column;gap:4px;margin:0;display:flex;position:relative;overflow-x:auto}.cf-panel__line{gap:var(--space-3);white-space:pre;display:flex}.cf-panel__lineno{width:1.5rem;color:var(--color-text-subtle);opacity:.4;text-align:right;user-select:none;flex-shrink:0}.cf-panel__linetext{color:var(--tag-violet-text)}.cf-panel__linetext .kw{color:#ff2fb0}.cf-panel__linetext .fn{color:var(--synth-cyan)}.cf-panel__linetext .str{color:var(--tag-green-bg)}.cf-panel__linetext .com{color:var(--color-text-subtle);font-style:italic}@media (width<=900px){.cf-section__inner{gap:var(--space-8);padding-block:var(--section-gap-sm);grid-template-columns:1fr}.cf-section--reverse .cf-section__content,.cf-section--reverse .cf-section__panel{order:unset}.cf-panel{max-width:100%}}.ch-hero__icon-badge{z-index:1;justify-content:center;align-items:center;width:clamp(140px,16vw,220px);height:clamp(140px,16vw,220px);animation:7s ease-in-out infinite chHeroIconFloat;display:flex;position:absolute;top:14%;right:clamp(2rem,8vw,9rem)}.ch-hero__icon-glow{background:radial-gradient(circle, rgba(var(--color-brand-rgb), .55) 0%, transparent 70%);filter:blur(30px);z-index:0;position:absolute;inset:-20%}.ch-hero__icon-blur{background:rgba(var(--color-bg-rgb), .35);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);z-index:1;border-radius:50%;position:absolute;inset:0;box-shadow:0 20px 60px #00000073}.ch-hero__icon-img{z-index:2;object-fit:contain;filter:drop-shadow(0 8px 28px #00000080);width:62%;height:62%;position:relative}@keyframes chHeroIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (width<=900px){.ch-hero__icon-badge{width:clamp(96px,22vw,140px);height:clamp(96px,22vw,140px);top:8%;right:clamp(1rem,6vw,3rem)}}@media (prefers-reduced-motion:reduce){.ch-hero__icon-badge{animation:none}}