.knox-guided-tool{position:relative;--bg: transparent;--surface: var(--card);--surface2: var(--secondary);--surface3: var(--secondary);--border: var(--border);--border-lit: var(--border);--text: var(--foreground);--muted: var(--muted-foreground);--muted2: rgba(148, 163, 184, .85);--accent: var(--primary);--senior: var(--chart-5);--spec-mid: var(--chart-4);--junior: var(--destructive);--accent-soft: rgba(255, 197, 15, .06);--senior-soft: rgba(74, 222, 128, .18);--spec-soft: rgba(250, 204, 21, .18);--junior-soft: rgba(244, 63, 94, .18);--surplus-soft: rgba(250, 204, 21, .04);--surplus-soft-2: rgba(250, 204, 21, .08);--user-row-bg: rgba(0, 0, 0, .03);--noise-opacity: .06;color:var(--text);font-family:Instrument Sans,sans-serif}.dark .knox-guided-tool{--senior: #8bc580;--spec-mid: #ffb84d;--junior: #dc2626;--muted2: rgba(148, 163, 184, .75);--user-row-bg: rgba(255, 255, 255, .03);--noise-opacity: .1}@supports (color: color-mix(in srgb,#000 50%,#fff 50%)){.knox-guided-tool{--surface2: color-mix(in srgb, var(--card) 70%, var(--background) 30%);--surface3: color-mix(in srgb, var(--card) 52%, var(--background) 48%);--border-lit: color-mix(in srgb, var(--border) 60%, var(--foreground) 20%);--muted2: color-mix(in srgb, var(--muted-foreground) 82%, var(--foreground) 18%);--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--senior-soft: color-mix(in srgb, var(--senior) 18%, transparent);--spec-soft: color-mix(in srgb, var(--spec-mid) 18%, transparent);--junior-soft: color-mix(in srgb, var(--junior) 18%, transparent);--surplus-soft: color-mix(in srgb, var(--spec-mid) 6%, transparent);--surplus-soft-2: color-mix(in srgb, var(--spec-mid) 9%, transparent)}}.knox-guided-tool,.knox-guided-tool *:before,.knox-guided-tool *:after{box-sizing:border-box}.knox-guided-tool *{margin:0;padding:0;box-sizing:border-box}.knox-guided-tool:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:var(--noise-opacity)}.knox-guided-tool .page{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:28px 16px 56px}.knox-guided-tool .header{text-align:center;margin-bottom:28px;animation:fadeUp .8s ease both}.knox-guided-tool .logo-tag{display:inline-block;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:6px 16px;border-radius:100px;margin-bottom:20px}.knox-guided-tool .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--senior);box-shadow:0 0 6px var(--senior);animation:pulse 2s ease infinite;margin-right:8px;vertical-align:middle;position:relative;top:-1px}.knox-guided-tool h1{font-family:"DM Serif Display",serif;font-size:clamp(28px,5vw,44px);line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.knox-guided-tool h1 em{font-style:italic;color:var(--accent)}.knox-guided-tool .subtitle{font-size:16px;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.6}.knox-guided-tool .cta-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px}.knox-guided-tool .cta-btn{display:inline-flex;align-items:center;gap:9px;font-family:Instrument Sans,sans-serif;font-size:15px;font-weight:600;padding:14px 32px;border-radius:12px;text-decoration:none;transition:opacity .2s,transform .2s}.knox-guided-tool .cta-btn-primary{background:var(--accent);color:var(--primary-foreground, #1a1710);box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 25%,transparent)}.knox-guided-tool .cta-btn-primary:hover{opacity:.9;transform:translateY(-2px)}.knox-guided-tool .cta-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-lit)}.knox-guided-tool .cta-btn-secondary:hover{border-color:color-mix(in srgb,var(--border) 50%,var(--foreground) 15%);transform:translateY(-2px)}.knox-guided-tool .divider{height:1px;background:var(--border);margin:0 0 28px}.knox-guided-tool .section-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.knox-guided-tool .section-title{font-family:"DM Serif Display",serif;font-size:26px;letter-spacing:-.01em;margin-bottom:6px;color:var(--text)}.knox-guided-tool .section-sub{font-size:14px;color:var(--muted2);margin-bottom:28px;line-height:1.55}.knox-guided-tool .ch1-section{margin-bottom:38px}.knox-guided-tool .deposit-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}.knox-guided-tool .dep-field{display:flex;align-items:stretch;background:var(--surface2);border:1px solid var(--border-lit);border-radius:10px;overflow:hidden;margin-bottom:14px}.knox-guided-tool .dep-pfx{font-family:DM Mono,monospace;font-size:20px;color:var(--muted);padding:0 16px;background:var(--surface3);border-right:1px solid var(--border);display:flex;align-items:center}.knox-guided-tool .dep-inp{flex:1;background:transparent;border:none;outline:none;font-family:DM Mono,monospace;font-size:28px;font-weight:500;color:var(--text);padding:14px 16px;-moz-appearance:textfield}.knox-guided-tool .dep-inp::-webkit-inner-spin-button,.knox-guided-tool .dep-inp::-webkit-outer-spin-button{-webkit-appearance:none}.knox-guided-tool .dep-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.knox-guided-tool .preset-btn{font-family:DM Mono,monospace;font-size:11px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .16s}.knox-guided-tool .preset-btn:hover{border-color:var(--border-lit);color:var(--text)}.knox-guided-tool .preset-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.knox-guided-tool .dur-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:7px}.knox-guided-tool .dur-label-dot{width:5px;height:5px;border-radius:50%;background:var(--muted2)}.knox-guided-tool .dur-row{display:flex;gap:8px}.knox-guided-tool .dur-btn{flex:1;padding:10px 4px;border-radius:9px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-family:DM Mono,monospace;font-size:11px;cursor:pointer;text-align:center;transition:all .16s}.knox-guided-tool .dur-btn:hover{border-color:var(--border-lit);color:var(--text)}.knox-guided-tool .dur-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.knox-guided-tool .ch2-section{margin-bottom:38px}.knox-guided-tool .flip-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}.knox-guided-tool .flip-card{perspective:1200px;height:260px;cursor:pointer;transition:height .55s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.knox-guided-tool .flip-card.flipped{height:330px}.knox-guided-tool .flip-inner{position:relative;width:100%;flex:1;transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.knox-guided-tool .flip-card.flipped .flip-inner{transform:rotateY(180deg)}.knox-guided-tool .flip-front,.knox-guided-tool .flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;padding:26px 24px;border:1px solid var(--border);display:flex;flex-direction:column}.knox-guided-tool .flip-front{background:var(--surface);align-items:flex-start;justify-content:flex-end;overflow:hidden;position:relative}.knox-guided-tool .flip-front:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0}.knox-guided-tool .flip-back{background:var(--surface2);transform:rotateY(180deg);justify-content:flex-start;padding:20px}.knox-guided-tool .ff-icon{font-size:30px;margin-bottom:auto}.knox-guided-tool .ff-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.knox-guided-tool .ff-name{font-size:17px;font-weight:600;margin-bottom:6px}.knox-guided-tool .ff-rate{font-family:DM Mono,monospace;font-size:22px;font-weight:500;margin-bottom:14px;line-height:1}.knox-guided-tool .ff-hint{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.knox-guided-tool .fb-tag{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.knox-guided-tool .fb-headline{font-family:"DM Serif Display",serif;font-size:16px;margin-bottom:10px;line-height:1.2}.knox-guided-tool .fb-body{font-size:12.5px;color:var(--muted2);line-height:1.6;font-weight:400;flex:1}.knox-guided-tool .fb-body strong{color:var(--text);font-weight:600}.knox-guided-tool .fc-senior .flip-front:before{background:var(--senior)}.knox-guided-tool .fc-senior .flip-front{border-top-color:var(--senior-soft)}.knox-guided-tool .fc-senior .ff-rate{color:var(--senior)}.knox-guided-tool .fc-senior.flipped .flip-back{border-color:var(--senior-soft)}.knox-guided-tool .fc-senior .fb-headline{color:var(--senior)}.knox-guided-tool .fc-spectrum .flip-front:before{background:var(--spec-mid)}.knox-guided-tool .fc-spectrum .flip-front{border-top-color:var(--spec-soft)}.knox-guided-tool .fc-spectrum .ff-rate{color:var(--spec-mid)}.knox-guided-tool .fc-spectrum.flipped .flip-back{border-color:var(--spec-soft)}.knox-guided-tool .fc-spectrum .fb-headline{color:var(--spec-mid)}.knox-guided-tool .fc-junior .flip-front:before{background:var(--junior)}.knox-guided-tool .fc-junior .flip-front{border-top-color:var(--junior-soft)}.knox-guided-tool .fc-junior .ff-rate{color:var(--junior)}.knox-guided-tool .fc-junior.flipped .flip-back{border-color:var(--junior-soft)}.knox-guided-tool .fc-junior .fb-headline{color:var(--junior)}.knox-guided-tool .cards-footer-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;height:0;overflow:hidden;transition:height .4s ease,opacity .4s ease;opacity:0;margin-top:4px}.knox-guided-tool .cards-footer-row.visible{height:52px;opacity:1}.knox-guided-tool .card-footer-cell{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 14px 0;border-top:1px solid var(--border)}.knox-guided-tool .card-footer-risk{display:flex;align-items:center;gap:5px;font-weight:500}.knox-guided-tool .card-footer-position{color:var(--muted);font-size:9px;letter-spacing:.05em;padding-left:13px}.knox-guided-tool .flip-hint{text-align:center;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:opacity .3s ease,visibility .3s ease;margin-top:16px}.knox-guided-tool .ch3-section{margin-bottom:38px}.knox-guided-tool .outcome-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.knox-guided-tool .outcome-head{padding:22px 24px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.knox-guided-tool .outcome-mkt-note{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.knox-guided-tool .outcome-headline{font-family:"DM Serif Display",serif;font-size:26px;letter-spacing:-.01em;line-height:1.15;transition:color .3s}.knox-guided-tool .outcome-sub{font-size:13px;color:var(--muted2);margin-top:6px;line-height:1.5}.knox-guided-tool .outcome-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}.knox-guided-tool .oc-cell{background:var(--surface);padding:20px 18px}.knox-guided-tool .oc-cell.hi{background:var(--surface2)}.knox-guided-tool .oc-micro{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.knox-guided-tool .oc-big{font-family:"DM Serif Display",serif;font-size:22px;font-weight:400;line-height:1;transition:all .4s}.knox-guided-tool .oc-tiny{font-size:11px;color:var(--muted2);margin-top:5px;line-height:1.35}.knox-guided-tool .wf-section{padding:20px 24px 24px;border-top:1px solid var(--border)}.knox-guided-tool .wf-section-title{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.knox-guided-tool .wf-rows{display:flex;flex-direction:column;gap:9px}.knox-guided-tool .wf-row-item{display:grid;grid-template-columns:90px 1fr 80px;align-items:center;gap:12px}.knox-guided-tool .wf-row-name{font-size:12px;font-weight:600}.knox-guided-tool .wf-row-sub{font-family:DM Mono,monospace;font-size:9px;color:var(--muted2);margin-top:1px}.knox-guided-tool .wf-track{height:34px;background:#ffffff08;border-radius:7px;overflow:hidden}.knox-guided-tool .wf-fill{height:100%;border-radius:7px;transition:width .65s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding-left:10px;min-width:0}.knox-guided-tool .wf-fill span{font-family:DM Mono,monospace;font-size:10px;color:#000000bf;font-weight:500;white-space:nowrap;overflow:hidden}.knox-guided-tool .wf-amt{text-align:right;font-family:DM Mono,monospace;font-size:11px}.knox-guided-tool .wf-yield-sub{font-size:9px;color:var(--muted);margin-top:2px}.knox-guided-tool .explanation-box{margin:0 24px 22px;padding:14px 20px;background:var(--surface2);border-radius:10px;border:1px solid var(--border-lit);font-size:12.5px;color:var(--muted2);line-height:1.65}.knox-guided-tool .explanation-box strong{color:var(--text);font-weight:600}.knox-guided-tool .explanation-box.exp-senior{background:color-mix(in srgb,var(--senior) 4%,var(--surface2));border-color:color-mix(in srgb,var(--senior) 25%,var(--border));border-left:3px solid var(--senior)}.knox-guided-tool .explanation-box.exp-junior{background:color-mix(in srgb,var(--junior) 4%,var(--surface2));border-color:color-mix(in srgb,var(--junior) 25%,var(--border));border-left:3px solid var(--junior)}.knox-guided-tool .surplus-callout{margin:0 24px 22px;padding:14px 20px;background:var(--surplus-soft);border-radius:10px;border:1px solid color-mix(in srgb,var(--spec-mid) 15%,var(--border));border-left:3px solid var(--spec-mid);font-size:12.5px;color:var(--muted2);line-height:1.6}.knox-guided-tool .surplus-callout strong{color:var(--spec-mid)}.knox-guided-tool .surplus-badge{display:inline-flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--spec-mid);background:var(--surplus-soft-2);border:1px solid color-mix(in srgb,var(--spec-mid) 28%,var(--border));padding:2px 8px;border-radius:5px;margin-left:6px;vertical-align:middle}.knox-guided-tool .ch4-section{margin-bottom:38px}.knox-guided-tool .how-tab-bar{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.knox-guided-tool .how-tab{font-family:DM Mono,monospace;font-size:11px;padding:9px 18px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .18s;letter-spacing:.04em}.knox-guided-tool .how-tab:hover{border-color:var(--border-lit);color:var(--text)}.knox-guided-tool .how-tab.on{background:var(--surface2);border-color:var(--border-lit);color:var(--text)}.knox-guided-tool .how-pane{display:none}.knox-guided-tool .how-pane.on{display:block}.knox-guided-tool .step-flow{display:flex;flex-direction:column;gap:0}.knox-guided-tool .step-row{display:flex;gap:20px;margin-bottom:18px}.knox-guided-tool .step-left{display:flex;flex-direction:column;align-items:center}.knox-guided-tool .step-num{width:36px;height:36px;border-radius:50%;background:var(--surface2);border:2px solid var(--border-lit);font-family:DM Mono,monospace;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.knox-guided-tool .step-line{width:2px;flex:1;background:var(--border);margin:6px 0;min-height:24px}.knox-guided-tool .step-row:last-child .step-line{display:none}.knox-guided-tool .step-content{padding:6px 0 28px;flex:1}.knox-guided-tool .step-title{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text)}.knox-guided-tool .step-body{font-size:13px;color:var(--muted2);line-height:1.65}.knox-guided-tool .step-body a{color:var(--accent);text-decoration:none}.knox-guided-tool .step-body a:hover{text-decoration:underline}.knox-guided-tool .step-body strong{color:var(--text)}.knox-guided-tool .bottom-cta{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.knox-guided-tool .bottom-cta .cta-btn-row{justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:640px){.knox-guided-tool .flip-row{grid-template-columns:1fr}.knox-guided-tool .cards-footer-row{grid-template-columns:1fr;height:auto!important;opacity:1;margin-top:14px}.knox-guided-tool .outcome-numbers,.knox-guided-tool .risk-tab-grid{grid-template-columns:1fr 1fr}}
