/*
  CODEWORD Hackathon Experience Section
  Isolated namespace: cw-codeword26-event-
  Light background + navy/orange theme. No animations.
*/

/* All selectors are isolated under #cw-codeword26-event-root and use the cw-codeword26-event- prefix.
   Also update IDs:
   cw-codeword26-event-root
   cw-codeword26-event-process
   cw-codeword26-event-levels
*/

#cw-codeword26-event-root,
#cw-codeword26-event-root * {
    box-sizing: border-box;
}

#cw-codeword26-event-root {
    --cw-codeword26-event-navy: #1b3058;
    --cw-codeword26-event-navy-dark: #142544;
    --cw-codeword26-event-orange: #f5a425;
    --cw-codeword26-event-orange-soft: #fff3df;
    --cw-codeword26-event-text: #243047;
    --cw-codeword26-event-muted: #647087;
    --cw-codeword26-event-border: #e3e8f0;
    --cw-codeword26-event-surface: #ffffff;
    --cw-codeword26-event-soft-bg: #f6f8fc;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: 76px 22px 84px;
    background: #f7f9fd;
    color: var(--cw-codeword26-event-text);
    font-family: "Poppins", Arial, sans-serif;
    line-height: 1.65;
}

#cw-codeword26-event-root p,
#cw-codeword26-event-root h2,
#cw-codeword26-event-root h3,
#cw-codeword26-event-root h4 {
    margin: 0;
}

#cw-codeword26-event-root p {
    color: var(--cw-codeword26-event-muted);
    font-size: 15px;
    line-height: 1.8;
}

#cw-codeword26-event-root a {
    text-decoration: none;
}

#cw-codeword26-event-root .cw-codeword26-event-grid-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(27, 48, 88, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(27, 48, 88, .035) 1px, transparent 1px);
    background-size: 34px 34px;
}

#cw-codeword26-event-root .cw-codeword26-event-glow {
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(245, 164, 37, .10);
    filter: blur(2px);
    pointer-events: none;
}

#cw-codeword26-event-root .cw-codeword26-event-glow-one {
    top: 90px;
    right: -140px;
}

#cw-codeword26-event-root .cw-codeword26-event-glow-two {
    top: 780px;
    left: -170px;
    background: rgba(48, 91, 157, .08);
}

#cw-codeword26-event-root .cw-codeword26-event-container {
    position: relative;
    z-index: 1;
    width: min(1180px, 100%);
    margin: 0 auto;
}

#cw-codeword26-event-root .cw-codeword26-event-heading {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

#cw-codeword26-event-root .cw-codeword26-event-eyebrow,
#cw-codeword26-event-root .cw-codeword26-event-mini-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--cw-codeword26-event-navy);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

#cw-codeword26-event-root .cw-codeword26-event-eyebrow {
    padding: 9px 15px;
    border: 1px solid #f0d6a8;
    border-radius: 999px;
    background: #fffaf1;
}

#cw-codeword26-event-root .cw-codeword26-event-status-dot,
#cw-codeword26-event-root .cw-codeword26-event-caption-dot {
    display: inline-block;
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--cw-codeword26-event-orange);
}

#cw-codeword26-event-root .cw-codeword26-event-heading h2 {
    margin: 20px 0 14px;
    color: var(--cw-codeword26-event-navy-dark);
    font-size: clamp(32px, 4vw, 49px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.3px;
}

#cw-codeword26-event-root .cw-codeword26-event-heading h2 span,
#cw-codeword26-event-root .cw-codeword26-event-subheading h3 span,
#cw-codeword26-event-root .cw-codeword26-event-final-cta h3 span {
    color: var(--cw-codeword26-event-orange);
}

#cw-codeword26-event-root .cw-codeword26-event-heading p {
    max-width: 720px;
    margin: 0 auto;
    font-size: 16px;
}

#cw-codeword26-event-root .cw-codeword26-event-heading-line {
    width: 74px;
    height: 4px;
    margin: 25px auto 0;
    border-radius: 5px;
    background: var(--cw-codeword26-event-orange);
}

/* Hero */
#cw-codeword26-event-root .cw-codeword26-event-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
    align-items: center;
    gap: 42px;
    padding: clamp(26px, 4vw, 48px);
    border: 1px solid #e0e6f0;
    border-radius: 26px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 50px rgba(20, 37, 68, .08);
}

#cw-codeword26-event-root .cw-codeword26-event-hero-copy {
    min-width: 0;
}

#cw-codeword26-event-root .cw-codeword26-event-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 12px;
    border-radius: 7px;
    background: #eaf7ef;
    color: #187243;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

#cw-codeword26-event-root .cw-codeword26-event-live-badge>span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #219653;
}

#cw-codeword26-event-root .cw-codeword26-event-hero-copy h3 {
    margin-top: 18px;
    color: var(--cw-codeword26-event-navy);
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

#cw-codeword26-event-root .cw-codeword26-event-hero-copy h3 strong {
    color: var(--cw-codeword26-event-orange);
}

#cw-codeword26-event-root .cw-codeword26-event-hero-copy h4 {
    margin: 12px 0 14px;
    color: #263751;
    font-size: clamp(19px, 2vw, 24px);
    font-weight: 700;
}

#cw-codeword26-event-root .cw-codeword26-event-hero-copy>p {
    max-width: 590px;
}

#cw-codeword26-event-root .cw-codeword26-event-hero-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 25px;
}

#cw-codeword26-event-root .cw-codeword26-event-meta-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 13px 11px;
    border: 1px solid var(--cw-codeword26-event-border);
    border-radius: 12px;
    background: #fbfcff;
}

#cw-codeword26-event-root .cw-codeword26-event-meta-icon {
    font-size: 20px;
    line-height: 1.3;
}

#cw-codeword26-event-root .cw-codeword26-event-meta-item small,
#cw-codeword26-event-root .cw-codeword26-event-event-row small {
    display: block;
    margin-bottom: 4px;
    color: var(--cw-codeword26-event-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}

#cw-codeword26-event-root .cw-codeword26-event-meta-item strong,
#cw-codeword26-event-root .cw-codeword26-event-event-row strong {
    display: block;
    color: var(--cw-codeword26-event-navy);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

#cw-codeword26-event-root .cw-codeword26-event-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

#cw-codeword26-event-root .cw-codeword26-event-primary-btn,
#cw-codeword26-event-root .cw-codeword26-event-secondary-btn,
#cw-codeword26-event-root .cw-codeword26-event-final-btn,
#cw-codeword26-event-root .cw-codeword26-event-level-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 47px;
    padding: 12px 19px;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

#cw-codeword26-event-root .cw-codeword26-event-primary-btn {
    background: var(--cw-codeword26-event-navy);
    color: #fff;
}

#cw-codeword26-event-root .cw-codeword26-event-primary-btn:hover {
    background: var(--cw-codeword26-event-navy-dark);
    color: #fff;
}

#cw-codeword26-event-root .cw-codeword26-event-secondary-btn {
    border-color: #d9e0eb;
    background: #fff;
    color: var(--cw-codeword26-event-navy);
}

#cw-codeword26-event-root .cw-codeword26-event-secondary-btn:hover {
    border-color: var(--cw-codeword26-event-orange);
    color: var(--cw-codeword26-event-navy-dark);
}

#cw-codeword26-event-root .cw-codeword26-event-hero-note {
    margin-top: 15px;
    color: #7b879b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
}

/* CSS illustration */
#cw-codeword26-event-root .cw-codeword26-event-visual {
    position: relative;
    display: grid;
    min-height: 360px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #e4eaf3;
    border-radius: 22px;
    background:
        radial-gradient(circle at center, rgba(245, 164, 37, .12), transparent 48%),
        linear-gradient(145deg, #f8faff, #eef3fb);
}

#cw-codeword26-event-root .cw-codeword26-event-orbit {
    position: absolute;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(27, 48, 88, .17);
    border-radius: 50%;
}

#cw-codeword26-event-root .cw-codeword26-event-orbit-two {
    width: 215px;
    height: 215px;
    border-style: dashed;
    border-color: rgba(245, 164, 37, .55);
}

#cw-codeword26-event-root .cw-codeword26-event-cube-stage {
    position: relative;
    z-index: 2;
    width: 150px;
    height: 150px;
    perspective: 700px;
}

#cw-codeword26-event-root .cw-codeword26-event-cube {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotateX(-24deg) rotateY(34deg);
}

#cw-codeword26-event-root .cw-codeword26-event-cube-face {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 150px;
    height: 150px;
    border: 2px solid rgba(255, 255, 255, .8);
    background: rgba(27, 48, 88, .94);
    color: #fff;
    box-shadow: inset 0 0 25px rgba(255, 255, 255, .07);
    backface-visibility: visible;
}

#cw-codeword26-event-root .cw-codeword26-event-cube-face span {
    color: var(--cw-codeword26-event-orange);
    font-size: 33px;
    font-weight: 800;
}

#cw-codeword26-event-root .cw-codeword26-event-cube-face small {
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

#cw-codeword26-event-root .cw-codeword26-event-front {
    transform: translateZ(75px);
}

#cw-codeword26-event-root .cw-codeword26-event-back {
    transform: rotateY(180deg) translateZ(75px);
}

#cw-codeword26-event-root .cw-codeword26-event-right {
    transform: rotateY(90deg) translateZ(75px);
}

#cw-codeword26-event-root .cw-codeword26-event-left {
    transform: rotateY(-90deg) translateZ(75px);
}

#cw-codeword26-event-root .cw-codeword26-event-top {
    transform: rotateX(90deg) translateZ(75px);
}

#cw-codeword26-event-root .cw-codeword26-event-bottom {
    transform: rotateX(-90deg) translateZ(75px);
}

#cw-codeword26-event-root .cw-codeword26-event-floating-code {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 85px;
    min-height: 75px;
    border: 1px solid #dbe3f0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 8px 20px rgba(20, 37, 68, .08);
}

#cw-codeword26-event-root .cw-codeword26-event-floating-code span {
    color: var(--cw-codeword26-event-navy);
    font-size: 25px;
    font-weight: 800;
}

#cw-codeword26-event-root .cw-codeword26-event-floating-code small {
    color: var(--cw-codeword26-event-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

#cw-codeword26-event-root .cw-codeword26-event-code-one {
    top: 14%;
    left: 9%;
}

#cw-codeword26-event-root .cw-codeword26-event-code-two {
    top: 17%;
    right: 8%;
}

#cw-codeword26-event-root .cw-codeword26-event-code-three {
    right: 11%;
    bottom: 13%;
}

#cw-codeword26-event-root .cw-codeword26-event-visual-caption {
    position: absolute;
    bottom: 17px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--cw-codeword26-event-navy);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

/* Highlights */
#cw-codeword26-event-root .cw-codeword26-event-highlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
    margin-top: 24px;
}

#cw-codeword26-event-root .cw-codeword26-event-highlight-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    padding: 22px 18px;
    border: 1px solid var(--cw-codeword26-event-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(20, 37, 68, .035);
}

#cw-codeword26-event-root .cw-codeword26-event-highlight-icon {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    font-size: 21px;
}

#cw-codeword26-event-root .cw-codeword26-event-icon-blue {
    background: #eaf1ff;
}

#cw-codeword26-event-root .cw-codeword26-event-icon-orange {
    background: #fff1dc;
}

#cw-codeword26-event-root .cw-codeword26-event-icon-purple {
    background: #f2eaff;
}

#cw-codeword26-event-root .cw-codeword26-event-icon-green {
    background: #e5f7ed;
}

#cw-codeword26-event-root .cw-codeword26-event-highlight-card h4 {
    margin: 1px 0 7px;
    color: var(--cw-codeword26-event-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

#cw-codeword26-event-root .cw-codeword26-event-highlight-card p {
    font-size: 12px;
    line-height: 1.7;
}

#cw-codeword26-event-root .cw-codeword26-event-card-index {
    position: absolute;
    top: 9px;
    right: 12px;
    color: #d8deea;
    font-size: 11px;
    font-weight: 800;
}

/* Section subheadings */
#cw-codeword26-event-root .cw-codeword26-event-levels,
#cw-codeword26-event-root .cw-codeword26-event-process {
    padding-top: 82px;
    scroll-margin-top: 90px;
}

#cw-codeword26-event-root .cw-codeword26-event-subheading {
    max-width: 720px;
    margin: 0 auto 32px;
    text-align: center;
}

#cw-codeword26-event-root .cw-codeword26-event-subheading h3 {
    margin: 10px 0;
    color: var(--cw-codeword26-event-navy);
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.7px;
}

#cw-codeword26-event-root .cw-codeword26-event-subheading p {
    max-width: 620px;
    margin: 0 auto;
}

/* Category cards */
#cw-codeword26-event-root .cw-codeword26-event-level-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

#cw-codeword26-event-root .cw-codeword26-event-level-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 27px;
    border: 1px solid var(--cw-codeword26-event-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(20, 37, 68, .045);
}

#cw-codeword26-event-root .cw-codeword26-event-level-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

#cw-codeword26-event-root .cw-codeword26-event-level-number {
    color: #a7b1c3;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

#cw-codeword26-event-root .cw-codeword26-event-level-symbol {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 13px;
    background: var(--cw-codeword26-event-orange-soft);
    color: var(--cw-codeword26-event-navy);
    font-size: 23px;
    font-weight: 800;
}

#cw-codeword26-event-root .cw-codeword26-event-level-label {
    color: #b8750d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.25px;
}

#cw-codeword26-event-root .cw-codeword26-event-level-card h4 {
    margin: 7px 0 10px;
    color: var(--cw-codeword26-event-navy);
    font-size: 23px;
    font-weight: 800;
}

#cw-codeword26-event-root .cw-codeword26-event-level-card>p {
    margin-bottom: 22px;
    font-size: 13px;
}

#cw-codeword26-event-root .cw-codeword26-event-eligible-title {
    margin-bottom: 10px;
    color: var(--cw-codeword26-event-navy);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
}

#cw-codeword26-event-root .cw-codeword26-event-level-card ul {
    margin: 0 0 23px;
    padding: 0;
    list-style: none;
}

#cw-codeword26-event-root .cw-codeword26-event-level-card ul li {
    position: relative;
    margin: 0;
    padding: 8px 0 8px 21px;
    border-bottom: 1px solid #eef1f6;
    color: #45536b;
    font-size: 13px;
    line-height: 1.5;
    list-style: none;
}

#cw-codeword26-event-root .cw-codeword26-event-level-card ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d68b13;
    font-weight: 900;
}

#cw-codeword26-event-root .cw-codeword26-event-level-link {
    justify-content: space-between;
    width: 100%;
    margin-top: auto;
    border-color: #dce3ee;
    background: #f9fbfe;
    color: var(--cw-codeword26-event-navy);
}

#cw-codeword26-event-root .cw-codeword26-event-level-link:hover {
    border-color: var(--cw-codeword26-event-orange);
    background: var(--cw-codeword26-event-orange-soft);
}

#cw-codeword26-event-root .cw-codeword26-event-senior {
    border-top: 4px solid #315b9b;
}

#cw-codeword26-event-root .cw-codeword26-event-junior {
    border-top: 4px solid var(--cw-codeword26-event-orange);
}

#cw-codeword26-event-root .cw-codeword26-event-ideathon {
    border-top: 4px solid #6f58a5;
}

/* Process timeline */
#cw-codeword26-event-root .cw-codeword26-event-timeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 15px;
}

#cw-codeword26-event-root .cw-codeword26-event-step {
    min-width: 0;
    padding: 21px 17px;
    border: 1px solid var(--cw-codeword26-event-border);
    border-radius: 15px;
    background: #fff;
}

#cw-codeword26-event-root .cw-codeword26-event-step-number {
    display: grid;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    place-items: center;
    border-radius: 12px;
    background: var(--cw-codeword26-event-navy);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

#cw-codeword26-event-root .cw-codeword26-event-step-content>span {
    color: #b8750d;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
}

#cw-codeword26-event-root .cw-codeword26-event-step-content h4 {
    margin: 7px 0 8px;
    color: var(--cw-codeword26-event-navy);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

#cw-codeword26-event-root .cw-codeword26-event-step-content p {
    font-size: 12px;
    line-height: 1.7;
}

/* Guidelines and event information */
#cw-codeword26-event-root .cw-codeword26-event-bottom-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 22px;
    padding-top: 82px;
}

