@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 */ }

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

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

#guqnsc::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; }

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

#wmuoyf { /* Element */ }

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

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

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

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

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

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

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

#jirweb { /* Row */ }

#jirweb .columns { align-items: start; gap: 4rem; }

#jirweb .columns > .column { padding: 0; }

@media (max-width: 900px) { #jirweb .columns { flex-direction: column; gap: 2rem; } }

#rqjxum { /* Column */ background: var(--navy-card); border: 1px solid var(--border); border-radius: 16px; padding: 2.5rem !important; }

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

#wjkqwr { /* Element */ }

#wjkqwr .form-intro { margin: 0 0 2rem; padding-top: .5rem; }

#wjkqwr .form-intro h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; color: var(--text-primary); margin-bottom: .4rem; }

#wjkqwr .form-intro p { font-size: .9375rem; color: var(--text-secondary); line-height: 1.6; }

#prigat { /* Element */ /* Form heading — Sitefront may render a Survey title here; style it */ /* All form inputs, selects, textareas */ /* Select chevron */ /* Labels */ /* Field spacing */ /* Submit button — Sitefront renders as <button> or <input type="submit"> */ /* Note below button — may be set via Submit Message */ /* Override any Bulma background on the form element wrapper */ /* Bulma wraps <select> in a shrink-wrapped .select div — force it full width */ /* Kill Bulma's built-in chevron so it doesn't clash with our grey one */ /* Let padding + line-height set the height instead of Bulma's fixed 2.5em */ /* Align fields to the card edge — kill Bulma's .section + helper padding */ /* Amber required-asterisk (span injected by the script below) */ /* Make the validation message clearly visible */ /* Red border on errored fields so the danger state reads on the input too */ /* Two-column field grid — desktop only */ /* ================================================================ Post-submit confirmation — match the dark form card. Sitefront renders this as a Bulma .message.is-success (light box, green left bar). Restyle so it sits inside the navy card. ================================================================ */ /* Kill Bulma's light body + thick green left bar */ /* Check-circle icon in brand green */ }

#prigat h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; margin-bottom: .5rem; color: var(--text-primary); }

#prigat input[type="text"], #prigat input[type="email"], #prigat input[type="tel"], #prigat input[type="number"], #prigat select, #prigat textarea { background: var(--navy-mid) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; color: var(--text-primary) !important; font-family: 'Inter', sans-serif !important; font-size: .9375rem !important; padding: .75rem 1rem !important; width: 100% !important; transition: border-color .2s, box-shadow .2s !important; box-shadow: none !important; }

#prigat input[type="text"]::placeholder, #prigat input[type="email"]::placeholder, #prigat input[type="tel"]::placeholder, #prigat input[type="number"]::placeholder, #prigat select::placeholder, #prigat textarea::placeholder { color: var(--text-muted); }

#prigat input[type="text"]:focus, #prigat input[type="email"]:focus, #prigat input[type="tel"]:focus, #prigat input[type="number"]:focus, #prigat select:focus, #prigat textarea:focus { border-color: rgba(240, 165, 0, 0.45) !important; box-shadow: 0 0 0 3px rgba(240, 165, 0, 0.08) !important; outline: none !important; }

#prigat textarea { resize: vertical !important; min-height: 130px !important; line-height: 1.6 !important; }

#prigat select { appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A9C4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 1rem center !important; padding-right: 2.5rem !important; cursor: pointer !important; }

#prigat select option { background: var(--navy-card); }

#prigat label, #prigat .label { font-size: .8125rem !important; font-weight: 500 !important; color: var(--text-secondary) !important; letter-spacing: .01em !important; /* Required asterisk — Sitefront may render this differently */ }

#prigat label abbr[title], #prigat .label abbr[title] { color: var(--amber); text-decoration: none; margin-left: 2px; }

#prigat .field { margin-bottom: 1.25rem; }

#prigat .field:last-of-type { margin-bottom: 0; }

#prigat button[type="submit"], #prigat input[type="submit"] { width: 100% !important; padding: .9rem 1.75rem !important; background: var(--amber) !important; color: #000 !important; border: none !important; border-radius: 8px !important; font-family: 'Inter', sans-serif !important; font-size: .9375rem !important; font-weight: 600 !important; cursor: pointer !important; margin-top: 1.5rem !important; transition: background .2s, transform .15s !important; }

#prigat button[type="submit"]:hover, #prigat input[type="submit"]:hover { background: var(--amber-light) !important; transform: translateY(-1px) !important; }

#prigat .form-note, #prigat .help { font-size: .75rem; color: var(--text-muted); text-align: center; margin-top: 1rem; line-height: 1.6; }

#prigat .box { background: transparent; padding: 0; box-shadow: none; }

#prigat .select { width: 100% !important; max-width: 100% !important; display: block !important; }

#prigat .select:not(.is-multiple):not(.is-loading)::after { display: none !important; }

#prigat select { height: auto !important; line-height: 1.5 !important; }

#prigat .section { padding-left: 0 !important; padding-right: 0 !important; }

#prigat .field.is-grouped.px-5 { padding-left: 0 !important; padding-right: 0 !important; }

#prigat .req-star { color: var(--amber); font-weight: 700; margin-left: 1px; }

#prigat .help.is-danger { color: #f87171 !important; font-size: .8125rem !important; margin-top: .35rem !important; }

#prigat .input.is-danger, #prigat .textarea.is-danger { border-color: rgba(248, 113, 113, 0.55) !important; }

@media (min-width: 641px) { #prigat { /* Row 1: First name (col 1) + Last name (col 2) */ /* Row 2: Email (col 1) + Phone (col 2) */ /* fields 1,2,3,4 stay in their natural grid cells */ /* Company name (field 5), dropdown (field 6), Tell us more (field 7) span full width */ } #prigat .section { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.5rem; row-gap: 0; } #prigat .section > .field:nth-of-type(5), #prigat .section > .field:nth-of-type(6), #prigat .section > .field:nth-of-type(7) { grid-column: 1 / -1; } }

#prigat .message.is-success, #prigat .notification.is-success { background: rgba(34, 197, 94, 0.08) !important; border: 1px solid rgba(34, 197, 94, 0.32) !important; border-radius: 10px !important; box-shadow: none !important; }

#prigat .message-body { background: transparent !important; border: none !important; }

#prigat .message-body, #prigat .notification.is-success { position: relative !important; color: var(--text-primary) !important; font-family: 'Inter', sans-serif !important; font-size: .95rem !important; font-weight: 500 !important; line-height: 1.6 !important; padding: 1.1rem 1.25rem 1.1rem 3.15rem !important; }

#prigat .message-body::before, #prigat .notification.is-success::before { content: '' !important; position: absolute !important; left: 1.15rem !important; top: 1.15rem !important; width: 20px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") no-repeat center/contain !important; }

#igxsog { /* Column */ }

@media (max-width: 900px) { #igxsog { order: -1; } }

#imadoc { /* Element */ /* Availability badge */ /* Info cards */ /* Consultation card body + link */ }

#imadoc .sidebar { display: flex; flex-direction: column; gap: 1.25rem; }

#imadoc .avail-card { background: rgba(34, 197, 94, 0.06); border: 1px solid rgba(34, 197, 94, 0.18); border-radius: 16px; padding: 1.5rem 1.75rem; display: flex; align-items: center; gap: 1rem; }

#imadoc .avail-dot { width: 10px; height: 10px; border-radius: 50%; background: #22c55e; flex-shrink: 0; animation: blink 2.2s ease-in-out infinite; }

#imadoc .avail-text-main { font-size: .9375rem; font-weight: 600; color: var(--text-primary); }

#imadoc .avail-text-sub { font-size: .8125rem; color: var(--text-secondary); margin-top: .15rem; line-height: 1.5; }

#imadoc .info-card { background: var(--navy-card); border: 1px solid var(--border); border-radius: 16px; padding: 1.75rem; }

#imadoc .info-card-label { font-family: 'JetBrains Mono', monospace; font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; color: var(--amber); margin-bottom: 1.25rem; display: block; }

#imadoc .info-item { display: flex; gap: 1rem; align-items: flex-start; padding: .875rem 0; border-bottom: 1px solid var(--border); }

#imadoc .info-item:last-child { border-bottom: none; padding-bottom: 0; }

#imadoc .info-item:first-child { padding-top: 0; }

#imadoc .info-icon { width: 36px; height: 36px; border-radius: 8px; background: rgba(240, 165, 0, 0.09); border: 1px solid var(--border-amber); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

#imadoc .info-icon svg { width: 16px; height: 16px; }

#imadoc .info-text-label { font-size: .75rem; color: var(--text-muted); font-weight: 500; margin-bottom: .2rem; }

#imadoc .info-text-value { font-size: .9375rem; color: var(--text-primary); font-weight: 500; text-decoration: none; transition: color .2s; display: block; }

#imadoc .info-text-value:hover { color: var(--amber); }

#imadoc .info-text-sub { font-size: .8rem; color: var(--text-secondary); margin-top: .2rem; line-height: 1.5; }

#imadoc .consult-body { font-size: .875rem; color: var(--text-secondary); line-height: 1.65; }

#imadoc .consult-link { display: inline-flex; align-items: center; gap: .5rem; font-size: .875rem; font-weight: 600; color: var(--amber); text-decoration: none; margin-top: 1.25rem; transition: color .2s; }

#imadoc .consult-link:hover { color: var(--amber-light); }

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