@charset "UTF-8";
/* Bulma Utilities */
#vyfrgg { /* Simple Element */ /* ── Logo — centred, overrides Bulma's 1.75rem cap ── */ /* ── All nav links ── */ /* ── Current-page highlight — LEFT menu only (never the CTA) ── */ /* ── "Free Consultation" CTA — right pill, stays amber even when .is-active ── */ /* ── Push the link group to the right, beside the CTA (matches mock) ── */ }

#vyfrgg .navbar-brand { align-items: center; }

#vyfrgg .navbar-brand .navbar-item { padding-top: 0; padding-bottom: 0; }

#vyfrgg .navbar-brand img { height: clamp(3rem, 4vw, 4rem); /* ~48–64px */ max-height: none !important; /* beats .navbar-item img { max-height:1.75rem } */ width: auto; display: block; }

#vyfrgg .navbar-item { color: var(--text-secondary); font-size: .875rem; font-weight: 500; }

#vyfrgg .navbar-item:hover { background-color: transparent !important; color: var(--text-primary); }

#vyfrgg .navbar-start .navbar-item.is-active, #vyfrgg .navbar-start .navbar-item.is-active:hover { color: var(--amber); background-color: transparent !important; }

#vyfrgg .navbar-end { align-items: center; /* stop children stretching to full navbar height */ margin-left: 0; /* don't let end grab its own auto-margin */ }

#vyfrgg .navbar-end .navbar-item, #vyfrgg .navbar-end .navbar-item.is-active { align-self: center; /* compact pill, not a full-height slab */ margin-left: .5rem; margin-right: .75rem; /* gutter from the right edge */ padding: .5rem 1.25rem; background: var(--amber) !important; color: #000 !important; border-radius: 6px; font-weight: 600; }

#vyfrgg .navbar-end .navbar-item:hover, #vyfrgg .navbar-end .navbar-item.is-active:hover { background: var(--amber-light) !important; color: #000 !important; }

#vyfrgg .navbar-menu { justify-content: flex-end; }

#vyfrgg .navbar-start { margin-left: auto; /* absorb free space to the LEFT of the links */ margin-right: 0; /* remove Bulma's auto gap between start and end */ }

#tywcow { /* Simple Element */ background: #040B17; border-top: 1px solid var(--border); padding: 2.5rem 2rem 3rem; }

#yenxso { /* Section */ background: var(--navy-deep); padding: calc(clamp(72px, calc(7vw + 44px), 116px) + 48px) 2rem 48px; position: relative; overflow: hidden; text-align: center; }

#yenxso::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 80% at 50% 60%, rgba(63, 123, 232, 0.09) 0%, transparent 70%); pointer-events: none; }

#yenxso .container { position: relative; z-index: 1; }

#retdjn { /* Element */ max-width: 680px; margin-left: auto; margin-right: auto; }

#retdjn .eyebrow { display: inline-flex; align-items: center; gap: .6rem; font-family: 'JetBrains Mono', monospace; font-size: .7rem; letter-spacing: .13em; text-transform: uppercase; color: var(--amber); margin-bottom: 1.25rem; }

#retdjn .eyebrow::before { content: ''; width: 20px; height: 2px; background: var(--amber); flex-shrink: 0; }

#retdjn .page-h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; letter-spacing: -.04em; line-height: .97; margin-bottom: 1rem; color: var(--text-primary); }

#retdjn .page-h1 em { font-style: normal; color: var(--amber); }

#retdjn .page-intro { font-size: 1rem; color: var(--text-secondary); line-height: 1.7; }

#ketzfd { /* Section */ background: var(--navy-mid); border-top: 1px solid var(--border); padding: 56px 2rem 80px; }

@media (max-width: 640px) { #ketzfd { padding: 44px 1.25rem 64px; } }

#yckfar { /* Element */ /* Idle state */ /* Running state */ /* Results state */ /* Results CTA */ /* Responsive */ }

#yckfar .tool-wrap { max-width: 760px; margin: 0 auto; }

#yckfar .idle-state { text-align: center; }

#yckfar .idle-icon { width: 80px; height: 80px; border-radius: 50%; background: rgba(240, 165, 0, 0.1); border: 1px solid var(--border-amber); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.75rem; }

#yckfar .idle-icon svg { width: 36px; height: 36px; }

#yckfar .idle-state h2 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; letter-spacing: -.03em; margin-bottom: .875rem; }

#yckfar .idle-state p { font-size: .9375rem; color: var(--text-secondary); max-width: 440px; margin: 0 auto 2.5rem; line-height: 1.7; }

#yckfar .idle-checks { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 2.5rem; }

#yckfar .idle-check { display: flex; align-items: center; gap: .5rem; font-size: .8125rem; color: var(--text-secondary); }

#yckfar .idle-check svg { width: 14px; height: 14px; color: var(--amber); flex-shrink: 0; }

#yckfar .btn-run { display: inline-flex; align-items: center; gap: .75rem; padding: 1rem 2.5rem; background: var(--amber); color: #000; border: none; border-radius: 10px; font-family: 'Space Grotesk', sans-serif; font-size: 1.0625rem; font-weight: 700; cursor: pointer; letter-spacing: -.01em; transition: background .2s, transform .15s; }

#yckfar .btn-run:hover { background: var(--amber-light); transform: translateY(-2px); }

#yckfar .btn-run svg { width: 18px; height: 18px; }

#yckfar .running-state { display: none; }

#yckfar .running-state.visible { display: block; }

#yckfar .phase-steps { display: flex; gap: 0; margin-bottom: 3rem; background: var(--border); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }

#yckfar .phase-step { flex: 1; padding: .875rem .5rem; text-align: center; font-family: 'JetBrains Mono', monospace; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); background: var(--navy-card); border-right: 1px solid var(--border); transition: all .3s; position: relative; }

#yckfar .phase-step:last-child { border-right: none; }

#yckfar .phase-step.active { color: var(--amber); background: rgba(240, 165, 0, 0.08); }

#yckfar .phase-step.done { color: var(--green); background: rgba(34, 197, 94, 0.06); }

#yckfar .phase-step-label { display: block; font-size: .6rem; margin-top: .2rem; }

#yckfar .live-box { background: var(--navy-card); border: 1px solid var(--border); border-radius: 20px; padding: 3rem 2rem; text-align: center; margin-bottom: 2rem; position: relative; overflow: hidden; }

#yckfar .live-box::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(240, 165, 0, 0.05) 0%, transparent 70%); }

#yckfar .live-phase-label { font-family: 'JetBrains Mono', monospace; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--amber); margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: center; gap: .5rem; }

#yckfar .pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--amber); animation: pulse 1s ease-in-out infinite; }

@keyframes pulse { 0%, 100% { opacity: 1;
    transform: scale(1); }
  50% { opacity: .4;
    transform: scale(0.8); } }

#yckfar .live-number { font-family: 'JetBrains Mono', monospace; font-size: clamp(3.5rem, 10vw, 6rem); font-weight: 600; color: var(--text-primary); line-height: 1; margin-bottom: .5rem; transition: color .3s; }

#yckfar .live-unit { font-size: 1rem; color: var(--text-secondary); font-family: 'JetBrains Mono', monospace; }

#yckfar .live-sublabel { font-size: .8125rem; color: var(--text-muted); margin-top: .75rem; }

#yckfar .progress-track { height: 4px; background: var(--border); border-radius: 2px; overflow: hidden; }

#yckfar .progress-fill { height: 100%; background: linear-gradient(90deg, var(--amber) 0%, var(--amber-light) 100%); border-radius: 2px; width: 0%; transition: width .4s ease; }

#yckfar .results-state { display: none; }

#yckfar .results-state.visible { display: block; }

#yckfar .grade-box { display: flex; align-items: center; justify-content: center; gap: 2rem; margin-bottom: 2.5rem; flex-wrap: wrap; }

#yckfar .grade-ring { width: 120px; height: 120px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0; }

#yckfar .grade-ring::before { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 3px solid var(--border); }

#yckfar .grade-ring-value { font-family: 'Space Grotesk', sans-serif; font-size: 3rem; font-weight: 700; line-height: 1; position: relative; }

#yckfar .grade-ring.grade-a { box-shadow: 0 0 40px rgba(34, 197, 94, 0.2); }

#yckfar .grade-ring.grade-a::before { border-color: rgba(34, 197, 94, 0.4); }

#yckfar .grade-ring.grade-a .grade-ring-value { color: var(--green); }

#yckfar .grade-ring.grade-b { box-shadow: 0 0 40px rgba(34, 197, 94, 0.12); }

#yckfar .grade-ring.grade-b::before { border-color: rgba(34, 197, 94, 0.25); }

#yckfar .grade-ring.grade-b .grade-ring-value { color: #86efac; }

#yckfar .grade-ring.grade-c { box-shadow: 0 0 40px rgba(234, 179, 8, 0.2); }

#yckfar .grade-ring.grade-c::before { border-color: rgba(234, 179, 8, 0.4); }

#yckfar .grade-ring.grade-c .grade-ring-value { color: var(--yellow); }

#yckfar .grade-ring.grade-d, #yckfar .grade-ring.grade-f { box-shadow: 0 0 40px rgba(239, 68, 68, 0.2); }

#yckfar .grade-ring.grade-d::before, #yckfar .grade-ring.grade-f::before { border-color: rgba(239, 68, 68, 0.35); }

#yckfar .grade-ring.grade-d .grade-ring-value, #yckfar .grade-ring.grade-f .grade-ring-value { color: var(--red); }

#yckfar .grade-summary h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; margin-bottom: .5rem; }

#yckfar .grade-summary p { font-size: .9375rem; color: var(--text-secondary); line-height: 1.65; max-width: 380px; }

#yckfar .results-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 2rem; }

#yckfar .result-card { background: var(--navy-card); border: 1px solid var(--border); border-radius: 14px; padding: 1.5rem; }

#yckfar .result-card-label { font-family: 'JetBrains Mono', monospace; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: .875rem; display: flex; align-items: center; gap: .5rem; }

#yckfar .result-card-label svg { width: 14px; height: 14px; }

#yckfar .result-value { font-family: 'JetBrains Mono', monospace; font-size: 2rem; font-weight: 600; line-height: 1; margin-bottom: .3rem; }

#yckfar .result-unit { font-size: .8125rem; color: var(--text-secondary); }

#yckfar .result-grade-badge { display: inline-block; margin-top: .75rem; padding: .2rem .6rem; border-radius: 4px; font-family: 'JetBrains Mono', monospace; font-size: .7rem; font-weight: 600; letter-spacing: .05em; }

#yckfar .badge-a, #yckfar .badge-b { background: rgba(34, 197, 94, 0.12); color: var(--green); }

#yckfar .badge-c { background: rgba(234, 179, 8, 0.12); color: var(--yellow); }

#yckfar .badge-d, #yckfar .badge-f { background: rgba(239, 68, 68, 0.1); color: var(--red); }

#yckfar .result-card.net-info .result-value { font-size: 1.0625rem; line-height: 1.5; }

#yckfar .results-cta { background: linear-gradient(135deg, var(--navy-card) 0%, #1B2E50 100%); border: 1px solid var(--border-amber); border-radius: 16px; padding: 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }

#yckfar .results-cta p { font-size: .9375rem; color: var(--text-secondary); max-width: 380px; line-height: 1.65; }

#yckfar .results-cta p strong { color: var(--text-primary); }

#yckfar .btn-cta { display: inline-flex; align-items: center; gap: .5rem; padding: .75rem 1.5rem; background: var(--amber); color: #000; text-decoration: none; font-weight: 600; font-size: .875rem; border-radius: 8px; white-space: nowrap; transition: background .2s; flex-shrink: 0; }

#yckfar .btn-cta:hover { background: var(--amber-light); }

#yckfar .btn-rerun { width: 100%; padding: .875rem; background: none; border: 1px solid var(--border); border-radius: 10px; color: var(--text-secondary); font-family: 'Inter', sans-serif; font-size: .9rem; font-weight: 500; cursor: pointer; transition: border-color .2s, color .2s; }

#yckfar .btn-rerun:hover { border-color: rgba(255, 255, 255, 0.2); color: var(--text-primary); }

@media (max-width: 640px) { #yckfar .results-grid { grid-template-columns: 1fr; } #yckfar .grade-box { flex-direction: column; text-align: center; } #yckfar .grade-summary p { margin: 0 auto; } #yckfar .results-cta { flex-direction: column; } #yckfar .phase-steps { flex-wrap: wrap; } #yckfar .phase-step { flex: 1 1 40%; } }

#zohtaj { /* Section */ background: var(--navy-deep); border-top: 1px solid var(--border); padding: 80px 2rem; }

@media (max-width: 640px) { #zohtaj { padding: 60px 1.25rem; } }

#tzwwdr { /* Element */ }

#tzwwdr .explain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

#tzwwdr .explain-card { background: var(--navy-card); border: 1px solid var(--border); border-radius: 14px; padding: 1.75rem; }

#tzwwdr .explain-card h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: -.01em; margin-bottom: .875rem; display: flex; align-items: center; gap: .625rem; color: var(--text-primary); }

#tzwwdr .explain-card h3 svg { width: 18px; height: 18px; color: var(--amber); flex-shrink: 0; }

#tzwwdr .explain-card p { font-size: .875rem; color: var(--text-secondary); line-height: 1.7; }

#tzwwdr .explain-benchmarks { margin-top: 1rem; display: flex; flex-direction: column; gap: .4rem; }

#tzwwdr .benchmark { display: flex; justify-content: space-between; align-items: center; font-size: .775rem; padding: .35rem 0; border-bottom: 1px solid var(--border); }

#tzwwdr .benchmark:last-child { border-bottom: none; }

#tzwwdr .benchmark-label { color: var(--text-secondary); }

#tzwwdr .benchmark-val { font-family: 'JetBrains Mono', monospace; font-weight: 600; }

#tzwwdr .val-great { color: var(--green); }

#tzwwdr .val-ok { color: var(--yellow); }

#tzwwdr .val-poor { color: var(--red); }

@media (max-width: 860px) { #tzwwdr .explain-grid { grid-template-columns: 1fr 1fr; } }

@media (max-width: 640px) { #tzwwdr .explain-grid { grid-template-columns: 1fr; } }

#riqieh { /* Section */ background: var(--navy-mid); border-top: 1px solid var(--border); padding: 80px 2rem; }

/*# sourceMappingURL=page.css.map */