.ai-home-section { position:relative; overflow:hidden; color:#fff; background:linear-gradient(145deg,#061b2b 0%,#102f48 58%,#0b3f48 100%); }
.ai-home-glow { position:absolute; width:580px; height:580px; inset-block-start:-260px; inset-inline-end:-180px; border-radius:50%; background:radial-gradient(circle,rgba(0,184,148,.22),transparent 67%); pointer-events:none; }
.ai-home-heading { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.75fr); gap:70px; align-items:end; margin-bottom:38px; }
.ai-home-heading h2 { max-width:760px; margin:6px 0 0; color:#fff; font-size:clamp(42px,4.8vw,58px); line-height:1.48; }
.ai-home-heading p { margin:0; color:#bfd0dc; }
.ai-capability-grid { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ai-capability-grid article { min-height:258px; padding:26px; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:rgba(255,255,255,.065); box-shadow:0 18px 45px rgba(3,15,25,.18); backdrop-filter:blur(12px); transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.ai-capability-grid article:hover { transform:translateY(-5px); border-color:rgba(0,184,148,.6); background:rgba(255,255,255,.1); }
.ai-capability-grid .ai-featured-card { grid-column:span 2; background:linear-gradient(135deg,rgba(0,184,148,.19),rgba(255,255,255,.07)); }
.ai-card-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:20px; color:#071d2e; border-radius:14px; background:#35d9b8; box-shadow:0 10px 25px rgba(0,184,148,.2); }
.ai-card-icon svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.ai-capability-grid small { color:#66e3ca; font-weight:800; }
.ai-capability-grid h3 { margin:5px 0 9px; color:#fff; font-size:20px; }
.ai-capability-grid p { margin:0; color:#bdcbd5; font-size:13px; }
.ai-example { margin-top:20px; padding:12px 14px; display:flex; gap:12px; color:#dce8ed; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(4,20,32,.34); font-size:12px; }
.ai-example b { color:#f0c85a; white-space:nowrap; }
.ai-feature-list { margin:18px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; color:#d8e5eb; font-size:12px; list-style:none; }
.ai-feature-list li { position:relative; padding-inline-start:15px; }
.ai-feature-list li::before { content:""; position:absolute; width:6px; height:6px; inset-inline-start:0; inset-block-start:.72em; border-radius:50%; background:#35d9b8; }
.ai-home-footer { position:relative; margin-top:28px; padding-top:24px; display:flex; align-items:center; justify-content:space-between; gap:32px; border-top:1px solid rgba(255,255,255,.14); }
.ai-home-footer div { display:grid; gap:3px; }
.ai-home-footer strong { color:#fff; }
.ai-home-footer span { color:#aebfca; font-size:12px; }
.ai-home-footer .button { flex:none; color:#071d2e; background:#00b894; }
.ai-home-footer .button:hover { background:#fff; }

.ai-public-page { background:#f7fafc; }
.ai-page-hero { position:relative; overflow:hidden; padding:104px 0 90px; color:#fff; background:radial-gradient(circle at 75% 18%,rgba(0,184,148,.25),transparent 31%),linear-gradient(140deg,#061b2b,#12344d); }
.ai-page-orbits { position:absolute; width:480px; height:480px; inset-block-start:-165px; inset-inline-start:-110px; border:1px solid rgba(0,184,148,.24); border-radius:50%; box-shadow:0 0 0 68px rgba(0,184,148,.035),0 0 0 136px rgba(255,255,255,.025); }
.ai-page-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr); gap:70px; align-items:center; }
.ai-page-eyebrow { color:#55ddc2; font-size:13px; font-weight:900; }
.ai-page-hero h1 { max-width:760px; margin:9px 0 17px; font-size:clamp(38px,5.7vw,66px); line-height:1.35; }
.ai-page-hero h1 span { color:#35d9b8; }
.ai-page-hero p { max-width:700px; margin:0; color:#cedbe3; font-size:18px; }
.ai-page-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.ai-page-actions .button-primary { color:#071d2e; background:#35d9b8; }
.ai-page-actions .button-primary:hover { background:#fff; }
.ai-page-proof { padding:26px; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:rgba(255,255,255,.07); backdrop-filter:blur(14px); }
.ai-page-proof > span { color:#66e3ca; font-size:12px; font-weight:800; }
.ai-page-proof ul { margin:17px 0 0; padding:0; display:grid; gap:14px; list-style:none; }
.ai-page-proof li { display:flex; gap:11px; color:#e5edf2; font-size:13px; }
.ai-page-proof li::before { content:"✓"; width:24px; height:24px; flex:none; display:grid; place-items:center; color:#071d2e; border-radius:50%; background:#35d9b8; font-weight:900; }
.ai-detail-section { padding:90px 0; }
.ai-detail-section.alt { background:#edf4f6; }
.ai-detail-heading { max-width:780px; margin-bottom:42px; }
.ai-detail-heading span { color:#008b72; font-size:12px; font-weight:900; }
.ai-detail-heading h2 { margin:5px 0 10px; color:#102a43; font-size:clamp(29px,4vw,42px); line-height:1.5; }
.ai-detail-heading p { margin:0; color:#64748b; }
.ai-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.ai-detail-card { padding:30px; display:grid; grid-template-columns:auto 1fr; gap:20px; border:1px solid #d7e1e8; border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(16,42,67,.06); }
.ai-detail-card .ai-card-icon { margin:0; }
.ai-detail-card h3 { margin:0 0 6px; color:#102a43; font-size:20px; }
.ai-detail-card p { margin:0; color:#64748b; font-size:13px; }
.ai-detail-card ul { grid-column:2; margin:5px 0 0; padding:0; display:grid; gap:7px; color:#385164; font-size:12px; list-style:none; }
.ai-detail-card li::before { content:""; width:6px; height:6px; display:inline-block; margin-inline-end:8px; border-radius:50%; background:#00b894; }
.ai-detail-card.ai-board-assistant-card { grid-column:1 / -1; grid-template-columns:auto minmax(0,1fr); background:linear-gradient(135deg,#fff,#effbf8); border-color:#b9ded5; }
.ai-detail-card.ai-board-assistant-card ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 24px; }
.ai-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; counter-reset:ai-step; }
.ai-flow article { position:relative; padding:27px; border-top:3px solid #00b894; border-radius:0 0 14px 14px; background:#fff; box-shadow:0 12px 32px rgba(16,42,67,.07); }
.ai-flow article::before { counter-increment:ai-step; content:"۰" counter(ai-step); display:block; color:#00a686; font-size:12px; font-weight:900; }
.ai-flow h3 { margin:7px 0; color:#102a43; }
.ai-flow p { margin:0; color:#64748b; font-size:13px; }
.ai-trust-band { padding:70px 0; color:#fff; background:#102a43; }
.ai-trust-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:70px; align-items:center; }
.ai-trust-grid h2 { margin:6px 0 10px; font-size:34px; }
.ai-trust-grid p { margin:0; color:#b8c8d4; }
.ai-trust-list { display:grid; gap:12px; }
.ai-trust-list article { padding:18px 20px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.05); }
.ai-trust-list strong,.ai-trust-list span { display:block; }
.ai-trust-list span { margin-top:3px; color:#aebfca; font-size:12px; }
.ai-final-cta { padding:72px 0; text-align:center; background:#dff6f0; }
.ai-final-cta h2 { margin:6px 0 8px; color:#102a43; font-size:36px; }
.ai-final-cta p { margin:0 0 25px; color:#64748b; }
.ai-final-cta div > div { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }

@media (max-width:900px) {
  .ai-home-heading,.ai-page-hero-grid,.ai-trust-grid { grid-template-columns:1fr; gap:34px; }
  .ai-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-capability-grid .ai-featured-card { grid-column:span 2; }
  .ai-detail-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .ai-home-heading,.ai-capability-grid,.ai-flow { grid-template-columns:1fr; }
  .ai-capability-grid .ai-featured-card { grid-column:auto; }
  .ai-home-footer { align-items:stretch; flex-direction:column; }
  .ai-home-footer .button { width:100%; }
  .ai-page-hero { padding:76px 0 64px; }
  .ai-page-hero p { font-size:16px; }
  .ai-home-heading h2 { font-size:36px; }
  .ai-page-actions { flex-direction:column; }
  .ai-detail-section { padding:66px 0; }
  .ai-detail-card { grid-template-columns:1fr; }
  .ai-detail-card ul { grid-column:auto; }
  .ai-detail-card.ai-board-assistant-card { grid-template-columns:1fr; }
  .ai-detail-card.ai-board-assistant-card ul,.ai-feature-list { grid-template-columns:1fr; }
  .ai-trust-grid h2,.ai-final-cta h2 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) { .ai-capability-grid article { transition:none; } }