#cw-codeword26-event-root .cw-codeword26-event-info-panel {
    min-width: 0;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid var(--cw-codeword26-event-border);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(20, 37, 68, .04);
}

#cw-codeword26-event-root .cw-codeword26-event-info-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

#cw-codeword26-event-root .cw-codeword26-event-info-icon {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 13px;
    background: var(--cw-codeword26-event-orange-soft);
    font-size: 23px;
}

#cw-codeword26-event-root .cw-codeword26-event-info-heading h3,
#cw-codeword26-event-root .cw-codeword26-event-info-panel>h3 {
    margin-top: 4px;
    color: var(--cw-codeword26-event-navy);
    font-size: 23px;
    font-weight: 800;
    line-height: 1.3;
}

#cw-codeword26-event-root .cw-codeword26-event-rules {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cw-codeword26-event-root .cw-codeword26-event-rules li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f5;
    color: #46536a;
    font-size: 13px;
    line-height: 1.7;
    list-style: none;
}

#cw-codeword26-event-root .cw-codeword26-event-rules li span {
    flex: 0 0 20px;
    color: #218653;
    font-size: 16px;
    font-weight: 900;
}

#cw-codeword26-event-root .cw-codeword26-event-guideline-note {
    margin-top: 17px;
    padding: 13px 15px;
    border-left: 3px solid var(--cw-codeword26-event-orange);
    border-radius: 0 8px 8px 0;
    background: #fff8ec;
    font-size: 12px;
}

#cw-codeword26-event-root .cw-codeword26-event-event-panel {
    background: var(--cw-codeword26-event-navy);
    border-color: var(--cw-codeword26-event-navy);
}

#cw-codeword26-event-root .cw-codeword26-event-event-panel .cw-codeword26-event-mini-label,
#cw-codeword26-event-root .cw-codeword26-event-event-panel h3 {
    color: #fff;
}

#cw-codeword26-event-root .cw-codeword26-event-event-panel h3 {
    margin-bottom: 22px;
}

#cw-codeword26-event-root .cw-codeword26-event-event-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

#cw-codeword26-event-root .cw-codeword26-event-event-row>span {
    flex: 0 0 26px;
    font-size: 21px;
}

#cw-codeword26-event-root .cw-codeword26-event-event-row small {
    color: #d0d8e7;
}

#cw-codeword26-event-root .cw-codeword26-event-event-row strong {
    color: #fff;
    font-size: 14px;
}

#cw-codeword26-event-root .cw-codeword26-event-event-row p {
    margin-top: 3px;
    color: #d1d9e7;
    font-size: 12px;
}

#cw-codeword26-event-root .cw-codeword26-event-full-btn {
    width: 100%;
    margin-top: 22px;
    background: var(--cw-codeword26-event-orange);
    color: #1d2c46;
}

#cw-codeword26-event-root .cw-codeword26-event-full-btn:hover {
    background: #ffb944;
    color: #1d2c46;
}

/* Final call to action */
#cw-codeword26-event-root .cw-codeword26-event-final-cta {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 25px;
    margin-top: 78px;
    padding: clamp(27px, 4vw, 46px);
    overflow: hidden;
    border-radius: 22px;
    background: var(--cw-codeword26-event-navy);
    color: #fff;
}

#cw-codeword26-event-root .cw-codeword26-event-cta-content {
    position: relative;
    z-index: 2;
}

#cw-codeword26-event-root .cw-codeword26-event-final-cta .cw-codeword26-event-mini-label {
    color: #ffd38c;
}

#cw-codeword26-event-root .cw-codeword26-event-final-cta h3 {
    margin: 10px 0 12px;
    color: #fff;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.25;
}

#cw-codeword26-event-root .cw-codeword26-event-final-cta p {
    max-width: 650px;
    color: #e0e6f0;
}

#cw-codeword26-event-root .cw-codeword26-event-final-btn {
    margin-top: 20px;
    background: var(--cw-codeword26-event-orange);
    color: #1b2a43;
}

#cw-codeword26-event-root .cw-codeword26-event-final-btn:hover {
    background: #ffbd51;
    color: #1b2a43;
}

#cw-codeword26-event-root .cw-codeword26-event-cta-decoration {
    position: relative;
    display: grid;
    width: 175px;
    height: 175px;
    place-items: center;
    color: var(--cw-codeword26-event-orange);
    font-size: 42px;
    font-weight: 800;
}

#cw-codeword26-event-root .cw-codeword26-event-cta-ring {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
}

#cw-codeword26-event-root .cw-codeword26-event-ring-two {
    width: 112px;
    height: 112px;
    border-color: rgba(245, 164, 37, .75);
}

#cw-codeword26-event-root .cw-codeword26-event-cta-orb {
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .045);
    pointer-events: none;
}

#cw-codeword26-event-root .cw-codeword26-event-cta-orb-one {
    top: -110px;
    right: 100px;
}

#cw-codeword26-event-root .cw-codeword26-event-cta-orb-two {
    right: -95px;
    bottom: -135px;
    background: rgba(245, 164, 37, .13);
}

/* Responsive layout */
@media (max-width: 1100px) {
    #cw-codeword26-event-root .cw-codeword26-event-hero {
        gap: 25px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cw-codeword26-event-root .cw-codeword26-event-timeline {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #cw-codeword26-event-root .cw-codeword26-event-meta-item {
        flex-direction: column;
    }
}

