/* MADAR — saturated color accents, clear icon silhouettes, readable surfaces. */
body.premium-site {
  --muted:#59657e;
  --accent:#6536e5;
  --accent-hover:#5024c9;
  --accent-soft:#ece5ff;
  --vivid-blue:#245edf;
  --vivid-cyan:#087e9a;
  --vivid-orange:#bb500e;
}
/* Sprite symbols declare their own stroke width, so style the definition too. */
.premium-site symbol[stroke-width] {stroke-width:1.9}

/* The first screen carries a visible violet / blue field behind the real product. */
.premium-site .site-header {background:#eee8ff}
.premium-site .header-inner {border-color:#dcd2fb;box-shadow:0 8px 26px #33227809}
.premium-site .premium-hero {
  background:
    radial-gradient(ellipse at 76% 24%,#c5dcff9c 0,transparent 48%),
    linear-gradient(115deg,#f0e7ff 0%,#eff0ff 51%,#e5f0ff 100%);
}
.premium-site .premium-hero::before {
  background:radial-gradient(circle,#ffcda578 0,transparent 69%);
}
.premium-site .hero-badge {background:#fff;border-color:#cfc0f6;color:#5930c4}
.premium-site .hero-badge-dot {background:#ef781d;box-shadow:0 0 0 4px #fff0df}
.premium-site .premium-hero h1>[data-i18n=c015] {
  background-image:linear-gradient(105deg,#6531dd 12%,#2259cf 100%);
}
.premium-site .premium-hero .hero-description {color:#505c77}
.premium-site .hero-proof>span {color:#4f5b76}
.premium-site .hero-proof .icon {color:#087654;stroke-width:2.2}
.premium-site .stage-orbit {
  background:radial-gradient(ellipse,#9165ed61 0,#5e8bdf35 45%,transparent 72%);
}
.premium-site .stage-grid {
  background-image:linear-gradient(#7760bc30 1px,transparent 1px),linear-gradient(90deg,#7760bc30 1px,transparent 1px);
}
.premium-site .stage-browser {border-color:#b9a7e7;box-shadow:0 25px 65px -29px #40288470}
.premium-site .stage-back-plane {opacity:.7;border-color:#7554c8}
.premium-site .stage-operation-badge {border-color:#cbb8f5;box-shadow:0 9px 26px #4c2b9a16}
.premium-site .stage-operation-badge>.icon {background:var(--accent);color:#fff;stroke-width:1.9}
.premium-site .stage-operation-badge strong {color:#3d335e}
.premium-site .stage-operation-badge div>span {color:#5e5376}
.premium-site .hero-project-rail,
.premium-site .hero-project-rail>span:last-child {color:#515c78}

/* A single dark band gives the six capabilities a stronger visual anchor. */
.premium-site .premium-capabilities {
  background:linear-gradient(115deg,#132044,#273567);
  border-color:#344578;
  box-shadow:0 18px 38px -27px #13204466;
}
.premium-site .capability-strip-label {color:#e0e7ff}
.premium-site .capability-items>span {color:#e6ecff}
.premium-site .capability-items .icon {
  width:24px;height:24px;padding:10px;box-sizing:content-box;
  border-radius:13px;background:var(--accent);color:#fff;stroke-width:1.9;
}
.premium-site .capability-items>span:nth-child(2)>.icon,
.premium-site .capability-items>span:nth-child(6)>.icon {background:var(--vivid-blue);color:#fff}
.premium-site .capability-items>span:nth-child(3)>.icon {background:var(--vivid-cyan);color:#fff}
.premium-site .capability-items>span:nth-child(4)>.icon {background:var(--vivid-orange);color:#fff}
.premium-site .capability-items>span:nth-child(5)>.icon {background:var(--accent);color:#fff}

/* Product cards keep their white reading surfaces and gain solid category icons. */
.premium-site .solutions.product-showcase {background:linear-gradient(180deg,#f8f5ff 0,#fff 460px)}
.premium-site .solutions.product-showcase .showcase-card {border-color:#dce1f0;box-shadow:0 7px 22px #232d5908}
.premium-site .solutions.product-showcase .showcase-card:hover {border-color:#a78ae9;box-shadow:0 17px 35px -23px #5230a957}
.premium-site .solutions.product-showcase .showcase-card-icon {
  background:var(--accent);border-color:var(--accent);color:#fff;
  box-shadow:0 5px 12px #6536e51f;
}
.premium-site .solutions.product-showcase .showcase-card-icon>.icon {stroke-width:1.9}
.premium-site .solutions.product-showcase .showcase-card-pos .showcase-card-icon,
.premium-site .solutions.product-showcase .showcase-card-commerce .showcase-card-icon {
  background:var(--vivid-blue);border-color:var(--vivid-blue);color:#fff;box-shadow:0 5px 12px #245edf1f;
}
.premium-site .solutions.product-showcase .showcase-card-finance .showcase-card-icon,
.premium-site .solutions.product-showcase .showcase-card-restaurant .showcase-card-icon {
  background:var(--vivid-orange);border-color:var(--vivid-orange);color:#fff;box-shadow:0 5px 12px #bb500e1f;
}
.premium-site .solutions.product-showcase .showcase-card-mobile .showcase-card-icon {
  background:var(--vivid-cyan);border-color:var(--vivid-cyan);color:#fff;box-shadow:0 5px 12px #087e9a1f;
}
.premium-site .solutions.product-showcase .showcase-card-education .showcase-card-icon {
  background:#7935c6;border-color:#7935c6;color:#fff;
}
.premium-site .product-showcase .showcase-browser {background:#dcd0ff}
.premium-site .product-showcase .showcase-finance {background:#ffe1bd}
.premium-site .product-showcase .showcase-mobile {background:#cde9ff}
.premium-site .product-showcase .showcase-commerce {background:#d6dfff}
.premium-site .product-showcase .showcase-education {background:#e5d5fb}
.premium-site .product-showcase .showcase-custom {background:#e3e8fa}
.premium-site .product-showcase .showcase-mobile-platform {color:#405f86}
.premium-site .product-showcase .showcase-finance .showcase-mobile-platform {color:#795033}
.premium-site .product-showcase .showcase-flow-core {background:var(--accent);border-color:var(--accent);color:#fff}
.premium-site .product-showcase .showcase-flow::before {border-color:#8f74d1}
.premium-site .product-showcase .showcase-flow-node>.icon {color:#6135c3;stroke-width:1.9}
.premium-site .product-showcase .showcase-footer {background:#eee7ff;border-color:#d5c7f4}
.premium-site .product-showcase .showcase-footer>p {color:#505b76}

/* The portfolio remains anchored by the actual project imagery. */
.premium-site .premium-portfolio {background:#eef1fc}
.premium-site .premium-portfolio .featured-govern {background:#132047;border-color:#35467b}
.premium-site .premium-portfolio .featured-govern .project-visual {
  background:radial-gradient(ellipse at 80% 35%,#6045c58c 0,#20447366 47%,transparent 75%);
}
.premium-site .premium-portfolio .featured-govern .project-open {background:var(--accent);color:#fff}
.premium-site .premium-portfolio .featured-govern .project-open:hover {background:var(--accent-hover);color:#fff}
.premium-site .premium-portfolio .project-visual-sarrof {background:linear-gradient(135deg,#c9d4ff,#bbdfff 60%,#bde9ef)}
.premium-site .premium-portfolio .project-visual-chatshop {background:#ccd8ff}
.premium-site .premium-portfolio .project-aqlim .project-visual {background:#d8c5f3}
.premium-site .premium-portfolio .project-visual-ess {background:#d8f0f6}
.premium-site .premium-portfolio .portfolio-disclaimer {color:#55617b}
.premium-site .premium-portfolio .project-capabilities>li>.icon {stroke-width:2}

/* Industry symbols become immediately visible, without recoloring the photos. */
.premium-site .industry-card {border-color:#dce1ef}
.premium-site .industry-card.is-active {border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}
.premium-site .industry-card p {color:#59657e}
.premium-site .industry-number {color:#626b86}
.premium-site .industry-with-photo .industry-number {color:#4d298c;border:1px solid #e5dcf8}
.premium-site .industry-illustration>.icon {
  width:36px;height:36px;padding:14px;box-sizing:content-box;
  border-radius:18px;background:var(--accent);color:#fff;stroke-width:1.8;
}
.premium-site .industry-illustration>span {
  width:76px;height:76px;inset-inline-start:21px;
  background:#e9e0ff;border-color:#d8c9fa;border-radius:24px;transform:rotate(12deg);
}
.premium-site .industry-card:nth-child(3n+2) .industry-illustration>.icon {background:var(--vivid-blue)}
.premium-site .industry-card:nth-child(3n) .industry-illustration>.icon {background:var(--vivid-cyan)}
.premium-site .industry-special {background:linear-gradient(135deg,#5328b8,#315bc7);border-color:#6243c5}
.premium-site .industry-special h3 {color:#fff}
.premium-site .industry-special p {color:#f0ebff}
.premium-site .industry-special .industry-number {color:#e9e4ff}
.premium-site .industry-special .text-button {color:#fff}
.premium-site .industry-special .industry-illustration>.icon {width:28px;height:28px;padding:11px;background:#fff;color:#5830bd}
.premium-site .slider-footer {color:#59657e}

/* Problem / process diagrams use the same four clear accent colors. */
.premium-site .problems {background:#edf3fc}
.premium-site .problem-grid {border-color:#d8e1f1;box-shadow:0 14px 35px -30px #244a8c40}
.premium-site .problem-card:hover {background:#f3edff}
.premium-site .problem-icon {background:var(--accent);color:#fff}
.premium-site .problem-icon>.icon {stroke-width:1.9}
.premium-site .problem-card:nth-child(4n+2) .problem-icon {background:var(--vivid-blue);color:#fff}
.premium-site .problem-card:nth-child(4n+3) .problem-icon {background:var(--vivid-cyan);color:#fff}
.premium-site .problem-card:nth-child(4n+4) .problem-icon {background:var(--vivid-orange);color:#fff}
.premium-site .after-panel {background:#ece4ff}
.premium-site .after-panel .panel-label {color:#5729b2}
.premium-site .after-panel .panel-label>span:last-child,
.premium-site .after-panel .diagram-note {color:#66567f}
.premium-site .orbit-center {background:#48259c;border-color:#8f6be0;box-shadow:0 10px 26px #48259c26}
.premium-site .orbit-node {border-color:#c2adeb;color:#6135a9}
.premium-site .orbit-node .icon {stroke-width:1.8}
.premium-site .orbit-connectors {stroke:#9573ce}
.premium-site .business-ribbon-copy .eyebrow {color:#974913}
.premium-site .workflow-overlay {border-inline-start-color:var(--accent)}
.premium-site .workflow-overlay>.icon {color:var(--accent);stroke-width:1.9}
.premium-site .process {background:linear-gradient(135deg,#eee5ff,#e8f0ff);border-color:#ddd4f1}
.premium-site .step-number {background:var(--accent);border-color:var(--accent);color:#fff}
.premium-site .process-steps li:nth-child(2) .step-number {background:var(--vivid-blue);border-color:var(--vivid-blue);color:#fff}
.premium-site .process-steps li:nth-child(3) .step-number {background:var(--vivid-cyan);border-color:var(--vivid-cyan);color:#fff}
.premium-site .process-steps li:not(:last-child)::after {border-color:#afa0d3}
.premium-site .process-steps p {color:#535f79}
.premium-site .process-photo {background:#16294e;border-color:#344f7d}
.premium-site .process-photo p {color:#cbd8f2}

/* Saturated device stages frame software screenshots; captions stay dark. */
.premium-site .platform-card {border-color:#dce2f1}
.premium-site .device-art {background:#d9ccff}
.premium-site .platform-card:nth-child(2) .device-art {background:#c9e0ff}
.premium-site .platform-card:nth-child(3) .device-art {background:#c4edf1}
.premium-site .platform-card:nth-child(4) .device-art {background:#ffdfc7}
.premium-site .platform-card .english-label {color:#64577c}
.premium-site .hardware-block {background:linear-gradient(125deg,#142449,#233465);border-color:#3a5085}
.premium-site .hardware-copy p {color:#c7d3ed}
.premium-site .hardware-tags>span {color:#d6e1f8;border-color:#5671a1;background:#263c66}
.premium-site .hardware-hub {background:var(--accent);border-color:#9774ef;color:#fff}
.premium-site .hardware-device {color:#cde5ff}
.premium-site .hardware-device>.icon,
.premium-site .hardware-hub>.icon {stroke-width:1.8}
.premium-site .hardware-connector {background:#7899d4}
.premium-site .hardware-connector::after {background:#43d2df}
.premium-site .hardware-status {color:#c7d7f4}

.premium-site .pricing {background:#f0effa}
.premium-site .pricing-card p {color:#59657e}
.premium-site .pricing-icon {background:var(--accent);color:#fff}
.premium-site .pricing-icon .icon {stroke-width:1.9}
.premium-site .pricing-line {color:#64547e}
.premium-site .pricing-card:nth-child(2) {background:linear-gradient(135deg,#6332d9,#3f4bcc);border-color:#6332d9}
.premium-site .pricing-card:nth-child(2) p {color:#f0eaff}
.premium-site .pricing-card:nth-child(2) .pricing-line {color:#eee8ff}
.premium-site .pricing-card:nth-child(2) .pricing-icon {background:#ffffff1f;color:#fff}
.premium-site .pricing-card:nth-child(3) .pricing-icon {background:var(--vivid-cyan);color:#fff}
.premium-site .support {background:radial-gradient(ellipse at 90% 70%,#31468b88,transparent 63%),#101e42}
.premium-site .support .section-heading p {color:#c1cee9}
.premium-site .support .eyebrow {color:#c9b6ff}
.premium-site .support-services>span {color:#d2ddf4}
.premium-site .support-services .icon {color:#a9caff;stroke-width:1.9}
.premium-site .support-note {color:#a9b9db}
.premium-site .server-unit-icon {background:#3d54ac;border-color:#647ed5;color:#fff}
.premium-site .server-unit-icon>.icon {stroke-width:1.8}
.premium-site .server-unit small {color:#b7c9e9}
.premium-site .infra-demo,.premium-site .infra-bottom {color:#b2c3e5}
.premium-site .infra-network>span {color:#b8c9e9}

/* An open answer is clearly selected; technology marks have readable solid color. */
.premium-site .faq {background:#f5f2fc}
.premium-site .faq-contact p {color:#59657e}
.premium-site .faq-item {border-color:#ded7ee}
.premium-site .faq-trigger {color:#38445f}
.premium-site .faq-trigger>.icon {color:#6536c3;stroke-width:1.9}
.premium-site .faq-item.is-open {background:#eee6ff;border-color:#ac8bdf;box-shadow:inset 3px 0 0 #7044cf}
html[dir=rtl] .premium-site .faq-item.is-open {box-shadow:inset -3px 0 0 #7044cf}
.premium-site .faq-item.is-open .faq-trigger {color:#4c238c}
.premium-site .faq-item.is-open .faq-trigger small {color:#5e4c7e}
.premium-site .faq-item.is-open .faq-panel p {color:#534868}
.premium-site .technology-item {border-color:#dce2ef;box-shadow:0 6px 20px #283b6f06}
.premium-site .technology-mark {background:#ffcf32;color:#332900}
.premium-site .tech-ts .technology-mark {background:#245edf;color:#fff}
.premium-site .tech-kotlin .technology-mark {background:linear-gradient(135deg,#6336d3,#9b327f);color:#fff}
.premium-site .tech-android .technology-mark {background:#08734e;color:#fff}
.premium-site .tech-html .technology-mark {background:#bd4b15;color:#fff}
.premium-site .tech-css .technology-mark {background:#155dbe;color:#fff}
.premium-site .final-cta {background:linear-gradient(110deg,#14234d 0%,#3e287e 45%,#6336c4 100%)}
.premium-site .final-cta p {color:#e1dcf7}
.premium-site .final-cta .eyebrow {color:#ffd7a8}
.premium-site .final-cta .button-primary {color:#5325ac}
.premium-site .cta-orbit,
.premium-site .cta-orbit::before,
.premium-site .cta-orbit::after {border-color:#cfbaff30}

@media(max-width:479px) {
  .premium-site .capability-items .icon {width:21px;height:21px;padding:9px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce) {
  .premium-site .showcase-card,
  .premium-site .industry-photo>img,
  .premium-site .faq-item {transition:none}
}