.cy-hero{padding:var(--stack-2xl) 0 var(--stack-xl);background:var(--navy);color:#fff}.cy-hero__inner,.cy-tool__inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-inline)}.cy-eyebrow{font-size:var(--fs-300);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:var(--stack-xs)}.cy-hero__title{font-family:var(--font-display);font-size:var(--fs-800);font-weight:500;color:#fff;margin-bottom:var(--stack-sm)}.cy-hero__subtitle{font-size:var(--fs-500);color:#ffffffbf;max-width:56ch;line-height:1.6}.cy-tool{padding:var(--stack-xl) 0 var(--stack-3xl);background:var(--cream);min-height:60vh}.cy-tool__inner{display:flex;flex-direction:column;gap:var(--stack-xl)}.cy-loading{display:flex;flex-direction:column;align-items:center;gap:var(--stack-md);padding:var(--stack-3xl) 0;color:var(--muted)}.cy-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;animation:cy-spin .8s linear infinite}@keyframes cy-spin{to{transform:rotate(360deg)}}.cy-error{padding:var(--stack-xl);background:#fff3f3;border:1px solid #f5c6c6;border-radius:.75rem;color:#7a1c1c;text-align:center}.cy-spiral-wrap,.cy-states,.cy-method{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:var(--stack-lg);box-shadow:var(--shadow-md)}.cy-spiral-title,.cy-method__title{font-family:var(--font-display);font-size:var(--fs-600);font-weight:500;color:var(--navy);margin-bottom:.25rem}.cy-spiral-sub{font-size:var(--fs-300);color:var(--muted);margin-bottom:var(--stack-md)}.cy-stage{position:relative;width:100%;aspect-ratio:1 / 1;max-width:560px;margin:0 auto}.cy-method__body{font-size:var(--fs-300);color:var(--muted);line-height:1.7;display:flex;flex-direction:column;gap:var(--stack-sm)}.cy-dot{transition:r .12s ease}.cy-legend{display:flex;flex-wrap:wrap;gap:.5rem var(--stack-md);margin-top:var(--stack-md);justify-content:center}.cy-legend__item{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-300);color:var(--muted);background:none;border:none;cursor:pointer;padding:.2rem .4rem;border-radius:.4rem}.cy-legend__item:hover{background:var(--cream)}.cy-legend__swatch{width:.9rem;height:.9rem;border-radius:50%}.cy-controls{display:flex;align-items:center;gap:var(--stack-md);margin-top:var(--stack-md)}.cy-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--line);background:var(--navy);color:#fff;font-size:.9rem;cursor:pointer;flex-shrink:0}.cy-btn:hover{background:var(--navy-light)}.cy-range{flex:1;accent-color:var(--clay)}.cy-date{font-variant-numeric:tabular-nums;font-size:var(--fs-300);color:var(--muted);min-width:4.5rem;text-align:right}.cy-badges{display:flex;flex-wrap:wrap;gap:var(--stack-sm);margin-top:var(--stack-md);justify-content:center}.cy-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:1px solid var(--line);border-radius:9999px;font-size:var(--fs-200)}.cy-badge__dot{width:.7rem;height:.7rem;border-radius:50%}.cy-badge__mkt{font-weight:600;color:var(--navy)}.cy-badge__phase{color:var(--muted)}.cy-tip{position:absolute;top:.5rem;left:.5rem;background:#0a1f3cf0;color:#fff;border-radius:.5rem;padding:.6rem .75rem;font-size:var(--fs-200);min-width:180px;pointer-events:none;box-shadow:var(--shadow-lg)}.cy-tip__h{font-weight:600;margin-bottom:.15rem}.cy-tip__phase{color:#ffffffb3;margin-bottom:.4rem}.cy-tip__row{display:grid;grid-template-columns:3.5rem 1fr 3rem;align-items:center;gap:.4rem;margin:.15rem 0}.cy-tip__k{color:#ffffffb3}.cy-tip__track{height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.cy-tip__fill{display:block;height:100%}.cy-tip__v{font-variant-numeric:tabular-nums;text-align:right;color:#fff}.cy-states__title{font-family:var(--font-display);font-size:var(--fs-600);font-weight:500;color:var(--navy)}.cy-states__sub{font-size:var(--fs-300);color:var(--muted);margin-bottom:var(--stack-md)}.cy-spark{display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:var(--stack-sm);margin:.4rem 0}.cy-spark__lbl{font-size:var(--fs-300);color:var(--muted)}.cy-spark__svg{width:100%;height:100px;display:block}.cy-spiral-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--stack-md)}.cy-mode-btn{flex-shrink:0;padding:.4rem .8rem;border:1px solid var(--line);background:var(--cream);border-radius:.5rem;font-size:var(--fs-200);font-weight:600;color:var(--navy);cursor:pointer}.cy-mode-btn:hover{border-color:var(--navy)}