@media (max-width: 800px) {
    #cw-codeword26-event-root {
        padding: 55px 17px 62px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-hero {
        grid-template-columns: 1fr;
    }

    #cw-codeword26-event-root .cw-codeword26-event-visual {
        min-height: 330px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-level-grid {
        grid-template-columns: 1fr 1fr;
    }

    #cw-codeword26-event-root .cw-codeword26-event-bottom-grid {
        grid-template-columns: 1fr;
    }

    #cw-codeword26-event-root .cw-codeword26-event-final-cta {
        grid-template-columns: 1fr;
    }

    #cw-codeword26-event-root .cw-codeword26-event-cta-decoration {
        display: none;
    }
}

@media (max-width: 560px) {
    #cw-codeword26-event-root {
        padding: 42px 13px 50px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-heading {
        margin-bottom: 28px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-heading h2 {
        letter-spacing: -.6px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-heading p {
        font-size: 14px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-hero {
        padding: 22px 17px;
        border-radius: 18px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-hero-meta {
        grid-template-columns: 1fr;
    }

    #cw-codeword26-event-root .cw-codeword26-event-meta-item {
        flex-direction: row;
        align-items: center;
    }

    #cw-codeword26-event-root .cw-codeword26-event-actions {
        flex-direction: column;
    }

    #cw-codeword26-event-root .cw-codeword26-event-actions a {
        width: 100%;
    }

    #cw-codeword26-event-root .cw-codeword26-event-visual {
        min-height: 285px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-orbit {
        width: 220px;
        height: 220px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-orbit-two {
        width: 175px;
        height: 175px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-cube-stage {
        transform: scale(.78);
    }

    #cw-codeword26-event-root .cw-codeword26-event-floating-code {
        width: 65px;
        min-height: 60px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-floating-code span {
        font-size: 20px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-highlights,
    #cw-codeword26-event-root .cw-codeword26-event-level-grid,
    #cw-codeword26-event-root .cw-codeword26-event-timeline {
        grid-template-columns: 1fr;
    }

    #cw-codeword26-event-root .cw-codeword26-event-highlight-card {
        padding: 19px 16px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-level-card {
        padding: 23px 20px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-levels,
    #cw-codeword26-event-root .cw-codeword26-event-process,
    #cw-codeword26-event-root .cw-codeword26-event-bottom-grid {
        padding-top: 58px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-info-panel {
        padding: 22px 18px;
    }

    #cw-codeword26-event-root .cw-codeword26-event-final-cta {
        margin-top: 58px;
        padding: 27px 20px;
    }
}

/* CODEWORD 2.0 — Animated 3D Cube */
#cw-codeword26-event-root .cw-codeword26-event-cube {
    transform: rotateX(-24deg) rotateY(0deg);
    transform-style: preserve-3d;
    animation: cw-codeword26-event-cube-rotate 12s linear infinite;
    will-change: transform;
}

@keyframes cw-codeword26-event-cube-rotate {
    from {
        transform: rotateX(-24deg) rotateY(0deg);
    }

    to {
        transform: rotateX(-24deg) rotateY(360deg);
    }
}

/* Accessibility: respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    #cw-codeword26-event-root .cw-codeword26-event-cube {
        animation: none;
        transform: rotateX(-24deg) rotateY(34deg);
    }
}






/* ==========================================================
   CODEWORD PLATFORM OVERVIEW
   Scoped stylesheet for #cw-platform-overview
   Keep this CSS in its own file or load it after global CSS.
   ========================================================== */

#cw-platform-overview,
#cw-platform-overview * {
    box-sizing: border-box;
}

#cw-platform-overview {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    font-family: "Poppins", "Segoe UI", sans-serif;
}

#cw-platform-overview img,
#cw-platform-overview svg,
#cw-platform-overview video {
    max-width: 100%;
}

#cw-platform-overview a {
    text-decoration: none;
}

/* CODEWORD Platform Overview — isolated class names to avoid existing CSS conflicts */

.cw-platform-overview {

    --cwpo-navy: #10284f;

    --cwpo-blue: #2458a6;

    --cwpo-orange: #ff9f1c;

    --cwpo-ink: #172744;

    --cwpo-muted: #64748b;

    --cwpo-line: #e1e8f2;

    --cwpo-surface: #ffffff;

    position: relative;

    isolation: isolate;

    overflow: hidden;

    padding: 100px 0 76px;

    color: var(--cwpo-ink);

    background: linear-gradient(180deg, #f8faff 0%, #ffffff 54%, #f8faff 100%);

    font-family: "Poppins", "Segoe UI", sans-serif;

}



.cw-platform-overview * {

    box-sizing: border-box;

}



.cw-platform-overview-container {

    position: relative;

    z-index: 2;

    width: min(1180px, calc(100% - 40px));

    margin: 0 auto;

}



.cw-platform-overview-grid {

    position: absolute;

    inset: 0;

    z-index: -2;

    pointer-events: none;

    background-image: linear-gradient(rgba(36, 88, 166, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 88, 166, .045) 1px, transparent 1px);

    background-size: 42px 42px;

    mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);

}



.cw-platform-overview-orb {

    position: absolute;

    z-index: -1;

    border-radius: 50%;

    filter: blur(2px);

    pointer-events: none;

    animation: cwpo-drift 11s ease-in-out infinite alternate;

}



.cw-platform-overview-orb-one {

    width: 340px;

    height: 340px;

    top: 120px;

    left: -180px;

    background: radial-gradient(circle, rgba(255, 159, 28, .12), transparent 70%);

}



