/* Tirek's optical design layer: quiet content surfaces, responsive glass controls. */
:root {
  --glass-ink: #172033;
  --glass-muted: #627087;
  --glass-blue: #799af0;
  --glass-paper: #f5f7fb;
  --glass-line: rgba(255, 255, 255, .72);
  color-scheme: light dark;
}
:root[data-theme="light"] { color-scheme: only light; }
:root[data-theme="dark"] { color-scheme: dark; }
html { scroll-padding-top: 105px; }

body { background: var(--glass-paper); color: var(--glass-ink); }
::selection { background: #b9c9fa; color: #111c34; }
:focus-visible { outline: 2px solid #92adff; outline-offset: 4px; }
.container { width: min(100% - 88px, 1400px); }

.site-header {
  position: fixed;
  top: 16px;
  left: 18px;
  right: 18px;
  z-index: 80;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 24px;
  background: linear-gradient(115deg, rgba(26,38,62,.68), rgba(20,32,54,.55));
  box-shadow: inset 0 1px rgba(255,255,255,.28), 0 18px 50px rgba(11,20,36,.17);
  backdrop-filter: blur(28px) saturate(155%);
  -webkit-backdrop-filter: blur(28px) saturate(155%);
}
.header-inner { min-height: 67px; width: min(100% - 42px, 1380px); }
.brand { color: #f9fbff; font-size: 27px; letter-spacing: -.08em; }
.brand-mark i { background: linear-gradient(145deg,#fff 5%,#b7ccff 50%,#82b3d7); box-shadow: 0 2px 8px rgba(184,210,255,.28); }
.brand-period { color: #a9c6ff; }
.brand-caption { color: #c6d2e8; border-left-color: rgba(255,255,255,.25); }
.main-nav { gap: clamp(14px,2vw,33px); color: #e7ecf7; font-size: 12px; }
.main-nav > a:not(.header-cta):hover { color: #fff; }
.header-cta {
  border-color: rgba(255,255,255,.46);
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  box-shadow: inset 0 1px rgba(255,255,255,.24);
}
.header-cta:hover { background: rgba(255,255,255,.28); border-color: rgba(255,255,255,.68); }
.language-switch { color: #b5c2d7; }
.language-switch a[aria-current="page"] { color: #fff; }

.hero {
  min-height: 850px;
  padding-top: 96px;
  background: #0b1324;
  color: #f7f9ff;
  isolation: isolate;
}
.hero::before {
  inset: -6%;
  background:
    radial-gradient(ellipse 37% 48% at 78% 31%, rgba(111,144,231,.48), transparent 76%),
    radial-gradient(ellipse 32% 38% at 57% 74%, rgba(97,174,188,.22), transparent 76%),
    radial-gradient(ellipse 38% 43% at 15% 87%, rgba(81,111,171,.22), transparent 78%),
    linear-gradient(135deg,#0a1222 0%,#111d35 53%,#081220 100%);
  animation: hero-atmosphere 22s ease-in-out infinite alternate;
}
.hero::after {
  inset: 0;
  opacity: .48;
  background: linear-gradient(115deg,transparent 26%,rgba(255,255,255,.08) 49%,transparent 73%);
  background-size: 185% 100%;
  mask-image: linear-gradient(90deg,transparent 24%,#000 75%);
  animation: hero-sheen 19s ease-in-out infinite alternate;
}
.hero-glow {
  top: 4%; right: -13%;
  width: min(70vw,920px); height: min(70vw,920px);
  border: 1px solid rgba(242,249,255,.15);
  border-radius: 48% 52% 54% 46%;
  background: radial-gradient(circle at 30% 25%,rgba(255,255,255,.3),transparent 18%),radial-gradient(circle at 65% 72%,rgba(114,188,255,.2),transparent 58%),rgba(255,255,255,.025);
  box-shadow: inset 24px 20px 75px rgba(227,243,255,.12), inset -35px -45px 88px rgba(11,20,54,.57), 0 0 140px rgba(83,129,225,.15);
  filter: none;
  transform: rotate(-18deg);
  animation: lens-drift 17s ease-in-out infinite alternate;
}
.hero-layout { grid-template-columns: 1.02fr .98fr; min-height: 700px; gap: clamp(28px,5vw,82px); }
.hero-copy { padding: 80px 0 55px; }
.eyebrow { color: #b9c8e2; font-size: 11px; letter-spacing: .15em; }
.eyebrow-dot { background: #c1d4ff; box-shadow: 0 0 0 5px rgba(173,201,255,.13),0 0 19px #88aef4; }
.hero h1 { max-width: 780px; margin: 27px 0 23px; font-size: clamp(55px,5.7vw,90px); font-weight: 690; line-height: .99; letter-spacing: -.07em; }
.hero h1 em { color: #e6edff; background: linear-gradient(110deg,#fafbff 3%,#bcd0ff 48%,#e6f4f7 94%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-copy > p { max-width: 590px; color: #c1cce0; font-size: 17px; line-height: 1.62; letter-spacing: -.016em; }

.hero-ai-entry { position: relative; z-index: 5; width: min(100%,610px); margin-top: 35px; }
.hero-ai-overline { display: flex; align-items: center; gap: 9px; margin: 0 0 12px 3px; color: #bbcae5; font-size: 10px; font-weight: 740; letter-spacing: .12em; }
.hero-ai-overline strong { color: #f8fbff; font-size: 12px; letter-spacing: -.01em; }
.hero-ai-overline span:last-child { margin-left: auto; }
.hero-ai-live { width: 7px; height: 7px; border-radius: 50%; background: #c6e0ff; box-shadow: 0 0 0 4px rgba(194,219,255,.11),0 0 15px #a4c9ff; }
.hero-ai-field {
  position: relative;
  display: flex; align-items: center; gap: 14px;
  min-height: 76px; padding: 10px 10px 10px 14px;
  border: 1px solid rgba(239,247,255,.55); border-radius: 26px;
  background: linear-gradient(130deg,rgba(244,249,255,.25),rgba(210,227,255,.1) 64%,rgba(235,248,255,.2));
  box-shadow: inset 0 1px rgba(255,255,255,.42),inset 0 -1px rgba(255,255,255,.08),0 18px 52px rgba(1,7,23,.24),0 0 42px rgba(162,193,249,.09);
  backdrop-filter: blur(24px) saturate(155%); -webkit-backdrop-filter: blur(24px) saturate(155%);
  cursor: text;
  transition: border-color .25s,box-shadow .25s,transform .25s;
}
.hero-ai-field:hover,.hero-ai-field:focus-within { border-color: rgba(255,255,255,.88); box-shadow: inset 0 1px rgba(255,255,255,.6),0 24px 60px rgba(1,7,23,.3),0 0 48px rgba(165,203,255,.2); transform: translateY(-2px); }
.hero-ai-symbol { display: grid; flex: none; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.43); border-radius: 17px; color: #f7faff; background: radial-gradient(circle at 24% 16%,#d7e7ff,#92b1ef 42%,#5575b4 78%); box-shadow: inset 0 1px 2px rgba(255,255,255,.7),0 5px 16px rgba(19,36,74,.4); }
.hero-ai-symbol svg { width: 27px; height: 27px; filter: drop-shadow(0 1px 5px rgba(255,255,255,.6)); animation: ai-glint 5s ease-in-out infinite; }
.hero-ai-field input { width: 100%; min-width: 0; padding: 12px 0; border: 0; outline: 0; background: transparent; color: #fff; font: 500 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor: text; }
.hero-ai-field input::placeholder { color: #e1e7f4; opacity: .96; }
.hero-ai-enter { display: grid; flex: none; place-items: center; width: 45px; height: 45px; border: 1px solid rgba(255,255,255,.42); border-radius: 15px; color: #fff; background: rgba(255,255,255,.2); font-size: 22px; }
.hero-ai-entry > small { display: block; margin: 11px 3px 0; color: #a9b9d4; font-size: 12px; line-height: 1.45; }
.hero-actions { gap: 15px; margin-top: 25px; }
.hero-actions .button,.hero-secondary { min-height: 53px; padding: 0 21px; border-radius: 999px; font-size: 13px; }
.hero-actions .button { border: 1px solid rgba(255,255,255,.7); background: linear-gradient(145deg,#fff,#e7eeff); color: #1d2a45; box-shadow: inset 0 1px #fff,0 12px 28px rgba(2,8,24,.18); }
.hero-actions .button:hover { background: #fff; box-shadow: 0 17px 33px rgba(2,8,24,.25); }
.hero-secondary { display: inline-flex; gap: 19px; align-items: center; border: 1px solid rgba(255,255,255,.36); background: rgba(255,255,255,.07); color: #edf3ff; text-decoration: none; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.hero-secondary:hover { color: #fff; border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.16); }
.hero-assurance { margin-top: 31px; color: #bac9df; font-size: 11px; }
.hero-assurance span { border-left-color: rgba(255,255,255,.26); }
.hero-proof-stage { z-index: 2; gap: 15px; padding-top: 46px; }
.hero-proof-eyebrow { top: 10px; color: #c9d8f0; }
.hero-proof-video,.hero-proof-finance { display: block; height: auto; min-height: 0; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.55); border-radius: 27px; background: #111d32; color: #f7faff; box-shadow: 0 28px 65px rgba(1,7,19,.32); }
.hero-proof-video:hover,.hero-proof-finance:hover { transform: translateY(-4px); box-shadow: 0 35px 75px rgba(1,7,19,.4); }
.hero-proof-video::after { display: none; }
.hero-proof-video img,.hero-proof-finance img { display: block; width: 100%; height: auto; aspect-ratio: 2.2 / 1; object-fit: cover; object-position: center 43%; }
.hero-proof-video-caption,.hero-proof-finance-caption { position: relative; inset: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; width: 100%; min-height: 116px; padding: 19px 23px 21px; background: #18263e; color: #f7faff; text-align: left; text-decoration: none; }
.hero-proof-finance > .hero-proof-finance-caption { text-decoration: none; white-space: normal; }
.hero-proof-video-caption small,.hero-proof-finance-caption small { color: #b9caea; font-size: 10px; font-weight: 750; letter-spacing: .12em; }
.hero-proof-video-caption strong,.hero-proof-finance-caption strong { max-width: none; color: #fff; font-size: 22px; line-height: 1.13; letter-spacing: -.04em; }
.hero-proof-video-caption > span,.hero-proof-finance-caption > span { margin-top: auto; color: #dbe8ff; font-size: 13px; font-weight: 730; text-decoration: underline; text-underline-offset: 4px; }
.hero-foot { color: #a6b6d1; border-top-color: rgba(255,255,255,.16); }

.examples-section,.services-section,.faq-section { background: radial-gradient(ellipse 42% 34% at 87% 9%,rgba(201,218,255,.32),transparent 78%),linear-gradient(180deg,#f4f6fa,#fafbfd); }
.examples-section { padding: 106px 0 120px; }
.section-kicker,.concept-index { color: #6c7d98; }
.section-heading h2,.pricing-heading h2,.advisor-intro h2,.faq-heading h2 { color: #1a2438; font-weight: 690; }
.section-heading h2 em,.pricing-heading h2 em,.advisor-intro h2 em,.faq-heading h2 em,.concept h3 em { color: #6883b5; }
.section-heading p,.pricing-heading p,.advisor-intro > p { color: #66758d; font-size: 16px; line-height: 1.63; }
.real-work-grid { gap: 22px; }
.real-work-card,.compact-demo,.concept,.service-card,.pricing-card {
  border: 1px solid rgba(255,255,255,.95);
  background: rgba(255,255,255,.78);
  box-shadow: inset 0 1px #fff,0 16px 42px rgba(39,59,94,.08),0 2px 8px rgba(39,59,94,.035);
}
.real-work-card { border-radius: 29px; transition: transform .3s ease,box-shadow .3s ease; }
.real-work-card:hover { transform: translateY(-5px); box-shadow: inset 0 1px #fff,0 28px 55px rgba(39,59,94,.13); }
.finance-preview-action { position: absolute; right: 17px; bottom: 17px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.75); border-radius: 999px; background: #f5f7ff; color: #1b2942; box-shadow: 0 9px 24px rgba(5,13,32,.28); font-size: 12px; font-weight: 760; }
.real-work-top,.work-label { color: #7083a4; }
.real-work-body { padding: 29px; }
.real-work-body h3 { color: #1c2942; font-size: 30px; }
.real-work-body p { color: #67758a; font-size: 15px; line-height: 1.62; }
.work-links a { color: #4768ab; border-bottom-color: #9aadd9; font-size: 13px; }
.work-links a:hover { color: #254b91; }
.compact-demo { border-radius: 24px; }
.compact-demo span { color: #7788a4; }
.compact-demo strong { color: #20304b; }
.compact-demo p { color: #6a788f; }
.compact-demo > a { border: 1px solid rgba(255,255,255,.75); border-radius: 999px; background: #233a65; box-shadow: 0 9px 18px rgba(42,64,103,.17); font-size: 13px; }
.compact-demo > a:hover { background: #345283; }
.concept { border-radius: 30px; overflow: hidden; }
.concept-copy { padding: 52px 44px; }
.concept h3 { color: #1a263d; }
.concept-copy > p { color: #69788d; font-size: 15px; line-height: 1.62; }
.concept-copy > a { color: #365d9b; border-bottom-color: #7899c4; }
.concept-medicine { background: linear-gradient(135deg,rgba(255,255,255,.93),rgba(233,241,252,.72)); }
.atlas-app { background: rgba(251,253,255,.8); border-left-color: #dde6f4; }
.demo-separator { color: #8190ac; }
.demo-separator i { background: #d3ddeb; }

.services-section { padding: 124px 0 133px; background: radial-gradient(ellipse 48% 39% at 7% 88%,rgba(197,215,255,.31),transparent 76%),#f9fafd; }
.services-grid { gap: 16px; }
.service-card { min-height: 435px; padding: 21px; border-radius: 28px; background: rgba(255,255,255,.72); }
.service-card:hover { transform: translateY(-5px); box-shadow: inset 0 1px #fff,0 27px 53px rgba(37,58,101,.13); }
.service-card-top { color: #7286a6; font-size: 10px; }
.service-card h3 { color: #1b2943; font-size: 24px; }
.service-card p { color: #69778c; font-size: 14px; line-height: 1.56; }
.service-card small { color: #8490a3; font-size: 11px; border-top-color: #e3e9f2; }
.service-art { border-radius: 20px; filter: saturate(.8); }
.service-art-web { background: linear-gradient(135deg,#cddbf2,#e8f0f7); }
.service-art-learn { background: linear-gradient(135deg,#dae5f9,#c7d8ed); }
.service-art-video { background: linear-gradient(135deg,#243252,#607bb0); }
.service-art-custom { background: linear-gradient(135deg,#d9e4f3,#b7c9e2); }

.pricing-section { background: radial-gradient(ellipse 43% 55% at 12% 78%,rgba(123,154,230,.27),transparent 77%),linear-gradient(130deg,#111c32,#172641 63%,#101a2d); color: #f7faff; }
.pricing-heading h2 { color: #f7faff; }
.pricing-heading h2 em { color: #c2d3ff; }
.pricing-heading p { color: #bdcbe3; }
.pricing-section .section-kicker { color: #b0c4eb; }
.pricing-grid { gap: 14px; }
.pricing-card { min-height: 320px; padding: 27px; border: 1px solid rgba(255,255,255,.21); border-radius: 26px; background: linear-gradient(145deg,rgba(240,246,255,.14),rgba(234,244,255,.065)); box-shadow: inset 0 1px rgba(255,255,255,.21),0 16px 35px rgba(2,10,26,.17); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.pricing-card:hover { transform: translateY(-5px); box-shadow: inset 0 1px rgba(255,255,255,.27),0 27px 49px rgba(2,10,26,.23); }
.pricing-card > span { color: #aac2f4; }
.pricing-card h3 { color: #fff; font-size: 27px; }
.pricing-card p { color: #c2d0e5; font-size: 14px; line-height: 1.58; }
.pricing-card div { border-top-color: rgba(255,255,255,.17); }
.pricing-card strong { color: #fff; font-size: 23px; }
.pricing-card small { color: #acbdd8; font-size: 12px; }
.pricing-bottom { color: #b0c1dc; font-size: 13px; }
.pricing-bottom a { color: #e4edff; border-bottom-color: #a7bef1; }

.advisor-section { overflow: hidden; background: radial-gradient(ellipse 40% 80% at 81% 46%,rgba(192,213,255,.54),transparent 79%),linear-gradient(140deg,#f4f7fe,#edf2fb 64%,#f9fbff); }
.advisor-section::before { content:""; position:absolute; right:-9%; top:-46%; width:750px; height:750px; border:1px solid rgba(255,255,255,.68); border-radius:48%; background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.7),transparent 30%),rgba(255,255,255,.09); box-shadow: inset 24px 26px 85px rgba(255,255,255,.72),inset -28px -40px 85px rgba(134,171,240,.24),0 28px 110px rgba(113,146,215,.12); transform: rotate(18deg); animation: lens-drift 19s ease-in-out infinite alternate; pointer-events:none; }
.advisor-layout { position:relative; z-index:1; }
.advisor-launch { min-height: 104px; padding: 13px 14px 13px 20px; border: 1px solid rgba(255,255,255,.95); border-radius: 33px; background: linear-gradient(130deg,rgba(255,255,255,.82),rgba(224,235,255,.58)); color: #203051; box-shadow: inset 0 1px #fff,0 20px 42px rgba(54,83,135,.14); backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); animation: none; }
.advisor-launch:hover { transform: translateY(-3px); box-shadow: inset 0 1px #fff,0 27px 48px rgba(54,83,135,.2); }
.advisor-orbit { color: #5574b6; }
.advisor-orbit svg { filter: drop-shadow(0 0 9px rgba(112,152,231,.3)); }
.advisor-launch-copy strong { color: #1c2a47; font-size: 21px; }
.advisor-launch-copy small { color: #72819b; font-size: 14px; }
.advisor-launch-arrow { border: 1px solid rgba(255,255,255,.9); border-radius: 19px; background: linear-gradient(140deg,#a6bdf6,#dce9ff); color: #273f6c; box-shadow: inset 0 1px #fff,0 6px 15px rgba(82,111,178,.18); }
.advisor-entry-note { color: #74839b; font-size: 13px; }

.advisor-dialog { top: var(--chat-visible-top,0px); bottom: auto; height: var(--chat-visible-height,100dvh); background: radial-gradient(ellipse 55% 45% at 75% 5%,rgba(199,219,255,.55),transparent),#edf2fa; color: #1c2a44; color-scheme: inherit; }
.advisor-dialog[open] { animation: chat-enter .3s cubic-bezier(.2,.8,.2,1) both; }
.advisor-dialog.is-closing { animation: chat-exit .19s ease-in both; }
.advisor-dialog::backdrop { background: rgba(7,14,30,.68); animation: backdrop-enter .28s ease-out both; }
.advisor-dialog.is-closing::backdrop { animation: backdrop-exit .19s ease-in both; }
.advisor-dialog-shell { background: rgba(250,252,255,.76); box-shadow: 0 0 80px rgba(16,35,77,.19); }
.advisor-dialog .advisor-head { border-bottom: 1px solid rgba(191,205,229,.44); background: rgba(255,255,255,.69); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); }
.advisor-dialog .advisor-mark { border: 1px solid rgba(255,255,255,.75); background: radial-gradient(circle at 25% 15%,#e1ecff,#9bb6ef 55%,#6685c3); color: #f9fbff; box-shadow: inset 0 1px #fff,0 8px 17px rgba(74,102,167,.2); }
.advisor-dialog .advisor-identity strong { color: #1a2843; }
.advisor-dialog .advisor-identity small { color: #72819a; }
.advisor-close { border-color: rgba(255,255,255,.9); background: rgba(231,238,251,.76); color: #415477; box-shadow: inset 0 1px #fff; }
.advisor-close:hover { background: #dde8fa; }
.advisor-dialog .advisor-messages { background: radial-gradient(ellipse 50% 35% at 75% 4%,rgba(197,218,255,.19),transparent); }
.advisor-empty-orbit { border: 1px solid rgba(255,255,255,.8); background: radial-gradient(circle at 25% 18%,#dceaff,#a5c0f1 56%,#6d8ac5); box-shadow: inset 0 1px #fff,0 13px 30px rgba(92,126,194,.2); }
.advisor-empty h3 { color: #17233c; }
.advisor-empty p { color: #687992; }
.advisor-message-bot { border: 1px solid rgba(255,255,255,.93); background: rgba(255,255,255,.76); color: #26344c; box-shadow: 0 8px 20px rgba(61,82,124,.06); }
.advisor-message-user { background: #263b69; color: #fff; }
.advisor-quote { border-color: rgba(255,255,255,.95); background: linear-gradient(135deg,rgba(244,248,255,.94),rgba(225,236,255,.76)); color: #233353; box-shadow: inset 0 1px #fff,0 14px 29px rgba(44,72,132,.09); }
.advisor-quote-title { color: #5473b3; }
.advisor-quote-option { border-bottom-color: #d7e1f2; }
.advisor-quote-option span,.advisor-quote p { color: #697990; }
.advisor-dialog .advisor-quick button { border: 1px solid rgba(255,255,255,.95); background: rgba(255,255,255,.72); color: #385486; box-shadow: 0 5px 13px rgba(72,97,147,.07); }
.advisor-dialog .advisor-quick button:hover { background: #eaf1ff; border-color: #c7d8fa; }
.advisor-dialog-bottom { border-top-color: #d6e1f0; background: rgba(255,255,255,.78); backdrop-filter: blur(23px); -webkit-backdrop-filter: blur(23px); }
.advisor-dialog .advisor-form { align-items: flex-end; border-color: rgba(255,255,255,.68); background: linear-gradient(135deg,#1a2b4e,#283e6e); box-shadow: inset 0 1px rgba(255,255,255,.19),0 10px 23px rgba(17,41,84,.16); }
.advisor-dialog .advisor-form:focus-within { border-color: #bed2ff; box-shadow: 0 0 0 4px rgba(107,145,220,.16),0 12px 28px rgba(17,41,84,.18); }
.advisor-dialog .advisor-form textarea { max-height: min(45dvh, 220px); overflow-y: hidden; }
.advisor-dialog .advisor-form textarea::placeholder { color: #c4d0e6; }
.advisor-dialog .advisor-form button { background: linear-gradient(140deg,#b9ceff,#e1eaff); color: #243c6d; box-shadow: inset 0 1px #fff; }
.advisor-dialog .advisor-form button:hover { background: #ecf3ff; }
.advisor-handoff { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 12px; padding: 0 32px 14px; color: #75849b; font-size: 12px; }
.advisor-handoff a { display: inline-flex; align-items: center; min-height: 37px; padding: 8px 13px; border: 1px solid #c8d7ef; border-radius: 999px; background: rgba(255,255,255,.8); color: #315c9d; font-size: 13px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.advisor-handoff a:hover { background: #fff; border-color: #9bb6e2; }
.advisor-dialog.keyboard-open .advisor-dialog-bottom { padding-bottom: 8px; }
.advisor-dialog.keyboard-open .advisor-handoff,.advisor-dialog.keyboard-open .advisor-quick { display: none; }
.advisor-dialog.keyboard-open .advisor-empty { padding: 6px 0 13px; }
.advisor-dialog.keyboard-open .advisor-empty-orbit { width: 48px; height: 48px; margin-bottom: 13px; }
.advisor-dialog.keyboard-open .advisor-empty-orbit svg { width: 29px; height: 29px; }
.advisor-dialog.keyboard-open .advisor-empty h3 { font-size: clamp(24px,5vw,31px); }
.advisor-dialog.keyboard-open .advisor-empty p { display: none; }

.process-section { background: linear-gradient(155deg,#edf3fb,#f8fafd 65%); color: #1b2943; }
.process-section .section-kicker { color: #6d83a9; }
.process-section .section-heading h2 { color: #1b2943; }
.process-section .section-heading h2 em { color: #7390c3; }
.process-section .section-heading p { color: #6c7b91; }
.process-step { border-top-color: #cbd7e8; }
.process-step > span { color: #7390c3; }
.process-step h3 { color: #1f2d49; }
.process-step p { color: #697990; font-size: 15px; line-height: 1.65; }
.process-agreement { border-color: rgba(255,255,255,.95); border-radius: 22px; background: rgba(255,255,255,.65); color: #33486c; box-shadow: inset 0 1px #fff,0 10px 29px rgba(69,96,144,.07); }
.process-agreement span { color: #73839b; }
.faq-section { background: #fafbfe; }
.faq-list,.faq-list details { border-color: #dbe4f1; }
.faq-list summary { color: #23314c; font-size: 17px; }
.faq-list details p { color: #6d7d92; font-size: 15px; }
.contact-section { position:relative; overflow:hidden; background: radial-gradient(ellipse 54% 71% at 82% 22%,rgba(103,139,216,.29),transparent),linear-gradient(130deg,#0c172b,#172746 78%); }
.contact-section::before { content:""; position:absolute; right:-180px; top:-290px; width:750px; height:750px; border:1px solid rgba(255,255,255,.12); border-radius:48%; box-shadow: inset 30px 30px 100px rgba(206,226,255,.12),inset -35px -40px 90px rgba(7,14,38,.4); transform:rotate(25deg); pointer-events:none; }
.contact-section .container { position:relative; }
.contact-section .section-kicker { color: #b8caf0; }
.contact-section h2 em { color: #c4d4fb; }
.contact-bottom { border-top-color: rgba(255,255,255,.19); }
.contact-bottom p { color: #c5d1e7; font-size: 16px; }
.contact-bottom small { color: #aebedb; font-size: 12px; }
.contact-section .button-light { border: 1px solid rgba(255,255,255,.67); border-radius: 999px; background: linear-gradient(145deg,#fff,#e4ecff); color: #1a2945; }
.site-footer { background: #0a1324; color: #aebbd3; }
.footer-inner .brand { color: #fff; }

@keyframes hero-atmosphere { to { transform: translate3d(2.3%,-1.5%,0) scale(1.035); } }
@keyframes hero-sheen { to { background-position: 100% 0; } }
@keyframes lens-drift { to { transform: translate3d(-2%,3%,0) rotate(-9deg); } }
@keyframes ai-glint { 50% { filter: drop-shadow(0 1px 9px rgba(255,255,255,.85)); transform: rotate(9deg) scale(1.07); } }
@keyframes chat-enter { from { opacity: 0; transform: translateY(16px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes chat-exit { to { opacity: 0; transform: translateY(11px) scale(.99); } }
@keyframes backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes backdrop-exit { to { opacity: 0; } }

@media (max-width: 1200px) {
  .main-nav { gap: 14px; }
  .brand-caption { display: none; }
  .hero h1 { font-size: clamp(53px,5.8vw,76px); }
}
@media (max-width: 980px) {
  .site-header { left: 12px; right: 12px; }
  .container { width: min(100% - 50px, 1400px); }
  .hero { min-height: auto; }
  .hero-layout { grid-template-columns: 1fr; gap: 0; padding-top: 30px; }
  .hero-copy { padding: 73px 0 0; }
  .hero h1 { max-width: 720px; font-size: clamp(56px,8vw,82px); }
  .hero-proof-stage { width: min(100%,720px); margin: 30px auto 0; }
  .hero-glow { top: 25%; right: -29%; width: 780px; height: 780px; }
  .pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  html { scroll-padding-top: 82px; }
  .container { width: min(100% - 36px,560px); }
  .site-header { top: 9px; left: 10px; right: 10px; border-radius: 21px; }
  .header-inner { width: min(100% - 28px,560px); min-height: 59px; }
  .brand { font-size: 24px; }
  .menu-toggle { order: 2; margin-left: 0; border: 1px solid rgba(255,255,255,.26); border-radius: 13px; background: rgba(255,255,255,.12); color: #fff; }
  .main-nav { order: 3; background: #17243d; border: 1px solid rgba(255,255,255,.29); border-radius: 20px; box-shadow: 0 20px 40px rgba(9,19,38,.26); font-size: 15px; }
  .language-switch { order: 1; margin-left: auto; font-size: 11px; }
  .hero { padding-top: 79px; }
  .hero::before { background: radial-gradient(ellipse 75% 30% at 77% 15%,rgba(104,146,231,.38),transparent 80%),radial-gradient(ellipse 70% 35% at 30% 92%,rgba(90,158,190,.2),transparent 80%),linear-gradient(140deg,#0a1427,#12203a 58%,#0b162b); }
  .hero-glow { top: 24%; right: -58%; width: 480px; height: 480px; opacity: .6; }
  .hero-layout { padding-top: 0; }
  .hero-copy { padding: 30px 0 0; }
  .eyebrow { font-size: 10px; letter-spacing: .105em; }
  .hero h1 { max-width: 450px; margin: 22px 0 20px; font-size: clamp(41px,10vw,58px); line-height: 1.005; letter-spacing: -.05em; }
  .hero-copy > p { max-width: 43ch; font-size: 16px; line-height: 1.53; }
  .hero-ai-entry { margin-top: 30px; }
  .hero-ai-overline { font-size: 9px; letter-spacing: .075em; }
  .hero-ai-overline strong { font-size: 12px; }
  .hero-ai-field { min-height: 68px; gap: 10px; padding: 9px; border-radius: 22px; }
  .hero-ai-symbol { width: 44px; height: 44px; border-radius: 15px; }
  .hero-ai-symbol svg { width: 25px; height: 25px; }
  .hero-ai-field input { font-size: 15px; }
  .hero-ai-enter { width: 40px; height: 40px; border-radius: 14px; }
  .hero-ai-entry > small { font-size: 11px; }
  .hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 23px; }
  .hero-actions .button,.hero-secondary { width: auto; min-height: 47px; padding: 0 18px; font-size: 12px; border-radius: 999px; }
  .hero-assurance { margin-top: 26px; font-size: 11px; }
  .hero-assurance span,.hero-assurance span:first-child { color: #bfcee7; }
  .hero { padding-bottom: 42px; }
  .hero-proof-stage { margin-top: 24px; padding-top: 28px; gap: 16px; }
  .hero-proof-video,.hero-proof-finance { display: block; height: auto; min-height: 0; padding: 0; border-radius: 24px; }
  .hero-proof-video img,.hero-proof-finance img { aspect-ratio: 16 / 9; }
  .hero-proof-video-caption,.hero-proof-finance-caption { min-height: 112px; gap: 6px; padding: 16px 18px 18px; }
  .hero-proof-video-caption strong,.hero-proof-finance-caption strong { font-size: 20px; line-height: 1.14; }
  .hero-proof-video-caption > span,.hero-proof-finance-caption > span { font-size: 13px; }

  .examples-section,.services-section,.pricing-section,.advisor-section,.process-section,.faq-section,.contact-section { padding: 75px 0 82px; }
  .section-heading h2,.pricing-heading h2,.advisor-intro h2,.faq-heading h2,.contact-section h2 { font-size: clamp(36px,9vw,46px); line-height: 1.08; }
  .section-heading p,.pricing-heading p,.advisor-intro > p { font-size: 16px; line-height: 1.55; }
  .real-work-grid { gap: 18px; }
  .real-work-card { border-radius: 25px; }
  .real-work-body { padding: 22px; }
  .real-work-body h3 { font-size: 25px; }
  .real-work-body p { font-size: 15px; }
  .compact-demo { border-radius: 23px; }
  .concept { border-radius: 25px; }
  .concept-copy { padding: 28px 22px; }
  .concept h3 { font-size: 31px; }
  .concept-copy > p { font-size: 15px; }
  .service-card { min-height: 0; padding: 22px; border-radius: 24px; }
  .service-card h3 { font-size: 23px; }
  .service-card p { font-size: 15px; }
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card { min-height: 0; padding: 24px; border-radius: 24px; }
  .pricing-card h3 { margin-top: 22px; }
  .pricing-card p { font-size: 15px; }
  .pricing-card strong { font-size: 24px; }
  .pricing-bottom { font-size: 14px; }
  .advisor-section::before { right: -95%; top: 12%; width: 530px; height: 530px; }
  .advisor-launch { min-height: 84px; border-radius: 26px; }
  .advisor-launch-copy strong { font-size: 17px; }
  .advisor-launch-copy small { font-size: 12px; }
  .advisor-dialog-shell { background: #f9fbff; }
  .advisor-dialog .advisor-identity small { font-size: 12px; }
  .advisor-handoff { justify-content: flex-end; padding: 0 17px 10px; }
  .advisor-handoff span { display: none; }
  .advisor-handoff a { min-height: 38px; font-size: 13px; }
  .process-step p,.faq-list details p { font-size: 15px; }
  .faq-list summary { font-size: 16px; }
  .contact-bottom p { font-size: 16px; }
}
@media (max-width: 390px) {
  .hero-ai-overline span:last-child { font-size: 8px; }
  .hero-ai-field input { font-size: 14px; }
  .hero-actions .button,.hero-secondary { font-size: 11px; padding: 0 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero::before,.hero::after,.hero-glow,.advisor-section::before,.hero-ai-symbol svg { animation: none; }
  .hero-ai-field,.real-work-card,.service-card,.pricing-card { transition: none; }
  .advisor-dialog[open],.advisor-dialog::backdrop { animation: none; }
}

/* An authored system-dark palette keeps text and surfaces together when a browser requests dark content. */
:root[data-theme="dark"] body { background: #142139; color: #edf3ff; }
:root[data-theme="dark"] .hero { background: #172944; }
:root[data-theme="dark"] .hero::before { background: radial-gradient(ellipse 55% 48% at 80% 29%,rgba(129,169,244,.4),transparent 77%),linear-gradient(135deg,#172844,#20375c 60%,#162944); }
:root[data-theme="dark"] .hero-copy > p,
:root[data-theme="dark"] .hero-assurance,
:root[data-theme="dark"] .hero-ai-entry > small,
:root[data-theme="dark"] .hero-proof-eyebrow { color: #e4eeff; }
:root[data-theme="dark"] .hero-proof-video-caption,
:root[data-theme="dark"] .hero-proof-finance-caption { background: #243a5d; }
:root[data-theme="dark"] .examples-section,
:root[data-theme="dark"] .services-section,
:root[data-theme="dark"] .faq-section { background: linear-gradient(155deg,#182841,#213552); }
:root[data-theme="dark"] .section-heading h2,
:root[data-theme="dark"] .faq-heading h2,
:root[data-theme="dark"] .advisor-intro h2 { color: #f3f7ff; }
:root[data-theme="dark"] .section-heading h2 em,
:root[data-theme="dark"] .faq-heading h2 em,
:root[data-theme="dark"] .advisor-intro h2 em { color: #c0d3fa; }
:root[data-theme="dark"] .section-heading p,
:root[data-theme="dark"] .advisor-intro > p { color: #d2def2; }
:root[data-theme="dark"] .section-kicker,
:root[data-theme="dark"] .demo-separator { color: #b7c9e8; }
:root[data-theme="dark"] .real-work-card,
:root[data-theme="dark"] .compact-demo,
:root[data-theme="dark"] .service-card { border-color: rgba(210,225,255,.21); background: #273b59; box-shadow: inset 0 1px rgba(255,255,255,.1),0 16px 38px rgba(3,10,27,.18); }
:root[data-theme="dark"] .real-work-top,
:root[data-theme="dark"] .work-label,
:root[data-theme="dark"] .compact-demo span,
:root[data-theme="dark"] .service-card-top { color: #bdd0f1; }
:root[data-theme="dark"] .real-work-body h3,
:root[data-theme="dark"] .compact-demo strong,
:root[data-theme="dark"] .service-card h3 { color: #f7f9ff; }
:root[data-theme="dark"] .real-work-body p,
:root[data-theme="dark"] .compact-demo p,
:root[data-theme="dark"] .service-card p,
:root[data-theme="dark"] .service-card small { color: #d2dff2; }
:root[data-theme="dark"] .work-links a { color: #c6d9ff; border-bottom-color: #adc4f2; }
:root[data-theme="dark"] .service-card small { border-top-color: rgba(217,230,255,.24); }
:root[data-theme="dark"] .pricing-heading p,
:root[data-theme="dark"] .pricing-card p,
:root[data-theme="dark"] .pricing-card small,
:root[data-theme="dark"] .pricing-bottom { color: #dce7fa; }
:root[data-theme="dark"] .advisor-section { background: linear-gradient(135deg,#1c304e,#253d62); }
:root[data-theme="dark"] .advisor-launch { border-color: rgba(224,236,255,.28); background: linear-gradient(135deg,#2e4669,#3c5680); color: #f7faff; }
:root[data-theme="dark"] .advisor-launch-copy strong { color: #f7faff; }
:root[data-theme="dark"] .advisor-launch-copy small,
:root[data-theme="dark"] .advisor-entry-note { color: #d3e1f7; }
:root[data-theme="dark"] .advisor-dialog { background: #172844; color: #f4f7ff; }
:root[data-theme="dark"] .advisor-dialog-shell { background: #1c2e4b; }
:root[data-theme="dark"] .advisor-dialog .advisor-head,
:root[data-theme="dark"] .advisor-dialog-bottom { border-color: rgba(220,234,255,.2); background: #243958; }
:root[data-theme="dark"] .advisor-dialog .advisor-identity strong,
:root[data-theme="dark"] .advisor-empty h3 { color: #fff; }
:root[data-theme="dark"] .advisor-dialog .advisor-identity small,
:root[data-theme="dark"] .advisor-empty p { color: #d8e4f7; }
:root[data-theme="dark"] .advisor-close { background: #334c70; color: #fff; border-color: rgba(255,255,255,.2); }
:root[data-theme="dark"] .advisor-dialog .advisor-messages { background: radial-gradient(ellipse 55% 40% at 70% 6%,rgba(80,122,196,.19),transparent); }
:root[data-theme="dark"] .advisor-message-bot { border-color: rgba(224,236,255,.18); background: #2c4263; color: #f7faff; }
:root[data-theme="dark"] .advisor-quote { border-color: rgba(224,236,255,.2); background: #2a4163; color: #f7faff; }
:root[data-theme="dark"] .advisor-quote-title { color: #bfd3ff; }
:root[data-theme="dark"] .advisor-quote-option { border-bottom-color: rgba(215,229,255,.18); }
:root[data-theme="dark"] .advisor-quote-option span,
:root[data-theme="dark"] .advisor-quote p { color: #d8e4f7; }
:root[data-theme="dark"] .advisor-dialog .advisor-quick button,
:root[data-theme="dark"] .advisor-handoff a { border-color: rgba(226,238,255,.22); background: #344c70; color: #f7faff; }
:root[data-theme="dark"] .advisor-handoff { color: #cfddf4; }
:root[data-theme="dark"] .process-section { background: linear-gradient(155deg,#1a2c49,#223954); color: #f3f7ff; }
:root[data-theme="dark"] .process-section .section-heading h2,
:root[data-theme="dark"] .process-step h3 { color: #f7faff; }
:root[data-theme="dark"] .process-section .section-heading h2 em,
:root[data-theme="dark"] .process-step > span { color: #bfd3fa; }
:root[data-theme="dark"] .process-section .section-heading p,
:root[data-theme="dark"] .process-step p,
:root[data-theme="dark"] .process-agreement span { color: #d4e0f5; }
:root[data-theme="dark"] .process-step { border-top-color: rgba(220,234,255,.22); }
:root[data-theme="dark"] .process-agreement { border-color: rgba(220,234,255,.2); background: #2c4261; color: #f7faff; }
:root[data-theme="dark"] .faq-list,
:root[data-theme="dark"] .faq-list details { border-color: rgba(220,234,255,.22); }
:root[data-theme="dark"] .faq-list summary { color: #f7faff; }
:root[data-theme="dark"] .faq-list details p { color: #d5e1f5; }

/* Samsung Internet can force-darken a page after CSS rendering. Keep its source palette readable. */
:root[data-browser="samsung-internet"] { color-scheme: only light; }
:root[data-browser="samsung-internet"] .hero h1 em {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #fff;
  color: #fff;
}
:root[data-browser="samsung-internet"] .hero-copy > p,
:root[data-browser="samsung-internet"] .hero-ai-entry > small,
:root[data-browser="samsung-internet"] .hero-assurance,
:root[data-browser="samsung-internet"] .hero-proof-eyebrow { color: #f1f5ff; }

@media (min-width: 981px) {
  .hero-layout { align-items: start; }
  .hero-proof-stage { margin-top: 70px; }

  .services-section .section-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    max-width: 1020px;
    margin: 0 auto 54px;
    text-align: center;
  }
  .services-section .section-heading h2 { margin-bottom: 18px; }
  .services-section .section-heading p { max-width: 720px; margin: 0 auto; }
}

@media (min-width: 681px) {
  .advisor-dialog .advisor-form textarea { margin-bottom: 3px; }
}