@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; }

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

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

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

#imswtb { /* Element */ }

#imswtb .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; }

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

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

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

#imswtb .page-intro { font-size: 1rem; color: var(--text-secondary); max-width: 520px; line-height: 1.7; }

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

@media (max-width: 640px) { #rchyos { padding: 56px 1.25rem 80px; } }

#kwujua { /* Element */ /* Sibling-anchor pattern: card is <div>, invisible <a> covers the whole card. */ /* Redactor cannot wrap block elements (div, h2, p) in <a>. */ /* Full-card invisible anchor — sibling-anchor pattern */ }

#kwujua .tools-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

#kwujua .tool-card { position: relative; background: var(--navy-card); border: 1px solid var(--border); border-radius: 20px; padding: 2.5rem; display: flex; flex-direction: column; gap: 1.5rem; color: inherit; transition: border-color .25s, background .25s, transform .2s; }

#kwujua .tool-card:hover { border-color: var(--border-amber); background: var(--navy-card-h); transform: translateY(-3px); }

#kwujua .tool-card-icon { width: 60px; height: 60px; border-radius: 16px; background: rgba(240, 165, 0, 0.1); border: 1px solid var(--border-amber); display: flex; align-items: center; justify-content: center; }

#kwujua .tool-card-icon svg { width: 28px; height: 28px; }

#kwujua .tool-card-badge { display: inline-block; padding: .25rem .75rem; background: rgba(240, 165, 0, 0.12); border: 1px solid var(--border-amber); border-radius: 20px; font-family: 'JetBrains Mono', monospace; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: var(--amber); width: fit-content; }

#kwujua .tool-card h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.375rem; font-weight: 700; letter-spacing: -.025em; color: var(--text-primary); }

#kwujua .tool-card > p { font-size: .9375rem; color: var(--text-secondary); line-height: 1.7; flex: 1; }

#kwujua .tool-card-checks { display: flex; flex-direction: column; gap: .5rem; }

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

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

#kwujua .tool-card-link { display: inline-flex; align-items: center; gap: .5rem; font-size: .9375rem; font-weight: 600; color: var(--amber); margin-top: .5rem; position: relative; z-index: 2; /* sits above the invisible card-link anchor */ }

#kwujua .tool-card-link svg { width: 16px; height: 16px; transition: transform .2s; }

#kwujua .tool-card:hover .tool-card-link svg { transform: translateX(4px); }

#kwujua .card-link { position: absolute; inset: 0; z-index: 1; border-radius: 20px; }

@media (max-width: 700px) { #kwujua .tools-grid { grid-template-columns: 1fr; } }

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

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