.lead-form { padding: 30px; border: 1px solid rgba(255,255,255,.7); border-radius: var(--radius-lg); color: var(--color-text); background: rgba(255,255,255,.98); box-shadow: var(--shadow-lg); }
.form-heading { margin-bottom: 23px; }.form-heading .eyebrow { margin-bottom: 10px; }.form-heading h2 { font-size: 1.65rem; }.form-heading p { margin-top: 9px; font-size: .86rem; line-height: 1.5; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.field { min-width: 0; }.field-wide { grid-column: 1 / -1; }.field-code { grid-column: span 1; }.field-phone { grid-column: span 1; }
.field label:not(.checkbox-field label) { display: block; margin-bottom: 5px; color: #353a55; font-size: .78rem; font-weight: 720; }
.field input:not([type="checkbox"]), .field select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #ced3df; border-radius: 9px; color: var(--color-heading); background: #fff; outline: none; transition: border var(--transition), box-shadow var(--transition); }
.field input:hover, .field select:hover { border-color: #aeb4c7; }
.field input:focus, .field select:focus { border-color: var(--color-primary); box-shadow: 0 0 0 4px rgba(111,92,255,.12); }
.field input[aria-invalid="true"] { border-color: var(--color-error); box-shadow: 0 0 0 3px rgba(189,47,74,.08); }
.field-error { min-height: 16px; display: block; margin-top: 4px; color: var(--color-error); font-size: .69rem; line-height: 1.3; }
.field-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.checkbox-field { display: grid; grid-template-columns: 20px 1fr; gap: 9px; align-items: start; }
.checkbox-field input { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--color-primary); }
.checkbox-field label { font-size: .72rem; line-height: 1.45; }.checkbox-field label a { color: var(--color-primary-dark); font-weight: 700; }
.checkbox-field .field-error { grid-column: 2; margin-top: -5px; }.checkbox-optional { margin-top: -5px; }
.lead-form .button { margin-top: 17px; }
.form-status { min-height: 20px; margin-top: 12px; font-size: .78rem; font-weight: 700; text-align: center; }.form-status.is-error { color: var(--color-error); }.form-status.is-success { color: var(--color-success); }
.form-privacy { margin-top: 7px; color: var(--color-muted); font-size: .66rem; line-height: 1.4; text-align: center; }
.button-spinner { display: none; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: spin .7s linear infinite; }.lead-form[aria-busy="true"] .button-spinner { display: block; }
@keyframes spin { to { transform: rotate(360deg); } }

.card-grid { display: grid; gap: 20px; }.card-grid-four { grid-template-columns: repeat(4, 1fr); }
.feature-card { min-height: 255px; padding: 30px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; box-shadow: 0 5px 18px rgba(16,19,45,.03); transition: transform var(--transition), box-shadow var(--transition), border var(--transition); }
.feature-card:hover { transform: translateY(-5px); border-color: #c8c0ff; box-shadow: var(--shadow-sm); }.feature-card h3 { margin-top: 28px; font-size: 1.25rem; }.feature-card p { margin-top: 12px; }
.icon-box { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; color: var(--color-primary-dark); background: linear-gradient(145deg,#eeeaff,#e3faf5); }.icon-box svg { width: 25px; }

.timeline { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 26px; list-style: none; counter-reset: step; }
.timeline::before { content: ""; position: absolute; top: 31px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg,var(--color-primary),var(--color-secondary)); }
.timeline li { position: relative; text-align: center; }.step-number { position: relative; z-index: 1; width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto 24px; border: 1px solid #d8d3ff; border-radius: 50%; color: var(--color-primary-dark); background: #fff; box-shadow: 0 8px 20px rgba(111,92,255,.12); font-size: .8rem; font-weight: 850; letter-spacing: .08em; }
.timeline h3 { font-size: 1.1rem; }.timeline p { margin-top: 10px; font-size: .9rem; }

.interface-layout { display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; gap: 68px; }.interface-copy h2 { max-width: 500px; }.interface-copy > p { margin-top: 22px; }.interface-copy .text-link { margin-top: 25px; }
.check-list { display: grid; gap: 12px; margin-top: 25px; list-style: none; }.check-list li { display: flex; align-items: flex-start; gap: 10px; }.check-list svg { width: 20px; flex: 0 0 20px; margin-top: 2px; color: var(--color-secondary); }
.dashboard-shell { overflow: hidden; border: 1px solid #cfd4e2; border-radius: 20px; background: #f8f9fc; box-shadow: var(--shadow-lg); transform: perspective(1200px) rotateY(-2deg); }
.dashboard-top { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #e1e4ed; background: #fff; }.dash-brand,.dash-actions { display:flex;align-items:center;gap:10px; }.dash-brand i { width: 22px;height:22px;border-radius:7px;background:linear-gradient(145deg,var(--color-primary),var(--color-secondary)); }.dash-brand span { color:var(--color-heading);font-size:.72rem;font-weight:750; }.dash-actions i { width:8px;height:8px;border-radius:50%;background:#d5d8e3; }.dash-actions b { width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--color-primary);font-size:.58rem; }
.dashboard-body { display:grid;grid-template-columns:56px 1fr; }.dash-nav { display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:24px;border-right:1px solid #e2e5ed;background:#fff; }.dash-nav i { width:18px;height:18px;border:2px solid #b8becd;border-radius:6px; }.dash-nav i.active { border-color:var(--color-primary);background:#ece9ff; }
.dash-main { min-width:0;padding:24px; }.dash-title { display:flex;justify-content:space-between;gap:20px;align-items:start; }.dash-title small,.dash-title strong { display:block; }.dash-title small { color:#8a90a3;font-size:.58rem; }.dash-title strong { margin-top:3px;color:var(--color-heading);font-size:.96rem; }.status-pill { padding:5px 9px;border-radius:20px;color:#5b4bcb;background:#ebe8ff;font-size:.56rem;font-weight:750; }
.dash-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px; }.dash-metrics>div { min-width:0;padding:13px;border:1px solid #e2e5ed;border-radius:10px;background:#fff; }.dash-metrics small,.dash-metrics strong,.dash-metrics em { display:block; }.dash-metrics small { color:#8c91a4;font-size:.52rem; }.dash-metrics strong { margin-top:4px;color:var(--color-heading);font-size:.76rem; }.dash-metrics em { margin-top:3px;color:#6a7187;font-size:.48rem;font-style:normal; }.meter { height:4px;display:block;margin-top:7px;border-radius:5px;background:#e6e8ee; }.meter i { width:58%;height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,var(--color-secondary),#f4c762); }
.dash-panels { display:grid;grid-template-columns:1.7fr .75fr;gap:10px;margin-top:10px; }.chart-panel,.allocation-panel { padding:14px;border:1px solid #e2e5ed;border-radius:10px;background:#fff; }.panel-label { display:flex;justify-content:space-between;align-items:center;color:var(--color-heading);font-size:.6rem;font-weight:750; }.panel-label small { color:#8b91a4;font-size:.46rem;font-weight:500; }.chart-panel svg { width:100%;height:140px;margin-top:6px;overflow:visible; }.chart-area { fill:url(#chartFill); }.chart-line { fill:none;stroke:var(--color-primary);stroke-width:3;stroke-linecap:round; }.chart-grid { fill:none;stroke:#e7e9f0;stroke-width:1; }
.donut { width:90px;height:90px;display:grid;place-items:center;margin:15px auto;border-radius:50%;background:conic-gradient(var(--color-primary) 0 38%,var(--color-secondary) 38% 67%,#92a1f8 67% 84%,#e6e8f0 84%); }.donut::before { content:"";grid-area:1/1;width:58px;height:58px;border-radius:50%;background:#fff; }.donut span { z-index:1;grid-area:1/1;color:var(--color-heading);font-size:.8rem;font-weight:800;text-align:center; }.donut small { display:block;color:#8a90a2;font-size:.42rem;font-weight:500; }.allocation-panel ul { display:grid;gap:4px;list-style:none;font-size:.48rem; }.allocation-panel li { display:flex;align-items:center;gap:5px; }.allocation-panel li i { width:6px;height:6px;border-radius:50%;background:var(--color-primary); }.allocation-panel li:nth-child(2) i { background:var(--color-secondary); }.allocation-panel li:nth-child(3) i { background:#92a1f8; }

.capability-grid { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border); }.capability-grid article { min-height:180px;display:flex;gap:18px;padding:28px 24px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff; }.capability-grid svg { width:24px;flex:0 0 24px;color:var(--color-primary-dark); }.capability-grid p { margin-top:9px;font-size:.88rem; }

.security-band { color:#c8cce0;background:radial-gradient(circle at 80% 20%,rgba(32,201,166,.15),transparent 30%),linear-gradient(130deg,#11142f,#1b1e45); }.security-layout { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px; }.security-band h2 { color:#fff; }.security-band p { max-width:590px;margin-top:22px; }.security-band .button { margin-top:30px; }.security-list { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none; }.security-list li { min-height:150px;padding:23px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05); }.security-list svg { width:24px;color:#67e6cd; }.security-list span,.security-list strong { display:block; }.security-list strong { margin-top:18px;color:#fff;font-size:.95rem; }.security-list span { font-size:.78rem; }

.table-scroll { overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm); }.table-scroll:focus { outline:3px solid var(--color-secondary);outline-offset:3px; }.comparison table { width:100%;min-width:760px;border-collapse:collapse;background:#fff; }.comparison th,.comparison td { padding:19px 22px;border-bottom:1px solid var(--color-border);text-align:left; }.comparison thead th { color:var(--color-heading);background:#f5f6fa;font-size:.83rem;text-transform:uppercase;letter-spacing:.04em; }.comparison tbody th { color:var(--color-heading);font-size:.9rem; }.comparison td { font-size:.88rem; }.comparison tr:last-child th,.comparison tr:last-child td { border-bottom:0; }.comparison .featured-col { background:#f4f2ff; }.comparison td svg { display:inline-block;width:17px;margin-right:8px;color:var(--color-secondary);vertical-align:middle; }

.article-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }.article-card { overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:0 8px 24px rgba(16,19,45,.04); }.article-visual { position:relative;height:185px;overflow:hidden;background:linear-gradient(135deg,#1a1e43,#3a3279); }.visual-2 { background:linear-gradient(135deg,#14333e,#1e665e); }.visual-3 { background:linear-gradient(135deg,#2c214b,#674274); }.article-visual span { position:absolute;width:150px;height:150px;right:-25px;top:-35px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.05),0 0 0 70px rgba(255,255,255,.03); }.article-visual svg { position:absolute;inset:25px 18px;width:calc(100% - 36px);height:calc(100% - 50px);fill:none;stroke:#93ffe9;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 8px 9px rgba(32,201,166,.2)); }.article-visual circle { fill:#fff;stroke:var(--color-secondary); }.article-body { padding:27px; }.article-meta { color:var(--color-primary-dark);font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em; }.article-body h3,.article-body h2 { margin-top:12px;font-size:1.35rem; }.article-body h3 a,.article-body h2 a { text-decoration:none; }.article-body h3 a:hover,.article-body h2 a:hover { color:var(--color-primary-dark); }.article-body p { margin-top:13px;font-size:.9rem; }.article-body .text-link { margin-top:20px;font-size:.88rem; }.article-grid-page { align-items:stretch; }.article-grid-page .article-card { display:flex;flex-direction:column; }.article-grid-page .article-body { flex:1;display:flex;flex-direction:column; }.article-grid-page .text-link { margin-top:auto;padding-top:22px; }

.faq-layout,.faq-page-layout { display:grid;grid-template-columns:.65fr 1.35fr;align-items:start;gap:80px; }.faq-intro { position:sticky;top:calc(var(--header-height) + 30px); }.faq-intro p,.faq-page-layout>div>p { margin-top:20px; }.faq-intro .text-link { margin-top:24px; }.accordion { border-top:1px solid var(--color-border); }.accordion-item { border-bottom:1px solid var(--color-border); }.accordion-item h2,.accordion-item h3 { font-size:1rem;letter-spacing:normal; }.accordion-item button { width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 2px;border:0;background:transparent;color:var(--color-heading);font-weight:750;text-align:left;cursor:pointer; }.accordion-item button:hover { color:var(--color-primary-dark); }.accordion-item button i { position:relative;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#efedff; }.accordion-item button i::before,.accordion-item button i::after { content:"";position:absolute;top:10px;left:6px;width:10px;height:2px;background:var(--color-primary-dark); }.accordion-item button i::after { transform:rotate(90deg);transition:transform var(--transition); }.accordion-item button[aria-expanded="true"] i::after { transform:rotate(0); }.accordion-panel { padding:0 45px 24px 2px; }.accordion-panel p { line-height:1.75; }

.final-cta { color:#c8cce0;background:radial-gradient(circle at 25% 10%,rgba(111,92,255,.28),transparent 28%),linear-gradient(120deg,#10132d,#1a2148); }.final-cta-grid { display:grid;grid-template-columns:1fr minmax(380px,.72fr);align-items:center;gap:90px; }.final-copy h2 { color:#fff; }.final-copy>p { margin-top:22px;font-size:1.08rem; }.final-cta .risk-notice { color:#cbd0e3;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12); }.final-cta .risk-notice a { color:#a9fff0; }
.risk-notice { display:flex;align-items:flex-start;gap:13px;margin-top:35px;padding:18px;border:1px solid #dfd9ff;border-radius:12px;background:#f7f5ff;font-size:.78rem;line-height:1.6; }.risk-notice-icon { width:22px;flex:0 0 22px;color:var(--color-primary-dark); }.risk-notice a { color:var(--color-primary-dark);font-weight:750; }

.cookie-banner { position:fixed;z-index:300;left:20px;right:20px;bottom:20px;width:min(calc(100% - 40px),1100px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 22px;border:1px solid #d7dbea;border-radius:15px;background:#fff;box-shadow:0 20px 60px rgba(10,13,34,.25); }.cookie-copy strong { color:var(--color-heading); }.cookie-copy p { margin-top:4px;font-size:.83rem; }.cookie-actions { display:flex;gap:8px;flex-shrink:0; }
.cookie-dialog { width:min(calc(100% - 32px),600px);padding:0;border:0;border-radius:20px;color:var(--color-text);box-shadow:0 30px 90px rgba(10,13,34,.4); }.cookie-dialog::backdrop { background:rgba(10,13,34,.66);backdrop-filter:blur(3px); }.cookie-dialog form { padding:30px; }.dialog-heading { display:flex;justify-content:space-between;gap:20px;align-items:start; }.dialog-heading .eyebrow { margin-bottom:8px; }.dialog-heading h2 { font-size:1.7rem; }.icon-button { width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;background:#fff;font-size:1.5rem;cursor:pointer; }.cookie-dialog form>p { margin:18px 0 22px; }.cookie-option { min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--color-border); }.cookie-option strong,.cookie-option span span { display:block; }.cookie-option strong { color:var(--color-heading); }.cookie-option span span { margin-top:2px;font-size:.8rem; }.cookie-option input { width:22px;height:22px;accent-color:var(--color-primary); }.dialog-actions { display:flex;justify-content:flex-end;gap:10px;margin-top:25px; }

.contact-note { padding:30px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm); }.contact-note h2 { margin-top:20px;font-size:1.55rem; }.contact-note p { margin-top:12px; }.contact-layout { display:grid;grid-template-columns:.75fr 1fr;align-items:start;gap:90px; }.contact-layout>div>p { margin-top:20px; }.support-cards { display:grid;gap:12px;margin-top:30px; }.support-cards article { padding:18px;border:1px solid var(--color-border);border-radius:12px;background:#fff; }.support-cards strong,.support-cards span { display:block; }.support-cards strong { color:var(--color-heading); }.support-cards span { margin-top:4px;font-size:.86rem; }
.integrations { padding:36px 0;border-bottom:1px solid var(--color-border);background:#fff; }.integrations .container { display:flex;align-items:center;gap:30px; }.integrations .eyebrow { margin:0; }.integrations h2 { font-size:1rem; }.integration-list { display:flex;flex-wrap:wrap;gap:10px; }.integration-list span { padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-heading);font-size:.82rem;font-weight:700; }.testimonial-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }.testimonial-grid figure { margin:0;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff; }.testimonial-grid blockquote { margin:0;color:var(--color-heading);font-size:1.02rem;line-height:1.65; }.testimonial-grid figcaption { margin-top:18px;color:var(--color-muted);font-size:.82rem;font-weight:700; }