/* Raamzi: bright editorial surfaces, cobalt, aqua, and warm coral. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: light;
  --canvas: #fcfdff; --surface: #fff; --text: #192a48;
  --secondary: #596b85; --blue: #245eea; --aqua: #139ab2;
  --coral: #fb9267; --stroke: #e4eaf5;
}
html { background: var(--canvas); scrollbar-color: #b5c9ed #f0f5fc; }
::selection { background: #d6e7ff; color: #153d91; }
body.enterprise-page {
  --ai-ink: #192a48; --ai-muted: #596b85; --ai-accent: #245eea;
  --ai-line: #e4eaf5; --ai-dark: #245eea;
  --paper: #fcfdff; --ink: #192a48; --ink-soft: #415470;
  --muted: #596b85; --green: #245eea; --lime: #d6e7ff;
  --line: #e4eaf5; --teal: #139ab2; --teal-dark: #2360bb;
  --gold: #fb9267; --white: #fff;
  background: radial-gradient(ellipse 70% 550px at 100% 0,#ecf2ff88,transparent 85%),#fcfdff;
  color: #192a48; font-weight: 400;
}
.enterprise-page h1, .enterprise-page h2, .enterprise-page h3,
.enterprise-page .ai-section-title, .enterprise-page .ai-brand {
  font-family: 'Plus Jakarta Sans', Manrope, 'Segoe UI', sans-serif;
}
.enterprise-page h1, .enterprise-page h2, .enterprise-page h3,
.enterprise-page h4, .enterprise-page strong, .enterprise-page b { color: #192a48; }
.enterprise-page p { color: #596b85; }
.enterprise-page a:focus-visible, .enterprise-page button:focus-visible,
.enterprise-page input:focus-visible, .enterprise-page select:focus-visible,
.enterprise-page textarea:focus-visible, .catalogue-wrap:focus-visible {
  outline: 3px solid #5f95ef; outline-offset: 4px;
}
.enterprise-page .skip-link { background: #245eea; color: #fff; }

/* A crisp, floating navigation bar. */
.ai-header {
  width: calc(100% - 48px); max-width: 1440px; margin: 16px auto 0; top: 16px;
  min-height: 78px; padding: 14px 22px; border: 1px solid #e4eaf5;
  border-radius: 18px; background: #ffffffed; backdrop-filter: blur(20px);
  box-shadow: 0 6px 35px #2a5aa309;
}
.ai-header.is-scrolled { background: #fffffff7; box-shadow: 0 8px 35px #2a5aa314; }
.ai-brand { color: #1c3050; font-size: 29px; letter-spacing: -1.5px; }
.raamzi-brand-mark { border-radius: 12px; box-shadow: 0 5px 16px #2563eb20; }
.ai-brand-dot, .ai-footer-dot { color: #f48e60; }
.ai-nav { font-size: 13px; gap: clamp(12px,1.4vw,23px); }
.ai-nav > a { color: #52627c; transition: color .2s; }
.ai-nav > a:hover, .ai-nav > a[aria-current="page"] { color: #245eea; text-decoration-color: #245eea; }
.ai-nav .ai-nav-contact { color: #fff; background: #245eea; padding: 12px 17px; border-radius: 10px; box-shadow: 0 5px 15px #245eea20; }
.ai-nav .ai-nav-contact:hover { color: #fff; background: #164cd0; }
.ai-nav-contact span { color: #fff; }
.ai-menu { color: #2b528c; border-color: #dce5f4; border-radius: 10px; background: #f8faff; }

/* Light, dimensional hero: the artwork remains the visual centerpiece. */
.sales-home .ai-hero {
  position: relative; isolation: isolate; padding-block: 80px 76px; gap: 25px;
  grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
}
.ai-hero::before {
  content: ''; pointer-events: none; position: absolute; z-index: -1; inset: -10px -3% 0;
  background: radial-gradient(ellipse 30% 60% at 95% 25%,#d9e8ff80,transparent 75%),
    radial-gradient(ellipse 30% 50% at 55% 70%,#ffede050,transparent 80%);
}
.enterprise-page .ai-eyebrow, .enterprise-page .eyebrow { color: #2862a7; font-size: 11px; font-weight: 700; letter-spacing: 1.8px; }
.ai-status-dot { background: #0f9eb5; box-shadow: 0 0 0 5px #13b8c912; }
.sales-home .ai-hero h1 { font-size: clamp(2.4rem,4.4vw,4.1rem); line-height: 1.16; font-weight: 800; letter-spacing: -.06em; margin-bottom: 26px; }
.ai-heading-accent { color: #245eea; position: relative; }
.ai-heading-accent::after { content: ''; display: block; height: 7px; width: 110px; border-radius: 10px; margin-top: 16px; background: linear-gradient(90deg,#ffb18a,#ffe9d8); }
.enterprise-page .ai-hero-description { color: #61718a; font-size: 18px; line-height: 1.85; max-width: 590px; }
.enterprise-page .ai-hero-note { color: #71829c; font-size: 12px; line-height: 1.9; max-width: 530px; }
.ai-visual {
  isolation: isolate; width: 100%; min-height: 0;
  background: radial-gradient(circle at 25% 20%,#d8f3f4,transparent 58%),linear-gradient(140deg,#e7edff,#f9eceb);
  border-radius: 45% 45% 25% 38%; box-shadow: inset 0 0 45px #ffffff80;
}
.ai-hero-art {
  filter: hue-rotate(85deg) saturate(1.2); mix-blend-mode: multiply;
  border-radius: 45% 45% 25% 38%;
  mask-image: radial-gradient(ellipse 69% 74% at 50% 48%,#000 45%,transparent 80%);
  animation: bright-float 9s ease-in-out infinite;
}
.ai-visual::before {
  content: ''; position: absolute; top: 5%; right: 2%; width: 70px; height: 70px;
  border: 12px solid #ffb18d; border-radius: 50%; box-shadow: 0 10px 25px #ffb18d20;
  z-index: 1; pointer-events: none;
}
.ai-visual::after {
  content: ''; position: absolute; z-index: -1; width: 42px; height: 42px;
  left: -8px; top: 58%; border: 1px solid #6ca2ee66; border-radius: 12px;
  background: #e7f0ff; transform: rotate(-18deg); box-shadow: 0 8px 25px #245eea10;
}
.ai-art-label { background: #ffffffed; border: 1px solid #fff; box-shadow: 0 18px 45px #486fbc1a; backdrop-filter: blur(20px); border-radius: 16px; left: 5px; right: 12px; bottom: 18px; padding: 18px 22px; }
.ai-art-label strong { color: #243b60; font-family: 'Plus Jakarta Sans',sans-serif; font-size: 17px; }
.ai-art-label div > span { color: #71849f; }
.ai-art-icon { color: #245eea; background: #e8f0ff; border: 1px solid #dce8ff; border-radius: 12px; }
@keyframes bright-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* Confident blue actions and gentle, readable secondary links. */
.enterprise-page .ai-button, .learning-page .button.primary, .site-subpage .edge-button {
  color: #fff; background: #245eea; border: 1px solid #245eea; border-radius: 10px;
  box-shadow: 0 6px 18px #245eea20; font-weight: 600;
  transition: transform .2s,box-shadow .2s,background .2s;
}
.enterprise-page .ai-button:hover, .learning-page .button.primary:hover { color: #fff; background: #174ed3; transform: translateY(-3px); box-shadow: 0 10px 25px #245eea2b; }
.enterprise-page .ai-button > span { color: #fff; }
.enterprise-page .ai-button-outline, .sales-home .ai-hero .ai-actions a:last-child,
.learning-page .button.secondary, .learning-page .button.light, .learning-page .button.outline-dark {
  color: #2c4c7d; background: #fff; border: 1px solid #d8e2f2; box-shadow: 0 4px 12px #2e65b405;
}
.enterprise-page .ai-button-outline:hover, .sales-home .ai-hero .ai-actions a:last-child:hover { color: #245eea; background: #f5f9ff; border-color: #94b4f0; }
.sales-home .ai-hero .ai-actions a:last-child > span { color: #245eea; }
.workshop-detail-link, .pricing-link, .offer-back, .brand-domain,
.enterprise-page .text-link, .ai-back-top { color: #245fbd; }
.workshop-detail-link:hover, .pricing-link:hover, .brand-domain:hover { color: #1646a0; }

/* Problem cards give the page a quicker, more visual rhythm. */
.sales-section { padding-block: 68px; }
.enterprise-page .ai-section-title, .sales-section-heading h2 { color: #1d3153; font-weight: 700; letter-spacing: -.05em; }
.ai-section-title span, .sales-section-heading h2 span, .ai-contact h2 > span,
.about-copy h2 span, .specialist-page h2 span, .offer-hero h1 span { color: #245eea; }
.problem-section { border: 0; padding-top: 40px; }
.problem-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; counter-reset: problem; }
.problem-list > a {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  padding: 25px 21px; border: 1px solid #e4ebf5; border-radius: 16px;
  background: #fff; counter-increment: problem; box-shadow: 0 7px 25px #4566a505;
  transition: transform .2s,border-color .2s,box-shadow .2s;
}
.problem-list > a:last-child { border-bottom: 1px solid #e4ebf5; }
.problem-list > a::before { content: '0' counter(problem); display: grid; place-items: center; width: 33px; height: 33px; margin-bottom: 8px; font: 600 11px 'Plus Jakarta Sans',sans-serif; color: #3975c8; background: #ecf3ff; border-radius: 10px; }
.problem-list > a:nth-child(2)::before { color: #148394; background: #e6f7f5; }
.problem-list > a:nth-child(3)::before { color: #9a5fba; background: #f4ebff; }
.problem-list > a:nth-child(4)::before { color: #b86537; background: #fff0e5; }
.problem-list > a:nth-child(5)::before { color: #4974bd; background: #eaf0ff; }
.problem-list h3 { color: #263c60; font-size: 16px; line-height: 1.5; font-weight: 700; letter-spacing: -.03em; }
.problem-list p { color: #70809a; font-size: 13px; line-height: 1.8; }
.problem-list a > span { color: #86a5d7; align-self: flex-end; margin-top: auto; font-size: 23px; }
.problem-list > a:hover { transform: translateY(-5px); border-color: #b3c8ef; box-shadow: 0 12px 30px #4566a510; }
.engineering-list > a { border-color: #e5ecf6; padding: 27px 10px; border-radius: 8px; transition: background .2s; }
.engineering-list > a:hover { background: #f2f7ff; }
.engineering-list h3, .engineering-list h2 { color: #233a5e; font-weight: 600; }
.engineering-list p { color: #6b7d97; }
.engineering-list a > span { color: #578be0; }

/* Three distinct service cards; color expresses the hierarchy. */
.sales-home .ai-services { gap: 22px; }
.ai-service {
  background: #fff; border: 1px solid #e0e8f6; border-radius: 20px;
  box-shadow: 0 10px 35px #3c68b309; transition: transform .25s,box-shadow .25s,border-color .25s;
}
.sales-home .ai-service { padding: 30px 27px; }
.ai-service-training { background: linear-gradient(150deg,#edf4ff,#f9fbff); border-color: #cbdcf9; }
.ai-service:nth-child(2) { background: linear-gradient(150deg,#f0fbfa,#fff); }
.ai-service:nth-child(3) { background: linear-gradient(150deg,#fff6ee,#fff); }
.ai-service:hover { transform: translateY(-6px); border-color: #a9c4f1; box-shadow: 0 18px 40px #3c68b312; }
.ai-service-top { min-height: 45px; }
.ai-service-top > span, .ai-service-training .ai-service-top > span { color: #3766ae; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; }
.ai-service-top::after { content: ''; display: block; width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px; background: #dfeaff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23245eea' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath d='m3 9 9-5 9 5-9 5-9-5Zm4 3v5l5 3 5-3v-5M21 9v7'/%3E%3C/svg%3E") center/24px no-repeat; }
.ai-service:nth-child(2) .ai-service-top::after { background: #dff5f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23178891' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Crect x='8' y='8' width='8' height='8' rx='2'/%3E%3Cpath d='M12 3v5m0 8v5M3 12h5m8 0h5M5 5l3 3m8 8 3 3m0-14-3 3M8 16l-3 3'/%3E%3C/svg%3E") center/24px no-repeat; }
.ai-service:nth-child(3) .ai-service-top::after { background: #ffead9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23bd6b36' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 3v6c0 5-8 9-8 9s-8-4-8-9V6l8-3Z'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/24px no-repeat; }
.sales-home .ai-service h3 { color: #20385e; font-size: clamp(1.4rem,2vw,1.7rem); font-weight: 700; letter-spacing: -.04em; }
.enterprise-page .ai-service > p, .enterprise-page .ai-service-training > p { color: #617493; }
.offer-points, .ai-service-training .offer-points, .workshop-outcomes { color: #617493; }
.offer-points li::marker, .workshop-outcomes li::marker { color: #5285dc; }
.ai-service-bottom, .ai-service-training .ai-service-bottom { border-color: #dfe8f5; }
.ai-service-bottom a { color: #2a5db1; }
.ai-service-bottom a > span { background: #f2f7ff; color: #2b66cb; border-color: #d6e5fd; }
.ai-service-training .ai-service-bottom a > span { color: #fff; background: #245eea; }
.ai-service-bottom .ai-detail-link, .ai-service-training .ai-service-bottom .ai-detail-link { color: #7186a6; }
.ai-service-bottom .ai-detail-link > span, .ai-service-training .ai-service-bottom .ai-detail-link > span { color: #7186a6; background: none; }
.ai-service-chips span, .ai-service-training .ai-service-chips span { color: #5b7ba6; border-color: #d7e3f5; }

/* Softly colored feature panels keep every section bright. */
.workshop-section { background: radial-gradient(ellipse at 100% 0,#d8e7ff66,transparent 65%),#f0f5ff; border: 1px solid #e0e9fb; border-radius: 24px; }
.workshop-duration { color: #3d6db1; background: #fff; border: 1px solid #d6e2f5; border-radius: 30px; }
.workshop-agenda { background: #ffffffc9; border: 1px solid #fff; border-radius: 18px; box-shadow: 0 8px 30px #6180bf07; }
.workshop-agenda li { border-color: #e5ebf6; }
.workshop-agenda .agenda-number { color: #3768c0; background: #eaf2ff; border-color: #dce8fc; }
.audience-chips span { color: #5978a4; background: #fff; border-color: #dce6f7; }
.workshop-summary > p:first-child, .workshop-outcomes { color: #607798; }
.workshop-agenda h4, .workshop-section h3 { color: #29446d; }
.workshop-agenda p { color: #6c7f9d; }
.enterprise-page .corporate-pricing, .enterprise-page .offer-pricing,
.enterprise-page .agenda-note, .section-note { color: #70839f; }
.proof-section { background: linear-gradient(120deg,#fff8ee,#fff3ed); border: 1px solid #f5e8dc; border-radius: 24px; }
.proof-links a { color: #3b5275; border-color: #eedfd5; }
.proof-links span { color: #8e7f79; }
.about-experience { border-color: #e1e9f5; }
.about-experience > strong { color: #3b6de5; }
.about-experience strong > span, .about-experience p { color: #8495b2; }
.enterprise-page .about-name { color: #2c4671; }
.about-name span, .experience-areas li { color: #70839f; }
.experience-areas li::before { background: #62b1d3; }
.product-teaser { background: #f3f8ff; border: 1px solid #e2ebfa; border-radius: 20px; padding: 36px; margin-bottom: 60px; }
.ai-contact { background: radial-gradient(ellipse at 0 100%,#e5e4ff70,transparent 60%),linear-gradient(115deg,#eef5ff,#f5faff); border-color: #e2eafa; padding-block: 80px; gap: 60px; }
.ai-contact h2 { color: #253e65; font-weight: 700; letter-spacing: -.05em; }
.enterprise-page .ai-contact-copy > p.discovery-note { color: #7486a1; }
.ai-inquiry { background: #fff; border: 1px solid #e3ebf8; border-radius: 20px; padding: 32px; box-shadow: 0 20px 55px #4a71b40d; }
.enterprise-page .contact-form label { color: #425c80; font-size: 13px; font-weight: 500; }
.enterprise-page .contact-form input, .enterprise-page .contact-form select,
.enterprise-page .contact-form textarea { color: #31496b; background: #fbfcff; border: 1px solid #dde6f5; border-radius: 9px; transition: border-color .2s,box-shadow .2s; }
.enterprise-page .contact-form input:focus, .enterprise-page .contact-form select:focus,
.enterprise-page .contact-form textarea:focus { border-color: #80a7ef; box-shadow: 0 0 0 3px #245eea0a; }
.enterprise-page .contact-form input::placeholder, .enterprise-page .contact-form textarea::placeholder { color: #8b9cb6; }
.enterprise-page .ai-inquiry small { color: #7c8fac; }
.enterprise-page .contact-form .form-status { color: #bd465c; }
.enterprise-page .contact-form .form-status[data-state="success"] { color: #268568; }
.ai-footer { color: #3d557c; background: #fff; border-top: 1px solid #ebf0f8; padding-top: 45px; }
.ai-footer-bottom { color: #8294af; border-color: #e8edf6; }
.ai-footer p { color: #6d819f; }
.ai-back-top { color: #43658e; }

/* Detail pages share the white canvas, accents, and rounded surfaces. */
.specialist-hero, .offer-hero { position: relative; isolation: isolate; border-color: #e6edf8; padding-block: 65px; }
.specialist-hero::before { content: ''; position: absolute; inset: 0 -2%; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 45% 90% at 100% 25%,#e7edff99,transparent 85%),radial-gradient(circle at 93% 35%,transparent 65px,#96b6f218 66px,transparent 67px,transparent 100px,#96b6f218 101px,transparent 102px,transparent 135px,#96b6f218 136px,transparent 137px); }
.specialist-hero h1, .offer-hero h1 { color: #20385e; font-weight: 700; letter-spacing: -.055em; }
.specialist-hero .specialist-lead { color: #637995; }
.enterprise-page .offer-hero .offer-promise { color: #456ba4; }
.specialist-page .offering, .deliverable-card, .use-case-card { background: #fff; border: 1px solid #e1e9f6; border-radius: 18px; box-shadow: 0 8px 30px #416bab06; transition: transform .25s,border-color .25s; }
.specialist-page .offering:hover, .use-case-card:hover { transform: translateY(-4px); border-color: #afc8f2; }
.specialist-page .offering h3, .use-case-card h3 { color: #2b456e; font-weight: 700; }
.specialist-page .engagement-panel, .sample-exercise { background: #f2f7ff; border: 1px solid #e2ebfa; border-radius: 22px; }
.workshop-next-step { background: #fff6ee; border: 1px solid #f5e6d9; border-radius: 22px; }
.engagement-panel + .workshop-next-step { margin-top: 32px; }
.use-case-number, .deliverable-number, .offer-summary-label { color: #5281bd; }
.use-case-flow { border-color: #e6edf8; }
.use-case-flow li { color: #6a81a5; border-color: #e0e9f8; background: #f6f9ff; }
.use-case-flow li::before { color: #71aac5; }
.offer-summary { background: linear-gradient(145deg,#edf3ff,#f3faff); border: 1px solid #dae6fa; color: #3d5e8e; border-radius: 22px; }
.offer-summary > strong { color: #376be0; }
.offer-summary li, .offer-summary > p { color: #617fa5; }
.offer-summary strong > span { color: #6687b5; }
.offer-summary ul { border-color: #dbe7f8; }
.offer-scope, .offer-process, .case-study, .product-plan { border-color: #e4ebf6; }
.offer-stages > li { background: #f4f8ff; border-color: #dfe9fa; border-radius: 16px; }
.offer-stages > li > span { color: #5881bc; }
.catalogue-wrap { background: #fff; border-color: #dde7f8; border-radius: 18px; box-shadow: 0 8px 28px #3e66a106; }
.training-catalogue caption { color: #7186a6; background: #fff; }
.training-catalogue thead { background: #eef4ff; }
.training-catalogue th, .training-catalogue td { color: #647e9f; border-color: #e8eef8; }
.training-catalogue th[scope="row"] { color: #355782; font-family: 'Plus Jakarta Sans',sans-serif; }
.training-catalogue tbody tr:hover { background: #fbfdff; }
.catalogue-duration { color: #3173bd; }
.project-status { background: #edf4ff; color: #527ab4; border: 1px solid #dde9fc; border-radius: 7px; font-size: 10px; letter-spacing: 1.4px; }
.project-facts dt { color: #496b9e; }
.project-facts dd { color: #657d9d; }
.delivery-list { color: #61799a; }

/* Learning pages keep their information and adopt the lighter visual system. */
.learning-page .curriculum-hero, .learning-page .hero, .learning-page .contact { background: radial-gradient(ellipse at 100% 0,#e2ecff88,transparent 65%),#f2f7ff; border-color: #dfe9f8; }
.learning-page .curriculum-hero { border-radius: 24px; }
.learning-page .hero-overlay { background: linear-gradient(90deg,#f2f7ff,#f2f7ffe0 55%,transparent); }
.learning-page .hero h1, .learning-page .ad-message h2 { color: #284670; }
.learning-page .sidebar-ad, .learning-page .answer-strip div, .learning-page .audience-grid article,
.learning-page .project-card, .learning-page .feature-card, .learning-page .path-card,
.learning-page .curriculum-card, .learning-page .curriculum-track { background: #fff; border-color: #dfe9f7; box-shadow: 0 8px 28px #3d6aa207; }
.learning-page .ad-message p, .learning-page .hero-copy, .learning-page .hero-proof span { color: #6781a6; }
.learning-page .hero-proof { background: #ffffffb0; border-color: #dce8fa; }
.learning-page .hero-proof strong, .learning-page .answer-strip span { color: #4c7dc1; }
.learning-page .ad-meta span { color: #5a80b6; background: #f0f6ff; border-color: #dbe8fb; }
.learning-page .section-heading p, .learning-page .feature-card p, .learning-page .contact-copy p { color: #7086a5; }

/* A bright, consistent product workspace. */
.workspace-page { color-scheme: light; color: #233a5d; background: radial-gradient(ellipse at 100% 0,#e4edff88,transparent 60%),#fcfdff; }
.workspace-page h1, .workspace-page h2, .workspace-page h3, .workspace-page .brand { font-family: 'Plus Jakarta Sans',sans-serif; color: #233a5d; }
.workspace-page .company-bar { color: #5275a7; background: #f0f6ff; border-bottom: 1px solid #dce8f9; }
.workspace-page .brand-mark, .workspace-page button:not(.tab-button) { color: #fff; background: #245eea; border: 1px solid #245eea; box-shadow: 0 5px 15px #245eea16; }
.workspace-page .tabs { background: #f0f5ff; border-color: #dce7f9; }
.workspace-page .tab-button { color: #7286a8; background: transparent; }
.workspace-page .tab-button.active { color: #245eea; background: #fff; box-shadow: 0 2px 7px #4973b414; }
.workspace-page .home-hero h1, .workspace-page .service-page h1 { color: #243e65; }
.workspace-page .home-hero h1 span { color: #245eea; }
.workspace-page .operator-preview, .workspace-page .hero-card, .workspace-page .card,
.workspace-page .feature-card, .workspace-page .coming-soon-card,
.workspace-page .application-card, .workspace-page .home-cta { background: #fff; border-color: #dfe8f6; box-shadow: 0 12px 35px #486aa509; }
.workspace-page p, .workspace-page label, .workspace-page .feature-card p,
.workspace-page .home-cta p:not(.eyebrow), .workspace-page .preview-step { color: #7085a5; }
.workspace-page .preview-step b, .workspace-page .feature-card h3, .workspace-page .coming-soon-card h2 { color: #35557f; }
.workspace-page .preview-step strong, .workspace-page .secondary-action, .workspace-page .coming-soon-card > span { color: #5283c5; }
.workspace-page .preview-badge, .workspace-page .status-pill, .workspace-page .status,
.workspace-page .summary-item, .workspace-page .workspace-note { color: #5b80b3; background: #eef5ff; border-color: #dce8fa; }
.workspace-page .profile-form input, .workspace-page .profile-form textarea,
.workspace-page select, .workspace-page pre { color: #3b5c87; background: #fbfcff; border-color: #dce6f6; }
.workspace-page .feature-card > span, .workspace-page .service-icon { color: #3b7bca; background: #eaf3ff; border-color: #dce8fa; }
.workspace-page a:focus-visible, .workspace-page button:focus-visible, .workspace-page input:focus-visible,
.workspace-page textarea:focus-visible { outline: 3px solid #5f95ef; outline-offset: 4px; }

@media (max-width: 1380px) {
  .ai-header { min-height: 76px; padding: 13px 20px; }
  .ai-nav { background: #fff; border: 1px solid #dfe8f7; border-radius: 16px; top: calc(100% + 8px); left: -1px; width: calc(100% + 2px); padding: 15px 22px 23px; box-shadow: 0 20px 50px #31568619; }
  .ai-nav .ai-nav-contact { margin-top: 12px; }
}
@media (max-width: 1100px) {
  .problem-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .problem-list > a { padding: 24px; }
}
@media (max-width: 900px) {
  .sales-home .ai-hero { gap: 24px; }
  .sales-home .ai-hero h1 { font-size: clamp(2.1rem,4.6vw,3.4rem); }
  .ai-contact { gap: 35px; }
  .proof-section { padding: 30px; }
}
@media (max-width: 767px) {
  .ai-header { top: 8px; width: calc(100% - 24px); margin-top: 8px; padding: 10px 14px; min-height: 68px; border-radius: 14px; }
  .ai-brand { font-size: 27px; }
  .raamzi-brand-mark { width: 37px; height: 37px; flex-basis: 37px; border-radius: 10px; }
  .ai-menu { width: 42px; height: 42px; }
  .sales-home .ai-hero { grid-template-columns: minmax(0,1fr); padding-block: 44px 35px; gap: 30px; }
  .sales-home .ai-hero h1 { font-size: clamp(1.8rem,7.3vw,3.2rem); line-height: 1.2; }
  .enterprise-page .ai-eyebrow { font-size: 10px; letter-spacing: 1.5px; }
  .enterprise-page .ai-hero-description { font-size: 16px; }
  .ai-heading-accent::after { width: 75px; height: 5px; margin-top: 13px; }
  .ai-visual { max-height: 350px; width: 95%; aspect-ratio: 1.2; }
  .ai-visual::before { width: 48px; height: 48px; border-width: 9px; right: 0; }
  .ai-art-label { bottom: 5px; left: -2px; right: -2px; padding: 15px; }
  .ai-art-label strong { font-size: 15px; }
  .ai-art-label div > span { font-size: 11px; }
  .sales-section { padding-block: 48px; }
  .problem-section { padding-top: 25px; }
  .problem-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .problem-list > a { padding: 21px 18px; gap: 12px; }
  .problem-list > a:last-child { grid-column: 1/-1; }
  .problem-list h3 { font-size: 15px; }
  .problem-list p { grid-column: auto; }
  .problem-list a > span { grid-column: auto; grid-row: auto; }
  .sales-home .ai-service { padding: 28px 24px; border-radius: 18px; }
  .workshop-section, .proof-section, .workshop-next-step { padding: 26px; border-radius: 18px; }
  .product-teaser { padding: 27px; margin-bottom: 40px; }
  .about-experience { border-color: #e1e9f5; }
  .ai-contact { padding-block: 55px; }
  .ai-inquiry { padding: 24px; }
  .specialist-hero, .offer-hero { padding-block: 45px; }
  .specialist-hero h1 { font-size: clamp(2rem,8vw,3.2rem); }
  .specialist-page .engagement-panel, .sample-exercise { padding: 25px; border-radius: 18px; }
  .specialist-page .delivery-list { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .learning-page .curriculum-hero { padding: 28px; }
}
@media (max-width: 360px) {
  .problem-list { grid-template-columns: minmax(0,1fr); }
  .problem-list > a { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}