.cw-platform-overview-orb-two {

    width: 420px;

    height: 420px;

    right: -210px;

    top: 560px;

    background: radial-gradient(circle, rgba(36, 88, 166, .12), transparent 70%);

    animation-delay: -4s;

}



.cw-platform-overview-heading {

    max-width: 820px;

    margin: 0 auto 54px;

    text-align: center;

}



.cw-platform-overview-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 9px 15px;

    border: 1px solid #dce6f5;

    border-radius: 999px;

    background: rgba(255, 255, 255, .86);

    color: var(--cwpo-navy);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.5px;

}



.cw-platform-overview-eyebrow-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--cwpo-orange);

    box-shadow: 0 0 0 5px rgba(255, 159, 28, .12);

    animation: cwpo-pulse 2s infinite;

}



.cw-platform-overview-heading h2 {

    margin: 22px 0 16px;

    color: var(--cwpo-navy);

    font-size: clamp(30px, 4vw, 48px);

    line-height: 1.16;

    font-weight: 800;

    letter-spacing: -1.4px;

}



.cw-platform-overview-heading h2 span {

    display: inline-block;

    color: var(--cwpo-blue);

}



.cw-platform-overview-heading p {

    max-width: 730px;

    margin: 0 auto;

    color: var(--cwpo-muted);

    font-size: 15px;

    line-height: 1.9;

}



.cw-platform-overview-heading-line {

    width: 76px;

    height: 4px;

    margin: 25px auto 0;

    border-radius: 10px;

    background: linear-gradient(90deg, var(--cwpo-orange), var(--cwpo-blue));

    transform-origin: center;

    animation: cwpo-line-grow 1.2s ease both;

}



.cw-platform-overview-layout {

    display: grid;

    grid-template-columns: minmax(250px, .78fr) minmax(0, 1.55fr);

    align-items: center;

    gap: 38px;

}



.cw-platform-overview-hub {

    position: sticky;

    top: 90px;

    display: grid;

    place-items: center;

    min-height: 390px;

    overflow: hidden;

    border: 1px solid #e0e8f5;

    border-radius: 28px;

    background: radial-gradient(circle at 50% 48%, #fff 0%, #f1f5fd 66%, #eaf0fa 100%);

    box-shadow: 0 20px 55px rgba(16, 40, 79, .07);

}



.cw-platform-overview-hub-ring {

    position: absolute;

    width: 240px;

    height: 240px;

    border: 1px solid rgba(36, 88, 166, .19);

    border-radius: 50%;

}



.cw-platform-overview-hub-ring-one {

    width: 190px;

    height: 190px;

    border-style: dashed;

    border-color: rgba(255, 159, 28, .72);

    animation: cwpo-spin 24s linear infinite;

}



.cw-platform-overview-hub-ring-two {

    width: 270px;

    height: 270px;

    animation: cwpo-spin 34s linear infinite reverse;

}



.cw-platform-overview-hub-ring-three {

    width: 330px;

    height: 330px;

    border-color: rgba(36, 88, 166, .09);

}



.cw-platform-overview-hub-core {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 154px;

    height: 154px;

    border: 1px solid rgba(255, 255, 255, .7);

    border-radius: 28px;

    color: #fff;

    background: linear-gradient(145deg, #1c3e72, #0d2041);

    box-shadow: 0 22px 42px rgba(16, 40, 79, .28), inset 0 1px 0 rgba(255, 255, 255, .2);

    transform: rotate(-5deg);

    animation: cwpo-core-float 5s ease-in-out infinite;

}



.cw-platform-overview-core-symbol {

    color: var(--cwpo-orange);

    font-size: 34px;

    line-height: 1.2;

    font-weight: 900;

}



.cw-platform-overview-hub-core strong {

    margin-top: 8px;

    font-size: 16px;

    letter-spacing: 1.6px;

}



.cw-platform-overview-hub-core small {

    margin-top: 7px;

    color: #c6d5ef;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

}



.cw-platform-overview-hub-node {

    position: absolute;

    z-index: 3;

    display: grid;

    place-items: center;

    width: 45px;

    height: 45px;

    border: 1px solid #dce6f5;

    border-radius: 14px;

    color: var(--cwpo-navy);

    background: #fff;

    box-shadow: 0 9px 22px rgba(16, 40, 79, .1);

    animation: cwpo-node-float 4s ease-in-out infinite;

}



.cw-platform-overview-node-one {

    top: 58px;

    left: calc(50% - 22px);

    color: #d98000;

    animation-delay: -.5s;

}



.cw-platform-overview-node-two {

    top: 50%;

    right: 25px;

    animation-delay: -1.5s;

}



.cw-platform-overview-node-three {

    bottom: 53px;

    left: calc(50% - 22px);

    animation-delay: -2s;

}



.cw-platform-overview-node-four {

    top: 50%;

    left: 25px;

    color: #d98000;

    animation-delay: -2.5s;

}



.cw-platform-overview-hub-caption {

    position: absolute;

    bottom: 19px;

    color: #536987;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.8px;

    text-transform: uppercase;

}



.cw-platform-overview-feature-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 17px;

}



.cw-platform-overview-card {

    position: relative;

    min-width: 0;

    min-height: 258px;

    padding: 23px 22px 21px;

    overflow: hidden;

    border: 1px solid var(--cwpo-line);

    border-radius: 19px;

    background: rgba(255, 255, 255, .93);

    box-shadow: 0 9px 26px rgba(16, 40, 79, .035);

    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;

}



.cw-platform-overview-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background: linear-gradient(90deg, var(--cwpo-blue), var(--cwpo-orange));

    transform: scaleX(0);

    transform-origin: left;

    transition: transform .35s ease;

}



