/* VLINK KPI Calculator v1.0.0 — design language: navy/cyan, Sora/DM Sans/JetBrains Mono */

.vlkc-root{
  --vlkc-navy:#0D1E3E;
  --vlkc-navy-2:#142547;
  --vlkc-navy-3:#1B2F5C;
  --vlkc-cyan:#00C2D1;
  --vlkc-cyan-2:#00E5FF;
  --vlkc-cyan-soft:rgba(0,194,209,.1);
  --vlkc-ink:#0F172A;
  --vlkc-soft:#475569;
  --vlkc-muted:#94A3B8;
  --vlkc-line:#E2E8F0;
  --vlkc-line-2:#CBD5E1;
  --vlkc-surface:#fff;
  --vlkc-surface-2:#FAFBFD;
  --vlkc-surface-3:#F5F7FB;
  --vlkc-emerald:#059669;
  --vlkc-amber:#D97706;
  --vlkc-red:#DC2626;
  font-family:inherit;
  color:var(--vlkc-ink);
  background:var(--vlkc-surface-3);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.vlkc-root *{box-sizing:border-box}
.vlkc-h1{font-family:inherit; font-weight:700; letter-spacing:-.025em; line-height:1.1; font-size:42px; margin:0 0 14px; color:var(--vlkc-ink)}
.vlkc-h2{font-family:inherit; font-weight:700; letter-spacing:-.02em; line-height:1.2; font-size:28px; margin:0 0 8px; color:var(--vlkc-ink)}
.vlkc-h2-light{font-family:inherit; font-weight:700; letter-spacing:-.02em; line-height:1.2; font-size:28px; margin:0 0 8px; color:#fff}
.vlkc-h3{font-family:inherit; font-weight:700; letter-spacing:-.018em; line-height:1.25; font-size:22px; margin:0 0 6px; color:var(--vlkc-ink)}

/* ============= TOPBAR ============= */
.vlkc-topbar{background:var(--vlkc-navy); color:#fff; border-bottom:1px solid rgba(255,255,255,.06)}
.vlkc-topbar-inner{max-width:1300px; margin:0 auto; padding:14px 28px; display:flex; justify-content:space-between; align-items:center; gap:20px}
.vlkc-tb-brand{display:flex; align-items:center; gap:12px; text-decoration:none !important; color:#fff}
.vlkc-tb-mark{width:36px; height:36px; background:linear-gradient(135deg, var(--vlkc-cyan), var(--vlkc-cyan-2)); color:var(--vlkc-navy); display:grid; place-items:center; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:700; font-size:16px; border-radius:7px}
.vlkc-tb-logo{height:36px; width:auto; max-width:160px; object-fit:contain; display:block}
.vlkc-tb-title{display:flex; flex-direction:column; line-height:1.1}
.vlkc-tb-title b{font-family:inherit; font-size:14px; color:#fff}
.vlkc-tb-title span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; color:rgba(255,255,255,.55); letter-spacing:.06em; margin-top:2px}
.vlkc-tb-status{display:flex; align-items:center; gap:8px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; color:rgba(255,255,255,.55); letter-spacing:.04em}
.vlkc-tb-dot{width:7px; height:7px; background:var(--vlkc-emerald); border-radius:50%; box-shadow:0 0 6px var(--vlkc-emerald); animation:vlkc-pulse 2s infinite}
@keyframes vlkc-pulse{0%,100%{opacity:1} 50%{opacity:.4}}

/* ============= HERO ============= */
.vlkc-hero{background:linear-gradient(180deg, var(--vlkc-navy) 0%, var(--vlkc-navy-3) 100%); color:#fff; padding:64px 28px 56px; position:relative; overflow:hidden}
.vlkc-hero::before{content:""; position:absolute; top:-100px; right:-150px; width:500px; height:500px; background:radial-gradient(circle, rgba(0,194,209,.18) 0%, transparent 65%); pointer-events:none}
.vlkc-hero-inner{max-width:1300px; margin:0 auto; position:relative}
.vlkc-hero-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11.5px; color:var(--vlkc-cyan); letter-spacing:.18em; text-transform:uppercase; margin-bottom:16px; font-weight:600; display:inline-flex; align-items:center; gap:8px}
.vlkc-hero-tag::before{content:""; width:7px; height:7px; background:var(--vlkc-cyan); border-radius:50%; box-shadow:0 0 8px var(--vlkc-cyan)}
.vlkc-hero h1{color:#fff; max-width:880px}
.vlkc-hero-sub{font-size:17px; line-height:1.6; color:rgba(255,255,255,.78); max-width:780px; margin:0 0 36px}
.vlkc-hero-sub b{color:#fff; font-weight:600}
.vlkc-hero-stats{display:flex; flex-wrap:wrap; gap:32px; padding-top:24px; border-top:1px solid rgba(255,255,255,.12)}
.vlkc-hero-stats > div{display:flex; flex-direction:column; gap:2px}
.vlkc-hero-stats b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:30px; font-weight:800; color:var(--vlkc-cyan); letter-spacing:-.02em; line-height:1}
.vlkc-hero-stats span{font-size:12.5px; color:rgba(255,255,255,.55)}

/* ============= CALCULATOR ============= */
.vlkc-calc{padding:64px 28px; background:var(--vlkc-surface-3)}
.vlkc-calc-inner{max-width:1300px; margin:0 auto}
.vlkc-calc-tag, .vlkc-faq-tag, .vlkc-fcta-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11.5px; color:var(--vlkc-cyan); letter-spacing:.16em; text-transform:uppercase; font-weight:600; margin-bottom:8px; display:inline-block}
.vlkc-faq-tag, .vlkc-fcta-tag{color:var(--vlkc-cyan)}

.vlkc-controls{display:grid; grid-template-columns:1fr; gap:28px; margin:32px 0 40px; padding:32px; background:#fff; border:1px solid var(--vlkc-line); border-radius:12px; box-shadow:0 1px 0 var(--vlkc-line), 0 8px 32px rgba(13,30,62,.04)}
.vlkc-ctrl-group{display:flex; flex-direction:column; gap:10px}
.vlkc-ctrl-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; color:var(--vlkc-soft); letter-spacing:.12em; text-transform:uppercase; font-weight:600}

/* Search */
.vlkc-search-wrap{position:relative}
.vlkc-search{width:100%; padding:14px 18px; font-size:15px; font-family:inherit; border:1.5px solid var(--vlkc-line-2); border-radius:8px; outline:none; transition:all .15s; background:#fff; color:var(--vlkc-ink)}
.vlkc-search:focus{border-color:var(--vlkc-navy); box-shadow:0 0 0 3px rgba(13,30,62,.08)}
.vlkc-search-list{position:absolute; top:100%; left:0; right:0; margin-top:6px; background:#fff; border:1px solid var(--vlkc-line); border-radius:8px; box-shadow:0 12px 40px rgba(13,30,62,.12); max-height:380px; overflow-y:auto; z-index:50}
.vlkc-search-item{padding:12px 16px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:14px; border-bottom:1px solid var(--vlkc-line); transition:background .12s}
.vlkc-search-item:last-child{border-bottom:none}
.vlkc-search-item:hover{background:var(--vlkc-surface-2)}
.vlkc-search-item-main{display:flex; align-items:baseline; gap:10px; min-width:0; flex:1}
.vlkc-search-item-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; color:var(--vlkc-muted); flex-shrink:0; font-weight:600}
.vlkc-search-item-name{font-size:14.5px; color:var(--vlkc-ink); font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.vlkc-search-item-meta{display:flex; align-items:center; gap:10px; flex-shrink:0}
.vlkc-search-item-l1{font-size:11.5px; color:var(--vlkc-muted); max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.vlkc-search-item-score{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; font-weight:700; padding:3px 7px; border-radius:3px; background:var(--vlkc-surface-3); color:var(--vlkc-soft)}
.vlkc-search-item-score.s7{background:#ECFDF5; color:var(--vlkc-emerald)}
.vlkc-search-item-score.s6{background:#F0FDF4; color:#059669}
.vlkc-search-item-score.s5{background:#FEF3C7; color:#D97706}
.vlkc-search-item-score.s4, .vlkc-search-item-score.s3{background:#FEF3C7; color:var(--vlkc-amber)}
.vlkc-search-item-score.s2, .vlkc-search-item-score.s1, .vlkc-search-item-score.s0{background:#FEE2E2; color:var(--vlkc-red)}
.vlkc-search-empty{padding:18px; text-align:center; color:var(--vlkc-muted); font-size:13px}

/* Selected industry display */
.vlkc-selected{display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:var(--vlkc-surface-2); border:1px solid var(--vlkc-line); border-radius:8px; margin-top:6px}
.vlkc-selected-info{display:flex; align-items:baseline; gap:10px}
.vlkc-selected-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11.5px; color:var(--vlkc-muted); font-weight:600}
.vlkc-selected-name{font-size:15px; color:var(--vlkc-ink); font-weight:600}
.vlkc-selected-meta{display:flex; align-items:center; gap:14px; font-size:12.5px; color:var(--vlkc-soft)}
.vlkc-selected-score{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:700; padding:3px 8px; border-radius:3px; background:#fff; color:var(--vlkc-soft)}
.vlkc-selected-score.s7{background:#ECFDF5; color:var(--vlkc-emerald)}
.vlkc-selected-score.s6, .vlkc-selected-score.s5{background:#F0FDF4; color:#059669}
.vlkc-selected-score.s4, .vlkc-selected-score.s3{background:#FEF3C7; color:var(--vlkc-amber)}
.vlkc-selected-score.s2, .vlkc-selected-score.s1, .vlkc-selected-score.s0{background:#FEE2E2; color:var(--vlkc-red)}

/* Budget slider */
.vlkc-budget-display{display:flex; justify-content:space-between; align-items:flex-end; padding:14px 18px; background:var(--vlkc-navy); border-radius:8px; margin-bottom:14px; color:#fff}
.vlkc-budget-main{display:flex; align-items:baseline; gap:8px}
.vlkc-budget-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:36px; font-weight:800; color:var(--vlkc-cyan); letter-spacing:-.025em; line-height:1}
.vlkc-budget-unit{font-family:inherit; font-size:13px; color:rgba(255,255,255,.7); font-weight:500}
.vlkc-budget-yearly{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px; color:rgba(255,255,255,.55); letter-spacing:.04em}
.vlkc-budget-slider{width:100%; -webkit-appearance:none; appearance:none; height:6px; background:var(--vlkc-line-2); border-radius:3px; outline:none; margin:8px 0}
.vlkc-budget-slider::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:22px; height:22px; background:var(--vlkc-navy); border:3px solid var(--vlkc-cyan); border-radius:50%; cursor:pointer; box-shadow:0 2px 8px rgba(13,30,62,.3); transition:transform .15s}
.vlkc-budget-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}
.vlkc-budget-slider::-moz-range-thumb{width:22px; height:22px; background:var(--vlkc-navy); border:3px solid var(--vlkc-cyan); border-radius:50%; cursor:pointer; box-shadow:0 2px 8px rgba(13,30,62,.3); transition:transform .15s}
.vlkc-budget-marks{display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin:8px 0 12px}
.vlkc-budget-quick{padding:8px; background:#fff; border:1.5px solid var(--vlkc-line-2); border-radius:6px; cursor:pointer; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:700; font-size:13px; color:var(--vlkc-soft); transition:all .15s}
.vlkc-budget-quick:hover{border-color:var(--vlkc-soft)}
.vlkc-budget-quick.vlkc-active{border-color:var(--vlkc-navy); background:var(--vlkc-navy); color:var(--vlkc-cyan)}
.vlkc-budget-hint{margin:6px 0 0; padding:10px 12px; background:var(--vlkc-cyan-soft); border-left:3px solid var(--vlkc-cyan); border-radius:0 4px 4px 0; font-size:12.5px; color:var(--vlkc-soft); line-height:1.5}

.vlkc-ctrl-hint{margin:6px 0 0; font-size:12.5px; color:var(--vlkc-muted); line-height:1.5}

/* Month buttons */
.vlkc-months{display:grid; grid-template-columns:repeat(5, 1fr); gap:8px}
.vlkc-month{padding:14px 10px; background:#fff; border:1.5px solid var(--vlkc-line-2); border-radius:8px; cursor:pointer; font-family:inherit; font-weight:600; font-size:14px; color:var(--vlkc-ink); transition:all .15s}
.vlkc-month:hover{border-color:var(--vlkc-soft)}
.vlkc-month.vlkc-active{border-color:var(--vlkc-cyan); background:var(--vlkc-cyan-soft); color:var(--vlkc-navy)}

/* Empty state */
.vlkc-empty{padding:60px 32px; text-align:center; background:#fff; border:1px dashed var(--vlkc-line-2); border-radius:12px; color:var(--vlkc-soft)}
.vlkc-empty-icon{font-size:36px; margin-bottom:12px; color:var(--vlkc-muted); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.vlkc-empty h3{font-family:inherit; font-size:20px; font-weight:700; color:var(--vlkc-ink); margin:0 0 8px}
.vlkc-empty p{font-size:14.5px; margin:0; color:var(--vlkc-soft)}

/* Output */
.vlkc-output{background:#fff; border:1px solid var(--vlkc-line); border-radius:12px; padding:36px; box-shadow:0 1px 0 var(--vlkc-line), 0 8px 32px rgba(13,30,62,.04)}
.vlkc-output-head{margin-bottom:28px; padding-bottom:24px; border-bottom:1px solid var(--vlkc-line)}
.vlkc-output-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; color:var(--vlkc-cyan); letter-spacing:.16em; text-transform:uppercase; font-weight:700; margin-bottom:8px}
.vlkc-output-title b{color:var(--vlkc-navy); font-weight:700}
.vlkc-output-sub{font-size:14px; color:var(--vlkc-soft); margin:6px 0 0; line-height:1.55}

.vlkc-metrics{display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; margin-bottom:32px}

.vlkc-source{padding:16px 20px; background:#FEF3C7; border:1px solid #FDE68A; border-radius:8px; margin-bottom:20px}
.vlkc-source-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; color:#92400E; letter-spacing:.16em; text-transform:uppercase; font-weight:700; display:inline-block; margin-bottom:6px}
.vlkc-source p{margin:0; font-size:13px; line-height:1.6; color:#78350F}
.vlkc-source b{color:#92400E; font-weight:700}
.vlkc-metric{padding:18px; background:var(--vlkc-surface-2); border:1px solid var(--vlkc-line); border-radius:8px}
.vlkc-metric-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:14px}
.vlkc-metric-label{font-family:inherit; font-weight:700; font-size:14px; color:var(--vlkc-ink)}
.vlkc-metric-hint{width:18px; height:18px; border-radius:50%; background:var(--vlkc-line); color:var(--vlkc-soft); font-size:11px; font-weight:700; display:grid; place-items:center; cursor:help}
.vlkc-metric-rows{display:flex; flex-direction:column; gap:6px; margin-bottom:10px}
.vlkc-metric-row{display:flex; justify-content:space-between; align-items:center; padding:8px 12px; border-radius:5px; font-size:13.5px}
.vlkc-metric-row span{color:var(--vlkc-soft); font-weight:500}
.vlkc-metric-row b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:700; font-size:16px; letter-spacing:-.01em}
.vlkc-metric-row.vlkc-low{background:#fff; border-left:3px solid var(--vlkc-amber)}
.vlkc-metric-row.vlkc-low b{color:var(--vlkc-amber)}
.vlkc-metric-row.vlkc-mid{background:#fff; border-left:3px solid var(--vlkc-emerald)}
.vlkc-metric-row.vlkc-mid b{color:var(--vlkc-emerald)}
.vlkc-metric-row.vlkc-high{background:#fff; border-left:3px solid var(--vlkc-cyan)}
.vlkc-metric-row.vlkc-high b{color:var(--vlkc-navy)}
.vlkc-metric-unit{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; color:var(--vlkc-muted); letter-spacing:.04em; text-align:right}

.vlkc-invalid{padding:32px; background:#FEE2E2; border:1px solid #FECACA; border-radius:8px; color:var(--vlkc-red)}
.vlkc-invalid b{font-family:inherit; font-size:16px; display:block; margin-bottom:6px}
.vlkc-invalid p{margin:0; font-size:14px; color:#7F1D1D}

/* Curve chart */
.vlkc-curve{margin:28px 0; padding:24px; background:var(--vlkc-surface-2); border:1px solid var(--vlkc-line); border-radius:8px}
.vlkc-curve-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; color:var(--vlkc-cyan); letter-spacing:.16em; text-transform:uppercase; font-weight:700; margin-bottom:6px}
.vlkc-curve h4{font-family:inherit; font-size:16px; font-weight:700; color:var(--vlkc-ink); margin:0 0 18px}
.vlkc-curve-rows{display:flex; gap:6px; align-items:flex-end; height:140px; padding:0 6px}
.vlkc-curve-bar{flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:100%; position:relative; padding-top:24px; padding-bottom:24px}
.vlkc-curve-fill{width:100%; max-width:36px; background:linear-gradient(180deg, var(--vlkc-cyan) 0%, var(--vlkc-navy) 100%); border-radius:4px 4px 0 0; transition:height .4s ease-out; min-height:4px}
.vlkc-curve-bar.vlkc-curve-active .vlkc-curve-fill{box-shadow:0 0 0 2px var(--vlkc-cyan), 0 0 12px rgba(0,194,209,.5)}
.vlkc-curve-val{position:absolute; top:0; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; color:var(--vlkc-soft); font-weight:700}
.vlkc-curve-bar.vlkc-curve-active .vlkc-curve-val{color:var(--vlkc-navy)}
.vlkc-curve-mlabel{position:absolute; bottom:0; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; color:var(--vlkc-muted); letter-spacing:.04em}
.vlkc-curve-bar.vlkc-curve-active .vlkc-curve-mlabel{color:var(--vlkc-cyan); font-weight:700}
.vlkc-curve-note{margin:18px 0 0; font-size:12.5px; color:var(--vlkc-soft); line-height:1.55}

/* Factors */
.vlkc-factors{margin:24px 0; padding:24px; background:#fff; border:1px solid var(--vlkc-line); border-radius:8px}
.vlkc-factors-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; color:var(--vlkc-cyan); letter-spacing:.16em; text-transform:uppercase; font-weight:700; margin-bottom:6px}
.vlkc-factors h4{font-family:inherit; font-size:16px; font-weight:700; color:var(--vlkc-ink); margin:0 0 14px}
.vlkc-factors-list{padding-left:20px; margin:0; display:flex; flex-direction:column; gap:10px}
.vlkc-factors-list li{font-size:13.5px; line-height:1.6; color:var(--vlkc-soft)}
.vlkc-factors-list b{color:var(--vlkc-ink); font-weight:700}

/* Warning */
.vlkc-warning{display:flex; gap:14px; padding:18px 22px; background:linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%); border-left:4px solid var(--vlkc-amber); border-radius:0 8px 8px 0; margin-top:20px}
.vlkc-warning-icon{flex-shrink:0; width:32px; height:32px; background:var(--vlkc-amber); color:#fff; border-radius:50%; display:grid; place-items:center; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:700; font-size:18px}
.vlkc-warning b{font-family:inherit; font-size:14.5px; color:#92400E; display:block; margin-bottom:4px}
.vlkc-warning p{margin:0; font-size:13px; color:#78350F; line-height:1.55}

/* ============= FAQ ============= */
.vlkc-faq{padding:64px 28px; background:#fff}
.vlkc-faq-inner{max-width:1300px; margin:0 auto}
.vlkc-faq-sub{font-size:15px; color:var(--vlkc-soft); margin:8px 0 32px}
.vlkc-faq-list{display:flex; flex-direction:column; gap:8px}
.vlkc-faq-i{margin-bottom:8px; background:var(--vlkc-surface-2); border:1px solid var(--vlkc-line); border-radius:8px; overflow:hidden; transition:all .15s}
.vlkc-faq-i[open]{background:#fff; box-shadow:0 4px 16px rgba(13,30,62,.06)}
.vlkc-faq-q{padding:16px 20px; cursor:pointer; font-family:inherit; font-weight:600; font-size:15px; color:var(--vlkc-ink); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px}
.vlkc-faq-q::-webkit-details-marker{display:none}
.vlkc-faq-q::after{content:"+"; flex-shrink:0; width:22px; height:22px; background:var(--vlkc-cyan-soft); color:var(--vlkc-cyan); border-radius:50%; display:grid; place-items:center; font-weight:700; transition:transform .15s; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.vlkc-faq-i[open] .vlkc-faq-q::after{content:"−"; background:var(--vlkc-cyan); color:#fff}
.vlkc-faq-a{padding:0 20px 18px; font-size:14.5px; color:var(--vlkc-soft); line-height:1.65}
.vlkc-faq-a a{color:var(--vlkc-cyan); font-weight:600; text-decoration:underline; text-decoration-color:var(--vlkc-cyan); text-underline-offset:2px}
.vlkc-faq-a code{background:var(--vlkc-surface-3); padding:2px 6px; border-radius:3px; font-size:13px; color:var(--vlkc-navy); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* ============= FINAL CTA ============= */
.vlkc-fcta{background:linear-gradient(180deg, var(--vlkc-navy) 0%, var(--vlkc-navy-2) 100%); color:#fff; padding:56px 28px}
.vlkc-fcta-inner{max-width:1300px; margin:0 auto; display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:center}
.vlkc-fcta-left .vlkc-fcta-tag{color:var(--vlkc-cyan)}
.vlkc-fcta-left p{font-size:15px; line-height:1.6; color:rgba(255,255,255,.78); margin:8px 0 0}
.vlkc-fcta-right{display:flex; flex-direction:column; gap:10px}
.vlkc-btn{display:inline-block; padding:13px 24px; text-decoration:none !important; font-family:inherit; font-weight:600; font-size:14.5px; border-radius:6px; transition:all .15s; text-align:center; letter-spacing:.01em}
.vlkc-btn-primary{background:var(--vlkc-cyan); color:var(--vlkc-navy) !important}
.vlkc-btn-primary:hover{background:#fff}
.vlkc-btn-ghost{background:transparent; color:#fff !important; border:1.5px solid rgba(255,255,255,.25)}
.vlkc-btn-ghost:hover{border-color:var(--vlkc-cyan); color:var(--vlkc-cyan) !important}

/* ============= LOGIN WALL ============= */
.vlkc-lw-overlay{position:fixed; inset:0; z-index:9500; background:rgba(13,30,62,.78); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); display:none; align-items:center; justify-content:center; padding:20px; opacity:0; transition:opacity .25s}
.vlkc-lw-overlay.vlkc-open{display:flex; opacity:1}
.vlkc-lw-card{position:relative; width:100%; max-width:460px; background:#fff; color:var(--vlkc-ink); border-radius:14px; padding:36px 32px 28px; text-align:center; box-shadow:0 24px 64px rgba(13,30,62,.4); transform:scale(.95); transition:transform .3s cubic-bezier(.2,.8,.2,1); font-family:inherit}
.vlkc-lw-overlay.vlkc-open .vlkc-lw-card{transform:scale(1)}
.vlkc-lw-close{position:absolute; top:14px; right:14px; width:32px; height:32px; background:transparent; border:1px solid var(--vlkc-line); cursor:pointer; display:grid; place-items:center; color:var(--vlkc-soft); transition:all .15s; padding:0; border-radius:6px}
.vlkc-lw-close:hover{background:var(--vlkc-surface-3); color:var(--vlkc-navy); border-color:var(--vlkc-navy)}
.vlkc-lw-icon{width:64px; height:64px; background:linear-gradient(135deg, var(--vlkc-navy) 0%, var(--vlkc-navy-3) 100%); color:var(--vlkc-cyan); border-radius:50%; display:grid; place-items:center; margin:0 auto 16px}
.vlkc-lw-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10px; color:var(--vlkc-cyan); background:var(--vlkc-cyan-soft); padding:4px 11px; letter-spacing:.18em; border-radius:3px; text-transform:uppercase; font-weight:700; display:inline-block; margin-bottom:14px}
.vlkc-lw-title{font-family:inherit; font-size:24px; font-weight:700; color:var(--vlkc-ink); margin:0 0 12px; line-height:1.2; letter-spacing:-.015em}
.vlkc-lw-title span{color:var(--vlkc-cyan); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.vlkc-lw-sub{font-size:14.5px; color:var(--vlkc-soft); line-height:1.55; margin:0 0 22px; max-width:380px; margin-left:auto; margin-right:auto}
.vlkc-lw-btn{display:inline-flex; align-items:center; justify-content:center; gap:12px; width:100%; padding:13px 20px; background:#fff; border:1.5px solid var(--vlkc-line-2); color:var(--vlkc-ink); text-decoration:none; font-family:inherit; font-weight:600; font-size:15px; border-radius:8px; transition:all .15s; margin-bottom:14px}
.vlkc-lw-btn:hover{border-color:var(--vlkc-navy); box-shadow:0 4px 14px rgba(13,30,62,.12)}
.vlkc-lw-btn svg{flex-shrink:0}
.vlkc-lw-note{display:flex; flex-wrap:wrap; gap:10px 18px; justify-content:center; font-size:12px; color:var(--vlkc-emerald); margin-bottom:14px; font-weight:500}
.vlkc-lw-fine{font-size:11.5px; color:var(--vlkc-muted); line-height:1.5; margin:0; font-style:italic}

/* ============= COPYRIGHT FOOTER ============= */
.vlkc-copyright{background:var(--vlkc-navy); color:rgba(255,255,255,.7); padding:48px 28px 32px; border-top:1px solid var(--vlkc-navy-2)}
.vlkc-copy-inner{max-width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:24px}
.vlkc-copy-brand{display:flex; align-items:center; gap:14px}
.vlkc-copy-mark{width:42px; height:42px; flex-shrink:0; background:linear-gradient(135deg, var(--vlkc-cyan) 0%, var(--vlkc-cyan-2) 100%); color:var(--vlkc-navy); display:grid; place-items:center; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:700; font-size:18px; border-radius:8px}
.vlkc-copy-brand .vlkc-tb-logo{height:42px; max-width:180px}
.vlkc-copy-brand b{display:block; font-family:inherit; font-size:15px; font-weight:700; color:#fff; letter-spacing:.01em; margin-bottom:2px}
.vlkc-copy-brand span{display:block; font-family:inherit; font-size:12.5px; color:rgba(255,255,255,.55)}
.vlkc-copy-links{display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-family:inherit; font-size:13px}
.vlkc-copy-links a{color:rgba(255,255,255,.78); text-decoration:none; transition:color .15s; font-weight:500}
.vlkc-copy-links a:hover{color:var(--vlkc-cyan)}
.vlkc-copy-sep{color:rgba(255,255,255,.3)}
.vlkc-copy-license{max-width:1300px; margin:0 auto; font-family:inherit; font-size:12.5px; color:rgba(255,255,255,.55); line-height:1.65}
.vlkc-copy-license p{margin:0 0 12px}
.vlkc-copy-license b{color:rgba(255,255,255,.85); font-weight:600}
.vlkc-copy-license a{color:rgba(255,255,255,.78); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px}
.vlkc-copy-license a:hover{color:var(--vlkc-cyan)}
.vlkc-copy-version{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; color:rgba(255,255,255,.4); letter-spacing:.04em; margin-top:18px !important; padding-top:14px; border-top:1px solid rgba(255,255,255,.06)}
.vlkc-copy-version code{background:rgba(255,255,255,.06); color:var(--vlkc-cyan); padding:2px 7px; border-radius:3px; font-size:10.5px}

/* ============= ROI INPUTS ============= */
.vlkc-ctrl-group-roi{padding-top:18px; border-top:1px dashed var(--vlkc-line)}
.vlkc-roi-toggle-row{display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:10px; flex-wrap:wrap}
.vlkc-ctrl-label-flex{display:inline-flex; align-items:baseline; gap:8px; margin:0}
.vlkc-ctrl-optional{font-family:inherit; font-size:11px; color:var(--vlkc-muted); text-transform:none; letter-spacing:0; font-weight:400; font-style:italic}
.vlkc-toggle{display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none}
.vlkc-toggle input{position:absolute; opacity:0; width:0; height:0}
.vlkc-toggle-slider{position:relative; width:44px; height:24px; background:var(--vlkc-line-2); border-radius:12px; transition:background .2s}
.vlkc-toggle-slider::after{content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:left .2s}
.vlkc-toggle input:checked + .vlkc-toggle-slider{background:var(--vlkc-cyan)}
.vlkc-toggle input:checked + .vlkc-toggle-slider::after{left:23px}
.vlkc-toggle-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; color:var(--vlkc-soft); font-weight:700; letter-spacing:.06em; min-width:24px}
.vlkc-toggle input:checked ~ .vlkc-toggle-label{color:var(--vlkc-navy)}
.vlkc-roi-toggle-hint{font-size:11.5px; color:var(--vlkc-muted); line-height:1.5; margin:8px 0 0; font-style:italic}
.vlkc-roi-disabled .vlkc-roi-inputs{opacity:.4; pointer-events:none; max-height:0; overflow:hidden; margin:0; padding:0; transition:all .25s}
.vlkc-roi-inputs{display:grid; grid-template-columns:1fr 1fr; gap:18px; transition:all .25s; overflow:hidden}
.vlkc-roi-input{display:flex; flex-direction:column; gap:6px}
.vlkc-roi-input label{font-size:13px; color:var(--vlkc-soft); font-weight:600}
.vlkc-roi-input-wrap{display:flex; align-items:center; gap:8px}
.vlkc-roi-input input{flex:1; padding:10px 14px; font-size:15px; font-family:inherit; border:1.5px solid var(--vlkc-line-2); border-radius:6px; outline:none; transition:all .15s; min-width:0}
.vlkc-roi-input input:focus{border-color:var(--vlkc-navy); box-shadow:0 0 0 3px rgba(13,30,62,.08)}
.vlkc-roi-input-unit{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px; color:var(--vlkc-soft); white-space:nowrap; padding:0 4px}
.vlkc-roi-input-hint{font-size:11.5px; color:var(--vlkc-muted); margin:0; line-height:1.45}

/* ============= ROI OUTPUT SECTION ============= */
.vlkc-roi-out{margin:32px 0; padding:28px; background:linear-gradient(135deg, var(--vlkc-navy) 0%, var(--vlkc-navy-2) 100%); border-radius:10px; color:#fff; position:relative; overflow:hidden}
.vlkc-roi-out::before{content:""; position:absolute; top:-80px; right:-80px; width:300px; height:300px; background:radial-gradient(circle, rgba(0,194,209,.15) 0%, transparent 70%); pointer-events:none}
.vlkc-roi-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11px; color:var(--vlkc-cyan); letter-spacing:.18em; text-transform:uppercase; font-weight:700; margin-bottom:8px; position:relative}
.vlkc-roi-title{font-family:inherit; font-size:20px; font-weight:700; color:#fff; margin:0 0 8px; line-height:1.25; letter-spacing:-.015em; position:relative}
.vlkc-roi-sub{font-size:13.5px; color:rgba(255,255,255,.7); margin:0 0 20px; line-height:1.55; position:relative}
.vlkc-roi-sub b{color:#fff; font-weight:600}
.vlkc-roi-cards{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; position:relative; margin-bottom:18px}
.vlkc-roi-card{padding:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:8px; backdrop-filter:blur(4px)}
.vlkc-roi-card-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10px; color:rgba(255,255,255,.55); letter-spacing:.14em; text-transform:uppercase; font-weight:600; margin-bottom:8px}
.vlkc-roi-card-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:24px; font-weight:800; color:var(--vlkc-cyan); letter-spacing:-.02em; line-height:1; margin-bottom:6px}
.vlkc-roi-card-value.vlkc-roi-pos{color:#34D399}
.vlkc-roi-card-value.vlkc-roi-neg{color:#F87171}
.vlkc-roi-card-unit{font-size:11.5px; color:rgba(255,255,255,.55)}
.vlkc-roi-card-hint{font-size:11px; color:rgba(255,255,255,.45); margin-top:6px; line-height:1.45}
.vlkc-roi-fine{font-size:12px; color:rgba(255,255,255,.62); margin:0; line-height:1.6; position:relative; padding:14px; background:rgba(0,0,0,.18); border-radius:6px}
.vlkc-roi-fine b{color:var(--vlkc-cyan); font-weight:700}

/* ============= BUDGET TIERS SECTION ============= */
.vlkc-budget-tiers{padding:64px 28px; background:#fff; border-top:1px solid var(--vlkc-line)}
.vlkc-budget-tiers-inner{max-width:1300px; margin:0 auto}
.vlkc-bt-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11.5px; color:var(--vlkc-cyan); letter-spacing:.16em; text-transform:uppercase; font-weight:600; margin-bottom:8px; display:inline-block}
.vlkc-bt-sub{font-size:15px; color:var(--vlkc-soft); margin:8px 0 36px; max-width:880px; line-height:1.65}
.vlkc-bt-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:18px}
.vlkc-bt-card{padding:24px; background:var(--vlkc-surface-2); border:1px solid var(--vlkc-line); border-radius:10px; display:flex; flex-direction:column; gap:14px; position:relative}
.vlkc-bt-card-rec{background:linear-gradient(180deg, #FFF8E1 0%, #FFFCED 100%); border:2px solid var(--vlkc-amber); transform:translateY(-6px); box-shadow:0 12px 32px rgba(217,119,6,.15)}
.vlkc-bt-rec-badge{position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--vlkc-amber); color:#fff; padding:4px 14px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10.5px; letter-spacing:.12em; font-weight:700; border-radius:20px; text-transform:uppercase; white-space:nowrap}
.vlkc-bt-card-head{padding-bottom:14px; border-bottom:1px solid var(--vlkc-line)}
.vlkc-bt-card-rec .vlkc-bt-card-head{border-bottom-color:#FCD34D}
.vlkc-bt-price{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:36px; font-weight:800; color:var(--vlkc-navy); letter-spacing:-.025em; line-height:1; display:flex; align-items:baseline; gap:8px}
.vlkc-bt-price span{font-family:inherit; font-size:13px; color:var(--vlkc-soft); font-weight:500}
.vlkc-bt-name{font-family:inherit; font-size:14px; font-weight:700; color:var(--vlkc-cyan); margin-top:6px; letter-spacing:.01em}
.vlkc-bt-card-rec .vlkc-bt-name{color:var(--vlkc-amber)}
.vlkc-bt-suit{font-size:13px; line-height:1.6; color:var(--vlkc-soft); margin:0}
.vlkc-bt-suit b{color:var(--vlkc-ink); font-weight:700}
.vlkc-bt-includes{padding:14px; background:#fff; border:1px solid var(--vlkc-line); border-radius:6px}
.vlkc-bt-includes b{font-family:inherit; font-size:12px; color:var(--vlkc-navy); display:block; margin-bottom:8px; font-weight:700; text-transform:uppercase; letter-spacing:.04em}
.vlkc-bt-includes ul{padding-left:18px; margin:0; display:flex; flex-direction:column; gap:5px}
.vlkc-bt-includes li{font-size:12.5px; color:var(--vlkc-soft); line-height:1.5}
.vlkc-bt-warn{margin:0; padding:10px 12px; background:#FEF3C7; border-left:3px solid var(--vlkc-amber); border-radius:0 4px 4px 0; font-size:12px; color:#78350F; line-height:1.55}
.vlkc-bt-warn b{color:#92400E; font-weight:700}

/* ============= SEO SERVICE CHECKLIST SECTION ============= */
.vlkc-checklist{padding:64px 28px; background:linear-gradient(180deg, var(--vlkc-surface-3) 0%, #fff 100%)}
.vlkc-checklist-inner{max-width:1300px; margin:0 auto}
.vlkc-cl-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11.5px; color:var(--vlkc-cyan); letter-spacing:.16em; text-transform:uppercase; font-weight:600; margin-bottom:8px; display:inline-block}
.vlkc-cl-sub{font-size:15px; color:var(--vlkc-soft); margin:8px 0 36px; max-width:880px; line-height:1.65}
.vlkc-cl-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; margin-bottom:32px}
.vlkc-cl-group{padding:24px; background:#fff; border:1px solid var(--vlkc-line); border-radius:10px; position:relative; box-shadow:0 1px 0 var(--vlkc-line), 0 6px 24px rgba(13,30,62,.04)}
.vlkc-cl-group:last-child{grid-column:span 2}
.vlkc-cl-gnum{position:absolute; top:16px; right:16px; width:36px; height:36px; background:var(--vlkc-navy); color:var(--vlkc-cyan); border-radius:50%; display:grid; place-items:center; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:700; font-size:15px}
.vlkc-cl-gtitle{font-family:inherit; font-size:18px; font-weight:700; color:var(--vlkc-ink); margin:0 0 4px; letter-spacing:-.015em; padding-right:50px}
.vlkc-cl-gnote{font-size:13px; color:var(--vlkc-soft); margin:0 0 16px; line-height:1.5; font-style:italic}
.vlkc-cl-list{padding-left:0; margin:0; list-style:none; display:flex; flex-direction:column; gap:12px}
.vlkc-cl-list li{padding:10px 12px 10px 32px; background:var(--vlkc-surface-2); border-radius:6px; font-size:13px; color:var(--vlkc-soft); line-height:1.55; position:relative}
.vlkc-cl-list li::before{content:"✓"; position:absolute; left:10px; top:10px; color:var(--vlkc-emerald); font-weight:700; font-size:14px}
.vlkc-cl-list b{color:var(--vlkc-ink); font-weight:700}
.vlkc-cl-cta{padding:24px 28px; background:var(--vlkc-navy); color:#fff; border-radius:10px}
.vlkc-cl-cta p{margin:0; font-size:14px; line-height:1.65; color:rgba(255,255,255,.85)}
.vlkc-cl-cta b{color:var(--vlkc-cyan); font-weight:700}

/* ============= RESPONSIVE ============= */
@media (max-width:1100px){
  .vlkc-bt-grid{grid-template-columns:repeat(2, 1fr)}
  .vlkc-bt-card-rec{transform:none}
  .vlkc-roi-cards{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:900px){
  .vlkc-fcta-inner{grid-template-columns:1fr; gap:32px}
  .vlkc-metrics{grid-template-columns:1fr}
  .vlkc-h1{font-size:32px}
  .vlkc-h2{font-size:24px}
  .vlkc-cl-grid{grid-template-columns:1fr}
  .vlkc-cl-group:last-child{grid-column:auto}
  .vlkc-roi-inputs{grid-template-columns:1fr}
}
@media (max-width:640px){
  .vlkc-topbar-inner{padding:12px 18px}
  .vlkc-tb-status{display:none}
  .vlkc-hero{padding:48px 20px 40px}
  .vlkc-hero-stats{gap:18px}
  .vlkc-hero-stats b{font-size:24px}
  .vlkc-calc{padding:48px 18px}
  .vlkc-controls{padding:22px}
  .vlkc-months{grid-template-columns:repeat(3, 1fr)}
  .vlkc-output{padding:24px 20px}
  .vlkc-curve-rows{gap:3px; padding:0; height:120px}
  .vlkc-curve-fill{max-width:24px}
  .vlkc-curve-val, .vlkc-curve-mlabel{font-size:9.5px}
  .vlkc-faq{padding:48px 18px}
  .vlkc-fcta{padding:48px 20px}
  .vlkc-copyright{padding:36px 20px 24px}
  .vlkc-copy-inner{flex-direction:column; align-items:flex-start; gap:18px}
  .vlkc-lw-card{padding:30px 22px 22px}
  .vlkc-lw-title{font-size:20px}
  .vlkc-bt-grid{grid-template-columns:1fr}
  .vlkc-budget-tiers{padding:48px 18px}
  .vlkc-checklist{padding:48px 18px}
  .vlkc-budget-num{font-size:30px}
  .vlkc-budget-display{flex-direction:column; align-items:flex-start; gap:6px}
}