/* Liquid Effect Animation Styles for Phases Section */

    .equibook-phases-section {
      position: relative;
      overflow: hidden;
      background: #ffffff;
      padding: 30px 0;
    }

    /* Liquid Canvas Background */
    .liquid-canvas-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0.15;
      pointer-events: none;
    }

    #liquid-phases-canvas {
      width: 100%;
      height: 100%;
      display: block;
    }

    /* Content should be above the liquid effect */
    .equibook-phases-section .container {
      position: relative;
      z-index: 2;
    }

    /* Card: layered, interactive */
    .equibook-phase-item {
      position: relative;
      background: #ffffff;
      border-radius: 20px;
      padding: 0;
      margin-bottom: 40px;
      overflow: hidden;
      transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.6s;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
      transform-style: preserve-3d;
    }

    .equibook-phase-item::before {
      /* subtle sweep */
      content: '';
      position: absolute;
      top: 0;
      left: -120%;
      width: 120%;
      height: 100%;
      background: linear-gradient(120deg, transparent 0%, rgba(197,166,83,0.06) 50%, transparent 100%);
      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);
      z-index: 1;
    }

    /* Hover sweep disabled: keep ::before static */

    .phase-card-inner {
      padding: 36px;
      position: relative;
      z-index: 2;
    }

    .phase-accent-bar {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 6px;
      background: linear-gradient(90deg, #C5A653 0%, #D4B86A 50%, #8A6E11 100%);
      transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
      z-index: 3;
    }

    /* Accent bar hover expansion disabled */

    /* Icon area */
    .equibook-phase-icon {
      position: relative;
      width: 110px;
      height: 110px;
      margin: 0 auto 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 4;
    }

    .phase-icon-hexagon {
      position: absolute;
      width: 100%;
      height: 100%;
      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      background: linear-gradient(135deg, rgba(197,166,83,0.08), rgba(138,110,17,0.08));
      transition: transform 0.6s, background 0.6s;
    }

    /* Icon hexagon hover transform disabled */

    .phase-icon-ring {
      position: absolute;
      border-radius: 50%;
      border: 2px solid transparent;
    }

    .phase-icon-ring-1 { width: 100%; height: 100%; border-top-color: #C5A653; border-right-color: #C5A653; animation: spin 4s linear infinite; }
    .phase-icon-ring-2 { width: 86%; height: 86%; border-bottom-color: #D4B86A; border-left-color: #D4B86A; animation: spin-rev 3s linear infinite; }
    .phase-icon-ring-3 { width: 70%; height: 70%; border-top-color: #8A6E11; border-bottom-color: #8A6E11; animation: spin 5s linear infinite; }

    @keyframes spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }
    @keyframes spin-rev { from { transform: rotate(360deg);} to { transform: rotate(0deg);} }

    .phase-icon-pulse {
      position: absolute;
      width: 60%;
      height: 60%;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(197,166,83,0.28) 0%, transparent 70%);
      animation: pulse 2s ease-in-out infinite;
    }

    @keyframes pulse { 0%,100% { transform: scale(1); opacity: 0.28;} 50% { transform: scale(1.4); opacity: 0;} }

    .equibook-phase-icon svg { position: relative; z-index: 6; stroke: #333; transition: transform 0.8s, stroke 0.6s; }
    /* Icon hover animation disabled */

    /* Number badge with progress ring */
    .equibook-phase-number { position: absolute; top: 18px; right: 18px; width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(135deg,#C5A653,#8A6E11); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; z-index:10; box-shadow: 0 8px 20px rgba(197,166,83,0.22); overflow:hidden; }
    .equibook-phase-number::before { content: ''; position:absolute; top:-40%; left:-40%; width:200%; height:200%; background: linear-gradient(45deg, rgba(255,255,255,0.18) 30%, transparent 70%); animation: shimmer 3s linear infinite; }
    @keyframes shimmer { 0% { transform: translate(-50%,-50%) rotate(0);} 100% { transform: translate(-50%,-50%) rotate(360deg);} }

    .phase-progress-ring { position:absolute; top:-3px; left:-3px; width:calc(100% + 6px); height:calc(100% + 6px); border-radius:50%; z-index:9; }
    .phase-progress-ring svg { transform: rotate(-90deg); }
    .phase-progress-ring circle { fill:none; stroke:#D4B86A; stroke-width:3; stroke-linecap:round; stroke-dasharray:180; stroke-dashoffset:180; transition: stroke-dashoffset 1s cubic-bezier(.68,-.55,.265,1.55); }
    /* Progress ring and number hover animations disabled */

    /* Content */
    .equibook-phase-content { text-align:center; z-index:3; position:relative; }
    .equibook-phase-title { font-size:22px; font-weight:800; color:#2c3e50; margin-bottom:10px; position:relative; display:inline-block; }
    .equibook-phase-title::after { content:''; position:absolute; left:50%; bottom:-8px; width:0; height:3px; transform:translateX(-50%); background:linear-gradient(90deg,#C5A653,#D4B86A); border-radius:2px; transition: width .6s; }
    /* Title underline hover expansion disabled */
    .equibook-phase-description { color:#555; font-size:15px; line-height:1.6; }

    /* Progress bar */
    .phase-progress-bar { width:100%; height:6px; background:rgba(197,166,83,0.08); border-radius:10px; margin-top:18px; overflow:hidden; }
    .phase-progress-fill { width:0; height:100%; background:linear-gradient(90deg,#C5A653,#D4B86A); transition:width 1s cubic-bezier(.68,-.55,.265,1.55); }
    /* Progress fill hover animation disabled */

    /* Tag */
    .phase-tag { display:inline-block; padding:6px 14px; background:rgba(197,166,83,0.06); color:#C5A653; font-weight:700; border-radius:18px; margin-top:12px; border:1px solid rgba(197,166,83,0.12); }
    /* Tag hover styling disabled */

    /* Particles */
    .phase-particle { position:absolute; border-radius:50%; pointer-events:none; opacity:0; transition:opacity .6s; }
    /* Particle reveal on hover disabled */
    .phase-particle-1 { width:8px; height:8px; background:#C5A653; top:18%; right:12%; animation:float1 3s ease-in-out infinite; }
    .phase-particle-2 { width:6px; height:6px; background:#D4B86A; bottom:22%; left:10%; animation:float2 4s ease-in-out infinite; }
    .phase-particle-3 { width:10px; height:10px; background:#8A6E11; top:40%; left:18%; animation:float3 3.5s ease-in-out infinite; }
    @keyframes float1 { 0%,100%{transform:translateY(0);}50%{transform:translate(-18px,-28px);} }
    @keyframes float2 { 0%,100%{transform:translate(0,0);}50%{transform:translate(28px,-18px) rotate(180deg);} }
    @keyframes float3 { 0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-12px,20px) scale(1.4);} }

    /* Section headers */
    .equibook-phases-section .ui-slogan { color:#C5A653; }
    .equibook-phases-section .ui-title-block { color:#2c3e50; }
    .equibook-phases-subtitle { color:#666; font-size:18px; margin-top:12px; max-width:700px; margin-left:auto; margin-right:auto; }

    /* Timeline layout */
    .equibook-phases-timeline { position:relative; padding:40px 0; }
    @media (min-width:992px) {
      .equibook-phases-timeline { display:grid; grid-template-columns:repeat(2, 1fr); gap:36px; max-width:1100px; margin:0 auto; }
      .equibook-phases-timeline::before { content:''; position:absolute; top:0; left:50%; width:3px; height:100%; background:linear-gradient(180deg, transparent 0%, rgba(197,166,83,0.28) 20%, rgba(197,166,83,0.6) 50%, rgba(197,166,83,0.28) 80%, transparent 100%); transform:translateX(-50%); border-radius:6px; box-shadow:0 0 12px rgba(197,166,83,0.18); }
    }

    /* Responsive */
    @media (max-width:768px) {
      .equibook-phase-item { margin-bottom:28px; }
      .phase-card-inner { padding:22px; }
      .equibook-phase-icon { width:90px; height:90px; }
      .equibook-phase-title { font-size:20px; }
      .equibook-phase-number { width:48px; height:48px; font-size:18px; }
    }

    /* small helpers */
    .hidden-on-mobile { display:none; }