/* ============ shad-ai · UI 5 "vibrant" (all selectors scoped with shad-ai-) ============ */
      .shad-ai-page {
        --shad-ai-orange: #ff5421;
        --shad-ai-orange-600: #e8441a;
        --shad-ai-orange-soft: #fff0e9;
        --shad-ai-amber: #ffa41b;
        --shad-ai-amber-soft: #fff5e1;
        --shad-ai-teal: #12a594;
        --shad-ai-teal-soft: #e3f7f3;
        --shad-ai-violet: #6c5ce7;
        --shad-ai-violet-soft: #efedff;
        --shad-ai-rose: #f43f5e;
        --shad-ai-rose-soft: #ffe9ed;
        --shad-ai-sky: #0ea5e9;
        --shad-ai-slate: #404551;
        --shad-ai-ink: #1f2330;
        --shad-ai-text: #4a4f5e;
        --shad-ai-muted: #848a9c;
        --shad-ai-line: #ece8f0;
        --shad-ai-bg: #fbfaff;
        --shad-ai-green: #1f9d57;
        --shad-ai-green-soft: #e6f6ec;
        --shad-ai-pink: #e0336a;
        --shad-ai-pink-soft: #ffeaf1;
        --shad-ai-blue: #2f6fe4;
        --shad-ai-blue-soft: #eaf1ff;
        --shad-ai-accent: var(--shad-ai-orange);
        --shad-ai-accent-soft: var(--shad-ai-orange-soft);
        --shad-ai-grad: linear-gradient(120deg, #ff5421, #ff7a1a 55%, #ffa41b);
        --shad-ai-fade: #fff;
        font-family:
          "Plus Jakarta Sans",
          system-ui,
          -apple-system,
          "Segoe UI",
          Roboto,
          sans-serif;
        color: var(--shad-ai-text);
        background: var(--shad-ai-bg);
        font-size: 15.2px;
        line-height: 1.68;
        -webkit-font-smoothing: antialiased;
      }
      .shad-ai-body {
        margin: 0;
        background: #fbfaff;
      }
      .shad-ai-page *,
      .shad-ai-page *::before,
      .shad-ai-page *::after {
        box-sizing: border-box;
      }
      .shad-ai-page h1,
      .shad-ai-page h2,
      .shad-ai-page h3,
      .shad-ai-page h4 {
        color: var(--shad-ai-ink);
        line-height: 1.22;
        margin: 0 0 0.6em;
        letter-spacing: -0.02em;
      }
      .shad-ai-page p {
        margin: 0 0 0.85em;
      }
      .shad-ai-page a {
        color: var(--shad-ai-orange);
        text-decoration: none;
      }
      .shad-ai-page a:hover {
        text-decoration: underline;
      }
      .shad-ai-page ul,
      .shad-ai-page ol {
        margin: 0 0 0.8em;
        padding-left: 1.15em;
      }
      .shad-ai-page li {
        margin-bottom: 0.35em;
      }
      .shad-ai-page img {
        max-width: 100%;
      }
      .shad-ai-wrap {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 22px;
      }

      /* tones */
      .shad-ai-tone-orange {
        --shad-ai-accent: #ff5421;
        --shad-ai-accent-soft: #fff0e9;
      }
      .shad-ai-tone-amber {
        --shad-ai-accent: #f08c00;
        --shad-ai-accent-soft: #fff5e1;
      }
      .shad-ai-tone-teal {
        --shad-ai-accent: #12a594;
        --shad-ai-accent-soft: #e3f7f3;
      }
      .shad-ai-tone-violet {
        --shad-ai-accent: #6c5ce7;
        --shad-ai-accent-soft: #efedff;
      }
      .shad-ai-tone-rose {
        --shad-ai-accent: #f43f5e;
        --shad-ai-accent-soft: #ffe9ed;
      }

      .shad-ai-ico {
        width: 20px;
        height: 20px;
        flex: 0 0 auto;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        vertical-align: middle;
      }
      .shad-ai-ico-sm {
        width: 15px;
        height: 15px;
      }
      .shad-ai-tile {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        background: var(--shad-ai-orange-soft);
        color: var(--shad-ai-orange);
      }
      .shad-ai-tile .shad-ai-ico {
        width: 20px;
        height: 20px;
      }
      .shad-ai-tile-green {
        background: var(--shad-ai-teal-soft);
        color: var(--shad-ai-teal);
      }
      .shad-ai-tile-amber {
        background: var(--shad-ai-amber-soft);
        color: #e08600;
      }
      .shad-ai-tile-pink {
        background: var(--shad-ai-rose-soft);
        color: var(--shad-ai-rose);
      }
      .shad-ai-tile-blue {
        background: #e5f5fd;
        color: var(--shad-ai-sky);
      }
      .shad-ai-tile-violet {
        background: var(--shad-ai-violet-soft);
        color: var(--shad-ai-violet);
      }

      /* type */
      .shad-ai-h1 {
        font-size: 2.9rem;
        font-weight: 800;
        letter-spacing: -0.035em;
      }
      .shad-ai-h2 {
        font-size: 2rem;
        font-weight: 800;
      }
      .shad-ai-h3 {
        font-size: 1.1rem;
        font-weight: 700;
      }
      .shad-ai-hl {
        background: var(--shad-ai-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      
    
      .shad-ai-tone-rose .shad-ai-hl {
        background-image: linear-gradient(120deg, #f43f5e, #ff7a1a);
      }
      .shad-ai-tone-amber .shad-ai-hl {
        background-image: linear-gradient(120deg, #f08c00, #ff5421);
      }
      .shad-ai-lead {
        color: var(--shad-ai-muted);
        max-width: 720px;
      }
      .shad-ai-muted {
        color: var(--shad-ai-muted);
      }
      .shad-ai-small {
        font-size: 0.82rem;
      }
      .shad-ai-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: white;
        background: var(--shad-ai-orange);
        border-radius: 999px;
        padding: 5px 12px;
        margin-bottom: 12px;
      }
      .shad-ai-eyebrow::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.8);
      }
      .shad-ai-confirm {
        display: inline-block;
        background: #fff7e6;
        color: #a45c00;
        border: 1px dashed #f1be6b;
        border-radius: 6px;
        padding: 1px 7px;
        font-size: 0.76em;
        font-weight: 600;
        line-height: 1.5;
        font-style: normal;
      }
      .shad-ai-disclaimer {
        background: linear-gradient(120deg, #fff0e9, #fff5e1);
        border-radius: 14px;
        padding: 12px 16px;
        font-size: 0.84rem;
        color: #7a2e14;
        margin-top: 12px;
        border-left: 4px solid var(--shad-ai-orange);
      }
      .shad-ai-page .shad-ai-checklist {
        list-style: none;
        padding: 0;
      }
      .shad-ai-checklist li {
        position: relative;
        padding-left: 28px;
      }
      .shad-ai-checklist li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.25em;
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--shad-ai-accent)
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
          center/11px no-repeat;
      }

      /* buttons */
      .shad-ai-page .shad-ai-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 0;
        cursor: pointer;
        font: inherit;
        font-weight: 800;
        font-size: 0.9rem;
        border-radius: 14px;
        padding: 13px 22px;
        background: var(--shad-ai-grad);
        color: #fff;
        text-decoration: none;
        box-shadow: 0 12px 24px -10px rgba(255, 84, 33, 0.7);
        transition:
          transform 0.15s,
          box-shadow 0.15s;
      }
      .shad-ai-page .shad-ai-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -10px rgba(255, 84, 33, 0.75);
        text-decoration: none;
      }
      .shad-ai-page .shad-ai-btn-ghost {
        background: #fff;
        color: var(--shad-ai-slate);
        box-shadow: inset 0 0 0 1.5px var(--shad-ai-line);
      }
      .shad-ai-page .shad-ai-btn-ghost:hover {
        box-shadow: inset 0 0 0 1.5px var(--shad-ai-orange);
        color: var(--shad-ai-orange);
      }
      .shad-ai-btn-block {
        width: 100%;
      }

      /* navbar */
      .shad-ai-nav {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: saturate(1.4) blur(12px);
        border-bottom: 1px solid var(--shad-ai-line);
      }
      .shad-ai-nav::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 2px;
        background: linear-gradient(
          90deg,
          #ff5421,
          #ffa41b,
          #12a594,
          #6c5ce7,
          #f43f5e
        );
        opacity: 0.8;
      }
      .shad-ai-nav-inner {
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }
      .shad-ai-logo {
        display: inline-flex;
        align-items: center;
        text-decoration: none !important;
      }
      .shad-ai-logo img {
        height: 36px;
        width: auto;
        display: block;
      }
      .shad-ai-logo-text {
        font-weight: 800;
        font-size: 1.35rem;
        color: var(--shad-ai-slate);
        letter-spacing: -0.02em;
      }
      .shad-ai-logo-text b {
        color: var(--shad-ai-orange);
      }
      .shad-ai-nav-links {
        display: flex;
        gap: 4px;
      }
      .shad-ai-page .shad-ai-nav-links a {
        color: var(--shad-ai-slate);
        font-weight: 700;
        font-size: 0.86rem;
        padding: 8px 14px;
        border-radius: 999px;
      }
      .shad-ai-page .shad-ai-nav-links a:hover {
        background: var(--shad-ai-orange-soft);
        color: var(--shad-ai-orange);
        text-decoration: none;
      }
      .shad-ai-page .shad-ai-nav-cta {
        padding: 10px 18px;
        font-size: 0.84rem;
      }

      /* hero: colourful mesh */
      .shad-ai-hero {
        position: relative;
        overflow: hidden;
        padding: 26px 0 56px;
        background:
          radial-gradient(
            520px 380px at 8% 18%,
            rgba(255, 164, 27, 0.22),
            transparent 70%
          ),
          radial-gradient(
            560px 420px at 92% 12%,
            rgba(255, 84, 33, 0.2),
            transparent 70%
          ),
          radial-gradient(
            520px 380px at 70% 95%,
            rgba(108, 92, 231, 0.14),
            transparent 70%
          ),
          radial-gradient(
            420px 320px at 25% 100%,
            rgba(18, 165, 148, 0.14),
            transparent 70%
          ),
          #fffaf6;
      }
      .shad-ai-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
          rgba(64, 69, 81, 0.08) 1px,
          transparent 1.4px
        );
        background-size: 20px 20px;
        -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%);
        mask-image: linear-gradient(180deg, #000, transparent 85%);
      }
      .shad-ai-hero > * {
        position: relative;
        z-index: 1;
      }
      .shad-ai-breadcrumb {
        font-size: 0.65rem;
        color: var(--shad-ai-muted);
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 14px;
      }
      .shad-ai-page .shad-ai-breadcrumb a {
        color: var(--shad-ai-muted);
      }
      .shad-ai-verified {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #fff;
        border-radius: 999px;
        padding: 5px 14px 5px 5px;
        font-size: 0.8rem;
        margin-bottom: 18px;
        box-shadow: 0 8px 20px -12px rgba(31, 35, 48, 0.3);
      }
      .shad-ai-verified .shad-ai-tile {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        border-radius: 50%;
        background: var(--shad-ai-teal);
        color: #fff;
      }
      .shad-ai-page .shad-ai-verified a {
        color: var(--shad-ai-ink);
        font-weight: 700;
      }
      .shad-ai-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        gap: 40px;
        align-items: start;
      }
      .shad-ai-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 16px;
      }
      .shad-ai-meta span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 0.8rem;
        font-weight: 800;
        border-radius: 999px;
        padding: 6px 12px;
      }
      .shad-ai-meta span:nth-child(1) {
        background: var(--shad-ai-orange-soft);
        color: var(--shad-ai-orange);
      }
      .shad-ai-meta span:nth-child(2) {
        background: var(--shad-ai-violet-soft);
        color: var(--shad-ai-violet);
      }
      .shad-ai-meta span:nth-child(3) {
        background: var(--shad-ai-teal-soft);
        color: var(--shad-ai-teal);
      }
      .shad-ai-meta .shad-ai-ico {
        width: 15px;
        height: 15px;
      }
      .shad-ai-intro {
        font-size: 1.03rem;
      }
      .shad-ai-hero-ctas {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 18px 0 24px;
      }
      .shad-ai-reviews {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
      .shad-ai-review {
        position: relative;
        background: #fff;
        border-radius: 16px;
        padding: 10px 12px;
        box-shadow: 0 10px 24px -18px rgba(31, 35, 48, 0.4);
        overflow: hidden;
      }
      .shad-ai-review::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: var(--shad-ai-orange);
      }
      .shad-ai-review:nth-child(2)::before {
        background: var(--shad-ai-amber);
      }
      .shad-ai-review:nth-child(3)::before {
        background: var(--shad-ai-teal);
      }
      .shad-ai-review:nth-child(4)::before {
        background: var(--shad-ai-violet);
      }
      .shad-ai-review:nth-child(5)::before {
        background: var(--shad-ai-rose);
      }
      .shad-ai-review:nth-child(6)::before {
        background: var(--shad-ai-sky);
      }
      .shad-ai-review-name {
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--shad-ai-muted);
      }
      .shad-ai-review-score {
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 800;
        color: var(--shad-ai-ink);
      }
      .shad-ai-review-score .shad-ai-ico {
        width: 14px;
        height: 14px;
        color: #f5a524;
      }
      .shad-ai-review-count {
        font-size: 0.7rem;
        color: var(--shad-ai-muted);
      }
      .shad-ai-review-total {
        font-weight: 800;
        color: var(--shad-ai-ink);
        margin: 12px 0 0;
      }

      /* hero side: illustration + offer */
      .shad-ai-hero-side {
        display: grid;
        gap: 0;
      }
      .shad-ai-net {
        position: relative;
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(6px);
        border-radius: 26px;
        padding: 16px 14px 14px;
        box-shadow: 0 20px 40px -26px rgba(31, 35, 48, 0.4);
      }
      .shad-ai-net-svg {
        width: 100%;
        height: auto;
        display: block;
      }
      .shad-ai-net-path {
        stroke-dasharray: 420;
        stroke-dashoffset: 420;
        animation: shad-ai-draw 2.4s ease forwards 0.3s;
      }
      @keyframes shad-ai-draw {
        to {
          stroke-dashoffset: 0;
        }
      }
      .shad-ai-net-chip {
        position: absolute;
        font-size: 0.68rem;
        font-weight: 800;
        color: #fff;
        border-radius: 999px;
        padding: 4px 10px;
        box-shadow: 0 8px 16px -8px rgba(31, 35, 48, 0.5);
        animation: shad-ai-float 4s ease-in-out infinite;
      }
      .shad-ai-net-chip-1 {
        left: 10px;
        top: -10px;
        background: var(--shad-ai-violet);
      }
      .shad-ai-net-chip-2 {
        right: 30px;
        top: -10px;
        background: var(--shad-ai-teal);
        animation-delay: 0.8s;
      }
      .shad-ai-net-chip-3 {
        right: -6px;
        top: 36%;
        background: var(--shad-ai-rose);
        animation-delay: 1.6s;
      }
      .shad-ai-net-chip-4 {
        left: 36%;
        bottom: -8px;
        background: var(--shad-ai-amber);
        color: #3a2600;
        animation-delay: 2.2s;
      }
      @keyframes shad-ai-float {
        50% {
          transform: translateY(-5px);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .shad-ai-net-chip,
        .shad-ai-net-path {
          animation: none;
          stroke-dashoffset: 0;
        }
      }
      .shad-ai-offer {
        position: relative;
        margin: 12px 0 0;
        background: #fff;
        border-radius: 24px;
        padding: 22px;
        box-shadow: 0 30px 60px -28px rgba(31, 35, 48, 0.5);
        --shad-ai-fade: #fff;
        z-index: 2;
      }
      .shad-ai-offer::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 24px;
        padding: 2px;
        background: linear-gradient(135deg, #ff5421, #ffa41b, #12a594, #6c5ce7);
        -webkit-mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
      }
      .shad-ai-offer-tag {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: var(--shad-ai-grad);
        color: #fff;
        font-size: 0.72rem;
        font-weight: 800;
        border-radius: 999px;
        padding: 4px 12px;
        margin-bottom: 10px;
      }
      .shad-ai-offer-tag .shad-ai-ico {
        width: 14px;
        height: 14px;
      }
      .shad-ai-offer-title {
        font-weight: 800;
        color: var(--shad-ai-ink);
      }
      .shad-ai-offer-price {
        font-weight: 700;
        color: var(--shad-ai-slate);
        margin: 2px 0;
      }
      .shad-ai-offer-price span {
        font-size: 2.1rem;
        font-weight: 800;
        background: var(--shad-ai-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        letter-spacing: -0.02em;
      }
      .shad-ai-offer-price small {
        color: var(--shad-ai-muted);
        font-weight: 700;
      }
      .shad-ai-offer-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px 10px;
        margin: 12px 0 14px !important;
        font-size: 0.82rem;
        font-weight: 700;
        color: var(--shad-ai-slate);
      }
      .shad-ai-offer-list li {
        margin: 0;
      }
      .shad-ai-offer .shad-ai-btn {
        margin-top: 12px;
      }
      .shad-ai-label {
        display: block;
        font-size: 0.74rem;
        font-weight: 800;
        color: var(--shad-ai-slate);
        margin-bottom: 5px;
      }
      .shad-ai-select,
      .shad-ai-input {
        width: 100%;
        border: 1.5px solid var(--shad-ai-line);
        border-radius: 12px;
        padding: 11px 13px;
        font: inherit;
        font-size: 0.9rem;
        background: #fff;
        color: var(--shad-ai-ink);
        outline: none;
      }
      .shad-ai-select:focus,
      .shad-ai-input:focus {
        border-color: var(--shad-ai-orange);
        box-shadow: 0 0 0 4px rgba(255, 84, 33, 0.12);
      }

      /* features band */
      #shad-ai-features-band {
        padding: 0;
        margin-top: -26px;
        position: relative;
        z-index: 2;
        background: none;
      }
      .shad-ai-features {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
      }
      .shad-ai-feature {
        display: flex;
        flex-direction: column;
        gap: 10px;
        background: #fff;
        border-radius: 20px;
        padding: 16px 14px;
        font-size: 0.82rem;
        font-weight: 800;
        color: var(--shad-ai-ink);
        box-shadow: 0 16px 30px -22px rgba(31, 35, 48, 0.45);
        line-height: 1.35;
        border-bottom: 4px solid var(--shad-ai-orange);
      }
      .shad-ai-feature:nth-child(2) {
        border-color: var(--shad-ai-teal);
      }
      .shad-ai-feature:nth-child(3) {
        border-color: var(--shad-ai-violet);
      }
      .shad-ai-feature:nth-child(4) {
        border-color: var(--shad-ai-amber);
      }
      .shad-ai-feature:nth-child(5) {
        border-color: var(--shad-ai-rose);
      }
      .shad-ai-feature:nth-child(6) {
        border-color: var(--shad-ai-sky);
      }
      .shad-ai-feature small {
        display: block;
        font-weight: 600;
        color: var(--shad-ai-muted);
      }

      /* sections */
      .shad-ai-section {
        position: relative;
        padding: 62px 0;
        scroll-margin-top: 72px;
      }
      .shad-ai-section:nth-of-type(even) {
        background: linear-gradient(
          180deg,
          var(--shad-ai-accent-soft),
          rgba(255, 255, 255, 0) 70%
        );
        --shad-ai-fade: #fff;
      }
      .shad-ai-section > .shad-ai-wrap > .shad-ai-h2 {
        max-width: 820px;
      }
      .shad-ai-card {
        background: #fff;
        border-radius: 22px;
        padding: 22px;
        box-shadow: 0 16px 36px -26px rgba(31, 35, 48, 0.4);
        --shad-ai-fade: #fff;
      }
      .shad-ai-two {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 26px;
      }
      .shad-ai-mtabbar {
        display: none;
      }
      .shad-ai-reveal {
        transform: translateY(16px);
        transition: transform 0.6s ease;
      }
      .shad-ai-reveal.shad-ai-in {
        transform: none;
      }

      /* stats */
      .shad-ai-stats {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
        margin-top: 6px;
      }
      .shad-ai-stat {
        position: relative;
        border-radius: 22px;
        padding: 18px 14px;
        color: #fff;
        overflow: hidden;
        background: var(--shad-ai-grad);
        min-height: 128px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }
      .shad-ai-stat::after {
        content: "";
        position: absolute;
        right: -22px;
        top: -22px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.16);
      }
      .shad-ai-stat:nth-child(2) {
        background: linear-gradient(135deg, #404551, #23262f);
      }
      .shad-ai-stat:nth-child(3) {
        background: linear-gradient(135deg, #12a594, #0ea5e9);
      }
      .shad-ai-stat:nth-child(4) {
        background: linear-gradient(135deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-stat:nth-child(5) {
        background: linear-gradient(135deg, #f43f5e, #ff7a59);
      }
      .shad-ai-stat:nth-child(6) {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
      }
      .shad-ai-stat-num {
        font-size: 1.7rem;
        font-weight: 800;
        line-height: 1.1;
        color: #fff;
        position: relative;
        z-index: 1;
      }
      .shad-ai-stat-num .shad-ai-ico {
        width: 30px;
        height: 30px;
      }
      .shad-ai-stat-label {
        font-size: 0.76rem;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.88);
        position: relative;
        z-index: 1;
      }
      .shad-ai-hiring-line {
        font-size: 0.9rem;
        margin: 16px 0 0;
      }
      .shad-ai-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
      }
      .shad-ai-page .shad-ai-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #fff;
        color: var(--shad-ai-slate);
        font-weight: 700;
        font-size: 0.78rem;
        padding: 7px 13px;
        border-radius: 999px;
        white-space: nowrap;
        box-shadow: 0 6px 16px -12px rgba(31, 35, 48, 0.4);
      }
      .shad-ai-page .shad-ai-chip .shad-ai-ico {
        width: 14px;
        height: 14px;
        color: var(--shad-ai-accent);
      }
      .shad-ai-page a.shad-ai-chip:hover {
        color: var(--shad-ai-orange);
        text-decoration: none;
      }

      /* kv */
      .shad-ai-kv {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .shad-ai-kv-item {
        display: flex;
        gap: 12px;
        align-items: center;
        background: #fff;
        border-radius: 18px;
        padding: 12px;
        box-shadow: 0 10px 24px -20px rgba(31, 35, 48, 0.45);
      }
      .shad-ai-kv-wide {
        grid-column: 1/-1;
      }
      .shad-ai-kv-label {
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: var(--shad-ai-muted);
      }
      .shad-ai-kv-value {
        font-weight: 800;
        color: var(--shad-ai-ink);
        font-size: 0.88rem;
      }
      .shad-ai-card .shad-ai-kv-item {
        background: #faf9fd;
        box-shadow: none;
      }

      /* tables */
      .shad-ai-table-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 16px 36px -26px rgba(31, 35, 48, 0.4);
      }
      .shad-ai-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.86rem;
        min-width: 520px;
      }
      .shad-ai-table th,
      .shad-ai-table td {
        text-align: left;
        padding: 12px 16px;
        border-bottom: 1px solid var(--shad-ai-line);
        vertical-align: top;
      }
      .shad-ai-table th {
        background:linear-gradient(135deg, #ffa41b, #ff7a1a);
        color: #fff;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
      .shad-ai-table tr:last-child td {
        border-bottom: 0;
      }
      .shad-ai-table tbody tr:hover td {
        background: #fcfbff;
      }
      .shad-ai-table td:first-child {
        font-weight: 700;
        color: var(--shad-ai-ink);
      }
      .shad-ai-table th.shad-ai-featured-col {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);;
      }
      .shad-ai-table td.shad-ai-featured-col {
        background: var(--shad-ai-orange-soft);
      }

      /* accordion */
      .shad-ai-acc {
        background: #fff;
        border-radius: 18px;
        margin-bottom: 10px;
        overflow: hidden;
        box-shadow: 0 10px 26px -22px rgba(31, 35, 48, 0.5);
        border: 1px solid var(--shad-ai-line);
        --shad-ai-fade: #fff;
      }
      .shad-ai-acc > summary {
        list-style: none;
        cursor: pointer;
        padding: 15px 56px 15px 18px;
        position: relative;
        font-weight: 800;
        color: var(--shad-ai-ink);
        font-size: 0.93rem;
      }
      .shad-ai-acc > summary::-webkit-details-marker {
        display: none;
      }
      .shad-ai-acc > summary::after {
        content: "";
        position: absolute;
        right: 14px;
        top: 50%;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        border-radius: 10px;
        background: var(--shad-ai-accent-soft)
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404551' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
          center/14px no-repeat;
        transition: transform 0.2s;
      }
      .shad-ai-acc[open] > summary::after {
        transform: rotate(180deg);
      }
      .shad-ai-acc[open] {
        border-color: transparent;
        box-shadow:
          0 0 0 2px var(--shad-ai-accent),
          0 16px 30px -22px rgba(31, 35, 48, 0.5);
      }
      .shad-ai-acc h3,
      .shad-ai-acc h4 {
        display: inline;
        margin: 0;
        font-size: inherit;
        font-weight: 800;
        color: inherit;
      }
      .shad-ai-acc-body {
        padding: 0 18px 18px;
        font-size: 0.92rem;
      }
      .shad-ai-modgrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: start;
        margin-top: 16px;
      }
      .shad-ai-modgrid .shad-ai-acc {
        margin: 0;
      }
      .shad-ai-modgrid .shad-ai-acc > summary {
        padding-left: 18px;
      }

      /* tabs */
      .shad-ai-tabs {
        display: inline-flex;
        gap: 4px;
        background: #fff;
        border-radius: 999px;
        padding: 5px;
        margin-bottom: 14px;
        box-shadow: 0 8px 20px -16px rgba(31, 35, 48, 0.4);
      }
      .shad-ai-tab {
        border: 0;
        background: transparent;
        font: inherit;
        font-weight: 800;
        font-size: 0.84rem;
        padding: 8px 20px;
        border-radius: 999px;
        color: var(--shad-ai-muted);
        cursor: pointer;
      }
      .shad-ai-tab[aria-selected="true"] {
        background: linear-gradient(120deg, #ff5421, #ff7a1a 55%, #ffa41b);
        color: #fff;
      }
      .shad-ai-tabpanel[hidden] {
        display: none;
      }

      /* tools */
      .shad-ai-tools {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }
      .shad-ai-tool {
        font-weight: 800;
        font-size: 0.86rem;
        border-radius: 14px;
        padding: 10px 16px;
        color: var(--shad-ai-ink);
        background: #fff;
        box-shadow: 0 10px 22px -18px rgba(31, 35, 48, 0.5);
        border-top: 3px solid var(--shad-ai-orange);
      }
      .shad-ai-tool:nth-child(5n + 2) {
        border-color: var(--shad-ai-teal);
      }
      .shad-ai-tool:nth-child(5n + 3) {
        border-color: var(--shad-ai-violet);
      }
      .shad-ai-tool:nth-child(5n + 4) {
        border-color: var(--shad-ai-amber);
      }
      .shad-ai-tool:nth-child(5n + 5) {
        border-color: var(--shad-ai-rose);
      }

      /* person */
      .shad-ai-person {
        display: flex;
        gap: 14px;
        align-items: flex-start;
      }
      .shad-ai-avatar {
        flex: 0 0 56px;
        height: 56px;
        border-radius: 18px;
        background: linear-gradient(135deg, #f43f5e, #ff7a1a);
        color: #fff;
        display: grid;
        place-items: center;
      }
      .shad-ai-avatar .shad-ai-ico {
        width: 26px;
        height: 26px;
      }

      /* enroll band */
      #shad-ai-enroll {
        background: none;
      }
      .shad-ai-dark {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
        padding: 40px;
        color: #e7e8ee;
        background:
          radial-gradient(
            500px 260px at 100% 0,
            rgba(255, 164, 27, 0.45),
            transparent 70%
          ),
          radial-gradient(
            500px 300px at 0 100%,
            rgba(108, 92, 231, 0.5),
            transparent 70%
          ),
          linear-gradient(135deg, #404551, #262a33);
        --shad-ai-fade: #353945;
      }
      .shad-ai-dark h2 {
        color: #fff;
        font-size: 2rem;
        max-width: 680px;
      }
      .shad-ai-dark-eyebrow {
        display: inline-block;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        border-radius: 999px;
        padding: 4px 12px;
        margin-bottom: 12px;
      }
      .shad-ai-dark-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin: 22px 0;
      }
      .shad-ai-dark-box {
        display: flex;
        align-items: center;
        gap: 10px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 18px;
        padding: 12px;
      }
      .shad-ai-dark-box .shad-ai-tile {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 12px;
        background: var(--shad-ai-grad);
        color: #fff;
      }
      .shad-ai-dark-box:nth-child(2) .shad-ai-tile {
        background: linear-gradient(135deg, #12a594, #0ea5e9);
      }
      .shad-ai-dark-box:nth-child(3) .shad-ai-tile {
        background: linear-gradient(135deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-dark-box:nth-child(4) .shad-ai-tile {
        background: linear-gradient(135deg, #f43f5e, #ff7a59);
      }
      .shad-ai-dark-box strong {
        display: block;
        color: #fff;
        font-size: 0.88rem;
        line-height: 1.3;
      }
      .shad-ai-dark-box small {
        font-size: 0.72rem;
        color: #b9bdc9;
      }

      /* trust */
      .shad-ai-page .shad-ai-trust-list {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .shad-ai-trust-list li {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        background: #faf9fd;
        border-radius: 14px;
        padding: 11px 12px;
        margin: 0;
        font-size: 0.86rem;
      }
      .shad-ai-trust-list .shad-ai-ico {
        color: var(--shad-ai-teal);
      }
      .shad-ai-trust-sign {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .shad-ai-trust-sign div {
        border-radius: 16px;
        padding: 12px 14px;
        font-size: 0.88rem;
        color: #fff;
        background: linear-gradient(135deg, #12a594, #0ea5e9);
      }
      .shad-ai-trust-sign div:nth-child(2) {
        background: linear-gradient(135deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-trust-sign div:nth-child(3) {
        background: var(--shad-ai-grad);
      }
      .shad-ai-trust-sign strong {
        display: block;
        font-size: 0.64rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.85);
      }
      .shad-ai-page .shad-ai-trust-sign a {
        color: #fff;
        text-decoration: underline;
        text-decoration-color: rgba(255, 255, 255, 0.45);
      }

      /* form + centres */
      .shad-ai-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .shad-ai-form-full {
        grid-column: 1/-1;
      }
      .shad-ai-centre {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        font-size: 0.88rem;
      }
      .shad-ai-contact {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 18px;
        font-size: 0.86rem;
        font-weight: 700;
      }
      .shad-ai-contact span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }
      .shad-ai-contact .shad-ai-ico {
        width: 16px;
        height: 16px;
        color: var(--shad-ai-orange);
      }

      /* read more */
      .shad-ai-more {
        position: relative;
      }
      .shad-ai-more > :last-child {
        margin-bottom: 0;
      }
      .shad-ai-more-clamped {
        overflow: hidden;
      }
      .shad-ai-more-clamped::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 70px;
        background: linear-gradient(
          rgba(255, 255, 255, 0),
          var(--shad-ai-fade)
        );
        pointer-events: none;
      }
      .shad-ai-hero .shad-ai-more-clamped::after {
        background: linear-gradient(rgba(255, 250, 246, 0), #fff6ef);
      }
      .shad-ai-page .shad-ai-more-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-top: 8px;
        border: 0;
        background: var(--shad-ai-accent-soft);
        border-radius: 999px;
        padding: 6px 14px;
        font: inherit;
        font-weight: 800;
        font-size: 0.8rem;
        color: var(--shad-ai-accent);
        cursor: pointer;
      }
      .shad-ai-hero .shad-ai-more-btn {
        background: #fff !important;
        color: var(--shad-ai-orange) !important;
      }
      .shad-ai-more-btn .shad-ai-ico {
        width: 15px;
        height: 15px;
        transition: transform 0.2s;
      }
      .shad-ai-more-btn[aria-expanded="true"] .shad-ai-ico {
        transform: rotate(180deg);
      }
      .shad-ai-more-btn + * {
        margin-top: 14px;
      }

      /* demo cards */
      .shad-ai-demo-note {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        font-size: 0.78rem;
        background: #fff7e6;
        border: 1px dashed #f1be6b;
        color: #8a5200;
        border-radius: 14px;
        padding: 8px 12px;
        margin: 0 0 14px;
      }
      .shad-ai-demo-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 2;
        font-size: 0.56rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        background: rgba(255, 255, 255, 0.9);
        color: #a45c00;
        border-radius: 999px;
        padding: 2px 7px;
      }
      .shad-ai-grid-5 {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
      }
      .shad-ai-grid-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }
      .shad-ai-alum {
        position: relative;
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 16px 34px -24px rgba(31, 35, 48, 0.5);
      }
      .shad-ai-alum-top {
        height: 86px;
        display: grid;
        place-items: end center;
        background: var(--shad-ai-grad);
      }
      .shad-ai-alum:nth-child(5n + 2) .shad-ai-alum-top {
        background: linear-gradient(135deg, #12a594, #0ea5e9);
      }
      .shad-ai-alum:nth-child(5n + 3) .shad-ai-alum-top {
        background: linear-gradient(135deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-alum:nth-child(5n + 4) .shad-ai-alum-top {
        background: linear-gradient(135deg, #f43f5e, #ff7a59);
      }
      .shad-ai-alum:nth-child(5n + 5) .shad-ai-alum-top {
        background: linear-gradient(135deg, #404551, #6b7080);
      }
      .shad-ai-initials {
        width: 62px;
        height: 62px;
        margin-bottom: -31px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-weight: 800;
        font-size: 1.1rem;
        color: var(--shad-ai-ink);
        background: #fff;
        border: 4px solid #fff;
        box-shadow: 0 8px 18px -8px rgba(31, 35, 48, 0.4);
      }
      .shad-ai-alum-body {
        padding: 40px 12px 16px;
        text-align: center;
      }
      .shad-ai-alum-name {
        font-weight: 800;
        color: var(--shad-ai-ink);
        font-size: 0.93rem;
      }
      .shad-ai-alum-role {
        font-size: 0.76rem;
        color: var(--shad-ai-muted);
        min-height: 2.5em;
        margin-bottom: 8px;
      }
      .shad-ai-alum-co {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        font-size: 0.74rem;
        font-weight: 800;
        color: var(--shad-ai-slate);
        background: #faf9fd;
        border-radius: 10px;
        padding: 6px;
      }
      .shad-ai-alum-co .shad-ai-ico {
        width: 14px;
        height: 14px;
        color: var(--shad-ai-orange);
      }
      .shad-ai-alum-batch {
        display: inline-block;
        margin-top: 8px;
        font-size: 0.66rem;
        font-weight: 800;
        color: var(--shad-ai-teal);
        background: var(--shad-ai-teal-soft);
        border-radius: 999px;
        padding: 3px 10px;
      }
      .shad-ai-trainer {
        position: relative;
        background: #fff;
        border-radius: 22px;
        padding: 18px 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-shadow: 0 16px 34px -24px rgba(31, 35, 48, 0.5);
        overflow: hidden;
      }
      .shad-ai-trainer::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 5px;
        background: var(--shad-ai-grad);
      }
      .shad-ai-trainer:nth-child(4n + 2)::before {
        background: linear-gradient(90deg, #12a594, #0ea5e9);
      }
      .shad-ai-trainer:nth-child(4n + 3)::before {
        background: linear-gradient(90deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-trainer:nth-child(4n + 4)::before {
        background: linear-gradient(90deg, #f43f5e, #ff7a59);
      }
      .shad-ai-trainer-head {
        display: flex;
        gap: 12px;
        align-items: center;
        padding-right: 28px;
      }
      .shad-ai-trainer .shad-ai-initials {
        margin: 0;
        width: 52px;
        height: 52px;
        flex: 0 0 52px;
        font-size: 0.95rem;
        border: 0;
        color: #fff;
        background: var(--shad-ai-grad);
        box-shadow: none;
      }
      .shad-ai-trainer:nth-child(4n + 2) .shad-ai-initials {
        background: linear-gradient(135deg, #12a594, #0ea5e9);
      }
      .shad-ai-trainer:nth-child(4n + 3) .shad-ai-initials {
        background: linear-gradient(135deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-trainer:nth-child(4n + 4) .shad-ai-initials {
        background: linear-gradient(135deg, #f43f5e, #ff7a59);
      }
      .shad-ai-trainer-name {
        font-weight: 800;
        color: var(--shad-ai-ink);
        font-size: 0.93rem;
        line-height: 1.3;
      }
      .shad-ai-trainer-role {
        font-size: 0.76rem;
        color: var(--shad-ai-muted);
      }
      .shad-ai-exp {
        display: flex;
        align-items: baseline;
        gap: 6px;
        background: #faf9fd;
        border-radius: 12px;
        padding: 6px 10px;
      }
      .shad-ai-exp b {
        font-size: 1.3rem;
        background: var(--shad-ai-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .shad-ai-exp span {
        font-size: 0.72rem;
        color: var(--shad-ai-muted);
        font-weight: 700;
      }
      .shad-ai-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
      }
      .shad-ai-tag {
        font-size: 0.66rem;
        font-weight: 800;
        color: var(--shad-ai-violet);
        background: var(--shad-ai-violet-soft);
        border-radius: 999px;
        padding: 2px 8px;
      }
      .shad-ai-trainer-link {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 0.8rem;
        font-weight: 800;
        margin-top: auto;
      }
      .shad-ai-trainer-link .shad-ai-ico {
        width: 14px;
        height: 14px;
      }
      .shad-ai-trainer-reviewer {
        background: linear-gradient(180deg, #fff5ef, #fff 60%);
      }

      /* existing visuals */
      .shad-ai-split {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 30px;
        align-items: center;
      }
      .shad-ai-visual {
        background: #fff;
        border-radius: 24px;
        padding: 18px;
        box-shadow: 0 18px 40px -28px rgba(31, 35, 48, 0.45);
      }
      .shad-ai-visual-title {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--shad-ai-muted);
        margin-bottom: 12px;
      }
      .shad-ai-visual-title .shad-ai-ico {
        width: 14px;
        height: 14px;
        color: var(--shad-ai-accent);
      }
      .shad-ai-visual svg.shad-ai-diagram {
        width: 100%;
        height: auto;
        display: block;
      }
      .shad-ai-flow {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
        margin: 26px 0 4px;
      }
      .shad-ai-flow-step {
        position: relative;
        background: #fff;
        border-radius: 20px;
        padding: 16px 14px;
        font-size: 0.82rem;
        font-weight: 800;
        color: var(--shad-ai-ink);
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-shadow: 0 12px 26px -20px rgba(31, 35, 48, 0.5);
      }
      .shad-ai-flow-step small {
        font-weight: 600;
        color: var(--shad-ai-muted);
        font-size: 0.72rem;
      }
      .shad-ai-flow-step:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -10px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-top: 2.5px solid var(--shad-ai-accent);
        border-right: 2.5px solid var(--shad-ai-accent);
        transform: translateY(-50%) rotate(45deg);
      }
      .shad-ai-road {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 8px;
      }
      .shad-ai-road-stop {
        text-align: center;
        font-size: 0.74rem;
        font-weight: 800;
        color: var(--shad-ai-ink);
      }
      .shad-ai-road-dot {
        width: 46px;
        height: 46px;
        margin: 0 auto 6px;
        border-radius: 16px;
        display: grid;
        place-items: center;
        color: #fff;
        background: var(--shad-ai-grad);
        box-shadow: 0 10px 20px -12px rgba(255, 84, 33, 0.8);
      }
      .shad-ai-road-stop:nth-child(2) .shad-ai-road-dot {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
        box-shadow: none;
      }
      .shad-ai-road-stop:nth-child(3) .shad-ai-road-dot {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
        box-shadow: none;
      }
      .shad-ai-road-stop:nth-child(4) .shad-ai-road-dot {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
        box-shadow: none;
      }
      .shad-ai-road-stop:nth-child(5) .shad-ai-road-dot {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
        box-shadow: none;
      }
      .shad-ai-road-stop:nth-child(6) .shad-ai-road-dot {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
        box-shadow: none;
      }
      .shad-ai-road-stop:nth-child(7) .shad-ai-road-dot {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
        box-shadow: none;
      }
      .shad-ai-road-dot .shad-ai-ico {
        width: 19px;
        height: 19px;
      }
      .shad-ai-road-stop small {
        display: block;
        font-size: 0.62rem;
        color: var(--shad-ai-muted);
        font-weight: 700;
      }
      .shad-ai-bars {
        display: grid;
        gap: 8px;
      }
      .shad-ai-bar-row {
        display: grid;
        grid-template-columns: 190px minmax(0, 1fr) 44px;
        gap: 12px;
        align-items: center;
        font-size: 0.78rem;
      }
      .shad-ai-bar-label {
        font-weight: 700;
        color: var(--shad-ai-slate);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .shad-ai-bar-track {
        height: 12px;
        border-radius: 999px;
        background: #f1eff6;
        overflow: hidden;
      }
      .shad-ai-bar-fill {
        height: 100%;
        border-radius: 999px;
        background: var(--shad-ai-grad);
      }
      .shad-ai-bar-row:nth-child(4n + 2) .shad-ai-bar-fill {
        background: linear-gradient(90deg, #12a594, #0ea5e9);
      }
      .shad-ai-bar-row:nth-child(4n + 3) .shad-ai-bar-fill {
        background: linear-gradient(90deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-bar-row:nth-child(4n + 4) .shad-ai-bar-fill {
        background: linear-gradient(90deg, #f43f5e, #ff7a59);
      }
      .shad-ai-bar-fill-strong {
        background: linear-gradient(90deg, #404551, #6b7080) !important;
      }
      .shad-ai-bar-val {
        font-weight: 800;
        color: var(--shad-ai-ink);
        text-align: right;
      }
      .shad-ai-range-row {
        display: grid;
        grid-template-columns: 190px minmax(0, 1fr) 76px;
        gap: 12px;
        align-items: center;
        font-size: 0.78rem;
      }
      .shad-ai-range-track {
        position: relative;
        height: 14px;
        border-radius: 999px;
        background: #f1eff6;
      }
      .shad-ai-range-fill {
        position: absolute;
        top: 0;
        bottom: 0;
        border-radius: 999px;
        background: linear-gradient(90deg, #12a594, #ffa41b, #ff5421);
      }
      .shad-ai-range-axis {
        display: grid;
        grid-template-columns: 190px minmax(0, 1fr) 76px;
        gap: 12px;
        font-size: 0.62rem;
        color: var(--shad-ai-muted);
        margin-top: 4px;
      }
      .shad-ai-range-ticks {
        display: flex;
        justify-content: space-between;
      }
      .shad-ai-cert {
        position: relative;
        overflow: hidden;
        background: #fff;
        border-radius: 22px;
        padding: 24px;
        box-shadow: 0 24px 50px -30px rgba(31, 35, 48, 0.55);
      }
      .shad-ai-cert::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 8px;
        background: linear-gradient(90deg, #ff5421, #ffa41b, #12a594, #6c5ce7);
      }
      .shad-ai-cert::after {
        content: "SAMPLE";
        position: absolute;
        right: -34px;
        top: 26px;
        transform: rotate(35deg);
        background: var(--shad-ai-slate);
        color: #fff;
        font-size: 0.6rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        padding: 3px 40px;
      }
      .shad-ai-cert-brand {
        font-weight: 800;
        color: var(--shad-ai-slate);
      }
      .shad-ai-cert-brand b {
        color: var(--shad-ai-orange);
      }
      .shad-ai-cert-kicker {
        font-size: 0.6rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--shad-ai-muted);
        margin-top: 12px;
      }
      .shad-ai-cert-title {
        font-size: 1.12rem;
        font-weight: 800;
        color: var(--shad-ai-ink);
        margin-bottom: 8px;
        line-height: 1.3;
      }
      .shad-ai-cert-name {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 1.35rem;
        background: var(--shad-ai-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        border-bottom: 1px solid var(--shad-ai-line);
        padding-bottom: 6px;
        margin-bottom: 10px;
      }
      .shad-ai-cert-meta {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px 12px;
        font-size: 0.7rem;
        color: var(--shad-ai-muted);
      }
      .shad-ai-cert-meta strong {
        display: block;
        color: var(--shad-ai-ink);
        font-size: 0.78rem;
      }
      .shad-ai-cert-foot {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: 12px;
      }
      .shad-ai-seal {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: var(--shad-ai-grad);
        color: #fff;
        display: grid;
        place-items: center;
        box-shadow: 0 0 0 5px var(--shad-ai-amber-soft);
      }
      .shad-ai-seal .shad-ai-ico {
        width: 26px;
        height: 26px;
      }
      .shad-ai-sign {
        font-size: 0.64rem;
        color: var(--shad-ai-muted);
        border-top: 1px solid var(--shad-ai-line);
        padding-top: 4px;
        min-width: 110px;
      }
      .shad-ai-live {
        background: linear-gradient(135deg, #2c3040, #1f2330);
        border-radius: 20px;
        padding: 10px;
        margin-bottom: 14px;
        color: #c9ccd4;
      }
      .shad-ai-live-bar {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 0.68rem;
        margin-bottom: 8px;
      }
      .shad-ai-live-bar i {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
        background: #555a66;
      }
      .shad-ai-live-bar i:first-child {
        background: #ff5f57;
      }
      .shad-ai-live-bar i:nth-child(2) {
        background: #febc2e;
      }
      .shad-ai-live-bar i:nth-child(3) {
        background: #28c840;
      }
      .shad-ai-live-pill {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: var(--shad-ai-grad);
        color: #fff;
        font-weight: 800;
        border-radius: 999px;
        padding: 2px 9px;
      }
      .shad-ai-live-pill::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #fff;
        animation: shad-ai-pulse 1.4s infinite;
      }
      @keyframes shad-ai-pulse {
        50% {
          opacity: 0.25;
        }
      }
      .shad-ai-live-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 8px;
      }
      .shad-ai-live-main {
        position: relative;
        min-height: 150px;
        border-radius: 14px;
        background:
          radial-gradient(
            circle at 50% 30%,
            rgba(108, 92, 231, 0.35),
            transparent 70%
          ),
          #2f3444;
        display: grid;
        place-items: start center;
        padding-top: 22px;
      }
      .shad-ai-live-main .shad-ai-ico {
        width: 44px;
        height: 44px;
        color: #ffb08f;
      }
      .shad-ai-live-code {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 10px;
        font-family: ui-monospace, Menlo, monospace;
        font-size: 0.62rem;
        line-height: 1.5;
        color: #b8bcc7;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        padding: 6px 8px;
      }
      .shad-ai-live-code b {
        color: #ffb08f;
        font-weight: 600;
      }
      .shad-ai-live-side {
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        gap: 8px;
      }
      .shad-ai-live-tile {
        border-radius: 12px;
        display: grid;
        place-items: center;
        min-height: 44px;
        background: linear-gradient(
          135deg,
          rgba(18, 165, 148, 0.35),
          rgba(14, 165, 233, 0.25)
        );
      }
      .shad-ai-live-tile:nth-child(2) {
        background: linear-gradient(
          135deg,
          rgba(244, 63, 94, 0.35),
          rgba(255, 122, 89, 0.25)
        );
      }
      .shad-ai-live-tile:nth-child(3) {
        background: linear-gradient(
          135deg,
          rgba(255, 164, 27, 0.35),
          rgba(255, 84, 33, 0.25)
        );
      }
      .shad-ai-live-tile .shad-ai-ico {
        color: #fff;
      }
      .shad-ai-live-tools {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 8px;
      }
      .shad-ai-live-tools span {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 0.66rem;
        background: rgba(255, 255, 255, 0.08);
        border-radius: 999px;
        padding: 4px 10px;
      }
      .shad-ai-live-tools .shad-ai-ico {
        width: 13px;
        height: 13px;
      }
      .shad-ai-hubs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: 0 0 14px;
      }
      .shad-ai-hub {
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 16px;
        padding: 10px;
        font-weight: 800;
        color: var(--shad-ai-ink);
        font-size: 0.86rem;
        background: #faf9fd;
      }
      .shad-ai-hub small {
        display: block;
        font-size: 0.68rem;
        color: var(--shad-ai-muted);
        font-weight: 700;
      }
      .shad-ai-page .shad-ai-sector-list {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .shad-ai-sector-list li {
        margin: 0;
        border-radius: 14px;
        padding: 10px 12px;
        font-size: 0.86rem;
        background: var(--shad-ai-orange-soft);
      }
      .shad-ai-sector-list li:nth-child(2) {
        background: var(--shad-ai-teal-soft);
      }
      .shad-ai-sector-list li:nth-child(3) {
        background: var(--shad-ai-violet-soft);
      }
      .shad-ai-sector-list li:nth-child(4) {
        background: var(--shad-ai-amber-soft);
      }
      .shad-ai-sector-list li:nth-child(5) {
        background: var(--shad-ai-rose-soft);
      }
      .shad-ai-page .shad-ai-steps {
        list-style: none;
        padding: 0;
        counter-reset: shad-ai-step;
      }
      .shad-ai-steps li {
        counter-increment: shad-ai-step;
        position: relative;
        padding: 0 0 14px 46px;
        margin: 0;
      }
      .shad-ai-steps li::before {
        content: counter(shad-ai-step);
        position: absolute;
        left: 0;
        top: 0;
        width: 32px;
        height: 32px;
        border-radius: 11px;
        background: var(--shad-ai-grad);
        color: #fff;
        font-weight: 800;
        font-size: 0.82rem;
        display: grid;
        place-items: center;
      }
      .shad-ai-steps li:nth-child(even)::before {
        background: linear-gradient(135deg, #12a594, #0ea5e9);
      }
      .shad-ai-steps li:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 15px;
        top: 36px;
        bottom: 2px;
        width: 2px;
        background: linear-gradient(#ffcdb9, #bfeee6);
      }

      /* ===== NEW SECTIONS ===== */
      .shad-ai-new .shad-ai-lead {
        margin-bottom: 20px;
      }
      /* fee breakdown */
      .shad-ai-fee-grid {
        display: grid;
        grid-template-columns: 1.4fr 1fr;
        gap: 18px;
        align-items: stretch;
      }
      .shad-ai-fee-card {
        background: #fff;
        border-radius: 24px;
        padding: 22px;
        box-shadow: 0 18px 40px -28px rgba(31, 35, 48, 0.5);
      }
      .shad-ai-fee-bar {
        display: flex;
        height: 74px;
        border-radius: 18px;
        overflow: hidden;
        gap: 4px;
      }
      .shad-ai-fee-seg {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 14px;
        color: #fff;
        min-width: 0;
      }
      .shad-ai-fee-seg b {
        font-size: 1.2rem;
        line-height: 1.1;
      }
      .shad-ai-fee-seg small {
        font-size: 0.72rem;
        opacity: 0.9;
        font-weight: 700;
      }
      .shad-ai-fee-seg-a {
        background: var(--shad-ai-grad);
      }
      .shad-ai-fee-seg-b {
        background: linear-gradient(135deg, #404551, #6b7080);
        min-width: 112px;
      }
      .shad-ai-fee-eq {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin: 16px 0 12px;
        font-weight: 800;
        color: var(--shad-ai-slate);
      }
      .shad-ai-fee-eq span {
        background: #faf9fd;
        border-radius: 10px;
        padding: 5px 10px;
      }
      .shad-ai-fee-eq i {
        font-style: normal;
        color: var(--shad-ai-muted);
      }
      .shad-ai-fee-eq strong {
        background: var(--shad-ai-grad);
        color: #fff;
        border-radius: 10px;
        padding: 5px 12px;
      }
      .shad-ai-page .shad-ai-fee-points {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 6px;
        font-size: 0.86rem;
      }
      .shad-ai-fee-points li {
        display: flex;
        gap: 8px;
        align-items: center;
        margin: 0;
      }
      .shad-ai-fee-points .shad-ai-ico {
        color: var(--shad-ai-teal);
      }
      .shad-ai-emi {
        background: linear-gradient(160deg, #fff, #fff7ea);
      }
      .shad-ai-emi-months {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }
      .shad-ai-emi-months span {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 14px;
        padding: 10px 6px;
        font-weight: 800;
        color: var(--shad-ai-ink);
        font-size: 0.86rem;
        background: #fff;
        box-shadow: inset 0 0 0 1.5px #ffe0b3;
      }
      .shad-ai-emi-months b {
        font-size: 0.62rem;
        letter-spacing: 0.08em;
        color: #e08600;
      }
      /* skills donut */
      .shad-ai-donut-wrap {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 34px;
        align-items: center;
        background: #fff;
        border-radius: 26px;
        padding: 26px;
        box-shadow: 0 18px 40px -28px rgba(31, 35, 48, 0.5);
      }
      .shad-ai-donut {
        position: relative;
        width: 260px;
        height: 260px;
      }
      .shad-ai-donut svg {
        width: 100%;
        height: 100%;
      }
      .shad-ai-donut-center {
        position: absolute;
        inset: 0;
        display: grid;
        place-content: center;
        text-align: center;
      }
      .shad-ai-donut-center b {
        font-size: 2.6rem;
        line-height: 1;
        color: var(--shad-ai-ink);
      }
      .shad-ai-donut-center small {
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--shad-ai-muted);
      }
      .shad-ai-page .shad-ai-legend {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 18px;
      }
      .shad-ai-legend li {
        display: grid;
        grid-template-columns: 14px 1fr auto;
        gap: 10px;
        align-items: center;
        margin: 0;
        font-size: 0.84rem;
        font-weight: 700;
        color: var(--shad-ai-ink);
        padding: 8px 0;
        border-bottom: 1px dashed var(--shad-ai-line);
      }
      .shad-ai-legend i {
        width: 14px;
        height: 14px;
        border-radius: 5px;
      }
      .shad-ai-legend small {
        display: block;
        font-size: 0.68rem;
        color: var(--shad-ai-muted);
        font-weight: 600;
      }
      .shad-ai-legend b {
        font-size: 0.78rem;
        color: var(--shad-ai-slate);
      }
      /* sample week */
      .shad-ai-week-grid {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 10px;
      }
      .shad-ai-day {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        border-radius: 20px;
        padding: 14px;
        min-height: 150px;
        background: #fff;
        box-shadow: 0 14px 30px -24px rgba(31, 35, 48, 0.5);
        position: relative;
        overflow: hidden;
      }
      .shad-ai-day::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 5px;
        background: var(--shad-ai-c);
      }
      .shad-ai-day-orange {
        --shad-ai-c: #ff5421;
        --shad-ai-cs: #fff0e9;
      }
      .shad-ai-day-amber {
        --shad-ai-c: #f08c00;
        --shad-ai-cs: #fff5e1;
      }
      .shad-ai-day-teal {
        --shad-ai-c: #12a594;
        --shad-ai-cs: #e3f7f3;
      }
      .shad-ai-day-violet {
        --shad-ai-c: #6c5ce7;
        --shad-ai-cs: #efedff;
      }
      .shad-ai-day-rose {
        --shad-ai-c: #f43f5e;
        --shad-ai-cs: #ffe9ed;
      }
      .shad-ai-day-name {
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--shad-ai-muted);
      }
      .shad-ai-day-ico {
        width: 40px;
        height: 40px;
        border-radius: 13px;
        display: grid;
        place-items: center;
        background: var(--shad-ai-cs);
        color: var(--shad-ai-c);
      }
      .shad-ai-day-task {
        font-weight: 800;
        color: var(--shad-ai-ink);
        font-size: 0.84rem;
        line-height: 1.3;
      }
      /* projects */
      .shad-ai-proj-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }
      .shad-ai-proj {
        border-radius: 24px;
        padding: 20px;
        color: #fff;
        position: relative;
        overflow: hidden;
        min-height: 170px;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .shad-ai-proj::after {
        content: "";
        position: absolute;
        right: -30px;
        bottom: -30px;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 18px solid rgba(255, 255, 255, 0.14);
      }
      .shad-ai-proj-orange {
        background: var(--shad-ai-grad);
      }
      .shad-ai-proj-teal {
        background: linear-gradient(135deg, #12a594, #0ea5e9);
      }
      .shad-ai-proj-amber {
        background: linear-gradient(135deg, #ffa41b, #ff7a1a);
      }
      .shad-ai-proj-violet {
        background: linear-gradient(135deg, #6c5ce7, #9b8cff);
      }
      .shad-ai-proj-rose {
        background: linear-gradient(135deg, #f43f5e, #ff7a59);
      }
      .shad-ai-proj-slate {
        background: linear-gradient(135deg, #404551, #23262f);
      }
      .shad-ai-proj-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .shad-ai-proj-ico {
        width: 44px;
        height: 44px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        background: rgba(255, 255, 255, 0.2);
      }
      .shad-ai-proj-mod {
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 999px;
        padding: 3px 10px;
      }
      .shad-ai-proj-title {
        font-size: 1.05rem;
        font-weight: 800;
        line-height: 1.3;
      }
      .shad-ai-proj-tools {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: auto;
        position: relative;
        z-index: 1;
      }
      .shad-ai-proj-tools span {
        font-size: 0.68rem;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        padding: 3px 9px;
      }
      /* online vs classroom */
      .shad-ai-vs {
        background: #fff;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 18px 40px -28px rgba(31, 35, 48, 0.5);
      }
      .shad-ai-vs-head,
      .shad-ai-vs-row {
        display: grid;
        grid-template-columns: 1fr 1.2fr 1.2fr;
      }
      .shad-ai-vs-head span {
        padding: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 800;
        font-size: 1rem;
      }
      .shad-ai-vs-head small {
        display: block;
        font-size: 0.7rem;
        font-weight: 700;
        opacity: 0.85;
      }
      .shad-ai-vs-a {
        background: linear-gradient(135deg, #ff5421, #ffa41b);
        color: #fff;
      }
      .shad-ai-vs-b {
        background: linear-gradient(135deg,  #ff5421, #ffa41b);
        color: #fff;
      }
      .shad-ai-vs-row span {
        padding: 12px 16px;
        border-top: 1px solid var(--shad-ai-line);
        font-size: 0.88rem;
      }
      .shad-ai-vs-row span:nth-child(2) {
        background: #f4fbfa;
        font-weight: 700;
        color: var(--shad-ai-ink);
      }
      .shad-ai-vs-k {
        font-weight: 800;
        color: var(--shad-ai-muted);
        font-size: 0.74rem !important;
        text-transform: uppercase;
        letter-spacing: 0.07em;
      }
      /* journey */
      .shad-ai-journey {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 10px;
        counter-reset: x;
      }
      .shad-ai-jstep {
        position: relative;
        background: #fff;
        border-radius: 22px;
        padding: 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-shadow: 0 14px 30px -24px rgba(31, 35, 48, 0.5);
      }
      .shad-ai-jstep-orange {
        --shad-ai-c: #ff5421;
        --shad-ai-cs: #fff0e9;
      }
      .shad-ai-jstep-amber {
        --shad-ai-c: #f08c00;
        --shad-ai-cs: #fff5e1;
      }
      .shad-ai-jstep-teal {
        --shad-ai-c: #12a594;
        --shad-ai-cs: #e3f7f3;
      }
      .shad-ai-jstep-violet {
        --shad-ai-c: #6c5ce7;
        --shad-ai-cs: #efedff;
      }
      .shad-ai-jstep-rose {
        --shad-ai-c: #f43f5e;
        --shad-ai-cs: #ffe9ed;
      }
      .shad-ai-jnum {
        position: absolute;
        right: 12px;
        top: 10px;
        font-size: 1.4rem;
        font-weight: 800;
        color: var(--shad-ai-cs);
      }
      .shad-ai-jico {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        background: var(--shad-ai-c);
        color: #fff;
      }
      .shad-ai-jstep b {
        color: var(--shad-ai-ink);
        font-size: 0.9rem;
      }
      .shad-ai-jstep small {
        font-size: 0.74rem;
        color: var(--shad-ai-muted);
        line-height: 1.4;
        overflow-wrap: anywhere;
      }
      .shad-ai-jstep:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -9px;
        top: 34px;
        width: 8px;
        height: 8px;
        border-top: 2.5px solid var(--shad-ai-c);
        border-right: 2.5px solid var(--shad-ai-c);
        transform: rotate(45deg);
        z-index: 2;
      }

      /* footer */
      .shad-ai-footer {
        position: relative;
        background: linear-gradient(135deg, #2c3040, #1f2330);
        color: #b9bdc9;
        padding: 42px 0 28px;
        font-size: 0.86rem;
      }
      .shad-ai-footer::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 4px;
        background: linear-gradient(
          90deg,
          #ff5421,
          #ffa41b,
          #12a594,
          #6c5ce7,
          #f43f5e
        );
      }
      .shad-ai-footer h2 {
        color: #fff;
        font-size: 1.15rem;
        margin-top: 10px;
      }
      .shad-ai-footer-grid {
        display: grid;
        grid-template-columns: 1.1fr 1fr 1fr 1fr;
        gap: 24px;
      }
      .shad-ai-footer-grid strong {
        display: block;
        font-size: 0.66rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #ffb08f;
        margin-bottom: 6px;
      }
      .shad-ai-footer .shad-ai-logo {
        background: #fff;
        border-radius: 12px;
        padding: 6px 10px;
      }
      .shad-ai-page .shad-ai-footer a {
        color: #fff;
      }

      .shad-ai-bottomnav {
        display: none;
      }
      .shad-ai-rail-cards {
        list-style: none;
      }

      @media (max-width: 1100px) {
        .shad-ai-journey {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .shad-ai-jstep:nth-child(4)::after {
          display: none;
        }
        .shad-ai-week-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
      }
      @media (max-width: 1024px) {
        .shad-ai-nav-links {
          display: none;
        }
        .shad-ai-hero-grid {
          grid-template-columns: minmax(0, 1fr);
        }
        .shad-ai-hero-side {
          max-width: 100%;
          width: 100%;
        }
        .shad-ai-features,
        .shad-ai-stats {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .shad-ai-grid-5 {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .shad-ai-grid-4 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .shad-ai-road {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          row-gap: 14px;
        }
        .shad-ai-flow {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .shad-ai-fee-grid,
        .shad-ai-donut-wrap {
          grid-template-columns: minmax(0, 1fr);
        }
        .shad-ai-donut {
          margin: 0 auto;
        }
        .shad-ai-proj-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .shad-ai-footer-grid {
          grid-template-columns: 1fr 1fr;
        }
      }

      /* ====================== MOBILE APP VIEW ====================== */
      @media (max-width: 767px) {
        .shad-ai-page {
          font-size: 14.3px;
        }
        .shad-ai-wrap {
          padding: 0 14px;
        }
        .shad-ai-nav-inner {
          height: 54px;
        }
        .shad-ai-logo img {
          height: 28px;
        }
        .shad-ai-page .shad-ai-nav-cta {
          padding: 8px 13px;
          font-size: 0.76rem;
        }
        .shad-ai-hero {
          padding: 12px 0 40px;
        }
        .shad-ai-h1 {
          font-size: 1.62rem;
        }
        .shad-ai-h2 {
          font-size: 1.3rem;
        }
        .shad-ai-h3 {
          font-size: 1rem;
        }
        .shad-ai-intro {
          font-size: 0.92rem;
        }
        .shad-ai-meta span {
          font-size: 0.72rem;
          padding: 5px 10px;
        }
        .shad-ai-hero-ctas {
          margin: 14px 0 16px;
        }
        .shad-ai-page .shad-ai-hero-ctas .shad-ai-btn {
          flex: 1;
          padding: 11px 10px;
          font-size: 0.82rem;
        }
        .shad-ai-net {
          display: block !important;
          height: auto !important;
          overflow: visible !important;
          margin: 0 0 12px !important;
          padding: 12px 10px !important;
        }
        .shad-ai-offer {
          display: block !important;
          margin: 0 !important;
          padding: 18px;
          border-radius: 22px;
          width: 100% !important;
          max-width: 100% !important;
          position: relative;
          z-index: 5;
        }
        .shad-ai-offer::before {
          border-radius: 22px;
        }
        .shad-ai-offer-price span {
          font-size: 1.8rem;
        }
        .shad-ai-offer-list {
          font-size: 0.76rem;
        }

        .shad-ai-rail {
          display: flex !important;
          flex-wrap: nowrap !important;
          grid-template-columns: none !important;
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
          margin-left: -14px;
          margin-right: -14px;
          padding: 4px 14px 14px;
        }
        .shad-ai-rail::-webkit-scrollbar {
          display: none;
        }
        .shad-ai-rail > * {
          flex: 0 0 auto;
          scroll-snap-align: start;
        }
        .shad-ai-review {
          width: 112px;
        }
        #shad-ai-features-band {
          margin-top: -30px;
        }
        .shad-ai-feature {
          width: 140px;
          padding: 13px 12px;
          font-size: 0.74rem;
        }
        .shad-ai-feature .shad-ai-tile {
          width: 36px;
          height: 36px;
          flex-basis: 36px;
        }

        .shad-ai-section {
          padding: 28px 0;
          scroll-margin-top: 60px;
        }
        .shad-ai-card {
          padding: 15px;
          border-radius: 18px;
        }
        .shad-ai-two {
          grid-template-columns: minmax(0, 1fr);
          gap: 0;
        }
        .shad-ai-mtabbar {
          display: flex;
          gap: 4px;
          background: #fff;
          border-radius: 999px;
          padding: 4px;
          margin: 0 0 14px;
          box-shadow: 0 8px 20px -16px rgba(31, 35, 48, 0.5);
        }
        .shad-ai-mtabbar button {
          flex: 1;
          border: 0;
          background: transparent;
          font: inherit;
          font-weight: 800;
          font-size: 0.76rem;
          padding: 8px 6px;
          border-radius: 999px;
          color: var(--shad-ai-muted);
          cursor: pointer;
        }
        .shad-ai-mtabbar button[aria-selected="true"] {
          background: var(--shad-ai-grad);
          color: #fff;
        }
        .shad-ai-mtab-hidden {
          display: none !important;
        }

        .shad-ai-stat {
          width: 130px;
          min-height: 112px;
          padding: 14px 12px;
          border-radius: 18px;
        }
        .shad-ai-stat-num {
          font-size: 1.3rem;
        }
        .shad-ai-stat-label {
          font-size: 0.7rem;
        }
        .shad-ai-kv {
          grid-template-columns: 1fr 1fr;
          gap: 8px;
        }
        .shad-ai-kv-item {
          flex-direction: column;
          align-items: flex-start;
          gap: 6px;
          padding: 10px;
          border-radius: 14px;
        }
        .shad-ai-kv-item .shad-ai-tile {
          width: 32px;
          height: 32px;
          flex-basis: 32px;
          border-radius: 10px;
        }
        .shad-ai-kv-value {
          font-size: 0.8rem;
        }
        .shad-ai-table {
          font-size: 0.78rem;
          min-width: 460px;
        }
        .shad-ai-table th,
        .shad-ai-table td {
          padding: 9px 10px;
        }
        .shad-ai-acc {
          border-radius: 14px;
          margin-bottom: 8px;
        }
        .shad-ai-acc > summary {
          padding: 13px 50px 13px 14px;
          font-size: 0.86rem;
        }
        .shad-ai-acc > summary::after {
          width: 26px;
          height: 26px;
          margin-top: -13px;
        }
        .shad-ai-acc-body {
          padding: 0 14px 14px;
          font-size: 0.86rem;
        }
        .shad-ai-modgrid {
          grid-template-columns: 1fr;
          gap: 8px;
        }
        .shad-ai-tools {
          gap: 6px;
        }
        .shad-ai-tool {
          padding: 7px 12px;
          font-size: 0.76rem;
        }
        .shad-ai-split {
          grid-template-columns: minmax(0, 1fr);
          gap: 16px;
        }
        .shad-ai-flow {
          display: flex;
          overflow-x: auto;
          scrollbar-width: none;
          gap: 10px;
          margin: 16px -14px 4px;
          padding: 4px 14px 14px;
        }
        .shad-ai-flow-step {
          flex: 0 0 146px;
        }
        .shad-ai-flow-step::after {
          display: none;
        }
        .shad-ai-road {
          display: flex;
          overflow-x: auto;
          scrollbar-width: none;
          margin: 0 -14px;
          padding: 0 14px 6px;
        }
        .shad-ai-road-stop {
          flex: 0 0 86px;
        }
        .shad-ai-bar-row,
        .shad-ai-range-row {
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 3px 8px;
          font-size: 0.72rem;
        }
        .shad-ai-bar-row .shad-ai-bar-val,
        .shad-ai-range-row .shad-ai-bar-val {
          grid-column: 2;
          grid-row: 1;
        }
        .shad-ai-bar-track,
        .shad-ai-range-track {
          grid-column: 1/-1;
          grid-row: 2;
        }
        .shad-ai-range-axis {
          grid-template-columns: minmax(0, 1fr);
        }
        .shad-ai-range-axis > span:first-child,
        .shad-ai-range-axis > span:last-child {
          display: none;
        }
        .shad-ai-visual {
          padding: 14px;
          border-radius: 20px;
        }
        .shad-ai-alum {
          width: 160px;
        }
        .shad-ai-trainer {
          width: 230px;
        }
        .shad-ai-dark {
          padding: 22px 16px;
          border-radius: 24px;
        }
        .shad-ai-dark h2 {
          font-size: 1.28rem;
        }
        .shad-ai-dark-grid {
          grid-template-columns: 1fr 1fr;
          gap: 8px;
          margin: 16px 0;
        }
        .shad-ai-dark-box {
          flex-direction: column;
          align-items: flex-start;
          gap: 6px;
          padding: 10px;
        }
        .shad-ai-hubs {
          grid-template-columns: 1fr 1fr 1fr;
          gap: 6px;
        }
        .shad-ai-hub {
          flex-direction: column;
          align-items: flex-start;
          gap: 6px;
          font-size: 0.78rem;
        }
        .shad-ai-page .shad-ai-sector-list {
          grid-template-columns: 1fr;
        }
        .shad-ai-page .shad-ai-trust-list {
          grid-template-columns: 1fr;
          gap: 6px;
        }
        .shad-ai-trust-list li {
          padding: 9px 10px;
          font-size: 0.82rem;
        }
        .shad-ai-trust-sign {
          grid-template-columns: 1fr;
          gap: 6px;
        }
        .shad-ai-form {
          grid-template-columns: 1fr;
        }
        .shad-ai-footer {
          padding: 26px 0;
        }
        .shad-ai-footer-grid {
          grid-template-columns: 1fr;
          gap: 14px;
        }
        .shad-ai-page .shad-ai-rail-cards {
          display: flex;
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          gap: 8px;
          margin: 0 -15px;
          padding: 0 15px 6px;
        }
        .shad-ai-rail-cards::-webkit-scrollbar {
          display: none;
        }
        .shad-ai-rail-cards > li {
          flex: 0 0 80%;
          scroll-snap-align: start;
          background: #faf9fd;
          border-radius: 14px;
          padding: 12px 12px 12px 40px !important;
          margin: 0;
          font-size: 0.82rem;
        }
        .shad-ai-rail-cards > li::before {
          left: 12px !important;
          top: 14px !important;
        }

        /* new sections on mobile */
        .shad-ai-fee-card {
          padding: 16px;
          border-radius: 20px;
        }
        .shad-ai-fee-bar {
          height: 62px;
        }
        .shad-ai-fee-seg {
          padding: 0 10px;
        }
        .shad-ai-fee-seg b {
          font-size: 1rem;
        }
        .shad-ai-fee-seg-b {
          min-width: 88px;
        }
        .shad-ai-fee-eq {
          font-size: 0.82rem;
          gap: 6px;
        }
        .shad-ai-donut-wrap {
          padding: 16px;
          gap: 14px;
          border-radius: 20px;
        }
        .shad-ai-donut {
          width: 200px;
          height: 200px;
        }
        .shad-ai-donut-center b {
          font-size: 2rem;
        }
        .shad-ai-page .shad-ai-legend {
          grid-template-columns: 1fr;
          gap: 0;
        }
        .shad-ai-legend li {
          padding: 6px 0;
          font-size: 0.8rem;
        }
        .shad-ai-day {
          width: 128px;
          min-height: 132px;
          padding: 12px;
        }
        .shad-ai-proj {
          width: 236px;
          min-height: 160px;
          padding: 16px;
        }
        .shad-ai-vs-head,
        .shad-ai-vs-row {
          grid-template-columns: 0.8fr 1fr 1fr;
        }
        .shad-ai-vs-head span {
          padding: 12px 10px;
          font-size: 0.84rem;
          flex-direction: column;
          align-items: flex-start;
          gap: 4px;
        }
        .shad-ai-vs-head .shad-ai-ico {
          width: 18px;
          height: 18px;
        }
        .shad-ai-vs-row span {
          padding: 10px;
          font-size: 0.78rem;
        }
        .shad-ai-vs-k {
          font-size: 0.64rem !important;
        }
        .shad-ai-jstep {
          width: 170px;
        }
        .shad-ai-jstep::after {
          display: none;
        }

        /* colourful bottom nav */
        .shad-ai-bottomnav-color {
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 60;
          background: #fff;
          padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
          box-shadow: 0 -10px 24px -12px rgba(31, 35, 48, 0.25);
        }
        .shad-ai-bottomnav-color::before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          height: 3px;
        }
        .shad-ai-page .shad-ai-bottomnav a {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 3px;
          font-size: 0.62rem;
          font-weight: 800;
          color: var(--shad-ai-muted);
          text-decoration: none;
          padding: 3px 0;
        }
        .shad-ai-bottomnav a:nth-child(1) .shad-ai-ico {
          color: #12a594;
        }
        .shad-ai-bottomnav a:nth-child(2) .shad-ai-ico {
          color: #6c5ce7;
        }
        .shad-ai-bottomnav a:nth-child(4) .shad-ai-ico {
          color: #f08c00;
        }
        .shad-ai-bottomnav a:nth-child(5) .shad-ai-ico {
          color: #f43f5e;
        }
        .shad-ai-page .shad-ai-bottomnav a.shad-ai-bottomnav-main {
          color: var(--shad-ai-orange);
        }
        .shad-ai-bottomnav-main .shad-ai-ico {
          background: var(--shad-ai-grad);
          color: #fff !important;
          width: 46px;
          height: 46px;
          padding: 12px;
          border-radius: 16px;
          margin-top: -24px;
          box-shadow: 0 10px 20px -8px rgba(255, 84, 33, 0.7);
        }
      }

      /* ===== ONLY: autoscroll + profile + cert + footer (no other content changes) ===== */

      .shad-ai-autoscroll {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none !important;
        scroll-snap-type: none !important;
        touch-action: pan-x;
        cursor: grab;
      }
      .shad-ai-autoscroll::-webkit-scrollbar {
        display: none !important;
      }
      .shad-ai-autoscroll:active,
      .shad-ai-autoscroll.is-dragging {
        cursor: grabbing;
      }
      .shad-ai-page .shad-ai-rail.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-features.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-chips.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-reviews.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-journey.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-stats.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-tools.shad-ai-autoscroll {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        scroll-snap-type: none !important;
      }
      .shad-ai-page .shad-ai-autoscroll > * {
        flex: 0 0 auto !important;
        scroll-snap-align: none !important;
      }

      .shad-ai-cert-title {
        font-size: 1.12rem;
        font-weight: 800;
        color: var(--shad-ai-ink);
        margin-bottom: 8px;
        line-height: 1.3;
      }

      /* Auto-scroll */
      .shad-ai-autoscroll {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none !important;
        scroll-snap-type: none !important;
        touch-action: pan-x;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
      }

      .shad-ai-autoscroll:active,
      .shad-ai-autoscroll.is-dragging {
        cursor: grabbing;
      }

      .shad-ai-autoscroll.is-dragging {
        scroll-snap-type: none !important;
      }

      .shad-ai-page .shad-ai-rail.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-features.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-chips.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-reviews.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-journey.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-road.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-stats.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-inc-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-flow.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-tools.shad-ai-autoscroll,
      .shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll,
      .shad-ai-page .students-slider-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: none !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        cursor: grab;
      }

      .shad-ai-autoscroll::-webkit-scrollbar {
        display: none !important;
      }

      .shad-ai-page .shad-ai-rail.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-road.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-journey.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-stats.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-inc-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-flow.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-features.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-chips.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-reviews.shad-ai-autoscroll,
      .shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-tools.shad-ai-autoscroll {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        gap: 12px;
        overflow-x: auto !important;
        scroll-snap-type: none !important;
      }

      .shad-ai-page .shad-ai-rail.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-road.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-journey.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-stats.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-inc-grid.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-flow.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-features.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-reviews.shad-ai-autoscroll > *,
      .shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll > .sahil-ins-track,
      .shad-ai-page .shad-ai-tools.shad-ai-autoscroll > * {
        flex: 0 0 auto !important;
        scroll-snap-align: none !important;
      }

      .shad-ai-page .shad-ai-stats.shad-ai-autoscroll > * {
        min-width: 140px;
      }

      .shad-ai-page .shad-ai-inc-grid.shad-ai-autoscroll > * {
        min-width: 180px;
      }

      .shad-ai-page .shad-ai-features.shad-ai-autoscroll > * {
        min-width: 160px;
      }

      .shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll > * {
        min-width: 240px;
      }

      .shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll > * {
        min-width: 128px;
      }

      .shad-ai-page .shad-ai-journey.shad-ai-autoscroll > * {
        min-width: 170px;
      }

      .shad-ai-page .shad-ai-road.shad-ai-autoscroll > * {
        min-width: 90px;
      }

      .shad-ai-page .shad-ai-flow.shad-ai-autoscroll > * {
        min-width: 146px;
      }

      .shad-ai-page .shad-ai-reviews.shad-ai-autoscroll > * {
        min-width: 112px;
      }

      /* keep instructor slides at fixed card width even under autoscroll */
      .shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll .sahil-ins-slide {
        flex: 0 0 300px !important;
        width: 300px !important;
        max-width: 300px !important;
        min-width: 300px !important;
      }

      .shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll {
        display: block !important;
        overflow-x: auto !important;
        scroll-snap-type: none !important;
      }

      .shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll > .sahil-ins-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
      }

      /* Contacted by — reference-style person card */
      .shad-ai-page .shad-ai-contacted {
        display: flex;
        gap: 18px;
        align-items: flex-start;
      }

      .shad-ai-page .shad-ai-contacted-avatar-link {
        flex: 0 0 auto;
        text-decoration: none;
      }

      .shad-ai-page .shad-ai-contacted-avatar {
        width: 96px;
        height: 96px;
        border-radius: 50%;
        object-fit: cover;
        object-position: top center;
        display: block;
        border: 3px solid #fff;
        box-shadow:
          0 0 0 2px #fff0ea,
          0 8px 18px rgba(22, 35, 58, 0.14);
        background: #fff0ea;
      }

      .shad-ai-page
        .shad-ai-contacted-avatar-link:hover
        .shad-ai-contacted-avatar {
        box-shadow:
          0 0 0 3px #ff5421,
          0 10px 24px rgba(255, 84, 33, 0.28);
      }

      .shad-ai-page .shad-ai-contacted-body {
        min-width: 0;
        flex: 1;
      }

      .shad-ai-page .shad-ai-contacted-body h3 a {
        color: #ff5421;
        text-decoration: none;
      }

      .shad-ai-page .shad-ai-contacted-body h3 a:hover {
        text-decoration: underline;
      }

      .shad-ai-page .shad-ai-contacted-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 10px;
      }

      .shad-ai-page .shad-ai-contacted-about {
        font-size: 0.86rem;
        line-height: 1.6;
        color: #5a6779;
        margin: 0 0 12px;
      }

      .shad-ai-page .shad-ai-contacted-links {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .shad-ai-page .shad-ai-contacted-profile {
        display: inline-flex;
        align-items: center;
        font-size: 0.8rem;
        font-weight: 700;
        color: #fff !important;
        background: #ff5421;
        border-radius: 999px;
        padding: 8px 14px;
        text-decoration: none !important;
      }

      .shad-ai-page .shad-ai-contacted-profile:hover {
        background: #16233a;
        text-decoration: none !important;
      }

      .shad-ai-page .shad-ai-contacted-li {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: #0a66c2;
        text-decoration: none !important;
      }

      .shad-ai-page .shad-ai-contacted {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .shad-ai-page .shad-ai-contacted-chips,
      .shad-ai-page .shad-ai-contacted-links {
        justify-content: center;
      }

      /* Certificate section — same structure as reference */
      .shad-ai-page .cert-section {
        color: #16233a;
        padding: 34px 0 44px;
      }

      .shad-ai-page .cert-container {
        max-width: 1180px;
        margin: 0 auto;
      }

      .shad-ai-page .cert-title {
        text-align: center;
        font-size: 2rem;
        font-weight: 800;
        letter-spacing: -0.3px;
        margin: 0 0 26px;
        line-height: 1.35;
        color: #1f2330;
      }

      .shad-ai-page .cert-title span {
        color: #ff5421;
      }

      .shad-ai-page .cert-intro {
        margin: 0 auto 26px;
      }

      .shad-ai-page .cert-intro p {
        font-size: 0.9rem;
        line-height: 1.7;
        color: #5a6779;
        margin: 0 0 10px;
      }

      .shad-ai-page .cert-note {
        font-size: 0.9rem;
        line-height: 1.7;
        color: #5a6779;
        margin: 0 0 20px;
      }

      .shad-ai-page .cert-slider {
        position: relative;
      }

      .shad-ai-page .cert-track {
        display: flex;
        transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
        will-change: transform;
      }

      .shad-ai-page .cert-slide {
        flex: 0 0 100%;
        min-width: 100%;
      }

      .shad-ai-page .cert-slide img {
        width: 100%;
        height: auto;
        min-height: 260px;
        aspect-ratio: 1.414/1;
        object-fit: cover;
        object-position: center;
        display: block;
      }

      .shad-ai-page .cert-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 14px;
        min-height: 22px;
      }

      .shad-ai-page .cert-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 0;
        padding: 0;
        background: #dde4ee;
        cursor: pointer;
        transition:
          background 0.2s,
          transform 0.2s;
      }

      .shad-ai-page .cert-dot.is-active {
        background: #ff5421;
        transform: scale(1.25);
      }

      .shad-ai-page .cert-title {
        font-size: 1.45rem;
      }

      .shad-ai-page .shad-ai-features.shad-ai-rail .shad-ai-feature,
      .shad-ai-page .shad-ai-features.shad-ai-autoscroll .shad-ai-feature {
        font-size: 0.66rem !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        text-align: left;
        margin-bottom: 7px;
      }

      .shad-ai-page .shad-ai-features.shad-ai-rail .shad-ai-feature small,
      .shad-ai-page
        .shad-ai-features.shad-ai-autoscroll
        .shad-ai-feature
        small {
        font-size: 0.6rem !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        display: block;
        margin-top: 2px;
      }
      /* ===================================================================
   UNCODEMY FOOTER - COMPLETE, SELF-CONTAINED STYLES (user-provided)
   =================================================================== */

      /* Footer images — match reference page sizing */
      #UnCodeMy-Footer .Hemank-brand-mark img {
        /* superseded by perfect display rules below */
      }
      #UnCodeMy-Footer .Hemank-payment-methods {
        margin-bottom: 14px;
        max-width: 360px;
      }
      #UnCodeMy-Footer .Hemank-payment-methods img {
        width: 100% !important;
        height: auto !important;
        border-radius: 4px;
        opacity: 1 !important;
        display: block;
      }
      #UnCodeMy-Footer .footer-right-bottom {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100%;
        max-width: 360px;
      }
      #UnCodeMy-Footer .Hemank-promo-card {
        width: 100% !important;
        aspect-ratio: 215 / 78 !important;
        display: block !important;
        overflow: hidden !important;
        border-radius: 4px !important;
        border: none !important;
        background: transparent !important;
        min-width: 0;
      }
      #UnCodeMy-Footer .Hemank-promo-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: auto !important;
        display: block !important;
      }
      #UnCodeMy-Footer .Hemank-fee-card {
        background: linear-gradient(180deg, #81cc35, #43a81a) !important;
      }
      #UnCodeMy-Footer .Hemank-whatsapp-card {
        background: #0d7377 !important;
      }
      #UnCodeMy-Footer .Hemank-demo-card {
        background: linear-gradient(180deg, #a338a6, #702ca7) !important;
      }
      #UnCodeMy-Footer .Hemank-placement-card {
        background: linear-gradient(135deg, #fff, #e8f4fb 45%, #fff) !important;
      }
      @media (max-width: 1024px) {
        #UnCodeMy-Footer .footer-right-bottom {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          max-width: 360px;
        }
      }
      @media (max-width: 480px) {
        #UnCodeMy-Footer .footer-right-bottom,
        #UnCodeMy-Footer .Hemank-payment-methods {
          max-width: 100%;
        }
      }

      /* ===== Fix: cert layout + placements/instructors autoscroll ===== */

      /* Placed students + instructors rails — autoscroll without content change */
      .shad-ai-page .shad-ai-grid-5.shad-ai-rail.shad-ai-autoscroll,
      .shad-ai-page .shad-ai-grid-4.shad-ai-rail.shad-ai-autoscroll {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: none !important;
        gap: 14px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        cursor: grab;
      }
      .shad-ai-page
        .shad-ai-grid-5.shad-ai-rail.shad-ai-autoscroll::-webkit-scrollbar,
      .shad-ai-page
        .shad-ai-grid-4.shad-ai-rail.shad-ai-autoscroll::-webkit-scrollbar {
        display: none;
      }
      .shad-ai-page .shad-ai-grid-5.shad-ai-rail.shad-ai-autoscroll > *,
      .shad-ai-page .shad-ai-grid-4.shad-ai-rail.shad-ai-autoscroll > * {
        flex: 0 0 auto !important;
        min-width: 200px;
        max-width: 260px;
        scroll-snap-align: none !important;
      }
      .shad-ai-page .shad-ai-grid-4.shad-ai-rail.shad-ai-autoscroll > * {
        min-width: 240px;
        max-width: 280px;
      }

      /* Certificate section — same structure as reference */
      .shad-ai-page .cert-section {
        color: #16233a;
        padding: 34px 0 44px;
      }
      .shad-ai-page .cert-container {
        max-width: 1180px;
        margin: 0 auto;
      }
      .shad-ai-page .cert-title {
        text-align: center;
        font-size: 2rem;
        font-weight: 800;
        letter-spacing: -0.3px;
        margin: 0 0 26px;
        line-height: 1.35;
        color: #1f2330;
      }
      .shad-ai-page .cert-title span {
        color: #ff5421;
      }
      .shad-ai-page .cert-intro {
        margin: 0 auto 26px;
      }
      .shad-ai-page .cert-intro p {
        font-size: 0.9rem;
        line-height: 1.7;
        color: #5a6779;
        margin: 0 0 10px;
      }
      .shad-ai-page .cert-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        align-items: stretch;
      }
      .shad-ai-page .cert-left {
        display: flex;
        flex-direction: column;
        min-width: 0;
      }
      .shad-ai-page .cert-sub {
        font-size: 1.05rem;
        font-weight: 700;
        color: #16233a;
        margin: 0 0 16px;
      }
      .shad-ai-page .cert-list {
        list-style: none;
        margin: 0 0 16px;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .shad-ai-page .cert-list li {
        border-left: 3px solid #ff5421;
        padding: 0 0 0 14px;
        font-size: 0.9rem;
        line-height: 1.6;
        color: #5a6779;
      }
      .shad-ai-page .cert-list li strong {
        color: #16233a;
        font-weight: 700;
      }
      .shad-ai-page .cert-note {
        font-size: 0.9rem;
        line-height: 1.7;
        color: #5a6779;
        margin: 0 0 20px;
      }
      .shad-ai-page .cert-verify {
        margin-top: 6px;
        display: flex;
        align-items: center;
        gap: 14px;
        background: #fff;
        border: 1px solid #e4ebf5;
        border-left: 4px solid #ff5421;
        border-radius: 12px;
        padding: 16px 18px;
        text-decoration: none !important;
        box-shadow: 0 3px 14px rgba(16, 26, 53, 0.05);
        transition:
          box-shadow 0.22s,
          transform 0.22s;
      }
      .shad-ai-page .cert-verify:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgba(16, 26, 53, 0.11);
        text-decoration: none !important;
      }
      .shad-ai-page .cert-verify-icon {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: #f2f0fb;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
      }
      .shad-ai-page .cert-verify-icon svg {
        width: 20px;
        height: 20px;
        fill: #4b3f8f;
      }
      .shad-ai-page .cert-verify-text {
        flex: 1;
        min-width: 0;
      }
      .shad-ai-page .cert-verify-text b {
        display: block;
        font-size: 0.9rem;
        font-weight: 700;
        color: #16233a;
      }
      .shad-ai-page .cert-verify-text em {
        display: block;
        font-size: 0.78rem;
        font-style: normal;
        color: #5a6779;
        margin-top: 2px;
      }
      .shad-ai-page .cert-verify-btn {
        flex: 0 0 auto;
        font-size: 0.72rem;
        font-weight: 800;
        color: #ff5421;
        background: #fff0e9;
        border-radius: 999px;
        padding: 8px 12px;
        white-space: nowrap;
      }
      .shad-ai-page .cert-right {
        min-width: 0;
      }
      .shad-ai-page .cert-slider {
        position: relative;
      }
      .shad-ai-page .cert-viewport {
        overflow: hidden;
        border-radius: 14px;
        box-shadow: 0 12px 32px rgba(22, 35, 58, 0.1);
        background: #f5f7fb;
      }
      .shad-ai-page .cert-track {
        display: flex;
        transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
        will-change: transform;
      }
      .shad-ai-page .cert-slide {
        flex: 0 0 100%;
        min-width: 100%;
      }
      .shad-ai-page .cert-slide img {
        width: 100%;
        height: auto;
        min-height: 260px;
        aspect-ratio: 1.414/1;
        object-fit: cover;
        object-position: center;
        display: block;
      }
      .shad-ai-page .cert-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 42px;
        height: 42px;
        border-radius: 50%;
        border: 1px solid #e6ebf2;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 2;
        box-shadow: 0 6px 16px rgba(22, 35, 58, 0.1);
        transition:
          border-color 0.2s,
          transform 0.2s;
      }
      .shad-ai-page .cert-arrow:hover {
        border-color: #ff5421;
      }
      .shad-ai-page .cert-prev {
        left: 10px;
      }
      .shad-ai-page .cert-next {
        right: 10px;
      }
      .shad-ai-page .cert-arrow svg {
        width: 18px;
        height: 18px;
        stroke: #16233a;
        fill: none;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .shad-ai-page .cert-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 14px;
        min-height: 22px;
      }
      .shad-ai-page .cert-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 0;
        padding: 0;
        background: #dde4ee;
        cursor: pointer;
        transition:
          background 0.2s,
          transform 0.2s;
      }
      .shad-ai-page .cert-dot.is-active {
        background: #ff5421;
        transform: scale(1.25);
      }
      @media (max-width: 900px) {
        .shad-ai-page .cert-grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }
      }
      @media (max-width: 560px) {
        .shad-ai-page .cert-title {
          font-size: 1.45rem;
        }
        .shad-ai-page .cert-verify {
          flex-wrap: wrap;
        }
        .shad-ai-page .cert-verify-btn {
          width: 100%;
          text-align: center;
        }
      }

      /* Constrain certificate images (prevent huge black graphic) */
      .shad-ai-page .cert-right {
        min-width: 0;
        max-width: 100%;
      }
      .shad-ai-page .cert-slider {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
        position: relative;
      }
      .shad-ai-page .cert-viewport {
        overflow: hidden;
        border-radius: 16px;
        background: #f4f7fb;
      }
      .shad-ai-page .cert-track {
        display: flex;
        transition: transform 0.4s ease;
      }
      .shad-ai-page .cert-slide {
        flex: 0 0 100%;
        min-width: 100%;
      }
      .shad-ai-page .cert-slide img {
        width: 100% !important;
        height: auto !important;
        max-height: 420px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
      }

      /* Review platform icons */
      .shad-ai-page .review-source-icon {
        width: 20px;
        height: 20px;
        object-fit: contain;
        flex: 0 0 auto;
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
        border-radius: 4px;
      }
      .shad-ai-page .shad-ai-chip .review-source-icon {
        width: 22px;
        height: 22px;
        margin-right: 8px;
      }
      .shad-ai-page .shad-ai-review-score .review-source-icon {
        width: 18px;
        height: 18px;
        margin-right: 4px;
      }

      /* Fix: offer card vs net illustration — no overlap, mobile visible */
      .shad-ai-page .shad-ai-hero-side {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch;
        gap: 16px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        position: relative;
        z-index: 1;
        overflow: visible;
      }
      .shad-ai-page .shad-ai-net {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        flex: 0 0 auto;
        overflow: hidden; /* clip chips that stick out */
      }
      .shad-ai-page .shad-ai-net-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block;
      }
      .shad-ai-page .shad-ai-net-chip {
        font-size: 0.62rem;
        padding: 3px 8px;
        max-width: 46%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .shad-ai-page .shad-ai-offer {
        position: relative !important;
        z-index: 3 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        flex: 0 0 auto;
        background: #fff;
      }

      /* From tablet down: never stack on top of each other */
      @media (max-width: 1024px) {
        .shad-ai-page .shad-ai-hero-side {
          max-width: 100% !important;
        }
        .shad-ai-page .shad-ai-net {
          display: block !important;
          height: auto !important;
          overflow: hidden;
          width: 100%;
          max-width: 100%;
        }
        .shad-ai-page .shad-ai-net-svg {
          display: block !important;
          width: 100% !important;
          max-width: 100% !important;
          height: auto !important;
          visibility: visible !important;
        }
        .shad-ai-page .shad-ai-offer {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
        }
      }

      @media (max-width: 767px) {
        .shad-ai-page .shad-ai-net {
          display: block !important;
          margin: 0 0 10px !important;
          padding: 10px 8px !important;
        }
        .shad-ai-page .shad-ai-net-svg {
          display: block !important;
          width: 100% !important;
          height: auto !important;
          visibility: visible !important;
        }
        .shad-ai-page .shad-ai-net-chip {
          display: inline-block !important;
          font-size: 0.55rem;
          padding: 2px 6px;
        }
        .shad-ai-page .shad-ai-hero-side {
          gap: 10px;
        }
        .shad-ai-page .shad-ai-offer {
          display: block !important;
          padding: 16px !important;
          border-radius: 20px;
        }
        .shad-ai-page .shad-ai-offer-price span {
          font-size: 1.55rem;
        }
        .shad-ai-page .shad-ai-offer-list {
          grid-template-columns: 1fr 1fr;
          gap: 6px 8px;
          font-size: 0.74rem;
        }
        .shad-ai-page .shad-ai-offer .shad-ai-btn {
          width: 100%;
        }
      }

      @media (max-width: 420px) {
        .shad-ai-page .shad-ai-offer {
          padding: 14px !important;
          border-radius: 16px;
        }
        .shad-ai-page .shad-ai-offer-price span {
          font-size: 1.35rem;
        }
        .shad-ai-page .shad-ai-offer-list {
          grid-template-columns: 1fr;
          font-size: 0.72rem;
        }
      }

      /* Verified badge — top right corner */
      .shad-ai-page .shad-ai-hero > .shad-ai-wrap {
        position: relative;
      }
      .shad-ai-page .shad-ai-verified {
        position: absolute;
        top: 0;
        right: 22px;
        z-index: 5;
        margin: 0;
        max-width: min(420px, calc(100% - 40px));
        box-shadow: 0 8px 22px -10px rgba(31, 35, 48, 0.28);
      }
      .shad-ai-page .shad-ai-breadcrumb {
        padding-right: min(440px, 48%);
        margin-bottom: 14px;
      }

      /* Special offer — a little smaller */
      .shad-ai-page .shad-ai-offer {
        padding: 16px 16px 14px !important;
        border-radius: 18px !important;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
      }
      .shad-ai-page .shad-ai-offer-tag {
        font-size: 0.66rem !important;
        padding: 3px 10px !important;
        margin-bottom: 8px !important;
      }
      .shad-ai-page .shad-ai-offer-title {
        font-size: 0.92rem;
      }
      .shad-ai-page .shad-ai-offer-price {
        margin: 0 0 2px !important;
      }
      .shad-ai-page .shad-ai-offer-price span {
        font-size: 1.7rem !important;
      }
      .shad-ai-page .shad-ai-offer-price small {
        font-size: 0.78rem;
      }
      .shad-ai-page .shad-ai-offer-list {
        gap: 4px 8px !important;
        margin: 8px 0 10px !important;
        font-size: 0.74rem !important;
      }
      .shad-ai-page .shad-ai-offer .shad-ai-label {
        font-size: 0.68rem;
        margin-bottom: 4px;
      }
      .shad-ai-page .shad-ai-offer .shad-ai-select {
        padding: 9px 11px;
        font-size: 0.84rem;
        border-radius: 10px;
      }
      .shad-ai-page .shad-ai-offer .shad-ai-btn {
        margin-top: 10px !important;
        padding: 11px 16px;
        font-size: 0.84rem;
        border-radius: 12px;
      }
      .shad-ai-page .shad-ai-offer,
      .shad-ai-page .shad-ai-offer > p {
        font-size: 0.68rem !important;
        margin-top: 8px !important;
      }

      @media (max-width: 1024px) {
        .shad-ai-page .shad-ai-verified {
          position: static;
          max-width: 100%;
          margin: 0 0 12px;
          right: auto;
        }
        .shad-ai-page .shad-ai-breadcrumb {
          padding-right: 0;
        }
        .shad-ai-page .shad-ai-offer {
          max-width: 100%;
        }
      }
      @media (max-width: 767px) {
        .shad-ai-page .shad-ai-verified {
          font-size: 0.72rem;
          padding: 4px 10px 4px 4px;
          width: 100%;
          box-sizing: border-box;
        }
        .shad-ai-page .shad-ai-verified .shad-ai-tile {
          width: 20px;
          height: 20px;
          flex-basis: 20px;
        }
        .shad-ai-page .shad-ai-offer {
          max-width: 100%;
          padding: 14px !important;
        }
        .shad-ai-page .shad-ai-offer-price span {
          font-size: 1.45rem !important;
        }
      }

      /* ===== Footer CSS from uncodemy.com AI Pune course page ===== */
      #UnCodeMy-Footer {
        --fs-h5: 1.05rem;
        --fs-lg: 1.05rem;
        --color-muted-footer: #8b92a3;
        --color-body-strong: #1f2330;
        --color-border: #e6ebf2;
      }

      #UnCodeMy-Footer {
        --font-primary:
          "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto,
          sans-serif;
        --color-surface: #ffffff;
        --color-surface-dark: #1a1f2e;
        --color-surface-soft: #aeb4c2;
        --color-primary: #ff5421;
        --color-primary-light: #ff7a1a;
        --color-body: #4a4f5e;
        --color-navy: #16233a;
        --fs-sm: 0.875rem;
        --fs-body: 1rem;
        --fs-caption: 0.75rem;
        --fs-btn: 0.9rem;
        font-family: var(--font-primary);
      }

      #UnCodeMy-Footer {
        margin: 0;
        background: var(--color-surface-dark);
        color: var(--color-surface);
        font-family: var(--font-primary);
      }

      #UnCodeMy-Footer * {
        box-sizing: border-box;
        min-width: 0;
      }

      #UnCodeMy-Footer a {
        color: var(--color-surface);
        text-decoration: none;
      }

      #UnCodeMy-Footer img {
        max-width: 100%;
        display: block;
      }

      #UnCodeMy-Footer h2 {
        margin: 0;
        color: var(--color-surface-soft);
        font-size: var(--fs-h5);
        font-weight: 900;
        line-height: 1.1;
      }

      #UnCodeMy-Footer .ftr-icon {
        width: 15px;
        height: 22px;
        flex: 0 0 auto;
        color: var(--color-surface);
      }

      .Hemank-page,
      .Hemank-footer {
        width: 100%;
        overflow-x: hidden;
        background: var(--color-surface-dark);
      }

      .Hemank-footer-top {
        padding: clamp(22px, 3vw, 34px) clamp(12px, 2.2vw, 24px) 15px;
      }

      .Hemank-footer-wrap {
        width: min(100%, 1760px);
        margin: 0 auto;
      }

      .Hemank-footer-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        align-items: start;
        gap: clamp(26px, 2.4vw, 44px) clamp(18px, 2.4vw, 40px);
      }

      .Hemank-brand-col {
        grid-column: span 1;
      }

      .Hemank-brand-logo {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-bottom: clamp(14px, 2vw, 24px);
      }

      .Hemank-brand-mark img {
        width: 100%;
        max-width: clamp(180px, 22vw, 300px);
        height: auto;
      }

      .Hemank-about-text {
        width: 100%;
        max-width: 340px;
        margin: 0 0 18px;
        color: var(--color-surface-soft);
        font-size: var(--fs-sm);
        font-weight: 700;
        line-height: 1.65;
        text-align: justify;
      }

      .Hemank-social-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: clamp(12px, 1.6vw, 18px);
        margin-bottom: 5px;
      }

      .Hemank-social-link {
        display: grid;
        place-items: center;
        width: 29px;
        height: 29px;
        flex: 0 0 auto;
        color: var(--color-surface);
        font-size: var(--fs-body);
        font-weight: 900;
        transition:
          transform 160ms ease,
          filter 160ms ease;
      }

      .Hemank-social-link:hover,
      .Hemank-promo-card:hover,
      .Hemank-links-col a:hover {
        transform: translateY(-2px);
        filter: brightness(1.08);
      }

      .Hemank-social-fb {
        border: 2px solid var(--color-surface);
        border-radius: 50%;
        font-family: var(--font-primary);
      }

      .Hemank-social-in {
        border-radius: 4px;
        background: #0a78b6;
        font-size: var(--fs-body);
      }

      .Hemank-social-ig {
        border-radius: 7px;
        background: linear-gradient(135deg, #654dff, #e34086 58%, #f9a12d);
        font-size: var(--fs-caption);
      }

      .Hemank-contact-col h2,
      .Hemank-links-col h2,
      .Hemank-payment-col h2 {
        margin-bottom: 10px;
      }

      .Hemank-contact-group {
        display: grid;
        gap: clamp(12px, 1.4vw, 16px);
      }

      .Hemank-contact-item {
        display: grid;
        grid-template-columns: 22px 1fr;
        gap: clamp(9px, 1.2vw, 15px);
        align-items: start;
        color: var(--color-surface);
        font-size: var(--fs-sm);
        font-weight: 700;
        line-height: 1.55;
        overflow-wrap: anywhere;
      }

      .Hemank-contact-item p {
        margin: 0;
      }

      .Hemank-links-col ul {
        display: grid;
        gap: clamp(11px, 1.4vw, 16px);
        margin: 13px 0 0;
        padding: 0;
        list-style: none;
      }

      .Hemank-links-col a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--color-surface);
        font-size: var(--fs-sm);
        font-weight: 700;
        line-height: 1.25;
        transition:
          transform 160ms ease,
          filter 160ms ease,
          color 160ms ease;
      }

      .Hemank-links-col a::before {
        content: "⇨";
        flex: 0 0 auto;
        color: var(--color-primary-footer);
        font-size: clamp(19px, 1.4vw + 12px, 27px);
        line-height: 1;
      }

      .Hemank-links-col a:hover {
        color: #ff7d4a;
      }

      .Hemank-payment-col p {
        margin: 0 0 14px;
        color: var(--color-surface);
        font-size: var(--fs-caption);
        font-weight: 900;
      }

      .Hemank-payment-methods {
        margin-bottom: clamp(10px, 1.2vw, 14px);
      }

      .Hemank-payment-methods img {
        width: 100%;
        height: auto;
        border-radius: 4px;
      }

      .footer-right-bottom {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
      }

      .Hemank-promo-card {
        width: 100%;
        aspect-ratio: 215 / 78;
        display: block;
        overflow: hidden;
        border-radius: 4px;
        transition:
          transform 160ms ease,
          filter 160ms ease;
      }

      .Hemank-promo-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .Hemank-fee-card {
        background: linear-gradient(180deg, #81cc35, #43a81a);
      }

      .Hemank-whatsapp-card {
        background: var(--color-teal-dark);
      }

      .Hemank-demo-card {
        background: linear-gradient(180deg, #a338a6, #702ca7);
      }

      .Hemank-placement-card {
        background: linear-gradient(
          135deg,
          var(--color-surface),
          #e8f4fb 45%,
          var(--color-surface)
        );
      }

      .Hemank-course-footer {
        border-top: 1px solid rgba(255, 255, 255, 0.68);
        background: var(--color-surface-dark);
      }

      .Hemank-course-wrap {
        padding: clamp(12px, 1.6vw, 18px) clamp(12px, 2.2vw, 24px)
          clamp(4px, 1vw, 10px);
      }

      .Hemank-city-pages h2 {
        margin-bottom: 14px;
        font-size: var(--fs-h5);
      }

      .Hemank-city-row {
        margin: 0;
      }

      .Hemank-city-row h3 {
        margin: 0 0 12px;
        color: var(--color-surface-soft);
        font-size: var(--fs-h6);
        font-weight: 900;
        line-height: 1.2;
      }

      .Hemank-text-links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 18px;
      }

      .Hemank-text-links a {
        position: relative;
        display: inline-block;
        color: var(--color-surface);
        font-size: var(--fs-sm);
        font-weight: 700;
        line-height: 1.4;
        transition: color 160ms ease;
      }

      .Hemank-text-links a::after {
        content: "";
        position: absolute;
        top: 3px;
        right: -9px;
        width: 2px;
        height: 13px;
        background: var(--color-primary-footer);
      }

      .Hemank-text-links a:last-child::after {
        display: none;
      }

      .Hemank-text-links a:hover {
        color: #ff7d4a;
      }

      .Hemank-copyright-section {
        min-height: 40px;
        margin-bottom: 35px;
        padding: 10px clamp(12px, 2vw, 24px);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 6px 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        color: #696969;
      }

      .Hemank-copyright-section p {
        margin: 0;
        font-size: var(--fs-body);
        line-height: 1.4;
      }

      .Hemank-copyright-section strong {
        color: var(--color-surface);
        font-weight: 500;
      }

      .Hemank-desktop-cta {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 50;
        height: 35px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        background: #ff5421;
        box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.35);
      }

      .Hemank-desktop-cta a {
        display: grid;
        place-items: center;
        padding: 0 4px;
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        border-left: 1px solid rgba(120, 28, 0, 0.22);
        color: var(--color-surface);
        font-size: var(--fs-btn);
        font-weight: 900;
        text-align: center;
        transition: background 160ms ease;
      }

      .Hemank-desktop-cta a:hover,
      .Hemank-desktop-cta a.is-active {
        background: var(--color-primary-footer-dark);
      }

      #UnCodeMy-Footer .bottom-navbar {
        position: fixed;
        bottom: 12px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
        width: calc(100% - 20px);
        max-width: 420px;
        display: none;
        align-items: center;
        justify-content: space-between;
        padding: 8px 6px;
        border-radius: 40px;
        background: var(--color-surface);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
      }

      #UnCodeMy-Footer .nav-item {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 8px 2px;
        border: 0;
        border-radius: 20px;
        background: transparent;
        color: var(--color-muted);
        font-size: var(--fs-caption);
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        transition:
          color 200ms ease,
          background 200ms ease;
      }

      #UnCodeMy-Footer .nav-item svg {
        width: clamp(18px, 5.4vw, 22px);
        height: clamp(18px, 5.4vw, 22px);
        stroke: var(--color-muted);
        fill: none;
        stroke-width: 1.8;
        transition: stroke 200ms ease;
      }

      #UnCodeMy-Footer .nav-item.active {
        color: #ff6a1a;
        background: #fff1e8;
      }

      #UnCodeMy-Footer .nav-item.active svg {
        stroke: #ff6a1a;
      }

      #UnCodeMy-Footer .nav-item.center {
        padding: 0;
        margin-top: -28px;
        background: transparent;
      }

      #UnCodeMy-Footer .nav-item.center .center-btn {
        width: clamp(44px, 13vw, 54px);
        height: clamp(44px, 13vw, 54px);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(145deg, #ff7a2e, #ff5a1a);
        box-shadow: 0 6px 16px rgba(255, 90, 26, 0.4);
      }

      #UnCodeMy-Footer .nav-item.center span {
        margin-top: 4px;
        color: #f8f5f5;
      }

      #UnCodeMy-Footer .abhay-white {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        color: #fefefe;
        font-size: var(--fs-caption);
        line-height: 1.1;
      }

      @media (min-width: 1100px) {
        .Hemank-footer-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
      }

      @media (max-width: 620px) {
        .Hemank-about-text {
          max-width: none;
        }

        .Hemank-copyright-section {
          margin-bottom: 35px;
          padding: 14px 18px;
          display: grid;
          place-items: center;
          gap: 4px;
          text-align: center;
          color: var(--color-muted-footer);
        }
      }

      @media (max-width: 500px) {
        .Hemank-copyright-section {
          margin-bottom: 84px;
        }
      }

      @media (max-width: 360px) {
        .Hemank-footer-top {
          padding: 20px 10px 12px;
        }

        .Hemank-course-wrap {
          padding: 14px 10px 0;
        }

        #UnCodeMy-Footer .bottom-navbar {
          width: calc(100% - 12px);
          padding: 6px 2px;
        }

        #UnCodeMy-Footer .nav-item {
          padding: 6px 1px;
          gap: 2px;
        }

        #UnCodeMy-Footer .nav-item.center {
          margin-top: -24px;
        }
      }

      @media (max-width: 1180px) {
        .Hemank-footer-grid {
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          gap: 40px 32px;
        }

        .Hemank-copyright-section {
          padding: 0 6%;
        }

        .Hemank-rating-row {
          flex-wrap: wrap;
          gap: 10px;
        }
      }

      @media (max-width: 900px) {
        .Hemank-footer-wrap {
          width: 100%;
        }

        .Hemank-footer-top {
          padding: 30px 16px 15px;
        }
      }

      @media (max-width: 760px) {
        .Hemank-footer-top {
          padding: 28px 18px 15px;
        }

        .Hemank-footer-grid {
          grid-template-columns: 1fr;
          gap: 38px;
        }

        .Hemank-about-text,
        .Hemank-partner-card,
        .Hemank-award-card,
        .Hemank-divider,
        .Hemank-promo-card,
        .Hemank-payment-methods {
          width: 100%;
          max-width: 360px;
        }

        .Hemank-contact-card {
          margin-left: 10px;
        }

        .Hemank-course-wrap {
          padding: 16px 12px 0;
        }

        .Hemank-city-pages {
          margin-top: 26px;
        }

        .Hemank-copyright-section {
          min-height: 102px;
          padding: 12px 22px 46px;
          display: grid;
          place-items: center;
          gap: 4px;
          text-align: center;
          color: var(--color-muted-footer);
        }

        .Hemank-copyright-section p {
          font-size: var(--fs-body);
        }

        .Hemank-copyright-section p:nth-child(2),
        .Hemank-copyright-section p:nth-child(3) {
          font-size: var(--fs-body);
        }

        .Hemank-copyright-section p:nth-child(3) {
          margin-top: 24px;
        }
      }

      @media (max-width: 560px) and (min-width: 501px) {
        .Hemank-desktop-cta a {
          font-size: var(--fs-caption);
        }
      }

      @media (max-width: 500px) {
        .Hemank-desktop-cta {
          display: none;
        }

        #UnCodeMy-Footer .bottom-navbar {
          display: flex;
        }

        #UnCodeMy-Footer .nav-item {
          color: #000;
        }

        .Hemank-footer {
          padding-bottom: 2px;
        }

        .Hemank-copyright-section {
          margin-bottom: 80px;
        }

        .Hemank-copyright-section p:nth-child(3) {
          margin-top: 2px;
          font-size: var(--fs-sm);
        }
      }

      @media (max-width: 420px) {
        .Hemank-payment-methods {
          grid-template-columns: repeat(3, 1fr);
        }
      }

      /* Force hero network SVG visible on all breakpoints */
      .shad-ai-page .shad-ai-net {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
      .shad-ai-page .shad-ai-net-svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 120px;
      }
      .shad-ai-page .shad-ai-hero-side {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px;
        width: 100%;
        max-width: 100%;
      }
      .shad-ai-page .shad-ai-offer {
        margin: 0 !important;
        position: relative;
        z-index: 2;
      }

      /* ~1024px (tablet landscape / small laptop): net + offer side by side */
      @media (min-width: 768px) and (max-width: 1100px) {
        .shad-ai-page .shad-ai-hero-grid {
          grid-template-columns: minmax(0, 1fr) !important;
        }
        .shad-ai-page .shad-ai-hero-side {
          display: grid !important;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
          align-items: stretch;
          gap: 16px !important;
          max-width: 100% !important;
          width: 100% !important;
        }
        .shad-ai-page .shad-ai-net {
          margin: 0 !important;
          padding: 12px 10px !important;
          height: 100%;
          display: flex !important;
          flex-direction: column;
          justify-content: center;
        }
        .shad-ai-page .shad-ai-net-svg {
          min-height: 0;
          max-height: 280px;
          object-fit: contain;
        }
        .shad-ai-page .shad-ai-offer {
          max-width: 100% !important;
          width: 100% !important;
          margin: 0 !important;
          height: 100%;
          box-sizing: border-box;
        }
      }

      @media (max-width: 767px) {
        .shad-ai-page .shad-ai-hero-side {
          display: flex !important;
          flex-direction: column !important;
          gap: 12px !important;
        }
        .shad-ai-page .shad-ai-net-svg {
          min-height: 100px;
        }
        .shad-ai-page .shad-ai-net-chip-1 {
          left: 4px;
          top: 2px;
        }
        .shad-ai-page .shad-ai-net-chip-2 {
          right: 4px;
          top: 2px;
        }
        .shad-ai-page .shad-ai-net-chip-3 {
          right: 2px;
          top: 40%;
        }
        .shad-ai-page .shad-ai-net-chip-4 {
          left: 30%;
          bottom: 2px;
        }
      }

      /* Footer Uncodemy logo — perfect display */
      #UnCodeMy-Footer .Hemank-brand-mark {
        display: inline-block;
        background: #ffffff;
        border-radius: 10px;
        padding: 8px 12px;
        line-height: 0;
      }
      #UnCodeMy-Footer .Hemank-brand-mark img,
      #UnCodeMy-Footer .Hemank-brand-logo img {
        display: block !important;
        width: auto !important;
        height: 42px !important;
        max-width: 200px !important;
        max-height: 48px !important;
        object-fit: contain !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
      }
      @media (max-width: 767px) {
        #UnCodeMy-Footer .Hemank-brand-mark img,
        #UnCodeMy-Footer .Hemank-brand-logo img {
          height: 36px !important;
          max-width: 160px !important;
        }
      }
    
