:root {
  --ink: #ecf7ff;
  --muted: #9db6cf;
  --navy: #04152b;
  --navy-2: #072143;
  --navy-3: #0a2e5b;
  --blue: #168cff;
  --cyan: #25c9ff;
  --line: rgba(105, 190, 255, 0.2);
  --panel: rgba(7, 34, 68, 0.82);
  --shadow: 0 22px 60px rgba(0, 6, 22, 0.35);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; color: var(--ink); background: var(--navy); font-family: "Alexandria", "Tajawal", sans-serif; line-height: 1.75; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; z-index: -2; background: radial-gradient(circle at 80% 4%, rgba(15, 120, 255, 0.24), transparent 32%), linear-gradient(180deg, #061a36 0%, #04152b 55%, #06162f 100%); }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 104px 0; }
.soft-section { background: linear-gradient(180deg, rgba(10, 47, 91, 0.42), rgba(3, 19, 40, 0.18)); border-block: 1px solid var(--line); }
.skip-link { position: fixed; z-index: 999; inset-inline-start: 18px; top: -100px; background: white; color: #00162e; padding: 10px 15px; border-radius: 10px; }
.skip-link:focus { top: 14px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }

.site-header { position: fixed; z-index: 80; inset: 0 0 auto; height: 82px; background: linear-gradient(180deg, rgba(2, 18, 43, .86), rgba(2, 18, 43, .42)); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(95, 186, 255, 0.14); }
.nav-shell { height: 100%; display: flex; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand-mark { width: 40px; height: 45px; display: flex; align-items: center; gap: 2px; transform: skew(-13deg); }
.brand-mark i { width: 11px; display: block; border-radius: 50% 4px 50% 4px; background: linear-gradient(180deg, var(--cyan), #1267ff); box-shadow: 0 0 17px rgba(37, 201, 255, 0.45); }
.brand-mark i:nth-child(1) { height: 24px; }.brand-mark i:nth-child(2) { height: 40px; }.brand-mark i:nth-child(3) { height: 31px; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.25; }.brand-copy b { font-size: 24px; letter-spacing: 1px; }.brand-copy small { color: var(--muted); font-size: 9px; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 20px; flex: 1; }
.desktop-nav a { color: #b8cce0; font-size: 13px; position: relative; transition: .2s ease; }
.desktop-nav a::after { content: ""; position: absolute; height: 2px; width: 0; bottom: -13px; right: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); transition: .2s ease; }
.desktop-nav a:hover, .desktop-nav a.active { color: white; }.desktop-nav a.active::after { width: 28px; right: calc(50% - 14px); }
.nav-actions { display: flex; align-items: center; gap: 11px; }
.account-actions { display: flex; align-items: center; gap: 7px; }
.account-link { min-width: max-content; border: 1px solid rgba(82, 184, 245, .34); border-radius: 10px; padding: 7px 10px; font-size: 10px; font-weight: 700; transition: .2s ease; }
.account-link:hover { transform: translateY(-1px); border-color: var(--cyan); }
.account-link-primary { color: #fff; background: linear-gradient(135deg, #0876ee, #12afff); box-shadow: 0 8px 20px rgba(12,137,255,.22); }
.account-link-quiet { color: #b9d1e4; background: rgba(4,35,69,.54); }
.mobile-account-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 11px; }
.mobile-account-links a { text-align: center; border: 1px solid rgba(79,192,251,.34)!important; border-radius: 10px; background: rgba(14,85,151,.25); }
.language-toggle { display: inline-flex; align-items: center; gap: 8px; min-width: max-content; padding: 7px 10px; color: #8faac2; background: rgba(3, 27, 59, .52); border: 1px solid rgba(113, 190, 245, .28); border-radius: 10px; cursor: pointer; font-size: 10px; }.language-toggle span { transition: color .2s ease; }.language-toggle span.active { color: #fff; font-weight: 700; }.language-toggle i { width: 1px; height: 13px; background: rgba(255,255,255,.26); }
.button { border: 1px solid transparent; border-radius: 12px; padding: 12px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; font-weight: 600; }
.button:hover { transform: translateY(-2px); }.button:disabled { opacity: .55; cursor: wait; transform: none; }
.button-primary { background: linear-gradient(135deg, #0876ee, #12afff); box-shadow: 0 9px 28px rgba(12, 137, 255, 0.3); color: white; }
.button-outline, .button-quiet { background: rgba(7, 41, 79, 0.45); border-color: rgba(147, 205, 255, 0.42); }
.button-quiet:hover, .button-outline:hover { border-color: var(--cyan); background: rgba(22, 140, 255, 0.14); }
.menu-button { display: none; border: 0; background: none; width: 42px; height: 42px; padding: 10px; }
.menu-button span { display: block; height: 2px; background: white; margin: 5px 0; }
.mobile-nav { display: none; }

.hero { min-height: 820px; position: relative; display: grid; align-items: center; padding: 112px 0 54px; overflow: hidden; }
.hero::after { content: ""; position: absolute; inset: auto -12% -42% -12%; height: 60%; background: radial-gradient(ellipse at center, rgba(0, 131, 255, .38), transparent 66%); pointer-events: none; }
.hero-art { position: absolute; inset: 0; background: url("assets/riyadh-ai-hero.png") 42% center/cover no-repeat; filter: saturate(1.12) contrast(1.08) brightness(.9); transform: scale(1.01); }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2, 16, 38, .12), rgba(2, 16, 38, .38) 44%, rgba(2, 16, 38, .88) 78%, rgba(2, 16, 38, .98) 100%), linear-gradient(0deg, #04152b 0%, transparent 30%); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 48px; }
.hero-copy { padding-block: 35px; }
.hero-copy h1 { font-size: clamp(45px, 5.35vw, 72px); line-height: 1.2; margin: 0 0 24px; letter-spacing: -2.5px; max-width: 600px; text-shadow: 0 8px 34px rgba(0, 5, 24, .62); }.hero-copy h1 span { display: block; color: #fff; text-shadow: 0 0 32px rgba(31, 164, 255, .34); }
.hero-copy p { color: #e0edf8; font-size: 18px; max-width: 610px; margin: 0 0 32px; line-height: 1.95; text-shadow: 0 3px 16px rgba(0, 9, 28, .75); }
.eyebrow, .section-kicker { color: #78d8ff; font-weight: 700; font-size: 13px; letter-spacing: .2px; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #43e2b2; display: inline-block; margin-inline-end: 8px; box-shadow: 0 0 0 7px rgba(67, 226, 178, .1), 0 0 14px #43e2b2; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-bottom: 24px; }.hero-proof { display: flex; flex-wrap: wrap; gap: 12px 22px; color: #b9d2e8; font-size: 12px; }
.hero-showcase { position: relative; width: min(650px, 112%); aspect-ratio: 728 / 360; margin: 0; margin-inline-start: -9%; justify-self: start; overflow: hidden; background: transparent; filter: drop-shadow(0 20px 28px rgba(0, 5, 24, .42)); transform: translateY(8px); }
.showcase-layer { position: absolute; inset: 0; width: 100%; height: 103.62%; object-fit: cover; object-position: top center; pointer-events: none; user-select: none; }
.showcase-screen { clip-path: polygon(19.1% 2.6%, 88.2% 12.2%, 91.4% 95.8%, 19.1% 96.3%); }
.showcase-badge-results { clip-path: inset(6.9% 69.9% 74.5% 4.5% round 15px); }
.showcase-badge-compliance { clip-path: inset(38% 72.3% 36.2% 5.2% round 15px); }
.showcase-badge-flex { clip-path: inset(81.1% 71.8% 3.5% 5.8% round 15px); }

.section-heading { margin-bottom: 42px; }.section-heading.centered { text-align: center; max-width: 720px; margin-inline: auto; }.section-heading h2,.group-heading h2,.assistant-intro h2,.compliance-copy h2,.contact-copy h2 { font-size: clamp(29px, 4vw, 43px); line-height: 1.35; margin: 8px 0 12px; letter-spacing: -1px; }.section-heading p,.group-heading p,.assistant-intro p,.compliance-copy p,.contact-copy p { color: var(--muted); margin: 0; }
.service-group { scroll-margin-top: 90px; padding-top: 10px; }.service-group + .service-group { margin-top: 100px; }.group-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 30px; }.group-heading p { max-width: 400px; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }.product-card { min-width: 0; background: linear-gradient(160deg, rgba(10, 48, 91, .72), rgba(4, 27, 55, .9)); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; display: flex; flex-direction: column; min-height: 405px; transition: .25s ease; }.product-card:hover { transform: translateY(-6px); border-color: rgba(36, 196, 255, .52); box-shadow: var(--shadow); }.product-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: rgba(16, 142, 255, .16); border: 1px solid rgba(50, 187, 255, .34); color: #75dcff; font-weight: 800; margin-bottom: 22px; }.product-copy { flex: 1; }.product-card h3 { margin: 0 0 8px; font-size: 18px; }.product-card p { color: #abc1d5; font-size: 13px; margin: 0 0 15px; }.product-card ul,.subscription-card ul { list-style: none; padding: 0; margin: 0; color: #b9cede; font-size: 12px; }.product-card li::before,.subscription-card li::before { content: "✓"; color: #4edbb3; margin-inline-end: 7px; }.product-footer { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 20px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }.product-footer .button { padding: 9px 13px; font-size: 12px; }
.company-group { position: relative; }.company-service-list { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: rgba(6, 35, 69, .58); }.company-service { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 28px; border: 0; border-bottom: 1px solid var(--line); text-align: right; background: transparent; cursor: pointer; transition: background .2s ease; }.company-service:last-child { border-bottom: 0; }.company-service:hover { background: rgba(15, 111, 205, .15); }.company-service > span { display: flex; flex-direction: column; }.company-service b { font-size: 18px; }.company-service small { color: var(--muted); margin-top: 3px; }.company-service em { color: #fff; font-style: normal; font-weight: 600; min-width: max-content; padding: 8px 13px; border: 1px solid rgba(79, 199, 255, .48); border-radius: 10px; background: linear-gradient(135deg, #0876ee, #12afff); box-shadow: 0 8px 22px rgba(12, 137, 255, .24); font-size: 12px; }.assistant-service-list { margin-top: 22px; border-color: rgba(52, 190, 255, .44); box-shadow: 0 16px 45px rgba(0, 113, 230, .1); }.assistant-service-list .company-service { background: linear-gradient(135deg, rgba(9, 72, 137, .48), rgba(5, 38, 77, .72)); }
.assistant-section { background: radial-gradient(circle at 20% 40%, rgba(0, 145, 255, .2), transparent 38%), #031226; border-block: 1px solid var(--line); }.assistant-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }.assistant-points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }.assistant-points span { color: #8fe7ff; background: rgba(21, 155, 234, .1); border: 1px solid rgba(72, 189, 255, .2); padding: 6px 10px; border-radius: 99px; font-size: 11px; }
.chat-card { border: 1px solid rgba(66, 193, 255, .36); border-radius: 24px; overflow: hidden; box-shadow: var(--shadow); background: rgba(5, 28, 58, .94); }.chat-head { padding: 16px 18px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid var(--line); }.assistant-avatar { width: 40px; height: 40px; display: grid; place-items: center; background: linear-gradient(135deg,#0875ec,#22c8ff); border-radius: 12px; font-weight: 800; }.chat-head div { display: flex; flex-direction: column; }.chat-head small { color: var(--muted); font-size: 10px; }.chat-head i { display: inline-block; width: 6px; height: 6px; background: #44e2ad; border-radius: 50%; }
.chat-messages { height: 340px; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 12px; background: linear-gradient(rgba(6,33,67,.7),rgba(3,22,47,.76)); }.chat-message { max-width: 88%; border-radius: 15px 15px 4px 15px; padding: 12px 14px; background: rgba(16, 66, 116, .72); color: #dcecf8; font-size: 13px; }.chat-message.bot { align-self: flex-start; border-radius: 15px 15px 15px 4px; border: 1px solid rgba(68, 167, 235, .2); }.chat-message.user { align-self: flex-end; background: linear-gradient(135deg,#0d75e4,#119ddb); }.chat-message.error { color: #ffd4d4; border-color: rgba(255,103,103,.3); }.chat-message.loading { display: flex; gap: 5px; }.chat-message.loading span { width: 7px; height: 7px; border-radius: 50%; background: #61cff8; animation: pulse 1s infinite alternate; }.chat-message.loading span:nth-child(2){animation-delay:.2s}.chat-message.loading span:nth-child(3){animation-delay:.4s}
.answer-sources { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 5px; font-size: 10px; }.answer-sources a { color: #6ed8ff; text-decoration: underline; text-underline-offset: 3px; }.chat-form { display: grid; grid-template-columns: 1fr 48px; gap: 10px; padding: 13px; border-top: 1px solid var(--line); }.chat-form textarea { resize: none; min-height: 50px; }.chat-form button { border: 0; border-radius: 13px; background: linear-gradient(135deg,#0878ec,#18bdff); color: white; font-size: 24px; cursor: pointer; }.chat-disclaimer { margin: 0; padding: 0 16px 13px; color: #7694ae; font-size: 9px; }

.steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.step-card { position: relative; border-top: 1px solid rgba(56, 184, 255, .45); background: rgba(6, 33, 66, .48); padding: 25px; border-radius: 0 0 18px 18px; }.step-card > span { color: #34c9ff; font-size: 12px; font-weight: 800; }.step-card h3 { margin: 15px 0 5px; }.step-card p { color: var(--muted); font-size: 12px; margin: 0; }
.subscription-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 900px; margin: auto; }.subscription-grid.three-plans { grid-template-columns: repeat(3, 1fr); max-width: 1160px; }.subscription-card { border: 1px solid var(--line); background: rgba(7, 35, 69, .68); border-radius: var(--radius); padding: 30px; }.subscription-card.featured { border-color: rgba(35, 190, 255, .55); box-shadow: 0 0 45px rgba(0, 130, 255, .1); }.subscription-card > span { color: #69d8ff; font-size: 12px; }.subscription-card h3 { font-size: 25px; margin: 5px 0 15px; }.subscription-price { display: flex; align-items: end; gap: 7px; min-height: 52px; margin-bottom: 18px; }.subscription-price b { font-size: 32px; }.subscription-price small { color: var(--muted); }.subscription-card ul { line-height: 2.2; margin-bottom: 22px; }.subscription-card .button { width: 100%; }
.bank-strip { max-width: 900px; margin: 25px auto 0; padding: 15px 18px; display: flex; align-items: center; gap: 13px; border: 1px solid rgba(60,190,255,.28); background: rgba(9,49,92,.5); border-radius: 16px; }.bank-strip > div { display: flex; flex: 1; flex-direction: column; }.bank-icon { width: 42px; height: 42px; display: grid; place-items: center; background: rgba(24,145,235,.16); border-radius: 11px; }

.compliance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }.compliance-status { margin-top: 23px; display: flex; justify-content: flex-start; gap: 12px; color: var(--muted); font-size: 11px; }.compliance-status span { color: #71e3bd; }.compliance-status i { display: inline-block; width: 7px; height: 7px; background: #4fe5af; border-radius: 50%; margin-inline-end: 6px; }.source-list { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }.source-list a { display: grid; grid-template-columns: 145px 1fr auto; align-items: center; gap: 15px; padding: 17px 20px; background: rgba(7, 36, 71, .7); border-bottom: 1px solid var(--line); transition: .2s ease; }.source-list a:last-child { border-bottom: 0; }.source-list a:hover { background: rgba(18, 87, 151, .35); }.source-list span { color: #72d9ff; font-size: 10px; }.source-list b { font-size: 12px; }.source-list i { color: #56cdf7; font-style: normal; }.legal-line { color: #9eb5c8; margin: 30px 0 0; font-size: 11px; border-inline-start: 2px solid #28bff9; padding-inline-start: 12px; }

[dir="ltr"] .company-service { text-align: left; }
[dir="ltr"] .hero-copy h1 { letter-spacing: -1.5px; }
.faq-grid { display: grid; grid-template-columns: .5fr 1fr; gap: 70px; }.faq-list details { border-bottom: 1px solid var(--line); padding: 18px 0; }.faq-list summary { cursor: pointer; font-weight: 600; }.faq-list p { color: var(--muted); font-size: 13px; margin-bottom: 0; }
.contact { padding-bottom: 115px; }.contact-shell { border: 1px solid rgba(58,183,255,.34); border-radius: 26px; background: linear-gradient(135deg, rgba(10,58,109,.72), rgba(4,28,57,.9)); padding: 45px; display: grid; grid-template-columns: .7fr 1fr; gap: 60px; }.contact-copy > span:last-child { color: #6fd8fa; font-size: 11px; display: block; margin-top: 20px; }
.contact-form,.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.contact-form label,.field-grid label,.upload-field { display: flex; flex-direction: column; color: #c4d8e8; font-size: 11px; gap: 5px; }.full-field { grid-column: 1/-1; }
input, textarea, select { width: 100%; color: white; background: rgba(1, 17, 37, .7); border: 1px solid rgba(117, 181, 232, .24); border-radius: 11px; padding: 12px 13px; outline: none; transition: border-color .2s, box-shadow .2s; }.contact-form input,.contact-form textarea,.contact-form select { min-height: 47px; }textarea { resize: vertical; }select { color-scheme: dark; }input:focus,textarea:focus,select:focus { border-color: #28bff7; box-shadow: 0 0 0 3px rgba(40,191,247,.1); }.consent-field { flex-direction: row !important; align-items: flex-start; gap: 9px !important; }.consent-field input { width: 17px; min-height: 17px; margin-top: 3px; }.honey-field { position: absolute !important; inset-inline-start: -10000px; opacity: 0; }.form-feedback { margin: 0; color: #68e0bc; font-size: 11px; align-self: center; }

.final-footer { border-top: 1px solid rgba(53,175,245,.25); padding: 38px 0; background: #021022; }.footer-grid { display: flex; align-items: center; justify-content: space-between; gap: 40px; }.footer-brand { margin-bottom: 12px; }.final-footer p { color: #6f8ba5; font-size: 10px; }.footer-links { display:flex; gap:12px; }.footer-links a { color: #7992aa; font-size: 9px; text-decoration: underline; }.freelance-verification { display: flex; flex-direction: column; align-items: flex-start; }.footer-label { color: #9ab4cb; font-size: 10px; }.freelance-row { display: flex; align-items: center; gap: 15px; margin-top: 8px; }.freelance-logo { color: white; font-size: 15px; font-style: italic; line-height: 1; padding-inline-end: 16px; border-inline-end: 1px solid rgba(255,255,255,.25); }.freelance-logo b { display: block; }.freelance-row > div:last-child { display: flex; flex-direction: column; }.freelance-row strong { letter-spacing: 1px; }.freelance-row a { color: #65d5ff; font-size: 9px; }

dialog { color: var(--ink); }.app-dialog { width: min(820px, calc(100% - 24px)); max-height: calc(100vh - 30px); overflow-y: auto; border: 1px solid rgba(64,183,248,.42); border-radius: 24px; padding: 30px; background: #061a35; box-shadow: 0 35px 100px rgba(0,0,0,.65); }.app-dialog::backdrop { background: rgba(0, 7, 18, .76); backdrop-filter: blur(7px); }.dialog-close { position: absolute; top: 14px; inset-inline-end: 14px; width: 38px; height: 38px; border: 1px solid var(--line); background: rgba(7,42,80,.75); border-radius: 50%; cursor: pointer; font-size: 22px; }.service-dialog-head { display: flex; justify-content: space-between; align-items: start; gap: 30px; padding-inline-end: 42px; }.service-dialog-head h2 { margin: 4px 0; font-size: 28px; }.service-dialog-head p { color: var(--muted); font-size: 12px; margin: 0; max-width: 550px; }.service-price { min-width: max-content; background: rgba(9,127,223,.13); border: 1px solid rgba(48,192,255,.3); color: #76ddff; border-radius: 99px; padding: 7px 11px; font-size: 12px; }
.flow-progress { display: flex; align-items: center; margin: 27px 0; color: #6e8ca7; font-size: 10px; }.flow-progress span { display: flex; align-items: center; gap: 6px; min-width: max-content; }.flow-progress b { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #133c64; }.flow-progress i { height: 1px; flex: 1; background: rgba(102,178,233,.2); margin: 0 8px; }.flow-progress span.active { color: #aeeaff; }.flow-progress span.active b { background: #148cef; color: white; }
.flow-panel { animation: rise .25s ease; }.flow-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; }.flow-actions.one-action { justify-content: flex-end; }.privacy-hint { color: #7f9ab2; font-size: 10px; margin: 14px 0 0; }.field-grid label span { color: #7391aa; }.upload-field { grid-column: 1/-1; margin-top: 16px; border: 1px dashed rgba(87,181,238,.32); border-radius: 14px; padding: 15px; }.upload-field input { padding: 8px; }.upload-field small,.upload-field em { color: #819bb2; font-style: normal; }.choice-field { margin: 0; border: 0; padding: 0; }.choice-field legend { color: #c4d8e8; font-size: 11px; margin-bottom: 7px; }.checkbox-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; }.checkbox-grid label { display: flex; flex-direction: row; align-items: center; gap: 8px; border: 1px solid var(--line); padding: 9px; border-radius: 10px; background: rgba(2,19,41,.45); }.checkbox-grid input { width: 15px; }.bank-box { display: flex; align-items: center; gap: 12px; margin-top: 18px; border: 1px solid rgba(69,187,245,.25); padding: 13px; border-radius: 13px; background: rgba(8,50,91,.44); }.bank-box div { display: flex; flex-direction: column; }.bank-box p { color: var(--muted); font-size: 10px; margin: 2px 0 0; }.request-success { text-align: center; padding: 25px 10px 5px; }.success-check { width: 64px; height: 64px; display: grid; place-items: center; margin: auto; border-radius: 50%; background: rgba(55,222,168,.1); border: 1px solid rgba(55,222,168,.4); color: #51e0ae; font-size: 28px; }.request-success h3 { font-size: 25px; margin: 16px 0 5px; }.request-success p { color: var(--muted); }.toast { position: fixed; z-index: 200; bottom: 25px; left: 50%; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; background: #0b345e; border: 1px solid #237bc0; box-shadow: var(--shadow); border-radius: 12px; padding: 11px 16px; font-size: 12px; transition: .25s ease; }.toast.show { opacity: 1; transform: translate(-50%, 0); }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }.reveal.visible { opacity: 1; transform: none; }
@keyframes pulse { to { opacity: .3; transform: translateY(-3px); } }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } }

@media (max-width: 1050px) {
  .desktop-nav { display: none; }.nav-shell { justify-content: space-between; }.menu-button { display: block; }.mobile-nav { position: fixed; top: 82px; inset-inline: 20px; z-index: 90; display: none; flex-direction: column; padding: 15px; background: rgba(4,24,49,.98); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow); }.mobile-nav.open { display: flex; }.mobile-nav a { padding: 11px; border-bottom: 1px solid var(--line); }.mobile-nav a:last-child { border-bottom: 0; }
  .hero-grid { grid-template-columns: .9fr 1.1fr; gap: 30px; }.hero-copy h1 { font-size: 49px; }.hero-showcase { width: 108%; margin-inline-start: -5%; }.product-grid { grid-template-columns: 1fr 1fr; }.product-card { min-height: 360px; }
}
@media (max-width: 780px) {
  .account-actions { display: none; }
  .section { padding: 76px 0; }.hero { min-height: auto; padding: 132px 0 80px; }.hero-grid,.compliance-grid,.faq-grid,.contact-shell { grid-template-columns: 1fr; }.hero-grid { gap: 44px; }.hero-copy { padding: 0; text-align: center; }.hero-copy h1,.hero-copy p { margin-inline: auto; }.hero-actions { justify-content: center; }.hero-overlay { background: linear-gradient(0deg, var(--navy) 0%, rgba(3,17,36,.83) 58%, rgba(2,14,31,.82) 100%); }.hero-copy h1 { font-size: 45px; }.hero-showcase { width: min(620px, 100%); margin-inline: auto; justify-self: center; transform: none; }.compliance-grid,.faq-grid,.contact-shell { gap: 38px; }.steps-grid { grid-template-columns: 1fr 1fr; }.subscription-grid.three-plans { grid-template-columns: 1fr; }.group-heading { align-items: start; flex-direction: column; gap: 8px; }.source-list a { grid-template-columns: 120px 1fr auto; }.contact-shell { padding: 30px; }.footer-grid { align-items: flex-start; }
}
@media (max-width: 560px) {
  .container { width: min(100% - 28px, 1160px); }.site-header { height: 72px; }.brand-copy b { font-size: 20px; }.brand-copy small { display: none; }.brand-mark { width: 31px; height: 37px; }.brand-mark i { width: 8px; }.brand-mark i:nth-child(1){height:20px}.brand-mark i:nth-child(2){height:34px}.brand-mark i:nth-child(3){height:26px}.nav-actions .button { padding: 9px 11px; font-size: 11px; }.mobile-nav { top: 72px; }
  .hero { padding-top: 112px; }.hero-copy h1 { font-size: 36px; letter-spacing: -1px; }.hero-copy p { font-size: 14px; }.language-toggle { padding: 6px 8px; }.hero-showcase { width: 106%; margin-inline-start: -3%; }
  .product-grid,.steps-grid,.subscription-grid,.contact-form,.field-grid { grid-template-columns: 1fr; }.product-card { min-height: 0; }.company-service { align-items: flex-start; flex-direction: column; gap: 10px; padding: 20px; }.company-service small { line-height: 1.7; }.chat-messages { height: 380px; }.source-list a { grid-template-columns: 1fr auto; }.source-list a span { grid-column: 1/-1; }.compliance-status,.footer-grid { flex-direction: column; }.contact-shell { padding: 23px; }.full-field { grid-column: auto; }.bank-strip { align-items: flex-start; }.footer-grid { gap: 30px; }.app-dialog { padding: 23px 18px; }.service-dialog-head { flex-direction: column; gap: 12px; padding-inline-end: 35px; }.flow-progress span { font-size: 0; }.flow-progress b { font-size: 10px; }.checkbox-grid { grid-template-columns: 1fr; }.flow-actions { flex-direction: column-reverse; }.flow-actions .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }