@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.16/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.16/500.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.16/700.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.16/800.css');

.isvc-root {
    --isvc-bg: #0A0A0A;
    --isvc-surface: #111111;
    --isvc-surface-2: #131313;
    --isvc-border: #222222;
    --isvc-border-soft: #1A1A1A;
    --isvc-input-border: #262626;
    --isvc-text: #FFFFFF;
    --isvc-text-secondary: #9A9A9A;
    --isvc-text-muted: #888888;
    --isvc-text-faint: #666666;
    --isvc-gold: #C99940;
    --isvc-gold-hover: #DCB05B;
    --isvc-success: #9EE0B5;
    --isvc-success-bg: #0F1A12;
    --isvc-success-border: #1F3A2A;
    --isvc-cta-bg: #14100A;
    --isvc-cta-border: #2A1F0A;
}
.isvc-root, .isvc-root * { box-sizing: border-box !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }
.isvc-root { background: #0A0A0A !important; color: #FFFFFF !important; border-radius: 16px !important; padding: 36px 40px 28px !important; min-height: 640px !important; margin: 12px 0 !important; border: 1px solid #1C1C1C !important; max-width: 880px !important; }
.isvc-root .isvc-head { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 36px !important; background: transparent !important; }
.isvc-root .isvc-tag { font-size: 12px !important; letter-spacing: 1.4px !important; color: #8a8a8a !important; text-transform: uppercase !important; font-weight: 500 !important; background: transparent !important; }
.isvc-root .isvc-prog { display: flex !important; gap: 8px !important; margin-bottom: 28px !important; }
.isvc-root .isvc-prog div { height: 3px !important; flex: 1 !important; background: #1F1F1F !important; border-radius: 2px !important; transition: background .25s !important; }
.isvc-root .isvc-prog div.active { background: #C99940 !important; }

.isvc-root .isvc-eyebrow { color: #C99940 !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.3px !important; margin: 0 0 14px !important; background: transparent !important; }
.isvc-root .isvc-h1, .isvc-root h1.isvc-h1 { font-size: 36px !important; line-height: 1.1 !important; font-weight: 700 !important; margin: 0 0 14px !important; letter-spacing: -0.5px !important; color: #FFFFFF !important; background: transparent !important; text-shadow: none !important; }
.isvc-root .isvc-lead, .isvc-root p.isvc-lead { font-size: 15px !important; line-height: 1.6 !important; color: #9A9A9A !important; max-width: 540px !important; margin: 0 0 28px !important; background: transparent !important; }

.isvc-root .isvc-cards { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
.isvc-root .isvc-card { background: #111111 !important; border: 1px solid #222222 !important; border-radius: 14px !important; padding: 24px 22px !important; cursor: pointer !important; transition: border-color .2s, transform .15s !important; }
.isvc-root .isvc-card:hover { border-color: #C99940 !important; transform: translateY(-2px) !important; }
.isvc-root .isvc-card-icon { width: 36px !important; height: 36px !important; border-radius: 10px !important; background: #1A1A1A !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 14px !important; color: #C99940 !important; font-size: 14px !important; font-weight: 800 !important; letter-spacing: 0.5px !important; }
.isvc-root .isvc-card-title { font-size: 17px !important; font-weight: 700 !important; margin: 0 0 6px !important; color: #FFFFFF !important; background: transparent !important; }
.isvc-root .isvc-card-sub, .isvc-root p.isvc-card-sub { font-size: 13px !important; color: #888888 !important; line-height: 1.5 !important; margin: 0 !important; background: transparent !important; }

.isvc-root .isvc-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px 24px !important; margin-bottom: 18px !important; }
.isvc-root .isvc-field { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-bottom: 18px !important; }
.isvc-root .isvc-field label, .isvc-root label { font-size: 13px !important; color: #B0B0B0 !important; font-weight: 500 !important; background: transparent !important; }

.isvc-root .isvc-input, .isvc-root .isvc-select, .isvc-root input.isvc-input, .isvc-root input.isvc-num-pill, .isvc-root select.isvc-select { background: #131313 !important; border: 1px solid #262626 !important; border-radius: 10px !important; color: #FFFFFF !important; padding: 11px 14px !important; font-size: 14px !important; outline: none !important; transition: border-color .15s !important; width: 100% !important; font-family: 'Inter', sans-serif !important; box-shadow: none !important; }
.isvc-root .isvc-input:focus, .isvc-root .isvc-select:focus { border-color: #C99940 !important; outline: none !important; box-shadow: none !important; }
.isvc-root .isvc-select { appearance: none !important; -webkit-appearance: none !important; background-image: linear-gradient(45deg, transparent 50%, #777 50%), linear-gradient(135deg, #777 50%, transparent 50%) !important; background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50% !important; background-size: 5px 5px !important; background-repeat: no-repeat !important; padding-right: 32px !important; cursor: pointer !important; }

.isvc-root .isvc-slider-head { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 4px !important; }
.isvc-root .isvc-num-pill { background: #1A1A1A !important; border: 1px solid #2A2A2A !important; border-radius: 8px !important; color: #C99940 !important; padding: 6px 12px !important; font-size: 14px !important; font-weight: 700 !important; width: 110px !important; text-align: right !important; outline: none !important; font-family: 'Inter', sans-serif !important; }
.isvc-root .isvc-num-pill:focus { border-color: #C99940 !important; }
.isvc-root .isvc-slider-wrap { padding: 12px 0 !important; background: transparent !important; }
.isvc-root .isvc-slider, .isvc-root input[type="range"].isvc-slider { width: 100% !important; -webkit-appearance: none !important; appearance: none !important; height: 6px !important; background: #262626 !important; border-radius: 6px !important; outline: none !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; }
.isvc-root .isvc-slider::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #C99940 !important; cursor: pointer !important; border: 3px solid #0A0A0A !important; box-shadow: 0 0 0 1px #C99940 !important; }
.isvc-root .isvc-slider::-moz-range-thumb { width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #C99940 !important; cursor: pointer !important; border: 3px solid #0A0A0A !important; box-shadow: 0 0 0 1px #C99940 !important; }

.isvc-root .isvc-segmented { display: flex !important; gap: 0 !important; background: #131313 !important; border: 1px solid #262626 !important; border-radius: 10px !important; padding: 4px !important; }
.isvc-root .isvc-segmented button { flex: 1 !important; background: transparent !important; border: none !important; color: #888888 !important; padding: 8px 10px !important; font-size: 13px !important; font-weight: 500 !important; border-radius: 7px !important; cursor: pointer !important; transition: all .15s !important; font-family: 'Inter', sans-serif !important; text-shadow: none !important; box-shadow: none !important; }
.isvc-root .isvc-segmented button.on { background: #C99940 !important; color: #0A0A0A !important; font-weight: 700 !important; }

.isvc-root .isvc-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-top: 32px !important; padding-top: 22px !important; border-top: 1px solid #1A1A1A !important; background: transparent !important; }
.isvc-root .isvc-btn, .isvc-root button.isvc-btn { border: none !important; cursor: pointer !important; padding: 12px 26px !important; font-size: 14px !important; font-weight: 700 !important; border-radius: 999px !important; transition: opacity .15s, transform .1s !important; font-family: 'Inter', sans-serif !important; text-shadow: none !important; box-shadow: none !important; }
.isvc-root .isvc-btn-primary, .isvc-root button.isvc-btn-primary { background: #FFFFFF !important; color: #0A0A0A !important; }
.isvc-root .isvc-btn-primary:hover { transform: scale(1.02) !important; background: #FFFFFF !important; color: #0A0A0A !important; }
.isvc-root .isvc-btn-primary:disabled { opacity: 0.5 !important; cursor: wait !important; transform: none !important; }
.isvc-root .isvc-btn-ghost, .isvc-root button.isvc-btn-ghost { background: transparent !important; color: #999 !important; border: 1px solid #2A2A2A !important; }
.isvc-root .isvc-btn-ghost:hover { color: #FFFFFF !important; border-color: #444 !important; background: transparent !important; }

.isvc-root .isvc-screen { display: none !important; }
.isvc-root .isvc-screen.on { display: block !important; }

.isvc-root .isvc-stat-row { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 14px !important; margin: 8px 0 24px !important; }
.isvc-root .isvc-stat { background: #111111 !important; border: 1px solid #222222 !important; border-radius: 12px !important; padding: 20px !important; }
.isvc-root .isvc-stat-label, .isvc-root p.isvc-stat-label { font-size: 12px !important; color: #888888 !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; margin: 0 0 10px !important; font-weight: 500 !important; background: transparent !important; }
.isvc-root .isvc-stat-value { font-size: 28px !important; font-weight: 800 !important; color: #FFFFFF !important; line-height: 1.1 !important; letter-spacing: -0.5px !important; background: transparent !important; }
.isvc-root .isvc-stat-value.gold { color: #C99940 !important; }
.isvc-root .isvc-stat-sub { font-size: 12px !important; color: #666666 !important; margin-top: 6px !important; background: transparent !important; }

.isvc-root .isvc-pillars { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-bottom: 24px !important; }
.isvc-root .isvc-pillar { background: #0F0F0F !important; border: 1px solid #1F1F1F !important; border-radius: 10px !important; padding: 14px 16px !important; }
.isvc-root .isvc-pillar-name, .isvc-root p.isvc-pillar-name { font-size: 12px !important; color: #B0B0B0 !important; margin: 0 0 6px !important; font-weight: 500 !important; background: transparent !important; }
.isvc-root .isvc-pillar-amt { font-size: 17px !important; font-weight: 700 !important; color: #FFFFFF !important; background: transparent !important; }
.isvc-root .isvc-pillar-bar { height: 3px !important; background: #1F1F1F !important; border-radius: 2px !important; margin-top: 10px !important; overflow: hidden !important; }
.isvc-root .isvc-pillar-bar-fill { height: 100% !important; background: #C99940 !important; border-radius: 2px !important; transition: width .5s !important; }

.isvc-root .isvc-cta-block { background: #14100A !important; border: 1px solid #2A1F0A !important; border-radius: 14px !important; padding: 22px 24px !important; margin-top: 8px !important; }
.isvc-root .isvc-cta-row { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 18px !important; }
.isvc-root .isvc-cta-text { font-size: 14px !important; color: #C9C9C9 !important; line-height: 1.5 !important; flex: 1 !important; background: transparent !important; }
.isvc-root .isvc-cta-text strong { color: #FFFFFF !important; font-weight: 700 !important; background: transparent !important; }
.isvc-root .isvc-cta-form { display: none !important; margin-top: 18px !important; padding-top: 18px !important; border-top: 1px solid #2A1F0A !important; }
.isvc-root .isvc-cta-form.on { display: block !important; }
.isvc-root .isvc-cta-form-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-bottom: 12px !important; }
.isvc-root .isvc-cta-success { display: none !important; padding: 18px !important; background: #0F1A12 !important; border: 1px solid #1F3A2A !important; border-radius: 10px !important; color: #9EE0B5 !important; font-size: 14px !important; line-height: 1.5 !important; margin-top: 16px !important; }
.isvc-root .isvc-cta-success.on { display: block !important; }
.isvc-root .isvc-cta-error { display: none !important; padding: 14px 18px !important; background: #1A0E0E !important; border: 1px solid #3A1F1F !important; border-radius: 10px !important; color: #E08A8A !important; font-size: 13px !important; line-height: 1.5 !important; margin-top: 12px !important; }
.isvc-root .isvc-cta-error.on { display: block !important; }

.isvc-root .isvc-disclaim, .isvc-root p.isvc-disclaim { font-size: 11px !important; color: #555 !important; line-height: 1.5 !important; margin-top: 16px !important; background: transparent !important; }

.isvc-root .isvc-sources { margin-top: 28px !important; padding-top: 20px !important; border-top: 1px solid #1A1A1A !important; }
.isvc-root .isvc-sources-title, .isvc-root p.isvc-sources-title { font-size: 12px !important; color: #C99940 !important; font-weight: 500 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; margin: 0 0 12px !important; background: transparent !important; }
.isvc-root .isvc-source-text, .isvc-root p.isvc-source-text { font-size: 12px !important; color: #888888 !important; margin: 0 0 10px !important; line-height: 1.6 !important; background: transparent !important; }
.isvc-root .isvc-source-list { margin: 0 0 14px !important; padding: 0 !important; list-style: none !important; }
.isvc-root .isvc-source-list li { font-size: 12px !important; color: #888888 !important; line-height: 1.7 !important; padding-left: 14px !important; position: relative !important; background: transparent !important; }
.isvc-root .isvc-source-list li::before { content: '·' !important; position: absolute !important; left: 4px !important; color: #C99940 !important; font-weight: 700 !important; }
.isvc-root .isvc-source-list strong { color: #C0C0C0 !important; font-weight: 500 !important; background: transparent !important; }
.isvc-root .isvc-method { margin-top: 6px !important; }
.isvc-root .isvc-method summary { font-size: 12px !important; color: #C99940 !important; cursor: pointer !important; padding: 8px 0 !important; user-select: none !important; outline: none !important; font-weight: 500 !important; }
.isvc-root .isvc-method summary:hover { color: #DCB05B !important; }
.isvc-root .isvc-method-body { font-size: 12px !important; color: #888888 !important; line-height: 1.6 !important; padding-top: 8px !important; }
.isvc-root .isvc-method-body p { margin: 0 0 10px !important; color: #888888 !important; background: transparent !important; }
.isvc-root .isvc-method-body strong { color: #B0B0B0 !important; font-weight: 500 !important; background: transparent !important; }

.isvc-root .isvc-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; }

.isvc-debug { background: #0A0A0A; color: #FFFFFF; padding: 24px; border-radius: 12px; font-family: 'Courier New', monospace; font-size: 13px; line-height: 1.7; border: 1px solid #1F1F1F; }
.isvc-debug h3 { color: #C99940; margin: 0 0 14px; font-size: 16px; }
.isvc-debug .ok { color: #9EE0B5; }
.isvc-debug .fail { color: #E08A8A; }
.isvc-debug .label { color: #888; }

@media (max-width: 580px) {
    .isvc-root .isvc-cards, .isvc-root .isvc-row, .isvc-root .isvc-stat-row, .isvc-root .isvc-pillars, .isvc-root .isvc-cta-form-row { grid-template-columns: 1fr !important; }
    .isvc-root .isvc-h1 { font-size: 28px !important; }
    .isvc-root .isvc-cta-row { flex-direction: column !important; align-items: stretch !important; }
    .isvc-root { padding: 24px 20px 20px !important; }
}