.cw-platform-overview-card:hover {

    transform: translateY(-7px);

    border-color: #c6d6ee;

    box-shadow: 0 20px 38px rgba(16, 40, 79, .1);

}



.cw-platform-overview-card:hover::before {

    transform: scaleX(1);

}



.cw-platform-overview-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 18px;

}



.cw-platform-overview-icon {

    display: grid;

    place-items: center;

    width: 46px;

    height: 46px;

    border-radius: 14px;

    font-size: 18px;

    transition: transform .35s ease;

}



.cw-platform-overview-card:hover .cw-platform-overview-icon {

    transform: rotate(-7deg) scale(1.07);

}



.cw-platform-overview-icon-blue {

    color: #2458a6;

    background: #eaf1ff;

}



.cw-platform-overview-icon-orange {

    color: #b96a00;

    background: #fff2dd;

}



.cw-platform-overview-icon-purple {

    color: #7043bd;

    background: #f2ebff;

}



.cw-platform-overview-icon-green {

    color: #137a5a;

    background: #e3f8ef;

}



.cw-platform-overview-number {

    color: #d3dceb;

    font-size: 24px;

    font-weight: 800;

}



.cw-platform-overview-card-label {

    color: #71819b;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.3px;

}



.cw-platform-overview-card h3 {

    margin: 7px 0 9px;

    color: var(--cwpo-navy);

    font-size: 18px;

    line-height: 1.35;

    font-weight: 800;

}



.cw-platform-overview-card p {

    margin: 0 0 17px;

    color: var(--cwpo-muted);

    font-size: 12px;

    line-height: 1.8;

}



.cw-platform-overview-link {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: var(--cwpo-blue);

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

}



.cw-platform-overview-link span {

    display: inline-block;

    transition: transform .25s ease;

}



.cw-platform-overview-link:hover {

    color: #d47a00;

}



.cw-platform-overview-link:hover span {

    transform: translate(3px, -3px);

}



