.cfv{--cf-bg:#071016;--cf-ink:#f5f8fa;--cf-accent:#19b96b}.cfv-hero{background:radial-gradient(circle at 78% 45%,color-mix(in srgb,var(--cf-accent) 32%,transparent),transparent 28%),linear-gradient(135deg,#071016,#111b22 70%,#071016);color:var(--cf-ink)}
.cfv .smu-kicker,.cfv .smu-eyebrow{color:var(--cf-accent)}.cfv .smu-hero__copy em{color:var(--cf-accent);font-style:normal}.cfv .smu-chips span{border-color:color-mix(in srgb,var(--cf-accent) 45%,#334);background:#101a20}.cfv .smu-stats b{color:var(--cf-accent)}
.cfv-spool{width:min(380px,72vw);aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;position:relative;background:repeating-radial-gradient(circle,#1a252c 0 9px,#0b1217 10px 18px);box-shadow:0 35px 80px #0009,inset 0 0 0 22px #202b32,inset 0 0 0 28px var(--cf-accent)}
.cfv-spool:before,.cfv-spool:after{content:"";position:absolute;width:22%;height:22%;background:#071016;border:8px solid #2a353c;border-radius:22%}.cfv-spool:before{transform:translate(-85%,-75%)}.cfv-spool:after{transform:translate(85%,75%)}
.cfv-spool__ring{z-index:2;width:43%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--cf-accent);color:#061016;box-shadow:0 0 0 12px #e8edf0,0 0 0 17px #263139}.cfv-spool__ring span{font-size:11px;font-weight:900;letter-spacing:.14em}.cfv-spool__ring b{font-size:clamp(18px,3vw,30px);line-height:1}.cfv-spool>i{position:absolute;width:18%;height:18%;background:#071016;border-radius:50%;z-index:3;box-shadow:inset 0 0 0 8px #263139}
.cfv-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cfv-settings article{padding:24px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff08;display:flex;flex-direction:column;gap:6px}.cfv-settings b{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--cf-accent)}.cfv-settings strong{font-size:24px;color:#fff}.cfv-settings span{color:#aebac1}.cfv-note,.cfv-warning{margin-top:22px;padding:22px 24px;border-left:4px solid var(--cf-accent);border-radius:12px;background:#ffffff0b}.cfv-note p,.cfv-warning p{margin:6px 0 0}.cfv-use{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cfv-use article{padding:24px;border:1px solid #e3e8eb;border-radius:18px;background:#fff}.cfv-use h3{margin:0 0 8px}.cfv-use p{margin:0;color:#59666d}.cfv-warning{background:#fff7e3;border-left-color:#f2ab00}.cfv .smu-bottom{background:linear-gradient(135deg,#071016,#101d25);color:#fff}.cfv .smu-bottom h2{color:#fff}
@media(max-width:900px){.cfv-settings{grid-template-columns:repeat(2,1fr)}.cfv-use{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cfv-settings,.cfv-use{grid-template-columns:1fr}.cfv-spool{width:min(280px,75vw)}.cfv .smu-nav__inner{overflow-x:auto;justify-content:flex-start}.cfv .smu-nav a{white-space:nowrap}}