/* UI fixes: offer form, clean sections, features row, less whitespace */
.shad-ai-page .shad-form{margin-top:12px}
.shad-ai-page .shad-fh{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;color:#1f2330;margin-bottom:10px}
.shad-ai-page .shad-fh svg{width:18px;height:18px;color:#ff5421;flex:0 0 auto}
.shad-ai-page .shad-row{display:flex;gap:10px;margin-bottom:10px}
.shad-ai-page .shad-ig{position:relative;flex:1;min-width:0}
.shad-ai-page .shad-ig input,
.shad-ai-page .shad-ig select{
  width:100%;box-sizing:border-box;padding:11px 12px 11px 36px;border:1.5px solid #ece8f0;border-radius:10px;
  font:inherit;font-size:.84rem;outline:none;background:#fff;color:#1f2330;appearance:none;-webkit-appearance:none
}
.shad-ai-page .shad-ig select{
  cursor:pointer;padding-right:28px;font-weight:600;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ff5421' stroke-width='2.6'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 10px center
}
.shad-ai-page .shad-ig input:focus,
.shad-ai-page .shad-ig select:focus{border-color:#ff5421;box-shadow:0 0 0 3px rgba(255,84,33,.12)}
.shad-ai-page .shad-ig .shad-ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#ff9670;pointer-events:none}
.shad-ai-page .shad-ig .shad-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.shad-ai-page .shad-btn{width:100%;background: #ff5421;color:#fff;border:0;border-radius:10px;padding:12px;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;margin:4px 0 0}
.shad-ai-page .shad-btn:hover{background:#1d2030}
@media (max-width:767px){.shad-ai-page .shad-row{flex-direction:column;gap:8px}}

.shad-ai-page .shad-ai-hero{background:#fffaf6!important}
.shad-ai-page .shad-ai-hero::before{opacity:.3}
.shad-ai-page .shad-ai-hero{background:#fff!important}
.shad-ai-page .shad-ai-hero::before{display:none}
.shad-ai-page .shad-ai-hero .shad-ai-net{display:none!important}
.shad-ai-page .shad-ai-hero-side{display:block!important}
.shad-ai-page .shad-ai-hero .shad-ai-offer{width:100%!important;max-width:none!important;margin:12px!important;padding:24px!important}
.shad-ai-page .shad-ai-hero .shad-form{width:100%;max-width:760px}
.shad-ai-page .shad-ai-hero .shad-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:767px){
  .shad-ai-page .shad-ai-hero .shad-row{grid-template-columns:1fr;gap:8px}
  .shad-ai-page .shad-ai-hero .shad-ai-offer{padding:18px!important}
}
.shad-ai-body,
.shad-ai-page{background:#f4f6f8!important}
.shad-ai-page .shad-ai-section,
.shad-ai-page .shad-ai-section.shad-ai-tone-orange,
.shad-ai-page .shad-ai-section.shad-ai-tone-teal,
.shad-ai-page .shad-ai-section.shad-ai-tone-violet,
.shad-ai-page .shad-ai-section.shad-ai-tone-rose,
.shad-ai-page .shad-ai-section.shad-ai-tone-amber{background:#f4f6f8!important}

#shad-ai-placements .shad-ai-h2,
#shad-ai-placements > .shad-ai-wrap > .shad-ai-card{margin-left:clamp(10px, 2vw, 28px);padding-left:clamp(28px, 4vw, 48px)}

.shad-ai-page .shad-ai-feature{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;
  padding:11px 14px!important;font-size:.72rem!important;font-weight:700!important;line-height:1.25!important;min-width:190px;white-space:normal
}
.shad-ai-page .shad-ai-feature .shad-ai-tile{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important}
.shad-ai-page .shad-ai-feature .shad-ai-tile .shad-ai-ico{width:16px!important;height:16px!important}
.shad-ai-page .shad-ai-feature small{display:block;font-size:.62rem;font-weight:600;color:#848a9c;margin-top:2px}
.shad-ai-page .shad-ai-feature br{display:none}

/* .shad-ai-page .shad-ai-ico{color:#ff5421} */

/* Keep project-card content readable after the horizontal rail applies nowrap. */
#shad-ai-projects .shad-ai-proj,
#shad-ai-projects .shad-ai-proj-title,
#shad-ai-projects .shad-ai-proj-tools{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media (max-width:767px){
  #shad-ai-week .shad-ai-day{
    width:150px;
    min-width:150px;
    min-height:150px;
    height:auto;
    /* overflow:visible; */
    box-sizing:border-box;
  }
  #shad-ai-week .shad-ai-day-task{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  #shad-ai-journey .shad-ai-jstep{
    width:190px;
    min-width:190px;
    min-height:190px;
    height:auto;
    overflow:visible;
    box-sizing:border-box;
  }
  #shad-ai-journey .shad-ai-jstep b,
  #shad-ai-journey .shad-ai-jstep small{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

#shad-ai-why .shad-ai-stat,
#shad-ai-why .shad-ai-stat:nth-child(2),
#shad-ai-why .shad-ai-stat:nth-child(3),
#shad-ai-why .shad-ai-stat:nth-child(4),
#shad-ai-why .shad-ai-stat:nth-child(5),
#shad-ai-why .shad-ai-stat:nth-child(6){background:var(--shad-ai-grad)!important}

@media (max-width:767px){
  #shad-ai-placements .shad-ai-chips{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
  #shad-ai-placements .shad-ai-chips .shad-ai-chip{flex:0 1 auto!important;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
}

@media (max-width:767px){
  .shad-ai-page .shad-ai-card,
  .shad-ai-page .student-card,
  .shad-ai-page .sahil-ins-card,
  .shad-ai-page .shad-ai-proj,
  .shad-ai-page .shad-ai-feature{min-width:0}
  .shad-ai-page .shad-ai-card p,
  .shad-ai-page .shad-ai-card h2,
  .shad-ai-page .shad-ai-card h3,
  .shad-ai-page .student-card .student-name,
  .shad-ai-page .student-card .student-role,
  .shad-ai-page .student-card .student-info,
  .shad-ai-page .sahil-ins-name,
  .shad-ai-page .sahil-ins-role,
  .shad-ai-page .sahil-ins-label,
  .shad-ai-page .sahil-ins-more p,
  .shad-ai-page .shad-ai-proj-title{overflow-wrap:anywhere;word-break:break-word}
  .shad-ai-page .shad-ai-chip,
  .shad-ai-page .sahil-ins-chip,
  .shad-ai-page .read-more-btn{white-space:normal;overflow-wrap:anywhere}
}

.shad-ai-page .shad-ai-section{padding:28px 0!important}
.shad-ai-page .shad-ai-hero{padding:18px 0 32px!important}
#shad-ai-features-band{margin-top:-10px!important;padding-top:0!important;padding-bottom:6px!important}
@media (max-width:767px){
  .shad-ai-page .shad-ai-section{padding:22px 0!important}
  .shad-ai-page .shad-ai-feature{min-width:160px;font-size:.68rem!important;padding:10px 12px!important}
}

#UnCodeMy-Footer .Hemank-brand-mark{display:inline-block;background:transparent;border-radius:0;padding:0;line-height:0}
#UnCodeMy-Footer .Hemank-brand-mark img{display:block!important;height:42px!important;width:auto!important;max-width:200px!important;object-fit:contain!important}
#UnCodeMy-Footer .footer-right-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;max-width:360px}
#UnCodeMy-Footer .Hemank-promo-card{display:block;overflow:hidden;border-radius:4px}
#UnCodeMy-Footer .Hemank-promo-card img{width:100%;height:auto;display:block;aspect-ratio:215/78;object-fit:cover}
#UnCodeMy-Footer .Hemank-social-yt{width:34px;height:24px;border-radius:7px;background:#ff0000;color:#fff}
#UnCodeMy-Footer .Hemank-social-yt svg{width:18px;height:18px;display:block}

/* Instructors + Placed students (reference style) */
/* Desktop (1024–1440+) hand-scroll: keep rails as horizontal overflow, never vertical-only */
@media (min-width:1025px) and (max-width:1440px){
  .shad-ai-page .shad-ai-rail.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-features.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-chips.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-reviews.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-journey.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-road.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-stats.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-inc-grid.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-flow.shad-ai-autoscroll,
  .shad-ai-page .shad-ai-tools.shad-ai-autoscroll,
  .shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll,
  .shad-ai-page .students-slider-container{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    cursor:grab;
  }
  .shad-ai-page .students-slider-container{
    display:block!important;
  }
  .shad-ai-page .students-slider-container .students-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
  }
}

.shad-ai-page .shad-ai-rail.shad-ai-autoscroll,
.shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll,
.shad-ai-page .shad-ai-road.shad-ai-autoscroll,
.shad-ai-page .shad-ai-journey.shad-ai-autoscroll,
.shad-ai-page .shad-ai-stats.shad-ai-autoscroll,
.shad-ai-page .shad-ai-inc-grid.shad-ai-autoscroll,
.shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll,
.shad-ai-page .shad-ai-flow.shad-ai-autoscroll,
.shad-ai-page .shad-ai-features.shad-ai-autoscroll,
.shad-ai-page .shad-ai-chips.shad-ai-autoscroll,
.shad-ai-page .shad-ai-reviews.shad-ai-autoscroll,
.shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll,
.shad-ai-page .shad-ai-tools.shad-ai-autoscroll{
  display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:12px;overflow-x:auto!important;scroll-snap-type:none!important
}

.shad-ai-page .shad-ai-rail.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-week-grid.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-road.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-journey.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-stats.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-inc-grid.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-proj-grid.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-flow.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-features.shad-ai-autoscroll>*,
.shad-ai-page .shad-ai-reviews.shad-ai-autoscroll>*,
.shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll > .sahil-ins-track,
.shad-ai-page .shad-ai-tools.shad-ai-autoscroll>*{flex:0 0 auto!important;scroll-snap-align:none!important;white-space:nowrap}

/* keep instructor slides at fixed card width even under autoscroll */
.shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll .sahil-ins-slide{flex:0 0 300px!important;width:300px!important;max-width:300px!important;min-width:300px!important}

/* Placed students — infinite JS scroll + hand drag */
.shad-ai-page .students-slider-container{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  position:relative;
  background:#fff7ef;
  border-radius:22px;
  padding:22px 16px;
  margin-top:14px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:pan-x;
  cursor:grab;
  overscroll-behavior-x:contain;
  scroll-snap-type:none;
  user-select:none;
  -webkit-user-select:none;
}

.shad-ai-page .students-slider-container:active,
.shad-ai-page .students-slider-container.is-dragging{cursor:grabbing}

.shad-ai-page .students-slider-container::-webkit-scrollbar{display:none}

.shad-ai-page .students-grid{
  display:flex;
  flex-wrap:nowrap;
  gap:18px;
  width:max-content;
  will-change:scroll-position;
  animation:none!important;
  transform:none!important;
}

.shad-ai-page .students-slider-container .student-card{
  flex:0 0 280px;
  width:280px;
  max-width:280px;
  pointer-events:auto;
}

.shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll{
  display:block!important;overflow-x:auto!important;scroll-snap-type:none!important
}

.shad-ai-page .sahil-ins-viewport.shad-ai-autoscroll > .sahil-ins-track{
  display:flex!important;flex-wrap:nowrap!important;width:max-content!important
}

.shad-ai-page .student-card{
  flex:0 0 280px;
  width:280px;
  max-width:280px;
  background:#fff;
  border:1px solid #e8e0dc;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(31,35,48,.06);
  transition:border-color .25s,box-shadow .25s;
}

.shad-ai-page .student-card:hover{border-color:#ff5421;box-shadow:0 10px 24px rgba(31,35,48,.1)}

.shad-ai-page .lpa-badge{
  position:absolute;
  top:10px;right:10px;
  background:#ff5421;
  color:#fff;
  font-weight:800;
  font-size:.72rem;
  padding:4px 11px;
  border-radius:999px;
  z-index:2;
}

.shad-ai-page .read-more-btn{
  display:block;
  width:100%;
  background:#ff5421;
  color:#fff!important;
  text-align:center;
  padding:11px;
  border-radius:10px;
  font-size:.82rem;
  font-weight:700;
  text-decoration:none!important;
  transition:background .2s;
}

.shad-ai-page .read-more-btn:hover{background:#16233a}

@media (max-width:1024px){
  .shad-ai-page .student-card{flex:0 0 260px;width:260px;max-width:260px}
}

@media (max-width:600px){
  .shad-ai-page .student-card{flex:0 0 78vw;width:78vw;max-width:78vw}
  .shad-ai-page .students-slider-container{padding:18px 12px}
}

/* Instructors — same structure as reference (carousel + cards) */
.shad-ai-page .sahil-ins-kicker{margin:0 0 12px;font-size:1rem;font-weight:700;color:#ff5421}

.shad-ai-page .sahil-ins-carousel{position:relative}

.shad-ai-page .sahil-ins-viewport{
  overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:6px 2px 14px;
  touch-action:pan-x;
  cursor:grab;
}

.shad-ai-page .sahil-ins-viewport:active{cursor:grabbing}

.shad-ai-page .sahil-ins-viewport::-webkit-scrollbar{display:none}

.shad-ai-page .sahil-ins-track{
  display:flex;align-items:stretch;gap:18px;
  width:max-content;
}

.shad-ai-page .sahil-ins-slide{
  flex:0 0 300px;width:300px;max-width:300px;min-width:300px;display:flex;
  scroll-snap-align:start;
}

.shad-ai-page .sahil-ins-carousel.is-carousel-active .sahil-ins-viewport{
  outline:2px solid rgba(255,84,33,.12);
  outline-offset:4px;
}

.shad-ai-page .sahil-ins-card{
  background:#fff;border:1px solid #e6ebf2;border-radius:14px;
  padding:28px 22px 20px;width:100%;min-height:450px;
  display:flex;flex-direction:column;text-align:center;
  box-shadow:0 1px 2px rgba(22,35,58,.04),0 10px 24px rgba(22,35,58,.05);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.shad-ai-page .sahil-ins-card:hover{
  transform:translateY(-4px);border-color:#f6cdbe;
  box-shadow:0 2px 4px rgba(22,35,58,.05),0 18px 38px rgba(22,35,58,.1);
}

.shad-ai-page .sahil-ins-avatar-link{display:block;text-decoration:none}

.shad-ai-page .sahil-ins-avatar{
  width:122px;height:122px;border-radius:50%;margin:0 auto 16px;display:block;
  object-fit:cover;object-position:top center;background:#fff0ea;
  border:3px solid #fff;box-shadow:0 0 0 2px #fff0ea,0 8px 20px rgba(22,35,58,.14);
  aspect-ratio:1;
}

.shad-ai-page .sahil-ins-avatar-link:hover .sahil-ins-avatar{
  box-shadow:0 0 0 3px #ff5421,0 10px 24px rgba(255,84,33,.28);
}

.shad-ai-page .sahil-ins-name{font-weight:800;font-size:1.05rem;margin:0 0 6px}

.shad-ai-page .sahil-ins-name a{color:#ff5421;text-decoration:none}

.shad-ai-page .sahil-ins-name a:hover{text-decoration:underline}

.shad-ai-page .sahil-ins-role{margin:0 0 4px;font-size:.86rem;font-weight:700;line-height:1.45;color:#16233a}

.shad-ai-page .sahil-ins-divider{height:1px;background:#e6ebf2;margin:14px 0 16px}

.shad-ai-page .sahil-ins-label{
  display:block;font-size:.68rem;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:#5a6779;margin-bottom:10px;
}

.shad-ai-page .sahil-ins-chip-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}

.shad-ai-page .sahil-ins-chip{
  font-size:.68rem;font-weight:600;padding:5px 10px;border-radius:999px;
  background:#f2f5fa;color:#41506a;border:1px solid #e6ebf2;white-space:nowrap;
}

.shad-ai-page .sahil-ins-chip.is-more{background:#fff0ea;color:#ff5421;border-color:#f8d6c8}

.shad-ai-page .sahil-ins-more{max-height:0;overflow:hidden;transition:max-height .4s ease;text-align:left}

.shad-ai-page .sahil-ins-more.is-open{max-height:520px}

.shad-ai-page .sahil-ins-more-inner{padding:2px 0 6px}

.shad-ai-page .sahil-ins-more-inner h4{
  font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:#5a6779;margin:10px 0 6px;
}

.shad-ai-page .sahil-ins-more-inner p{margin:0;font-size:.82rem;line-height:1.65;color:#5a6779}

.shad-ai-page .sahil-ins-readmore{
  display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;
  margin:0 auto 14px;cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;color:#16233a;
}

.shad-ai-page .sahil-ins-readmore svg{width:12px;height:12px;stroke:#16233a;fill:none;stroke-width:2.4;transition:transform .3s}

.shad-ai-page .sahil-ins-readmore[aria-expanded="true"] svg{transform:rotate(180deg)}

.shad-ai-page .sahil-ins-readmore:hover{color:#ff5421}

.shad-ai-page .sahil-ins-foot{display:flex;gap:10px;justify-content:center;margin-top:auto;padding-top:8px}

.shad-ai-page .sahil-ins-profile-btn{
  display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;
  color:#fff!important;background:#ff5421;border-radius:999px;padding:8px 14px;text-decoration:none!important;
}

.shad-ai-page .sahil-ins-profile-btn:hover{background:#16233a ;text-decoration:none!important}

.shad-ai-page .sahil-ins-profile-btn svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}

.shad-ai-page .sahil-ins-linkedin-btn{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:#0a66c2;color:#fff;text-decoration:none!important;
}

.shad-ai-page .sahil-ins-linkedin-btn svg{width:16px;height:16px;fill:#fff}

.shad-ai-page .sahil-ins-nav-row{display:flex;align-items:center;gap:14px;margin-top:20px}

.shad-ai-page .sahil-ins-arrow{
  width:48px;height:48px;border-radius:50%;border:1px solid #e6ebf2;background:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;
  box-shadow:0 6px 16px rgba(22,35,58,.07);transition:transform .2s,border-color .2s;
}

.shad-ai-page .sahil-ins-arrow:hover{border-color:#ff5421;transform:translateY(-2px)}

.shad-ai-page .sahil-ins-arrow svg{width:18px;height:18px;stroke:#16233a;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

.shad-ai-page .sahil-ins-progress-track{flex:1;display:flex;gap:6px;align-items:flex-end;height:22px}

.shad-ai-page .sahil-ins-bar{
  flex:1;height:5px;background:#dde4ee;border-radius:3px;border:none;padding:0;cursor:pointer;
  transition:height .25s,background .25s;
}

.shad-ai-page .sahil-ins-bar.is-active{height:12px;background:#ff5421}

.shad-ai-page .sahil-ins-bar:hover{background:#f8c9b8}

@media (max-width:767px){
  .shad-ai-page .sahil-ins-slide{
    flex:0 0 78vw!important;width:78vw!important;max-width:78vw!important;min-width:78vw!important;
  }
  .shad-ai-page .sahil-ins-card{min-height:420px;padding:22px 16px 16px}
  .shad-ai-page .sahil-ins-avatar{width:100px;height:100px}
}

/* Placed student card text — left spacing only */
.shad-ai-page .student-card .card-content{
  padding:14px 14px 16px 18px!important;
  text-align:left;
}
.shad-ai-page .student-card .student-name{
  margin:0 0 4px;
  padding-left:0;
  font-size:1rem;
  font-weight:800;
  color:#1f2330;
}
.shad-ai-page .student-card .student-role{
  margin:0 0 10px;
  font-size:.82rem;
  color:#5a6779;
}
.shad-ai-page .student-card .student-info{
  margin:0 0 12px;
  padding-left:0;
}
.shad-ai-page .student-card .student-info p{
  margin:0 0 6px;
  font-size:.82rem;
}
.shad-ai-page .student-card .batch-info{
  margin:4px 0 0;
  font-size:.75rem;
  color:#848a9c;
}