.cw-platform-overview-organizer {

    position: relative;

    display: grid;

    grid-template-columns: minmax(0, 1.5fr) minmax(220px, .7fr);

    align-items: center;

    gap: 35px;

    margin-top: 60px;

    padding: 38px 42px;

    overflow: hidden;

    border-radius: 25px;

    color: #fff;

    background: linear-gradient(120deg, #10284f 0%, #173d70 60%, #1d4b86 100%);

    box-shadow: 0 24px 55px rgba(16, 40, 79, .18);

}



.cw-platform-overview-organizer::before {

    content: "";

    position: absolute;

    top: -120px;

    right: 18%;

    width: 260px;

    height: 260px;

    border: 1px solid rgba(255, 255, 255, .12);

    border-radius: 50%;

    box-shadow: 0 0 0 28px rgba(255, 255, 255, .025), 0 0 0 58px rgba(255, 255, 255, .02);

}



.cw-platform-overview-organizer-pattern {

    position: absolute;

    inset: 0;

    opacity: .13;

    pointer-events: none;

    background-image: linear-gradient(135deg, transparent 48%, rgba(255, 255, 255, .25) 49%, transparent 50%);

    background-size: 30px 30px;

    mask-image: linear-gradient(90deg, transparent, #000);

}



.cw-platform-overview-organizer-copy,

.cw-platform-overview-organizer-action {

    position: relative;

    z-index: 1;

}



.cw-platform-overview-organizer-kicker {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #ffc46e;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.35px;

}



.cw-platform-overview-organizer-copy h3 {

    margin: 14px 0 12px;

    color: #fff;

    font-size: clamp(25px, 3vw, 36px);

    line-height: 1.2;

    font-weight: 800;

}



.cw-platform-overview-organizer-copy p {

    max-width: 690px;

    margin: 0;

    color: #d6e2f4;

    font-size: 13px;

    line-height: 1.9;

}



.cw-platform-overview-organizer-points {

    display: flex;

    flex-wrap: wrap;

    gap: 10px 17px;

    margin-top: 20px;

}



.cw-platform-overview-organizer-points span {

    color: #f2f6fc;

    font-size: 11px;

}



.cw-platform-overview-organizer-points i {

    margin-right: 5px;

    color: #ffb34b;

}



.cw-platform-overview-organizer-action {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 12px;

}



.cw-platform-overview-organizer-mark {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    max-width: 200px;

    margin-bottom: 3px;

    color: #ffb34b;

    font-size: 28px;

    font-weight: 900;

}



.cw-platform-overview-organizer-mark i {

    display: grid;

    place-items: center;

    width: 43px;

    height: 43px;

    border: 1px solid rgba(255, 255, 255, .23);

    border-radius: 14px;

    font-size: 16px;

}



.cw-platform-overview-organizer-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    padding: 14px 17px;

    border: 1px solid var(--cwpo-orange);

    border-radius: 11px;

    color: #14294a;

    background: var(--cwpo-orange);

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

    box-shadow: 0 8px 20px rgba(255, 159, 28, .18);

    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;

}



.cw-platform-overview-organizer-btn:hover {

    color: #14294a;

    background: #ffb64d;

    transform: translateY(-3px);

    box-shadow: 0 13px 25px rgba(255, 159, 28, .25);

}



.cw-platform-overview-organizer-action small {

    color: #c5d4e9;

    font-size: 10px;

    line-height: 1.7;

}



.cw-platform-overview-bottom {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-top: 30px;

}



.cw-platform-overview-bottom-mark {

    display: grid;

    place-items: center;

    flex: 0 0 39px;

    width: 39px;

    height: 39px;

    border-radius: 12px;

    color: #d47a00;

    background: #fff0d8;

}



.cw-platform-overview-bottom p {

    flex: 1;

    margin: 0;

    color: #64748b;

    font-size: 12px;

    line-height: 1.7;

}



.cw-platform-overview-bottom p strong {

    color: var(--cwpo-navy);

}



.cw-platform-overview-backtop {

    color: var(--cwpo-blue);

    font-size: 11px;

    font-weight: 800;

    text-decoration: none;

    white-space: nowrap;

}



.cw-platform-overview-backtop span {

    margin-left: 4px;

}



.cw-platform-overview-reveal {

    opacity: 0;

    transform: translateY(24px);

    transition: opacity .7s ease, transform .7s cubic-bezier(.2, .75, .2, 1);

}



.cw-platform-overview-reveal.cw-platform-overview-visible {

    opacity: 1;

    transform: translateY(0);

}



.cw-platform-overview-feature-grid .cw-platform-overview-card:nth-child(2) {

    transition-delay: .08s;

}



.cw-platform-overview-feature-grid .cw-platform-overview-card:nth-child(3) {

    transition-delay: .16s;

}



.cw-platform-overview-feature-grid .cw-platform-overview-card:nth-child(4) {

    transition-delay: .08s;

}



.cw-platform-overview-feature-grid .cw-platform-overview-card:nth-child(5) {

    transition-delay: .16s;

}



.cw-platform-overview-feature-grid .cw-platform-overview-card:nth-child(6) {

    transition-delay: .24s;

}



@keyframes cwpo-spin {

    to {

        transform: rotate(360deg);

    }

}



@keyframes cwpo-pulse {



    0%,

    100% {

        box-shadow: 0 0 0 5px rgba(255, 159, 28, .12);

    }



    50% {

        box-shadow: 0 0 0 9px rgba(255, 159, 28, .04);

    }

}



@keyframes cwpo-core-float {



    0%,

    100% {

        transform: translateY(0) rotate(-5deg);

    }



    50% {

        transform: translateY(-9px) rotate(-2deg);

    }

}



@keyframes cwpo-node-float {



    0%,

    100% {

        translate: 0 0;

    }



    50% {

        translate: 0 -7px;

    }

}



@keyframes cwpo-drift {

    from {

        transform: translate3d(0, 0, 0);

    }



    to {

        transform: translate3d(25px, -20px, 0);

    }

}



@keyframes cwpo-line-grow {

    from {

        transform: scaleX(.15);

        opacity: .4;

    }



    to {

        transform: scaleX(1);

        opacity: 1;

    }

}



@media (max-width: 1000px) {

    .cw-platform-overview {

        padding: 78px 0 60px;

    }



    .cw-platform-overview-layout {

        grid-template-columns: 1fr;

        gap: 28px;

    }



    .cw-platform-overview-hub {

        position: relative;

        top: auto;

        min-height: 330px;

    }



    .cw-platform-overview-hub-ring-three {

        width: 290px;

        height: 290px;

    }



    .cw-platform-overview-organizer {

        grid-template-columns: 1fr;

        gap: 25px;

    }



    .cw-platform-overview-organizer-action {

        align-items: flex-start;

    }

}



@media (max-width: 620px) {

    .cw-platform-overview-container {

        width: min(100% - 28px, 1180px);

    }



    .cw-platform-overview {

        padding: 60px 0 45px;

    }



    .cw-platform-overview-heading {

        margin-bottom: 34px;

    }



    .cw-platform-overview-heading h2 {

        letter-spacing: -.7px;

    }



    .cw-platform-overview-heading p {

        font-size: 13px;

    }



    .cw-platform-overview-feature-grid {

        grid-template-columns: 1fr;

        gap: 13px;

    }



    .cw-platform-overview-card {

        min-height: auto;

        padding: 21px;

    }



    .cw-platform-overview-card p {

        font-size: 12px;

    }



    .cw-platform-overview-hub {

        min-height: 300px;

    }



    .cw-platform-overview-hub-ring-one {

        width: 155px;

        height: 155px;

    }



    .cw-platform-overview-hub-ring-two {

        width: 220px;

        height: 220px;

    }



    .cw-platform-overview-hub-ring-three {

        width: 270px;

        height: 270px;

    }



    .cw-platform-overview-node-one {

        top: 40px;

    }



    .cw-platform-overview-node-three {

        bottom: 42px;

    }



    .cw-platform-overview-node-two {

        right: 15px;

    }



    .cw-platform-overview-node-four {

        left: 15px;

    }



    .cw-platform-overview-organizer {

        margin-top: 36px;

        padding: 27px 22px;

        border-radius: 20px;

    }



    .cw-platform-overview-organizer-points {

        flex-direction: column;

        gap: 9px;

    }



    .cw-platform-overview-organizer-btn {

        width: 100%;

    }



    .cw-platform-overview-bottom {

        align-items: flex-start;

        flex-wrap: wrap;

    }



    .cw-platform-overview-bottom p {

        flex-basis: calc(100% - 55px);

    }



    .cw-platform-overview-backtop {

        margin-left: 52px;

    }

}



@media (prefers-reduced-motion: reduce) {



    .cw-platform-overview *,

    .cw-platform-overview *::before,

    .cw-platform-overview *::after {

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

        scroll-behavior: auto !important;

        transition-duration: .01ms !important;

    }



    .cw-platform-overview-reveal {

        opacity: 1;

        transform: none;

    }

}