.pcmax-home *{ margin: 0; padding: 0; box-sizing: border-box; }
    .pcmax-home{ scroll-behavior: smooth; }
    .pcmax-home{
      font-family: "DM Sans", sans-serif;
      background: #f5f4ef;
      color: #161616;
      overflow-x: hidden;
    }

    .pcmax-home a{ text-decoration: none; color: inherit; }
    .pcmax-home button,
.pcmax-home a{ cursor: pointer; }
    .pcmax-home img{ display: block; max-width: 100%; }

    .pcmax-home{
      --dark: #121212;
      --white: #ffffff;
      --accent: #785cff;
      --border: rgba(20,20,20,.12);
      --muted: #6a6a67;
    }

    .pcmax-home .header{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
      padding: 20px 0;
      transition:
        padding .35s ease,
        background .35s ease,
        backdrop-filter .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
      border-bottom: 1px solid transparent;
    }

    .pcmax-home .header.is-scrolled{
      padding: 12px 0;
      background: rgba(245,244,239,.82);
      backdrop-filter: blur(18px) saturate(1.25);
      border-bottom-color: rgba(17,17,17,.07);
      box-shadow: 0 10px 34px rgba(17,17,17,.055);
    }

    .pcmax-home .container{
      width: min(1380px, calc(100% - 80px));
      margin: 0 auto;
    }

    .pcmax-home .nav{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .pcmax-home .logo{
      display: flex;
      align-items: center;
      gap: 13px;
      font-family: "Manrope", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -0.5px;
    }

    .pcmax-home .logo-symbol{
      width: 43px;
      height: 43px;
      display: grid;
      place-items: center;
      background: var(--dark);
      color: #fff;
      border-radius: 13px;
      font-size: 15px;
      font-weight: 700;
      transform: rotate(-5deg);
    }

    .pcmax-home .menu{
      display: flex;
      align-items: center;
      gap: 24px;
      font-size: 15px;
      font-weight: 500;
    }

    .pcmax-home .menu a{
      position: relative;
      padding: 8px 0;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      white-space: nowrap;
    }

    .pcmax-home .menu-icon{
      width: 25px;
      height: 25px;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(17,17,17,.05);
      border: 1px solid rgba(17,17,17,.06);
      font-size: 11px;
      line-height: 1;
      transition: transform .3s ease, background .3s ease, color .3s ease;
    }

    .pcmax-home .menu-icon i{
      line-height: 1;
    }

    .pcmax-home .menu a:hover .menu-icon{
      transform: translateY(-2px);
      background: #111;
      color: #fff;
    }

    .pcmax-home .menu a::after{
      content: "";
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 0%;
      height: 1px;
      background: #111;
      transition: .35s ease;
    }

    .pcmax-home .menu a:hover::after{ width: 100%; }

    .pcmax-home .nav-cta{
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .pcmax-home .availability{
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 14px;
      font-weight: 500;
    }

    .pcmax-home .availability span{
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #59c274;
      box-shadow: 0 0 0 6px rgba(89,194,116,.12);
    }

    .pcmax-home .contact-btn{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      min-height: 52px;
      padding: 0 10px 0 22px;
      border-radius: 50px;
      background: #111;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
      box-shadow: 0 10px 28px rgba(0,0,0,.10);
    }

    .pcmax-home .contact-icon{
      width: 35px;
      height: 35px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      color: #111;
      transition: transform .35s ease, color .35s ease;
    }

    .pcmax-home .contact-btn:hover{
      transform: translateY(-3px);
      background: var(--accent);
      box-shadow: 0 14px 34px rgba(120,92,255,.24);
    }

    .pcmax-home .contact-btn:hover .contact-icon{
      transform: translateX(2px) rotate(-4deg);
      color: var(--accent);
    }

    .pcmax-home .hero{
      position: relative;
      min-height: 100vh;
      padding: 165px 0 60px;
      display: flex;
      align-items: center;
      overflow: hidden;
    }

    .pcmax-home .hero::before{
      content: "";
      position: absolute;
      inset: 0;
      opacity: .35;
      background-image:
        linear-gradient(rgba(20,20,20,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20,20,20,.035) 1px, transparent 1px);
      background-size: 58px 58px;
      pointer-events: none;
    }

    .pcmax-home .ambient{
      position: absolute;
      width: 600px;
      height: 600px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(120,92,255,.16), rgba(120,92,255,0) 67%);
      right: -120px;
      top: 50px;
      pointer-events: none;
    }

    .pcmax-home .hero-main{
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(460px, .95fr);
      gap: 85px;
      align-items: center;
    }

    .pcmax-home .hero-content{ padding-top: 15px; }

    .pcmax-home .eyebrow{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 28px;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: #555;
    }

    .pcmax-home .eyebrow-icon{
      width: 38px;
      height: 38px;
      border: 1px solid var(--border);
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(255,255,255,.65);
      font-size: 16px;
    }

    .pcmax-home .hero-title{
      max-width: 820px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(58px, 6.3vw, 105px);
      line-height: .93;
      letter-spacing: -.065em;
      font-weight: 600;
    }

    .pcmax-home .hero-title .line{
      display: block;
      overflow: hidden;
    }

    .pcmax-home .hero-title .line-inner{
      display: block;
      transform: translateY(110%);
    }

    .pcmax-home .hero-title .accent-line{ color: var(--accent); }

    .pcmax-home .hero-title .outline-word{
      color: transparent;
      -webkit-text-stroke: 1.5px #222;
    }

    .pcmax-home .hero-bottom{
      margin-top: 38px;
      display: grid;
      grid-template-columns: 74px minmax(0, 540px);
      gap: 24px;
      align-items: start;
    }

    .pcmax-home .hero-line{
      width: 74px;
      height: 1px;
      background: #333;
      margin-top: 14px;
    }

    .pcmax-home .hero-description{
      font-size: 20px;
      line-height: 1.65;
      color: #5e5e5b;
      max-width: 570px;
    }

    .pcmax-home .hero-description strong{
      color: #181818;
      font-weight: 500;
    }

    .pcmax-home .hero-actions{
      margin-top: 34px;
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .pcmax-home .btn-primary,
.pcmax-home .btn-secondary{
      min-height: 58px;
      display: inline-flex;
      align-items: center;
      border-radius: 50px;
      padding: 0 27px;
      font-size: 16px;
      font-weight: 500;
      transition: .35s ease;
    }

    .pcmax-home .btn-icon{
      width: 28px;
      height: 28px;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      margin-right: 10px;
      font-size: 13px;
      flex-shrink: 0;
    }

    .pcmax-home .btn-icon-dark{
      background: rgba(255,255,255,.12);
      color: #fff;
    }

    .pcmax-home .btn-icon-light{
      background: #111;
      color: #fff;
    }

    .pcmax-home .btn-primary{
      background: var(--dark);
      color: #fff;
      gap: 18px;
    }

    .pcmax-home .btn-primary .arrow{
      width: 31px;
      height: 31px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      color: #111;
      transition: transform .35s ease;
    }

    .pcmax-home .btn-primary:hover{
      background: var(--accent);
      transform: translateY(-3px);
    }

    .pcmax-home .btn-primary:hover .arrow{
      transform: translateX(4px) rotate(-8deg);
    }

    .pcmax-home .btn-secondary{
      border: 1px solid var(--border);
      background: rgba(255,255,255,.5);
    }

    .pcmax-home .btn-secondary:hover{
      background: #fff;
      transform: translateY(-3px);
    }

    .pcmax-home .hero-visual{
      position: relative;
      height: 650px;
    }

    .pcmax-home .browser-card{
      position: absolute;
      top: 55px;
      left: 0;
      width: 89%;
      height: 515px;
      background: #181818;
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 35px 90px rgba(0,0,0,.18);
      transform: perspective(1300px) rotateY(-5deg) rotateX(2deg);
      will-change: transform;
    }

    .pcmax-home .browser-top{
      height: 56px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .pcmax-home .browser-dots{
      display: flex;
      gap: 7px;
    }

    .pcmax-home .browser-dots span{
      width: 8px;
      height: 8px;
      background: rgba(255,255,255,.25);
      border-radius: 50%;
    }

    .pcmax-home .browser-url{
      padding: 8px 18px;
      border-radius: 20px;
      background: rgba(255,255,255,.07);
      color: rgba(255,255,255,.65);
      font-size: 12px;
    }

    .pcmax-home .browser-content{
      position: relative;
      height: calc(100% - 56px);
      padding: 38px;
    }

    .pcmax-home .mock-nav{
      display: flex;
      justify-content: space-between;
      color: #fff;
      font-size: 12px;
    }

    .pcmax-home .mock-nav-links{
      display: flex;
      gap: 20px;
      color: rgba(255,255,255,.5);
    }

    .pcmax-home .mock-hero{
      position: absolute;
      left: 38px;
      bottom: 35px;
      right: 38px;
      top: 105px;
      border-radius: 19px;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(0,0,0,.16), rgba(0,0,0,.55)),
        url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1400&q=85")
        center / cover;
    }

    .pcmax-home .mock-hero::after{
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(12,12,12,.74), transparent 72%);
    }

    .pcmax-home .mock-copy{
      position: absolute;
      left: 28px;
      bottom: 27px;
      z-index: 2;
      max-width: 330px;
      color: #fff;
    }

    .pcmax-home .mock-small{
      display: block;
      margin-bottom: 11px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .13em;
      color: rgba(255,255,255,.65);
    }

    .pcmax-home .mock-copy h3{
      font-family: "Manrope";
      font-size: 39px;
      line-height: .98;
      letter-spacing: -.05em;
      font-weight: 500;
    }

    .pcmax-home .float-card{
      position: absolute;
      z-index: 5;
      background: rgba(255,255,255,.85);
      backdrop-filter: blur(18px);
      border: 1px solid rgba(255,255,255,.9);
      box-shadow: 0 20px 60px rgba(0,0,0,.13);
      will-change: transform;
    }

    .pcmax-home .project-floating{
      left: -32px;
      right: auto;
      top: auto;
      bottom: 8px;
      width: 205px;
      border-radius: 22px;
      padding: 17px;
    }

    .pcmax-home .project-floating img{
      width: 100%;
      height: 108px;
      object-fit: cover;
      border-radius: 14px;
      margin-bottom: 14px;
    }

    .pcmax-home .float-label{
      display: block;
      margin-bottom: 5px;
      color: #777;
      font-size: 12px;
      font-weight: 500;
    }

    .pcmax-home .project-floating strong{
      display: block;
      font-family: "Manrope";
      font-size: 16px;
      line-height: 1.25;
    }

    .pcmax-home .code-floating{
      right: 13px;
      bottom: 45px;
      width: 284px;
      height: 248px;
      border-radius: 23px;
      padding: 19px;
      background: rgba(24,24,24,.96);
      color: #fff;
      border: 1px solid rgba(255,255,255,.1);
      box-shadow: 0 24px 70px rgba(0,0,0,.24);
      overflow: hidden;
    }

    .pcmax-home .code-top{
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .pcmax-home .code-icon{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 11px;
      background: rgba(120,92,255,.18);
      color: #aa98ff;
      font-size: 17px;
      font-weight: 700;
    }

    .pcmax-home .code-status{
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 600;
      color: #73d98e;
    }

    .pcmax-home .code-status i{
      width: 6px;
      height: 6px;
      display: block;
      border-radius: 50%;
      background: #73d98e;
      animation: livePulse 2s infinite;
    }

    @keyframes livePulse {
      0% { box-shadow: 0 0 0 0 rgba(115,217,142,.45); }
      70% { box-shadow: 0 0 0 7px rgba(115,217,142,0); }
      100% { box-shadow: 0 0 0 0 rgba(115,217,142,0); }
    }

    .pcmax-home .code-editor{
      position: relative;
      height: calc(100% - 54px);
      font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
      font-size: 11.4px;
      line-height: 1.72;
      letter-spacing: -.01em;
      color: rgba(255,255,255,.68);
    }

    .pcmax-home .code-lines{
      margin: 0;
      white-space: pre-wrap;
      word-break: break-word;
      height: 100%;
      overflow: hidden;
    }

    .pcmax-home .token-keyword{ color: #a995ff; font-weight: 600; }
    .pcmax-home .token-variable{ color: #e4e1ed; }
    .pcmax-home .token-property{ color: #c2b6ff; }
    .pcmax-home .token-string{ color: #d8d6dd; }
    .pcmax-home .token-punctuation{ color: #8d8a92; }
    .pcmax-home .token-method{ color: #9ecbff; }
    .pcmax-home .token-function{ color: #f4ce71; }
    .pcmax-home .token-number{ color: #7ce2b0; }
    .pcmax-home .token-comment{ color: #6f6c78; font-style: italic; }

    .pcmax-home .typing-cursor{
      display: inline-block;
      width: 7px;
      height: 14px;
      margin-left: 2px;
      vertical-align: -2px;
      border-radius: 1px;
      background: #aa98ff;
      animation: codeCursorBlink .78s steps(1) infinite;
    }

    @keyframes codeCursorBlink {
      0%, 48% { opacity: 1; }
      49%, 100% { opacity: 0; }
    }

    .pcmax-home .code-flash{
      animation: codeCompleteGlow .7s ease;
    }

    @keyframes codeCompleteGlow {
      0% { box-shadow: 0 24px 70px rgba(0,0,0,.24); }
      45% {
        box-shadow:
          0 24px 70px rgba(0,0,0,.24),
          0 0 0 1px rgba(169,149,255,.26),
          0 0 32px rgba(120,92,255,.20);
      }
      100% { box-shadow: 0 24px 70px rgba(0,0,0,.24); }
    }

    /* REVIEW LINK CARD */
    .pcmax-home .reviews-floating{
      position: absolute;
      right: 16px;
      top: 8px;
      z-index: 8;
      width: 214px;
      border-radius: 24px;
      background: rgba(255,255,255,.88);
      backdrop-filter: blur(18px);
      border: 1px solid rgba(255,255,255,.96);
      box-shadow:
        0 24px 50px rgba(0,0,0,.10),
        0 2px 0 rgba(255,255,255,.45) inset;
      overflow: hidden;
    }

    .pcmax-home .reviews-link{
      display: block;
      padding: 18px 18px 16px;
      transition: transform .35s ease, background .35s ease, box-shadow .35s ease;
    }

    .pcmax-home .reviews-link:hover{
      transform: translateY(-4px);
      background: rgba(255,255,255,.96);
      box-shadow: 0 26px 60px rgba(0,0,0,.12);
    }

    .pcmax-home .reviews-top{
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;
      gap: 10px;
    }

    .pcmax-home .reviews-label{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .03em;
      text-transform: uppercase;
      color: #4e4e4b;
    }

    .pcmax-home .google-dots{
      display: inline-grid;
      grid-template-columns: repeat(2, 7px);
      gap: 3px;
      flex-shrink: 0;
    }

    .pcmax-home .google-dots span{
      width: 7px;
      height: 7px;
      border-radius: 50%;
      display: block;
    }

    .pcmax-home .google-dots span:nth-child(1){ background: #4285f4; }
    .pcmax-home .google-dots span:nth-child(2){ background: #ea4335; }
    .pcmax-home .google-dots span:nth-child(3){ background: #fbbc05; }
    .pcmax-home .google-dots span:nth-child(4){ background: #34a853; }

    .pcmax-home .reviews-arrow{
      width: 32px;
      height: 32px;
      flex-shrink: 0;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #111;
      color: #fff;
      font-size: 14px;
      transition: transform .35s ease, background .35s ease;
    }

    .pcmax-home .reviews-link:hover .reviews-arrow{
      background: var(--accent);
      transform: translateX(3px) translateY(-1px);
    }

    .pcmax-home .reviews-main{
      display: flex;
      align-items: flex-end;
      gap: 12px;
      margin-bottom: 8px;
    }

    .pcmax-home .reviews-score{
      font-family: "Manrope", sans-serif;
      font-size: 54px;
      line-height: .88;
      letter-spacing: -.07em;
      font-weight: 800;
      color: #171717;
    }

    .pcmax-home .reviews-meta{
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding-bottom: 5px;
    }

    .pcmax-home .reviews-stars{
      font-size: 15px;
      letter-spacing: .10em;
      color: #f4b400;
      line-height: 1;
      white-space: nowrap;
    }

    .pcmax-home .reviews-caption{
      font-size: 13px;
      font-weight: 600;
      color: #6d6d69;
    }

    .pcmax-home .reviews-bottom{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 700;
      color: #1d1d1b;
    }

    .pcmax-home .reviews-bottom span{
      position: relative;
    }

    .pcmax-home .reviews-bottom span::after{
      content: "";
      position: absolute;
      left: 0;
      bottom: -3px;
      width: 100%;
      height: 1px;
      background: currentColor;
      opacity: .25;
      transition: opacity .3s ease;
    }

    .pcmax-home .reviews-link:hover .reviews-bottom span::after{
      opacity: .75;
    }

    .pcmax-home .reviews-bottom i{
      font-style: normal;
      color: var(--accent);
      font-size: 15px;
      transition: transform .35s ease;
    }

    .pcmax-home .reviews-link:hover .reviews-bottom i{
      transform: translateX(4px);
    }

    .pcmax-home .features{
      position: relative;
      z-index: 5;
      margin-top: 40px;
    }

    .pcmax-home .features-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
    }

    .pcmax-home .feature{
      position: relative;
      min-height: 195px;
      padding: 33px 38px 31px;
      display: grid;
      grid-template-columns: 54px 1fr;
      gap: 22px;
      transition: background .35s ease, transform .35s ease;
    }

    .pcmax-home .feature + .feature{ border-left: 1px solid var(--border); }
    .pcmax-home .feature:hover{ background: rgba(255,255,255,.6); }

    .pcmax-home .feature-number{
      position: absolute;
      top: 22px;
      right: 25px;
      font-family: "Manrope";
      font-size: 12px;
      color: #999;
    }

    .pcmax-home .feature-icon{
      width: 54px;
      height: 54px;
      border-radius: 16px;
      display: grid;
      place-items: center;
      background: #fff;
      border: 1px solid rgba(0,0,0,.07);
      box-shadow: 0 9px 20px rgba(0,0,0,.05);
      font-size: 22px;
      transition: transform .35s ease, background .35s ease, color .35s ease;
    }

    .pcmax-home .feature:hover .feature-icon{
      background: var(--dark);
      color: #fff;
      transform: translateY(-5px) rotate(-4deg);
    }

    .pcmax-home .feature-copy h3{
      margin-bottom: 10px;
      font-family: "Manrope";
      font-size: 21px;
      font-weight: 600;
      letter-spacing: -.025em;
    }

    .pcmax-home .feature-copy p{
      max-width: 320px;
      font-size: 16px;
      line-height: 1.6;
      color: #6c6c69;
    }

    .pcmax-home .feature-meta{
      margin-top: 16px;
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 13px;
      font-weight: 600;
      color: #333;
    }

    .pcmax-home .feature-meta span{
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--accent);
    }

    .pcmax-home .reveal{
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .7s ease, transform .7s ease;
    }

    .pcmax-home .reveal.active{
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 1200px) {
      .pcmax-home .hero-main{
        gap: 45px;
        grid-template-columns: minmax(0,1fr) minmax(400px,.85fr);
      }
      .pcmax-home .menu{ display: none; }
      .pcmax-home .hero-visual{ height: 590px; }
      .pcmax-home .browser-card{ height: 470px; }
      .pcmax-home .reviews-floating{
        right: 8px;
        top: -6px;
      }
      .pcmax-home .project-floating{
        left: -10px;
        right: auto;
        top: auto;
        bottom: 8px;
      }
    }

    @media (max-width: 900px) {
      .pcmax-home .container{ width: min(100% - 38px, 720px); }
      .pcmax-home .availability{ display: none; }
      .pcmax-home .hero{ padding-top: 135px; }
      .pcmax-home .hero-main{ display: block; }
      .pcmax-home .hero-title{ font-size: clamp(55px, 13vw, 82px); }
      .pcmax-home .hero-description{ font-size: 18px; }
      .pcmax-home .hero-visual{ margin-top: 65px; height: 580px; }
      .pcmax-home .browser-card{ width: 91%; }
      .pcmax-home .features-grid{ grid-template-columns: 1fr; }
      .pcmax-home .feature + .feature{
        border-left: none;
        border-top: 1px solid var(--border);
      }
      .pcmax-home .reviews-floating{
        right: 0;
        top: -6px;
      }
    }

    @media (max-width: 600px) {
      .pcmax-home .header{ padding-top: 18px; }
      .pcmax-home .logo-text{ display: none; }
      .pcmax-home .contact-btn{
        min-height: 48px;
        padding: 0 8px 0 18px;
      }

      .pcmax-home .contact-icon{
        width: 33px;
        height: 33px;
      }
      .pcmax-home .hero{ padding-top: 120px; }
      .pcmax-home .eyebrow{ font-size: 12px; }
      .pcmax-home .hero-title{ font-size: clamp(50px, 15vw, 72px); }
      .pcmax-home .hero-bottom{
        grid-template-columns: 1fr;
        gap: 15px;
      }
      .pcmax-home .hero-line{ width: 52px; }
      .pcmax-home .hero-description{
        font-size: 18px;
        line-height: 1.58;
      }
      .pcmax-home .hero-actions{
        align-items: stretch;
        flex-direction: column;
      }
      .pcmax-home .btn-primary,
.pcmax-home .btn-secondary{
        justify-content: center;
      }
      .pcmax-home .hero-visual{
        height: 520px;
        margin-top: 50px;
      }
      .pcmax-home .browser-card{
        width: 100%;
        height: 390px;
        transform: none;
        border-radius: 22px;
      }
      .pcmax-home .browser-content{ padding: 24px; }
      .pcmax-home .mock-hero{
        left: 24px;
        right: 24px;
        bottom: 24px;
        top: 90px;
      }
      .pcmax-home .mock-copy h3{ font-size: 30px; }
      .pcmax-home .project-floating{
        width: 160px;
        left: -4px;
        right: auto;
        top: auto;
        bottom: 2px;
      }
      .pcmax-home .project-floating img{ height: 75px; }
      .pcmax-home .code-floating{
        width: 228px;
        height: 220px;
        right: -5px;
        bottom: 6px;
        padding: 16px;
      }
      .pcmax-home .code-editor{
        font-size: 9.5px;
        line-height: 1.62;
      }
      .pcmax-home .reviews-floating{
        width: 180px;
        right: -2px;
        top: -2px;
        border-radius: 20px;
      }
      .pcmax-home .reviews-link{
        padding: 14px 14px 13px;
      }
      .pcmax-home .reviews-label{
        font-size: 10px;
        gap: 8px;
      }
      .pcmax-home .reviews-arrow{
        width: 28px;
        height: 28px;
        font-size: 13px;
      }
      .pcmax-home .reviews-score{
        font-size: 42px;
      }
      .pcmax-home .reviews-stars{
        font-size: 12px;
        letter-spacing: .08em;
      }
      .pcmax-home .reviews-caption,
.pcmax-home .reviews-bottom{
        font-size: 12px;
      }
      .pcmax-home .feature{
        min-height: auto;
        padding: 29px 20px;
        grid-template-columns: 50px 1fr;
      }
      .pcmax-home .feature-copy h3{ font-size: 20px; }
      .pcmax-home .feature-copy p{ font-size: 16px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .pcmax-home *,
.pcmax-home *::before,
.pcmax-home *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
      }
    }
    /* =====================================================
       PORTFOLIO — CREATIVE EDITORIAL BREAK
    ===================================================== */

    .pcmax-home .portfolio-section{
      position: relative;
      z-index: 10;
      margin-top: -2px;
      padding: 0 0 110px;
      background: #111111;
      color: #f7f5ef;
      overflow: hidden;
    }

    .pcmax-home .portfolio-section::before{
      content: "";
      position: absolute;
      top: 165px;
      right: -180px;
      width: 620px;
      height: 620px;
      border-radius: 50%;
      background:
        radial-gradient(
          circle,
          rgba(120,92,255,.22) 0%,
          rgba(120,92,255,.08) 32%,
          rgba(120,92,255,0) 68%
        );
      pointer-events: none;
    }

    .pcmax-home .portfolio-section::after{
      content: "";
      position: absolute;
      left: -140px;
      bottom: 40px;
      width: 420px;
      height: 420px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 50%;
      box-shadow:
        0 0 0 70px rgba(255,255,255,.018),
        0 0 0 140px rgba(255,255,255,.012);
      pointer-events: none;
    }

    .pcmax-home .portfolio-transition{
      position: relative;
      z-index: 4;
      height: 126px;
      margin-bottom: 74px;
      overflow: hidden;
      background: #f5f4ef;
    }

    .pcmax-home .portfolio-transition::before{
      content: "";
      position: absolute;
      left: -5%;
      right: -5%;
      bottom: -92px;
      height: 170px;
      border-radius: 50% 50% 0 0 / 100% 100% 0 0;
      background: #111111;
    }

    .pcmax-home .portfolio-marquee{
      position: absolute;
      z-index: 3;
      left: -2%;
      right: -2%;
      top: 17px;
      display: flex;
      width: 104%;
      overflow: hidden;
      transform: rotate(-1.7deg);
      border-top: 1px solid rgba(17,17,17,.12);
      border-bottom: 1px solid rgba(17,17,17,.12);
      background: rgba(255,255,255,.56);
      backdrop-filter: blur(10px);
    }

    .pcmax-home .portfolio-marquee-track{
      display: flex;
      align-items: center;
      gap: 28px;
      flex-shrink: 0;
      width: max-content;
      padding: 15px 0;
      animation: portfolioTicker 26s linear infinite;
      white-space: nowrap;
    }

    .pcmax-home .portfolio-marquee-track span{
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: #191919;
    }

    .pcmax-home .portfolio-marquee-track i{
      font-style: normal;
      color: var(--accent);
      font-size: 17px;
    }

    @keyframes portfolioTicker {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    .pcmax-home .portfolio-inner{
      position: relative;
      z-index: 3;
    }

    .pcmax-home .portfolio-heading{
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
      gap: 70px;
      align-items: end;
      margin-bottom: 58px;
    }

    .pcmax-home .portfolio-kicker{
      display: inline-flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 20px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: rgba(255,255,255,.52);
    }

    .pcmax-home .portfolio-kicker::before{
      content: "";
      width: 37px;
      height: 1px;
      background: var(--accent);
    }

    .pcmax-home .portfolio-title{
      max-width: 850px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(48px, 5.3vw, 86px);
      line-height: .98;
      letter-spacing: -.055em;
      font-weight: 600;
    }

    .pcmax-home .portfolio-title .portfolio-accent{
      color: #9984ff;
    }

    .pcmax-home .portfolio-intro{
      max-width: 430px;
      padding-bottom: 6px;
    }

    .pcmax-home .portfolio-intro p{
      font-size: 19px;
      line-height: 1.65;
      color: rgba(255,255,255,.62);
    }

    .pcmax-home .portfolio-intro strong{
      color: #fff;
      font-weight: 500;
    }

    .pcmax-home .portfolio-counter{
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 23px;
      color: rgba(255,255,255,.5);
      font-size: 13px;
      font-weight: 600;
    }

    .pcmax-home .portfolio-counter strong{
      font-family: "Manrope", sans-serif;
      font-size: 26px;
      line-height: 1;
      color: #fff;
      letter-spacing: -.04em;
    }

    .pcmax-home .portfolio-grid{
      display: grid;
      grid-template-columns: minmax(0, 1.37fr) minmax(320px, .63fr);
      gap: 24px;
      align-items: stretch;
    }

    .pcmax-home .portfolio-right{
      display: grid;
      gap: 24px;
      grid-template-rows: 1fr 1fr;
    }

    .pcmax-home .project-card{
      position: relative;
      display: block;
      min-height: 100%;
      overflow: hidden;
      border-radius: 31px;
      background: #1a1a1a;
      border: 1px solid rgba(255,255,255,.075);
      isolation: isolate;
      transform: translateY(28px);
      opacity: 0;
      transition:
        opacity .8s cubic-bezier(.16,1,.3,1),
        transform .8s cubic-bezier(.16,1,.3,1),
        border-color .4s ease;
    }

    .pcmax-home .project-card.is-visible{
      opacity: 1;
      transform: translateY(0);
    }

    .pcmax-home .project-card:hover{
      border-color: rgba(255,255,255,.18);
    }

    .pcmax-home .project-card--large{
      min-height: 650px;
    }

    .pcmax-home .project-card--small{
      min-height: 313px;
    }

    .pcmax-home .project-media{
      position: absolute;
      inset: 0;
      overflow: hidden;
    }

    .pcmax-home .project-media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 1s cubic-bezier(.16,1,.3,1), filter .6s ease;
      transform: scale(1.015);
    }

    .pcmax-home .project-card:hover .project-media img{
      transform: scale(1.065);
      filter: saturate(1.06);
    }

    .pcmax-home .project-media::after{
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(
          180deg,
          rgba(0,0,0,.03) 20%,
          rgba(0,0,0,.18) 52%,
          rgba(0,0,0,.84) 100%
        );
    }

    .pcmax-home .project-card--small .project-media::after{
      background:
        linear-gradient(
          180deg,
          rgba(0,0,0,.04) 5%,
          rgba(0,0,0,.18) 36%,
          rgba(0,0,0,.87) 100%
        );
    }

    .pcmax-home .project-number{
      position: absolute;
      top: 24px;
      left: 24px;
      z-index: 3;
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(14,14,14,.54);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,.14);
      font-family: "Manrope", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .05em;
    }

    .pcmax-home .project-view{
      position: absolute;
      top: 24px;
      right: 24px;
      z-index: 3;
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      color: #111;
      font-size: 15px;
      transform: rotate(-8deg);
      transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        background .3s ease,
        color .3s ease;
    }

    .pcmax-home .project-card:hover .project-view{
      transform: rotate(0deg) translate(2px,-2px);
      background: var(--accent);
      color: #fff;
    }

    .pcmax-home .project-content{
      position: absolute;
      z-index: 3;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 32px;
    }

    .pcmax-home .project-card--large .project-content{
      padding: 42px;
    }

    .pcmax-home .project-tags{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 15px;
    }

    .pcmax-home .project-tag{
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 30px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.13);
      backdrop-filter: blur(10px);
      color: rgba(255,255,255,.84);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .pcmax-home .project-title{
      max-width: 740px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(35px, 4vw, 66px);
      line-height: .98;
      letter-spacing: -.05em;
      font-weight: 600;
      color: #fff;
    }

    .pcmax-home .project-card--small .project-title{
      max-width: 460px;
      font-size: clamp(27px, 2.4vw, 38px);
    }

    .pcmax-home .project-meta{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: 18px;
      padding-top: 17px;
      border-top: 1px solid rgba(255,255,255,.15);
      color: rgba(255,255,255,.66);
      font-size: 13px;
    }

    .pcmax-home .project-meta strong{
      color: #fff;
      font-weight: 500;
    }

    .pcmax-home .portfolio-bottom{
      display: flex;
      justify-content: flex-end;
      margin-top: 34px;
    }

    .pcmax-home .all-projects-link{
      display: inline-flex;
      align-items: center;
      gap: 15px;
      min-height: 60px;
      padding: 0 12px 0 24px;
      border-radius: 60px;
      border: 1px solid rgba(255,255,255,.15);
      background: rgba(255,255,255,.055);
      font-size: 15px;
      font-weight: 600;
      transition: background .35s ease, transform .35s ease;
    }

    .pcmax-home .all-projects-link span:last-child{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      color: #111;
      transition: background .3s ease, color .3s ease, transform .35s ease;
    }

    .pcmax-home .all-projects-link:hover{
      background: rgba(255,255,255,.10);
      transform: translateY(-3px);
    }

    .pcmax-home .all-projects-link:hover span:last-child{
      background: var(--accent);
      color: #fff;
      transform: translateX(3px);
    }

    @media (max-width: 1050px) {
      .pcmax-home .portfolio-heading{
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .pcmax-home .portfolio-intro{
        max-width: 650px;
      }

      .pcmax-home .portfolio-grid{
        grid-template-columns: 1fr;
      }

      .pcmax-home .portfolio-right{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
      }

      .pcmax-home .project-card--large{
        min-height: 590px;
      }

      .pcmax-home .project-card--small{
        min-height: 370px;
      }
    }

    @media (max-width: 720px) {
      .pcmax-home .portfolio-section{
        padding-bottom: 80px;
      }

      .pcmax-home .portfolio-transition{
        height: 105px;
        margin-bottom: 55px;
      }

      .pcmax-home .portfolio-transition::before{
        bottom: -105px;
        height: 160px;
      }

      .pcmax-home .portfolio-heading{
        margin-bottom: 38px;
      }

      .pcmax-home .portfolio-title{
        font-size: clamp(43px, 12.8vw, 64px);
      }

      .pcmax-home .portfolio-intro p{
        font-size: 17px;
      }

      .pcmax-home .portfolio-grid,
.pcmax-home .portfolio-right{
        display: grid;
        grid-template-columns: 1fr;
      }

      .pcmax-home .project-card--large{
        min-height: 510px;
      }

      .pcmax-home .project-card--small{
        min-height: 410px;
      }

      .pcmax-home .project-content,
.pcmax-home .project-card--large .project-content{
        padding: 25px;
      }

      .pcmax-home .project-title,
.pcmax-home .project-card--small .project-title{
        font-size: clamp(31px, 9vw, 48px);
      }

      .pcmax-home .portfolio-bottom{
        justify-content: stretch;
      }

      .pcmax-home .all-projects-link{
        width: 100%;
        justify-content: space-between;
      }
    }

    /* =====================================================
       COSA POSSO FARE PER TE — SERVICES / CAPABILITIES
    ===================================================== */

    .pcmax-home .services-section{
      position: relative;
      z-index: 12;
      padding: 128px 0 130px;
      background: #f3f1eb;
      color: #171717;
      overflow: hidden;
    }

    .pcmax-home .services-section::before{
      content: none;
    }

    .pcmax-home .services-section::after{
      content: "";
      position: absolute;
      right: -120px;
      top: 220px;
      width: 430px;
      height: 430px;
      border-radius: 50%;
      background:
        radial-gradient(circle at center,
          rgba(120,92,255,.14) 0%,
          rgba(120,92,255,.07) 28%,
          rgba(120,92,255,0) 68%);
      pointer-events: none;
    }

    .pcmax-home .services-shell{
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
      gap: 76px;
      align-items: start;
    }

    .pcmax-home .services-intro{
      position: sticky;
      top: 110px;
      align-self: start;
    }

    .pcmax-home .services-kicker{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 22px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: #6d6b67;
    }

    .pcmax-home .services-kicker-icon{
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #171717;
      color: #fff;
      font-size: 13px;
    }

    .pcmax-home .services-title{
      max-width: 600px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(47px, 5vw, 78px);
      line-height: .99;
      letter-spacing: -.058em;
      font-weight: 600;
    }

    .pcmax-home .services-title em{
      display: block;
      color: var(--accent);
      font-style: normal;
    }

    .pcmax-home .services-lead{
      max-width: 530px;
      margin-top: 28px;
      font-size: 19px;
      line-height: 1.68;
      color: #65635f;
    }

    .pcmax-home .services-lead strong{
      color: #171717;
      font-weight: 500;
    }

    .pcmax-home .services-graphic{
      position: relative;
      width: 100%;
      max-width: 380px;
      aspect-ratio: 1 / .64;
      margin-top: 42px;
      overflow: hidden;
      border-radius: 30px;
      background:
        radial-gradient(circle at 50% 52%, rgba(255,255,255,.94) 0%, rgba(255,255,255,.84) 28%, rgba(255,255,255,.58) 100%);
      border: 1px solid rgba(20,20,20,.08);
      box-shadow:
        0 18px 50px rgba(25,25,25,.06),
        0 1px 0 rgba(255,255,255,.7) inset;
      isolation: isolate;
    }

    .pcmax-home .services-graphic-grid{
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(17,17,17,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,17,17,.055) 1px, transparent 1px);
      background-size: 35px 35px;
      opacity: .9;
      mask-image: linear-gradient(to bottom, #000 52%, transparent 100%);
    }

    .pcmax-home .services-graphic-glow{
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at center, rgba(120,92,255,.12), rgba(120,92,255,0) 46%);
      animation: graphicGlow 5.5s ease-in-out infinite;
    }

    @keyframes graphicGlow {
      0%, 100% { opacity: .55; transform: scale(1); }
      50% { opacity: .85; transform: scale(1.06); }
    }

    .pcmax-home .services-orbit{
      position: absolute;
      left: 50%;
      top: 52%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      border: 1px solid rgba(17,17,17,.10);
    }

    .pcmax-home .services-orbit--outer{
      width: 176px;
      height: 176px;
      animation: ringSpin 22s linear infinite;
    }

    .pcmax-home .services-orbit--middle{
      width: 128px;
      height: 128px;
      border-color: rgba(120,92,255,.22);
      animation: ringSpinReverse 17s linear infinite;
    }

    .pcmax-home .services-orbit--inner{
      width: 76px;
      height: 76px;
      border-color: rgba(17,17,17,.14);
      animation: ringSpin 12s linear infinite;
    }

    .pcmax-home .services-orbit--outer::before,
.pcmax-home .services-orbit--middle::before,
.pcmax-home .services-orbit--inner::before{
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--accent);
      top: -4px;
      left: 50%;
      transform: translateX(-50%);
      box-shadow: 0 0 0 6px rgba(120,92,255,.10);
    }

    .pcmax-home .services-orbit--middle::before{
      width: 6px;
      height: 6px;
      top: 50%;
      left: auto;
      right: -3px;
      transform: translateY(-50%);
      background: #171717;
      box-shadow: 0 0 0 5px rgba(17,17,17,.06);
    }

    .pcmax-home .services-orbit--inner::before{
      width: 5px;
      height: 5px;
      top: auto;
      bottom: -2px;
      left: 50%;
      transform: translateX(-50%);
      background: #9a86ff;
      box-shadow: 0 0 0 4px rgba(120,92,255,.08);
    }

    @keyframes ringSpin {
      from { transform: translate(-50%, -50%) rotate(0deg); }
      to { transform: translate(-50%, -50%) rotate(360deg); }
    }

    @keyframes ringSpinReverse {
      from { transform: translate(-50%, -50%) rotate(360deg); }
      to { transform: translate(-50%, -50%) rotate(0deg); }
    }

    .pcmax-home .services-pulse{
      position: absolute;
      left: 50%;
      top: 52%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      border: 1px solid rgba(120,92,255,.12);
      animation: pulseRing 4.6s ease-out infinite;
    }

    .pcmax-home .services-pulse--1{
      width: 108px;
      height: 108px;
    }

    .pcmax-home .services-pulse--2{
      width: 146px;
      height: 146px;
      animation-delay: 1.4s;
    }

    @keyframes pulseRing {
      0% { opacity: 0; transform: translate(-50%, -50%) scale(.85); }
      20% { opacity: .45; }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(1.18); }
    }

    .pcmax-home .services-orbit-core{
      position: absolute;
      z-index: 3;
      left: 50%;
      top: 52%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
      font-family: "Manrope", sans-serif;
      animation: coreFloat 4.8s ease-in-out infinite;
    }

    @keyframes coreFloat {
      0%, 100% { transform: translate(-50%, -50%) translateY(0); }
      50% { transform: translate(-50%, -50%) translateY(-4px); }
    }

    .pcmax-home .services-orbit-core strong{
      display: block;
      font-size: 20px;
      line-height: 1;
      letter-spacing: -.04em;
    }

    .pcmax-home .services-orbit-core span{
      display: block;
      margin-top: 5px;
      font-size: 8px;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(255,255,255,.58);
    }

    .pcmax-home .orbit-dot{
      position: absolute;
      z-index: 3;
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255,255,255,.94);
      border: 1px solid rgba(17,17,17,.08);
      box-shadow: 0 10px 24px rgba(17,17,17,.08);
      font-size: 13px;
      color: #171717;
      animation: orbitFloat 4.5s ease-in-out infinite;
      transition: transform .35s ease, box-shadow .35s ease;
    }

    .pcmax-home .orbit-dot--1{ left: 28px; top: 26px; }
    .pcmax-home .orbit-dot--2{ right: 28px; top: 44px; animation-delay: -.8s; }
    .pcmax-home .orbit-dot--3{ left: 54px; bottom: 24px; animation-delay: -1.5s; }
    .pcmax-home .orbit-dot--4{ right: 56px; bottom: 26px; animation-delay: -2.3s; }

    @keyframes orbitFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-7px); }
    }

    .pcmax-home .services-list{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
    }

    .pcmax-home .service-card{
      position: relative;
      min-height: 320px;
      padding: 26px;
      border-radius: 30px;
      overflow: hidden;
      background: rgba(255,255,255,.64);
      border: 1px solid rgba(17,17,17,.08);
      box-shadow: 0 16px 45px rgba(17,17,17,.045);
      transition:
        transform .5s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease,
        background .5s ease,
        border-color .5s ease;
      opacity: 0;
      transform: translateY(30px);

      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    .pcmax-home .service-card.is-visible{
      opacity: 1;
      transform: translateY(0);
    }

    .pcmax-home .service-card:nth-child(even){
      margin-top: 34px;
    }

    .pcmax-home .service-card:hover{
      transform: translateY(-8px);
      box-shadow: 0 28px 70px rgba(17,17,17,.095);
      border-color: rgba(17,17,17,.13);
      background: rgba(255,255,255,.90);
    }

    .pcmax-home .service-card--dark{
      background: #171717;
      color: #fff;
      border-color: rgba(255,255,255,.06);
      box-shadow: 0 24px 70px rgba(17,17,17,.16);
    }

    .pcmax-home .service-card--dark:hover{
      background: #202020;
      border-color: rgba(255,255,255,.12);
      box-shadow: 0 30px 80px rgba(17,17,17,.22);
    }

    .pcmax-home .service-card--accent{
      background:
        linear-gradient(145deg, #8268ff 0%, #6e52eb 100%);
      color: #fff;
      border-color: rgba(255,255,255,.14);
      box-shadow: 0 24px 60px rgba(120,92,255,.22);
    }

    .pcmax-home .service-card--accent:hover{
      background:
        linear-gradient(145deg, #8d75ff 0%, #7357f0 100%);
      box-shadow: 0 34px 80px rgba(120,92,255,.30);
    }

    .pcmax-home .service-card::after{
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      right: -80px;
      bottom: -85px;
      border-radius: 50%;
      border: 1px solid rgba(17,17,17,.065);
      box-shadow:
        0 0 0 32px rgba(17,17,17,.018),
        0 0 0 64px rgba(17,17,17,.012);
      transition: transform .55s cubic-bezier(.16,1,.3,1);
    }

    .pcmax-home .service-card--dark::after,
.pcmax-home .service-card--accent::after{
      border-color: rgba(255,255,255,.10);
      box-shadow:
        0 0 0 32px rgba(255,255,255,.025),
        0 0 0 64px rgba(255,255,255,.018);
    }

    .pcmax-home .service-card:hover::after{
      transform: scale(1.08) translate(-8px,-8px);
    }

    .pcmax-home .service-card-top{
      position: relative;
      z-index: 3;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
    }

    .pcmax-home .service-icon{
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      background: #171717;
      color: #fff;
      font-size: 20px;
      box-shadow: 0 10px 22px rgba(17,17,17,.12);
      transition: transform .45s cubic-bezier(.16,1,.3,1);
    }

    .pcmax-home .service-card:hover .service-icon{
      transform: rotate(-5deg) translateY(-3px);
    }

    .pcmax-home .service-card--dark .service-icon{
      background: #fff;
      color: #171717;
    }

    .pcmax-home .service-card--accent .service-icon{
      background: rgba(255,255,255,.16);
      color: #fff;
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: none;
      backdrop-filter: blur(10px);
    }

    .pcmax-home .service-index{
      font-family: "Manrope", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      color: #92908b;
    }

    .pcmax-home .service-card--dark .service-index,
.pcmax-home .service-card--accent .service-index{
      color: rgba(255,255,255,.48);
    }

    .pcmax-home .service-card-body{
      position: relative;
      z-index: 3;
      margin-top: 34px;
      flex: 1 1 auto;
      padding-bottom: 18px;
    }

    .pcmax-home .service-card h3{
      max-width: 430px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(24px, 1.9vw, 31px);
      line-height: 1.08;
      letter-spacing: -.04em;
      font-weight: 600;
    }

    .pcmax-home .service-card p{
      max-width: 470px;
      margin-top: 14px;
      font-size: 15px;
      line-height: 1.6;
      color: #6b6965;
    }

    .pcmax-home .service-card--dark p,
.pcmax-home .service-card--accent p{
      color: rgba(255,255,255,.66);
    }

    .pcmax-home .service-card-footer{
      position: relative;
      z-index: 4;
      margin-top: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(17,17,17,.09);
    }

    .pcmax-home .service-card--dark .service-card-footer,
.pcmax-home .service-card--accent .service-card-footer{
      border-top-color: rgba(255,255,255,.12);
    }

    .pcmax-home .service-tech{
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #8a8883;
      line-height: 1.4;
      max-width: calc(100% - 58px);
    }

    .pcmax-home .service-card--dark .service-tech,
.pcmax-home .service-card--accent .service-tech{
      color: rgba(255,255,255,.46);
    }

    .pcmax-home .service-arrow{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(17,17,17,.06);
      color: #171717;
      transition: transform .35s ease, background .35s ease, color .35s ease;
    }

    .pcmax-home .service-card--dark .service-arrow,
.pcmax-home .service-card--accent .service-arrow{
      background: rgba(255,255,255,.10);
      color: #fff;
    }

    .pcmax-home .service-card:hover .service-arrow{
      transform: translate(3px,-3px);
      background: #171717;
      color: #fff;
    }

    .pcmax-home .service-card--dark:hover .service-arrow,
.pcmax-home .service-card--accent:hover .service-arrow{
      background: #fff;
      color: #171717;
    }

    .pcmax-home .services-bottom{
      position: relative;
      z-index: 4;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      margin-top: 62px;
      padding-top: 30px;
      border-top: 1px solid rgba(17,17,17,.10);
    }

    .pcmax-home .services-bottom-copy{
      max-width: 710px;
      font-size: 18px;
      line-height: 1.55;
      color: #696762;
    }

    .pcmax-home .services-bottom-copy strong{
      color: #171717;
      font-weight: 600;
    }

    .pcmax-home .services-cta{
      display: inline-flex;
      align-items: center;
      gap: 14px;
      min-height: 60px;
      padding: 0 11px 0 24px;
      border-radius: 60px;
      background: #171717;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      white-space: nowrap;
      transition: transform .35s ease, background .35s ease;
    }

    .pcmax-home .services-cta span:last-child{
      width: 39px;
      height: 39px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      color: #171717;
      transition: transform .35s ease;
    }

    .pcmax-home .services-cta:hover{
      transform: translateY(-3px);
      background: var(--accent);
    }

    .pcmax-home .services-cta:hover span:last-child{
      transform: translateX(3px) rotate(-4deg);
    }

    @media (max-width: 1100px) {
      .pcmax-home .services-shell{
        grid-template-columns: 1fr;
        gap: 55px;
      }

      .pcmax-home .services-intro{
        position: relative;
        top: auto;
        display: grid;
        grid-template-columns: 1fr minmax(280px, .62fr);
        gap: 40px;
        align-items: end;
      }

      .pcmax-home .services-graphic{
        margin-top: 0;
        max-width: none;
      }
    }

    @media (max-width: 760px) {
      .pcmax-home .services-section{
        padding: 94px 0 92px;
      }

      .pcmax-home .services-intro{
        display: block;
      }

      .pcmax-home .services-title{
        font-size: clamp(44px, 12vw, 62px);
      }

      .pcmax-home .services-lead{
        font-size: 17px;
      }

      .pcmax-home .services-graphic{
        margin-top: 35px;
      }

      .pcmax-home .services-list{
        grid-template-columns: 1fr;
      }

      .pcmax-home .service-card,
.pcmax-home .service-card:nth-child(even){
        margin-top: 0;
        min-height: 318px;
      }

      .pcmax-home .service-card-footer{
        align-items: flex-end;
      }

      .pcmax-home .services-bottom{
        flex-direction: column;
        align-items: stretch;
      }

      .pcmax-home .services-cta{
        justify-content: space-between;
      }
    }

  
    /* =====================================================
       SERVICES V2 — COMPACT PAIRS / SCROLL REVEAL
    ===================================================== */

    .pcmax-home .services-stack{
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .pcmax-home .services-row{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px;
      position: relative;
    }

    .pcmax-home .services-section .service-card,
.pcmax-home .services-section .service-card:nth-child(even){
      margin-top: 0 !important;
      min-height: 306px;
      opacity: 0;
      transform: translateY(82px);
      transition:
        transform .9s cubic-bezier(.16,1,.3,1),
        opacity .8s cubic-bezier(.16,1,.3,1),
        box-shadow .4s ease,
        background .4s ease,
        border-color .4s ease;
    }

    .pcmax-home .services-row.is-visible .service-card{
      opacity: 1;
      transform: translateY(0);
    }

    .pcmax-home .services-row.is-visible .service-card:nth-child(1){
      transition-delay: .04s;
    }

    .pcmax-home .services-row.is-visible .service-card:nth-child(2){
      transition-delay: .16s;
    }

    .pcmax-home .services-row.is-past{
      transform: translateY(-10px);
      transition: transform .45s ease;
    }

    .pcmax-home .services-row.is-past .service-card{
      box-shadow: 0 18px 40px rgba(17,17,17,.05);
    }

    .pcmax-home .services-section .service-card-body{
      flex: 1 1 auto;
      padding-bottom: 16px;
    }

    .pcmax-home .services-section .services-bottom{
      margin-top: 40px;
    }

    .pcmax-home .services-section .services-shell{
      align-items: start;
    }

    @media (max-width: 760px) {
      .pcmax-home .services-row{
        grid-template-columns: 1fr;
      }

      .pcmax-home .services-section .service-card,
.pcmax-home .services-section .service-card:nth-child(even){
        min-height: 296px;
      }
    }

  
    /* =====================================================
       CAPABILITIES MARQUEE
    ===================================================== */

    .pcmax-home .capabilities-marquee{
      position: absolute;
      z-index: 1;
      top: 24px;
      left: 0;
      width: 100%;
      overflow: hidden;
      pointer-events: none;
      user-select: none;
      opacity: .95;
    }

    .pcmax-home .capabilities-track{
      display: flex;
      align-items: center;
      width: max-content;
      white-space: nowrap;
      animation: capabilitiesMarquee 18s linear infinite;
      will-change: transform;
    }

    .pcmax-home .capabilities-word{
      display: inline-flex;
      align-items: center;
      flex-shrink: 0;
      padding-right: 90px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(118px, 16vw, 270px);
      line-height: .82;
      letter-spacing: -.08em;
      font-weight: 700;
      color: rgba(17,17,17,.032);
    }

    .pcmax-home .capabilities-word::after{
      content: "✦";
      margin-left: 65px;
      font-size: .12em;
      letter-spacing: 0;
      color: rgba(120,92,255,.22);
      transform: translateY(-8%);
    }

    @keyframes capabilitiesMarquee {
      from {
        transform: translateX(-50%);
      }
      to {
        transform: translateX(0);
      }
    }

    .pcmax-home .services-section:hover .capabilities-track{
      animation-play-state: running;
    }


    /* =====================================================
       SERVICE TECH PILLS
    ===================================================== */

    .pcmax-home .service-tech{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
      max-width: calc(100% - 54px);
      font-size: inherit;
      line-height: 1;
      letter-spacing: 0;
      text-transform: none;
      color: inherit;
    }

    .pcmax-home .service-tech-pill{
      display: inline-flex;
      align-items: center;
      min-height: 27px;
      padding: 0 10px;
      border-radius: 999px;
      border: 1px solid rgba(17,17,17,.08);
      background: rgba(17,17,17,.045);
      color: #6f6c67;
      font-size: 9.5px;
      font-weight: 700;
      letter-spacing: .055em;
      text-transform: uppercase;
      white-space: nowrap;
      transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease;
    }

    .pcmax-home .service-card:hover .service-tech-pill{
      transform: translateY(-1px);
      background: rgba(17,17,17,.075);
      color: #171717;
      border-color: rgba(17,17,17,.11);
    }

    .pcmax-home .service-card--dark .service-tech-pill{
      background: rgba(255,255,255,.07);
      border-color: rgba(255,255,255,.10);
      color: rgba(255,255,255,.58);
    }

    .pcmax-home .service-card--dark:hover .service-tech-pill{
      background: rgba(255,255,255,.13);
      border-color: rgba(255,255,255,.16);
      color: #fff;
    }

    .pcmax-home .service-card--accent .service-tech-pill{
      background: rgba(255,255,255,.12);
      border-color: rgba(255,255,255,.16);
      color: rgba(255,255,255,.78);
      backdrop-filter: blur(8px);
    }

    .pcmax-home .service-card--accent:hover .service-tech-pill{
      background: rgba(255,255,255,.20);
      border-color: rgba(255,255,255,.23);
      color: #fff;
    }

    @media (max-width: 760px) {
      .pcmax-home .capabilities-marquee{
        top: 16px;
      }

      .pcmax-home .capabilities-word{
        font-size: clamp(90px, 26vw, 150px);
        padding-right: 55px;
      }

      .pcmax-home .service-tech{
        gap: 6px;
      }

      .pcmax-home .service-tech-pill{
        min-height: 25px;
        padding: 0 9px;
        font-size: 8.7px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .pcmax-home .capabilities-track{
        animation: none !important;
        transform: translateX(0) !important;
      }
    }

  
    .pcmax-home .service-card-footer{
      align-items: flex-end;
      gap: 14px;
    }

    .pcmax-home .service-arrow{
      flex-shrink: 0;
    }

  
    /* =====================================================
       COME LAVORO — PROCESS / METHOD
    ===================================================== */

    .pcmax-home .process-section{
      position: relative;
      z-index: 14;
      padding: 132px 0 132px;
      background:
        radial-gradient(circle at 88% 12%, rgba(120,92,255,.13), rgba(120,92,255,0) 32%),
        radial-gradient(circle at 12% 88%, rgba(255,255,255,.055), rgba(255,255,255,0) 28%),
        #292824;
      color: #f7f4ed;
      overflow: hidden;
    }

    .pcmax-home .process-section::before{
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%);
      pointer-events: none;
    }

    .pcmax-home .process-section::after{
      content: "PROCESS";
      position: absolute;
      right: -25px;
      top: 38px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(100px, 14vw, 245px);
      line-height: .8;
      letter-spacing: -.08em;
      font-weight: 700;
      color: rgba(255,255,255,.028);
      white-space: nowrap;
      pointer-events: none;
      user-select: none;
    }

    .pcmax-home .process-shell{
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: minmax(310px, .72fr) minmax(0, 1.28fr);
      gap: 86px;
      align-items: start;
    }

    .pcmax-home .process-intro{
      position: sticky;
      top: 110px;
      align-self: start;
    }

    .pcmax-home .process-kicker{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 24px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: rgba(255,255,255,.54);
    }

    .pcmax-home .process-kicker-icon{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.11);
      color: #fff;
      box-shadow: 0 10px 28px rgba(0,0,0,.12);
    }

    .pcmax-home .process-title{
      max-width: 560px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(48px, 5.1vw, 79px);
      line-height: .98;
      letter-spacing: -.058em;
      font-weight: 600;
    }

    .pcmax-home .process-title span{
      display: block;
      color: #a793ff;
    }

    .pcmax-home .process-lead{
      max-width: 520px;
      margin-top: 28px;
      font-size: 19px;
      line-height: 1.66;
      color: rgba(255,255,255,.59);
    }

    .pcmax-home .process-lead strong{
      color: #fff;
      font-weight: 500;
    }

    .pcmax-home .process-signature{
      display: flex;
      align-items: center;
      gap: 13px;
      margin-top: 34px;
      color: rgba(255,255,255,.55);
      font-size: 13px;
      font-weight: 600;
    }

    .pcmax-home .process-signature-line{
      width: 48px;
      height: 1px;
      background: rgba(255,255,255,.25);
    }

    .pcmax-home .process-stats{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      max-width: 470px;
      margin-top: 36px;
    }

    .pcmax-home .process-stat{
      padding: 17px 18px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.045);
      backdrop-filter: blur(12px);
    }

    .pcmax-home .process-stat strong{
      display: block;
      margin-bottom: 4px;
      font-family: "Manrope", sans-serif;
      font-size: 22px;
      line-height: 1;
      letter-spacing: -.04em;
      color: #fff;
    }

    .pcmax-home .process-stat span{
      font-size: 12px;
      line-height: 1.35;
      color: rgba(255,255,255,.48);
    }

    .pcmax-home .process-steps{
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 18px;
      padding-left: 34px;
    }

    .pcmax-home .process-rail{
      position: absolute;
      top: 34px;
      bottom: 34px;
      left: 7px;
      width: 2px;
      background: rgba(255,255,255,.08);
      border-radius: 999px;
      overflow: hidden;
    }

    .pcmax-home .process-rail-progress{
      width: 100%;
      height: 0%;
      border-radius: inherit;
      background: linear-gradient(to bottom, #a793ff, #7559ff);
      box-shadow: 0 0 18px rgba(120,92,255,.28);
      transition: height .5s cubic-bezier(.16,1,.3,1);
    }

    .pcmax-home .process-step{
      position: relative;
      min-height: 215px;
      padding: 28px 28px 27px;
      border-radius: 28px;
      border: 1px solid rgba(255,255,255,.08);
      background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.038));
      backdrop-filter: blur(14px);
      overflow: hidden;
      opacity: .5;
      transform: translateY(34px) scale(.988);
      transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.16,1,.3,1),
        border-color .4s ease,
        background .4s ease,
        box-shadow .4s ease;
    }

    .pcmax-home .process-step::before{
      content: "";
      position: absolute;
      width: 160px;
      height: 160px;
      right: -72px;
      bottom: -72px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.07);
      box-shadow:
        0 0 0 28px rgba(255,255,255,.018),
        0 0 0 56px rgba(255,255,255,.012);
      transition: transform .55s cubic-bezier(.16,1,.3,1);
    }

    .pcmax-home .process-step.is-visible{
      opacity: .78;
      transform: translateY(0) scale(1);
    }

    .pcmax-home .process-step.is-active{
      opacity: 1;
      border-color: rgba(167,147,255,.28);
      background:
        linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.05));
      box-shadow:
        0 22px 65px rgba(0,0,0,.16),
        0 0 0 1px rgba(167,147,255,.035) inset;
    }

    .pcmax-home .process-step.is-active::before{
      transform: scale(1.12) translate(-6px,-6px);
    }

    .pcmax-home .process-node{
      position: absolute;
      left: -34px;
      top: 31px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #292824;
      border: 2px solid rgba(255,255,255,.22);
      box-shadow: 0 0 0 7px #292824;
      transition: background .35s ease, border-color .35s ease, transform .35s ease;
    }

    .pcmax-home .process-step.is-active .process-node{
      background: #8d74ff;
      border-color: #b8a8ff;
      transform: scale(1.12);
      box-shadow:
        0 0 0 7px #292824,
        0 0 22px rgba(120,92,255,.45);
    }

    .pcmax-home .process-step-top{
      position: relative;
      z-index: 3;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 22px;
    }

    .pcmax-home .process-step-icon{
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      flex-shrink: 0;
      border-radius: 17px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.09);
      color: #fff;
      font-size: 18px;
      transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        background .35s ease,
        color .35s ease;
    }

    .pcmax-home .process-step.is-active .process-step-icon{
      transform: rotate(-5deg) translateY(-2px);
      background: #8d74ff;
      color: #fff;
    }

    .pcmax-home .process-step-number{
      font-family: "Manrope", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .09em;
      color: rgba(255,255,255,.38);
    }

    .pcmax-home .process-step-body{
      position: relative;
      z-index: 3;
      margin-top: 25px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(165px, .42fr);
      gap: 28px;
      align-items: end;
    }

    .pcmax-home .process-step-copy h3{
      max-width: 470px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(25px, 2.1vw, 34px);
      line-height: 1.08;
      letter-spacing: -.038em;
      font-weight: 600;
    }

    .pcmax-home .process-step-copy p{
      max-width: 530px;
      margin-top: 12px;
      font-size: 15.5px;
      line-height: 1.62;
      color: rgba(255,255,255,.56);
    }

    .pcmax-home .process-output{
      justify-self: end;
      align-self: end;
      width: 100%;
      max-width: 205px;
      padding: 14px 15px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(0,0,0,.10);
    }

    .pcmax-home .process-output-label{
      display: block;
      margin-bottom: 7px;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: rgba(255,255,255,.34);
    }

    .pcmax-home .process-output strong{
      display: block;
      font-size: 12.5px;
      line-height: 1.35;
      color: rgba(255,255,255,.82);
      font-weight: 600;
    }

    .pcmax-home .process-bottom{
      position: relative;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      margin-top: 62px;
      padding-top: 30px;
      border-top: 1px solid rgba(255,255,255,.09);
    }

    .pcmax-home .process-bottom p{
      max-width: 770px;
      font-size: 18px;
      line-height: 1.58;
      color: rgba(255,255,255,.57);
    }

    .pcmax-home .process-bottom strong{
      color: #fff;
      font-weight: 600;
    }

    .pcmax-home .process-cta{
      display: inline-flex;
      align-items: center;
      gap: 14px;
      min-height: 60px;
      padding: 0 11px 0 24px;
      border-radius: 60px;
      background: #f6f2ea;
      color: #171717;
      font-size: 15px;
      font-weight: 700;
      white-space: nowrap;
      transition: transform .35s ease, background .35s ease, color .35s ease;
    }

    .pcmax-home .process-cta span:last-child{
      width: 39px;
      height: 39px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #171717;
      color: #fff;
      transition: transform .35s ease, background .35s ease;
    }

    .pcmax-home .process-cta:hover{
      transform: translateY(-3px);
      background: #8d74ff;
      color: #fff;
    }

    .pcmax-home .process-cta:hover span:last-child{
      transform: translateX(3px);
      background: #fff;
      color: #171717;
    }

    @media (max-width: 1080px) {
      .pcmax-home .process-shell{
        grid-template-columns: 1fr;
        gap: 56px;
      }

      .pcmax-home .process-intro{
        position: relative;
        top: auto;
      }

      .pcmax-home .process-intro-inner{
        display: grid;
        grid-template-columns: 1fr minmax(280px, .58fr);
        gap: 40px;
        align-items: end;
      }

      .pcmax-home .process-stats{
        margin-top: 0;
      }
    }

    @media (max-width: 760px) {
      .pcmax-home .process-section{
        padding: 94px 0 92px;
      }

      .pcmax-home .process-intro-inner{
        display: block;
      }

      .pcmax-home .process-title{
        font-size: clamp(44px, 12vw, 63px);
      }

      .pcmax-home .process-lead{
        font-size: 17px;
      }

      .pcmax-home .process-stats{
        margin-top: 30px;
      }

      .pcmax-home .process-steps{
        padding-left: 26px;
      }

      .pcmax-home .process-node{
        left: -27px;
      }

      .pcmax-home .process-step{
        min-height: auto;
        padding: 24px;
      }

      .pcmax-home .process-step-body{
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .pcmax-home .process-output{
        justify-self: start;
        max-width: none;
      }

      .pcmax-home .process-bottom{
        flex-direction: column;
        align-items: stretch;
      }

      .pcmax-home .process-cta{
        justify-content: space-between;
      }
    }

  
    /* =====================================================
       WORKFLOW — CREATIVE PROCESS EXPERIENCE
    ===================================================== */

    .pcmax-home .workflow-section{
      position: relative;
      z-index: 16;
      padding: 92px 0 112px;
      overflow: hidden;
      background:
        radial-gradient(circle at 84% 10%, rgba(61,96,168,.22), rgba(61,96,168,0) 28%),
        radial-gradient(circle at 12% 88%, rgba(255,255,255,.05), rgba(255,255,255,0) 28%),
        linear-gradient(135deg, #2c2f36 0%, #27303b 48%, #2d3139 100%);
      color: #f8f5ef;
    }

    .pcmax-home .workflow-section::before{
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 72px 72px;
      pointer-events: none;
    }

    .pcmax-home .workflow-aura{
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(8px);
    }

    .pcmax-home .workflow-aura--1{
      width: 560px;
      height: 560px;
      top: -210px;
      right: -80px;
      background: radial-gradient(circle, rgba(67,109,191,.25), rgba(67,109,191,0) 67%);
    }

    .pcmax-home .workflow-aura--2{
      width: 480px;
      height: 480px;
      left: -180px;
      bottom: -220px;
      background: radial-gradient(circle, rgba(255,255,255,.07), rgba(255,255,255,0) 66%);
    }

    .pcmax-home .workflow-wrap{
      position: relative;
      z-index: 3;
    }

    .pcmax-home .workflow-head{
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
      gap: 46px;
      align-items: end;
      margin-bottom: 38px;
    }

    .pcmax-home .workflow-kicker{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: rgba(255,255,255,.54);
    }

    .pcmax-home .workflow-kicker-icon{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.11);
      color: #fff;
    }

    .pcmax-home .workflow-title{
      max-width: 760px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(40px, 4.3vw, 68px);
      line-height: .99;
      letter-spacing: -.058em;
      font-weight: 600;
    }

    .pcmax-home .workflow-title span{
      display: block;
      color: #84a0ff;
    }

    .pcmax-home .workflow-lead{
      max-width: 470px;
      padding-bottom: 2px;
      font-size: 17px;
      line-height: 1.58;
      color: rgba(255,255,255,.60);
    }

    .pcmax-home .workflow-lead strong{
      color: #fff;
      font-weight: 500;
    }

    .pcmax-home .workflow-canvas{
      position: relative;
      min-height: 680px;
      border-radius: 38px;
      overflow: hidden;
      background:
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.02));
      border: 1px solid rgba(255,255,255,.09);
      box-shadow:
        0 32px 90px rgba(0,0,0,.20),
        0 1px 0 rgba(255,255,255,.05) inset;
      isolation: isolate;
      perspective: 1200px;
    }

    .pcmax-home .workflow-canvas::before{
      content: "";
      position: absolute;
      width: 460px;
      height: 460px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(78,120,208,.18) 0%, rgba(78,120,208,.08) 35%, rgba(78,120,208,0) 68%);
      animation: workflowGlow 6s ease-in-out infinite;
      pointer-events: none;
    }

    @keyframes workflowGlow {
      0%,100% { opacity: .6; transform: translate(-50%,-50%) scale(.95); }
      50% { opacity: 1; transform: translate(-50%,-50%) scale(1.08); }
    }

    .pcmax-home .workflow-image-layer{
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        linear-gradient(rgba(18,26,39,.72), rgba(18,26,39,.76)),
        url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80") center / cover;
      opacity: .12;
      filter: grayscale(1) contrast(1.02) brightness(.78);
      transform: scale(1.03);
    }

    .pcmax-home .workflow-grid{
      position: absolute;
      inset: 0;
      z-index: 1;
      background-image:
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
      background-size: 40px 40px;
      mask-image: radial-gradient(circle at center, #000 35%, transparent 86%);
    }

    .pcmax-home .workflow-path{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      overflow: visible;
      pointer-events: none;
    }

    .pcmax-home .workflow-path-base,
.pcmax-home .workflow-path-live{
      fill: none;
      stroke-width: 2;
      vector-effect: non-scaling-stroke;
    }

    .pcmax-home .workflow-path-base{
      stroke: rgba(255,255,255,.09);
      stroke-dasharray: 7 12;
    }

    .pcmax-home .workflow-path-live{
      stroke: url(#workflowGradient);
      stroke-linecap: round;
      stroke-dasharray: 180 1100;
      animation: workflowDash 5.6s linear infinite;
      filter: drop-shadow(0 0 7px rgba(123,97,255,.48));
    }

    @keyframes workflowDash {
      from { stroke-dashoffset: 0; }
      to { stroke-dashoffset: -1280; }
    }

    .pcmax-home .workflow-core{
      position: absolute;
      z-index: 3;
      left: 50%;
      top: 50%;
      width: 148px;
      height: 148px;
      transform: translate(-50%, -50%);
      display: grid;
      place-items: center;
    }

    .pcmax-home .workflow-core-ring{
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(104,139,218,.26);
    }

    .pcmax-home .workflow-core-ring--1{
      inset: -26px;
      animation: workflowRing 14s linear infinite;
    }

    .pcmax-home .workflow-core-ring--2{
      inset: -52px;
      border-color: rgba(255,255,255,.08);
      animation: workflowRingReverse 19s linear infinite;
    }

    .pcmax-home .workflow-core-ring::before{
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      left: 50%;
      top: -4px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: #6c8eff;
      box-shadow: 0 0 0 6px rgba(108,142,255,.10);
    }

    @keyframes workflowRing {
      to { transform: rotate(360deg); }
    }

    @keyframes workflowRingReverse {
      to { transform: rotate(-360deg); }
    }

    .pcmax-home .workflow-core-inner{
      position: relative;
      z-index: 2;
      width: 128px;
      height: 128px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background:
        linear-gradient(145deg, #171c24, #222833);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow:
        0 22px 55px rgba(0,0,0,.30),
        0 0 40px rgba(92,130,210,.13);
      text-align: center;
    }

    .pcmax-home .workflow-core-inner span{
      font-size: 9px;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(255,255,255,.38);
    }

    .pcmax-home .workflow-core-inner strong{
      margin-top: 4px;
      font-family: "Manrope", sans-serif;
      font-size: 25px;
      line-height: 1;
      letter-spacing: -.05em;
      color: #fff;
    }

    .pcmax-home .workflow-core-inner small{
      margin-top: 7px;
      font-size: 8px;
      letter-spacing: .05em;
      color: rgba(255,255,255,.36);
    }

    .pcmax-home .workflow-card{
      position: absolute;
      z-index: 4;
      width: 248px;
      min-height: 182px;
      padding: 20px;
      border-radius: 24px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(94,118,160,.08));
      border: 1px solid rgba(255,255,255,.12);
      backdrop-filter: blur(16px);
      box-shadow: 0 18px 45px rgba(0,0,0,.14);
      transform: translateY(24px) scale(.97);
      opacity: .58;
      transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        opacity .6s ease,
        background .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
    }

    .pcmax-home .workflow-card.is-active,
.pcmax-home .workflow-card:hover{
      opacity: 1;
      transform: translateY(0) scale(1.015);
      border-color: rgba(108,142,255,.34);
      background:
        linear-gradient(145deg, rgba(255,255,255,.16), rgba(103,134,196,.10));
      box-shadow:
        0 26px 60px rgba(0,0,0,.20),
        0 0 0 1px rgba(108,142,255,.05) inset;
    }

    .pcmax-home .workflow-card--1{ left: 4.5%; top: 9%; }
    .pcmax-home .workflow-card--2{ left: 23%; bottom: 15%; }
    .pcmax-home .workflow-card--3{ left: 50%; top: 7%; transform: translateX(-50%) translateY(24px) scale(.97); }
    .pcmax-home .workflow-card--3.is-active,
.pcmax-home .workflow-card--3:hover{ transform: translateX(-50%) translateY(0) scale(1.015); }
    .pcmax-home .workflow-card--4{ right: 22%; bottom: 8%; }
    .pcmax-home .workflow-card--5{ right: 4.5%; top: 11%; }

    .pcmax-home .workflow-card-top{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .pcmax-home .workflow-icon{
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      background: rgba(255,255,255,.09);
      border: 1px solid rgba(255,255,255,.08);
      color: #fff;
      font-size: 15px;
      transition: background .3s ease, transform .35s ease;
    }

    .pcmax-home .workflow-card.is-active .workflow-icon,
.pcmax-home .workflow-card:hover .workflow-icon{
      background: #5f84ff;
      transform: rotate(-5deg);
    }

    .pcmax-home .workflow-index{
      font-family: "Manrope", sans-serif;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .1em;
      color: rgba(255,255,255,.34);
    }

    .pcmax-home .workflow-card h3{
      margin-top: 17px;
      font-family: "Manrope", sans-serif;
      font-size: 19px;
      line-height: 1.12;
      letter-spacing: -.03em;
      font-weight: 600;
    }

    .pcmax-home .workflow-card p{
      margin-top: 9px;
      font-size: 12.5px;
      line-height: 1.55;
      color: rgba(226,232,244,.68);
    }

    .pcmax-home .workflow-pills{
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 14px;
    }

    .pcmax-home .workflow-pills span{
      display: inline-flex;
      align-items: center;
      min-height: 23px;
      padding: 0 8px;
      border-radius: 999px;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.08);
      font-size: 8px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: rgba(255,255,255,.55);
    }

    .pcmax-home .workflow-dot{
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #6c8eff;
      box-shadow:
        0 0 0 6px rgba(108,142,255,.10),
        0 0 18px rgba(108,142,255,.42);
      opacity: .42;
      transition: opacity .3s ease, transform .3s ease;
    }

    .pcmax-home .workflow-card.is-active .workflow-dot{
      opacity: 1;
      transform: scale(1.12);
    }

    .pcmax-home .workflow-card--1 .workflow-dot{ right: -22px; bottom: 35px; }
    .pcmax-home .workflow-card--2 .workflow-dot{ right: -18px; top: 31px; }
    .pcmax-home .workflow-card--3 .workflow-dot{ left: 50%; bottom: -23px; transform: translateX(-50%); }
    .pcmax-home .workflow-card--4 .workflow-dot{ left: -18px; top: 33px; }
    .pcmax-home .workflow-card--5 .workflow-dot{ left: -22px; bottom: 36px; }

    .pcmax-home .workflow-live-label{
      position: absolute;
      z-index: 5;
      left: 24px;
      bottom: 22px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 0 13px;
      border-radius: 999px;
      background: rgba(0,0,0,.16);
      border: 1px solid rgba(255,255,255,.08);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: rgba(255,255,255,.44);
    }

    .pcmax-home .workflow-live-dot{
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #73d98e;
      box-shadow: 0 0 0 0 rgba(115,217,142,.35);
      animation: workflowLive 2s infinite;
    }

    @keyframes workflowLive {
      0% { box-shadow: 0 0 0 0 rgba(115,217,142,.35); }
      70% { box-shadow: 0 0 0 7px rgba(115,217,142,0); }
      100% { box-shadow: 0 0 0 0 rgba(115,217,142,0); }
    }

    .pcmax-home .workflow-footer{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      margin-top: 35px;
    }

    .pcmax-home .workflow-footer-note{
      display: flex;
      align-items: center;
      gap: 14px;
      max-width: 760px;
    }

    .pcmax-home .workflow-footer-icon{
      width: 42px;
      height: 42px;
      flex-shrink: 0;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.08);
      color: #84a0ff;
    }

    .pcmax-home .workflow-footer-note p{
      font-size: 16px;
      line-height: 1.55;
      color: rgba(255,255,255,.52);
    }

    .pcmax-home .workflow-footer-note strong{
      color: #fff;
      font-weight: 500;
    }

    .pcmax-home .workflow-cta{
      display: inline-flex;
      align-items: center;
      gap: 14px;
      min-height: 58px;
      padding: 0 10px 0 22px;
      border-radius: 58px;
      background: #f7f2e9;
      color: #171717;
      font-size: 14px;
      font-weight: 700;
      white-space: nowrap;
      transition: transform .35s ease, background .35s ease, color .35s ease;
    }

    .pcmax-home .workflow-cta span:last-child{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #171717;
      color: #fff;
      transition: transform .35s ease;
    }

    .pcmax-home .workflow-cta:hover{
      transform: translateY(-3px);
      background: #5f84ff;
      color: #fff;
    }

    .pcmax-home .workflow-cta:hover span:last-child{
      transform: translateX(3px);
    }

    @media (max-width: 1180px) {
      .pcmax-home .workflow-canvas{
        min-height: 900px;
      }

      .pcmax-home .workflow-path{
        display: none;
      }

      .pcmax-home .workflow-core{
        top: 50%;
      }

      .pcmax-home .workflow-card--1{ left: 5%; top: 7%; }
      .pcmax-home .workflow-card--2{ left: 5%; bottom: 15%; }
      .pcmax-home .workflow-card--3{ left: 50%; top: 8%; }
      .pcmax-home .workflow-card--4{ right: 5%; bottom: 7%; }
      .pcmax-home .workflow-card--5{ right: 5%; top: 7%; }
    }

    @media (max-width: 860px) {
      .pcmax-home .workflow-head{
        grid-template-columns: 1fr;
        gap: 26px;
      }

      .pcmax-home .workflow-title{
        font-size: clamp(39px, 10vw, 56px);
      }

      .pcmax-home .workflow-lead{
        font-size: 16px;
      }

      .pcmax-home .workflow-canvas{
        min-height: auto;
        padding: 30px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .pcmax-home .workflow-core,
.pcmax-home .workflow-path,
.pcmax-home .workflow-live-label{
        display: none;
      }

      .pcmax-home .workflow-image-layer{
        opacity: .10;
      }

      .pcmax-home .workflow-card,
.pcmax-home .workflow-card--1,
.pcmax-home .workflow-card--2,
.pcmax-home .workflow-card--3,
.pcmax-home .workflow-card--4,
.pcmax-home .workflow-card--5{
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        min-height: auto;
        transform: translateY(24px) scale(.98);
      }

      .pcmax-home .workflow-card--3.is-active,
.pcmax-home .workflow-card--3:hover{
        transform: translateY(0) scale(1.01);
      }

      .pcmax-home .workflow-dot{
        display: none;
      }

      .pcmax-home .workflow-footer{
        flex-direction: column;
        align-items: stretch;
      }

      .pcmax-home .workflow-cta{
        justify-content: space-between;
      }
    }

  
    .pcmax-home .header.is-scrolled .logo-symbol{
      transform: rotate(-3deg) scale(.92);
    }

    .pcmax-home .header.is-scrolled .contact-btn{
      min-height: 46px;
    }

    .pcmax-home .header .logo-symbol,
.pcmax-home .header .contact-btn{
      transition:
        transform .35s ease,
        min-height .35s ease,
        background .3s ease,
        box-shadow .3s ease;
    }

  
    /* =====================================================
       RECENSIONI — TRUST / GOOGLE REVIEWS
    ===================================================== */

    .pcmax-home .reviews-section{
      position: relative;
      z-index: 18;
      padding: 118px 0 120px;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 10%, rgba(120,92,255,.10), rgba(120,92,255,0) 28%),
        radial-gradient(circle at 90% 76%, rgba(44,82,160,.08), rgba(44,82,160,0) 25%),
        #f3f1eb;
      color: #171717;
    }

    .pcmax-home .reviews-section::before{
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(17,17,17,.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,17,17,.028) 1px, transparent 1px);
      background-size: 64px 64px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 80%);
      pointer-events: none;
    }

    .pcmax-home .reviews-section::after{
      content: "TRUST";
      position: absolute;
      right: -18px;
      top: 28px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(100px, 15vw, 250px);
      line-height: .8;
      letter-spacing: -.08em;
      font-weight: 700;
      color: rgba(17,17,17,.028);
      pointer-events: none;
      user-select: none;
    }

    .pcmax-home .reviews-wrap{
      position: relative;
      z-index: 3;
    }

    .pcmax-home .reviews-head{
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
      gap: 62px;
      align-items: end;
      margin-bottom: 52px;
    }

    .pcmax-home .reviews-kicker{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 16px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: #77736d;
    }

    .pcmax-home .reviews-kicker-icon{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #171717;
      color: #fff;
      box-shadow: 0 10px 25px rgba(17,17,17,.10);
    }

    .pcmax-home .reviews-title{
      max-width: 800px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(45px, 5vw, 76px);
      line-height: .98;
      letter-spacing: -.055em;
      font-weight: 600;
    }

    .pcmax-home .reviews-title span{
      color: var(--accent);
    }

    .pcmax-home .reviews-intro{
      max-width: 490px;
      padding-bottom: 3px;
      font-size: 18px;
      line-height: 1.62;
      color: #696762;
    }

    .pcmax-home .reviews-intro strong{
      color: #171717;
      font-weight: 600;
    }

    .pcmax-home .reviews-stage{
      position: relative;
      min-height: 610px;
      border-radius: 38px;
      overflow: hidden;
      background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.45));
      border: 1px solid rgba(17,17,17,.07);
      box-shadow:
        0 30px 80px rgba(17,17,17,.07),
        0 1px 0 rgba(255,255,255,.9) inset;
      isolation: isolate;
    }

    .pcmax-home .reviews-stage::before{
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 510px;
      height: 510px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(120,92,255,.11), rgba(120,92,255,.04) 38%, rgba(120,92,255,0) 68%);
      pointer-events: none;
    }

    .pcmax-home .reviews-stage-grid{
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(17,17,17,.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,17,17,.028) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: radial-gradient(circle at center, #000 34%, transparent 90%);
    }

    .pcmax-home .reviews-score-orbit{
      position: absolute;
      z-index: 4;
      left: 50%;
      top: 50%;
      width: 188px;
      height: 188px;
      transform: translate(-50%, -50%);
      display: grid;
      place-items: center;
    }

    .pcmax-home .reviews-score-ring{
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(120,92,255,.18);
    }

    .pcmax-home .reviews-score-ring--1{
      inset: -28px;
      animation: reviewsRing 18s linear infinite;
    }

    .pcmax-home .reviews-score-ring--2{
      inset: -58px;
      border-color: rgba(17,17,17,.08);
      animation: reviewsRingReverse 23s linear infinite;
    }

    .pcmax-home .reviews-score-ring::before{
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      left: 50%;
      top: -4px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: #7a60ff;
      box-shadow: 0 0 0 6px rgba(122,96,255,.10);
    }

    @keyframes reviewsRing {
      to { transform: rotate(360deg); }
    }

    @keyframes reviewsRingReverse {
      to { transform: rotate(-360deg); }
    }

    .pcmax-home .reviews-score-core{
      position: relative;
      z-index: 2;
      width: 154px;
      height: 154px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #171717;
      color: #fff;
      box-shadow:
        0 25px 55px rgba(17,17,17,.22),
        0 0 40px rgba(120,92,255,.10);
      text-align: center;
    }

    .pcmax-home .reviews-google-label{
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 5px;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: rgba(255,255,255,.45);
    }

    .pcmax-home .reviews-google-dot{
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #4285f4;
      box-shadow:
        8px 0 0 #ea4335,
        16px 0 0 #fbbc05,
        24px 0 0 #34a853;
      margin-right: 22px;
    }

    .pcmax-home .reviews-score-value{
      font-family: "Manrope", sans-serif;
      font-size: 48px;
      line-height: .9;
      letter-spacing: -.07em;
      font-weight: 800;
    }

    .pcmax-home .reviews-score-stars{
      margin-top: 8px;
      color: #f4b400;
      font-size: 12px;
      letter-spacing: .08em;
    }

    .pcmax-home .reviews-score-caption{
      margin-top: 5px;
      font-size: 9px;
      color: rgba(255,255,255,.42);
    }

    .pcmax-home .review-card{
      position: absolute;
      z-index: 5;
      width: min(350px, 31%);
      min-height: 225px;
      padding: 24px;
      border-radius: 27px;
      background: rgba(255,255,255,.82);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(17,17,17,.07);
      box-shadow: 0 20px 55px rgba(17,17,17,.075);
      opacity: 0;
      transform: translateY(30px) scale(.98);
      transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.16,1,.3,1),
        box-shadow .4s ease,
        border-color .4s ease;
    }

    .pcmax-home .review-card.is-visible{
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    .pcmax-home .review-card:hover{
      transform: translateY(-6px) scale(1.01);
      border-color: rgba(120,92,255,.18);
      box-shadow: 0 28px 70px rgba(17,17,17,.11);
    }

    .pcmax-home .review-card--1{
      left: 4.5%;
      top: 8%;
    }

    .pcmax-home .review-card--2{
      right: 4.5%;
      top: 10%;
    }

    .pcmax-home .review-card--3{
      left: 7%;
      bottom: 7%;
    }

    .pcmax-home .review-card--4{
      right: 7%;
      bottom: 7%;
    }

    .pcmax-home .review-card-top{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .pcmax-home .review-stars{
      color: #f4b400;
      font-size: 12px;
      letter-spacing: .08em;
    }

    .pcmax-home .review-quote{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(120,92,255,.08);
      color: var(--accent);
      font-size: 14px;
    }

    .pcmax-home .review-card blockquote{
      margin-top: 20px;
      font-family: "Manrope", sans-serif;
      font-size: 20px;
      line-height: 1.32;
      letter-spacing: -.025em;
      font-weight: 500;
      color: #252522;
    }

    .pcmax-home .review-card-bottom{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: 24px;
      padding-top: 17px;
      border-top: 1px solid rgba(17,17,17,.08);
    }

    .pcmax-home .review-person strong{
      display: block;
      font-size: 12px;
      color: #171717;
      font-weight: 700;
    }

    .pcmax-home .review-person span{
      display: block;
      margin-top: 3px;
      font-size: 10px;
      color: #8a8781;
    }

    .pcmax-home .review-google-mark{
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      border: 1px solid rgba(17,17,17,.07);
      background: #fff;
      color: #4285f4;
      font-size: 13px;
      font-weight: 800;
    }

    .pcmax-home .reviews-bottom{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      margin-top: 34px;
    }

    .pcmax-home .reviews-bottom-note{
      max-width: 700px;
      display: flex;
      align-items: center;
      gap: 13px;
      color: #696762;
      font-size: 15px;
      line-height: 1.55;
    }

    .pcmax-home .reviews-bottom-note i{
      color: var(--accent);
    }

    .pcmax-home .reviews-all{
      display: inline-flex;
      align-items: center;
      gap: 13px;
      min-height: 58px;
      padding: 0 10px 0 22px;
      border-radius: 58px;
      background: #171717;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      transition: transform .35s ease, background .35s ease;
    }

    .pcmax-home .reviews-all span:last-child{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      color: #171717;
      transition: transform .35s ease;
    }

    .pcmax-home .reviews-all:hover{
      transform: translateY(-3px);
      background: var(--accent);
    }

    .pcmax-home .reviews-all:hover span:last-child{
      transform: translateX(3px);
    }

    @media (max-width: 1050px) {
      .pcmax-home .reviews-head{
        grid-template-columns: 1fr;
        gap: 24px;
      }

      .pcmax-home .reviews-stage{
        min-height: 760px;
      }

      .pcmax-home .review-card{
        width: 38%;
      }

      .pcmax-home .review-card--1{ left: 4%; top: 7%; }
      .pcmax-home .review-card--2{ right: 4%; top: 8%; }
      .pcmax-home .review-card--3{ left: 4%; bottom: 7%; }
      .pcmax-home .review-card--4{ right: 4%; bottom: 7%; }
    }

    @media (max-width: 760px) {
      .pcmax-home .reviews-section{
        padding: 90px 0 90px;
      }

      .pcmax-home .reviews-title{
        font-size: clamp(40px, 11vw, 58px);
      }

      .pcmax-home .reviews-intro{
        font-size: 16px;
      }

      .pcmax-home .reviews-stage{
        min-height: auto;
        padding: 28px;
        display: grid;
        gap: 16px;
      }

      .pcmax-home .reviews-score-orbit{
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 30px auto 40px;
      }

      .pcmax-home .review-card,
.pcmax-home .review-card--1,
.pcmax-home .review-card--2,
.pcmax-home .review-card--3,
.pcmax-home .review-card--4{
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        min-height: auto;
      }

      .pcmax-home .review-card blockquote{
        font-size: 18px;
      }

      .pcmax-home .reviews-bottom{
        flex-direction: column;
        align-items: stretch;
      }

      .pcmax-home .reviews-all{
        justify-content: space-between;
      }
    }

  
    /* =====================================================
       GOOGLE REVIEWS — CLASSIC CAROUSEL
    ===================================================== */

    .pcmax-home .reviews-section--carousel{
      padding: 104px 0 108px;
    }

    .pcmax-home .reviews-section--carousel::after{
      content: none;
    }

    .pcmax-home .reviews-carousel-wrap{
      position: relative;
      z-index: 3;
    }

    .pcmax-home .reviews-carousel-head{
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
      gap: 58px;
      align-items: end;
      margin-bottom: 42px;
    }

    .pcmax-home .reviews-title--compact{
      max-width: 790px;
      font-size: clamp(42px, 4.6vw, 70px);
    }

    .pcmax-home .reviews-rating-summary{
      justify-self: end;
      width: min(100%, 370px);
      padding: 21px 22px;
      border-radius: 25px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,17,17,.08);
      box-shadow: 0 16px 45px rgba(17,17,17,.055);
    }

    .pcmax-home .reviews-rating-google{
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 12px;
      font-weight: 700;
      color: #6f6c67;
    }

    .pcmax-home .reviews-google-g{
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      border: 1px solid rgba(17,17,17,.07);
      color: #4285f4;
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      font-weight: 800;
      box-shadow: 0 7px 18px rgba(17,17,17,.05);
    }

    .pcmax-home .reviews-rating-main{
      display: flex;
      align-items: flex-end;
      gap: 15px;
      margin-top: 13px;
    }

    .pcmax-home .reviews-rating-main > strong{
      font-family: "Manrope", sans-serif;
      font-size: 54px;
      line-height: .88;
      letter-spacing: -.07em;
      color: #171717;
    }

    .pcmax-home .reviews-rating-stars{
      margin-bottom: 5px;
      color: #f4b400;
      font-size: 14px;
      letter-spacing: .09em;
      white-space: nowrap;
    }

    .pcmax-home .reviews-rating-main div > span{
      font-size: 11px;
      font-weight: 600;
      color: #77736d;
    }

    .pcmax-home .reviews-rating-link{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 16px;
      font-size: 12px;
      font-weight: 700;
      color: #171717;
    }

    .pcmax-home .reviews-rating-link i{
      color: var(--accent);
      transition: transform .3s ease;
    }

    .pcmax-home .reviews-rating-link:hover i{
      transform: translate(2px,-2px);
    }

    .pcmax-home .google-reviews-carousel{
      position: relative;
    }

    .pcmax-home .google-reviews-viewport{
      overflow: hidden;
      border-radius: 30px;
    }

    .pcmax-home .google-reviews-track{
      display: flex;
      gap: 20px;
      transition: transform .65s cubic-bezier(.16,1,.3,1);
      will-change: transform;
    }

    .pcmax-home .google-review-card{
      flex: 0 0 calc((100% - 40px) / 3);
      min-width: 0;
      padding: 26px;
      border-radius: 27px;
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(17,17,17,.075);
      box-shadow:
        0 16px 48px rgba(17,17,17,.055),
        0 1px 0 rgba(255,255,255,.85) inset;
      transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        box-shadow .4s ease,
        border-color .4s ease;
    }

    .pcmax-home .google-review-card:hover{
      transform: translateY(-6px);
      border-color: rgba(120,92,255,.16);
      box-shadow: 0 26px 64px rgba(17,17,17,.085);
    }

    .pcmax-home .google-review-card-head{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .pcmax-home .google-review-user{
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .pcmax-home .google-review-avatar{
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      flex-shrink: 0;
      border-radius: 50%;
      background: #171717;
      color: #fff;
      font-family: "Manrope", sans-serif;
      font-size: 15px;
      font-weight: 700;
      box-shadow: 0 9px 24px rgba(17,17,17,.10);
    }

    .pcmax-home .google-review-avatar--navy{ background: #274164; }
    .pcmax-home .google-review-avatar--purple{ background: #7359dc; }
    .pcmax-home .google-review-avatar--gold{ background: #9a7421; }
    .pcmax-home .google-review-avatar--green{ background: #33745a; }
    .pcmax-home .google-review-avatar--blue{ background: #3567a7; }

    .pcmax-home .google-review-user strong{
      display: block;
      font-size: 13px;
      color: #171717;
    }

    .pcmax-home .google-review-user span{
      display: block;
      margin-top: 3px;
      font-size: 10px;
      color: #8c8984;
    }

    .pcmax-home .google-review-brand{
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      flex-shrink: 0;
      border-radius: 50%;
      background: #fff;
      border: 1px solid rgba(17,17,17,.07);
      color: #4285f4;
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      font-weight: 800;
    }

    .pcmax-home .google-review-stars{
      margin-top: 21px;
      color: #f4b400;
      font-size: 13px;
      letter-spacing: .08em;
    }

    .pcmax-home .google-review-card p{
      min-height: 104px;
      margin-top: 14px;
      font-size: 15px;
      line-height: 1.6;
      color: #5f5d59;
    }

    .pcmax-home .google-review-footer{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-top: 22px;
      padding-top: 17px;
      border-top: 1px solid rgba(17,17,17,.075);
      font-size: 9.5px;
      font-weight: 700;
      color: #8a8781;
      text-transform: uppercase;
      letter-spacing: .055em;
    }

    .pcmax-home .google-reviews-controls{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      margin-top: 25px;
    }

    .pcmax-home .google-reviews-dots{
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .pcmax-home .google-reviews-dot{
      width: 7px;
      height: 7px;
      border: 0;
      padding: 0;
      border-radius: 50%;
      background: rgba(17,17,17,.16);
      cursor: pointer;
      transition:
        width .3s ease,
        border-radius .3s ease,
        background .3s ease;
    }

    .pcmax-home .google-reviews-dot.is-active{
      width: 25px;
      border-radius: 999px;
      background: var(--accent);
    }

    .pcmax-home .google-reviews-arrows{
      display: flex;
      gap: 9px;
    }

    .pcmax-home .google-reviews-arrow{
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(17,17,17,.09);
      border-radius: 50%;
      background: rgba(255,255,255,.75);
      color: #171717;
      cursor: pointer;
      transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
    }

    .pcmax-home .google-reviews-arrow:hover{
      transform: translateY(-2px);
      background: #171717;
      color: #fff;
    }

    .pcmax-home .reviews-elfsight-note{
      display: flex;
      align-items: center;
      gap: 13px;
      margin-top: 28px;
      padding-top: 26px;
      border-top: 1px solid rgba(17,17,17,.08);
      color: #74716b;
    }

    .pcmax-home .reviews-elfsight-note > span{
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      flex-shrink: 0;
      border-radius: 50%;
      background: rgba(120,92,255,.08);
      color: var(--accent);
    }

    .pcmax-home .reviews-elfsight-note p{
      font-size: 13px;
      line-height: 1.5;
    }

    .pcmax-home .reviews-elfsight-note strong{
      color: #171717;
    }

    @media (max-width: 1050px) {
      .pcmax-home .reviews-carousel-head{
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .pcmax-home .reviews-rating-summary{
        justify-self: start;
      }

      .pcmax-home .google-review-card{
        flex-basis: calc((100% - 20px) / 2);
      }
    }

    @media (max-width: 680px) {
      .pcmax-home .reviews-section--carousel{
        padding: 84px 0 88px;
      }

      .pcmax-home .reviews-title--compact{
        font-size: clamp(38px, 11vw, 54px);
      }

      .pcmax-home .google-review-card{
        flex-basis: 100%;
      }

      .pcmax-home .google-review-card p{
        min-height: auto;
      }

      .pcmax-home .google-review-footer{
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
      }

      .pcmax-home .google-reviews-controls{
        align-items: center;
      }
    }

  
    /* =====================================================
       FOOTER — NAVY CREATIVE / PREMIUM
    ===================================================== */

    .pcmax-home .site-footer{
      position: relative;
      z-index: 20;
      overflow: hidden;
      background:
        radial-gradient(circle at 88% 18%, rgba(126,153,217,.24), rgba(126,153,217,0) 30%),
        radial-gradient(circle at 8% 92%, rgba(255,255,255,.08), rgba(255,255,255,0) 26%),
        linear-gradient(135deg, #314966 0%, #293f5d 48%, #354e6e 100%);
      color: #fff;
      padding: 94px 0 30px;
      isolation: isolate;
    }

    .pcmax-home .site-footer::before{
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, #000 10%, transparent 92%);
      pointer-events: none;
    }

    .pcmax-home .site-footer::after{
      content: "LET'S BUILD";
      position: absolute;
      z-index: -1;
      left: -18px;
      bottom: 112px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(100px, 15vw, 250px);
      line-height: .78;
      letter-spacing: -.085em;
      font-weight: 700;
      color: rgba(255,255,255,.035);
      white-space: nowrap;
      pointer-events: none;
      user-select: none;
    }

    .pcmax-home .footer-image-layer{
      position: absolute;
      z-index: -1;
      right: -4%;
      top: 0;
      width: 52%;
      height: 100%;
      background:
        linear-gradient(
          90deg,
          rgba(49,73,102,1) 0%,
          rgba(49,73,102,.72) 22%,
          rgba(49,73,102,.38) 58%,
          rgba(49,73,102,.58) 100%
        ),
        url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=82")
        center / cover;
      opacity: .17;
      filter: grayscale(.15) saturate(.78) contrast(1.02);
      mix-blend-mode: screen;
      mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,.88) 55%, transparent 100%);
      pointer-events: none;
    }

    .pcmax-home .footer-glow{
      position: absolute;
      z-index: -1;
      width: 560px;
      height: 560px;
      right: -170px;
      top: -220px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.08);
      box-shadow:
        0 0 0 68px rgba(255,255,255,.022),
        0 0 0 136px rgba(255,255,255,.014);
      animation: footerOrbit 15s linear infinite;
      pointer-events: none;
    }

    .pcmax-home .footer-glow::before{
      content: "";
      position: absolute;
      width: 9px;
      height: 9px;
      left: 50%;
      top: -5px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: #a998ff;
      box-shadow: 0 0 0 7px rgba(169,152,255,.10);
    }

    @keyframes footerOrbit {
      to { transform: rotate(360deg); }
    }

    .pcmax-home .footer-top{
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr);
      gap: 75px;
      align-items: end;
      padding-bottom: 62px;
      border-bottom: 1px solid rgba(255,255,255,.12);
    }

    .pcmax-home .footer-kicker{
      display: inline-flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 17px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(255,255,255,.54);
    }

    .pcmax-home .footer-kicker-icon{
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.12);
      color: #fff;
      backdrop-filter: blur(10px);
    }

    .pcmax-home .footer-title{
      max-width: 900px;
      font-family: "Manrope", sans-serif;
      font-size: clamp(48px, 5.5vw, 84px);
      line-height: .96;
      letter-spacing: -.06em;
      font-weight: 600;
    }

    .pcmax-home .footer-title span{
      display: block;
      color: #c6d4ff;
    }

    .pcmax-home .footer-action-panel{
      justify-self: end;
      width: min(100%, 410px);
      padding: 25px;
      border-radius: 28px;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.13);
      backdrop-filter: blur(18px);
      box-shadow: 0 22px 55px rgba(17,31,49,.16);
    }

    .pcmax-home .footer-action-panel p{
      font-size: 17px;
      line-height: 1.6;
      color: rgba(255,255,255,.68);
    }

    .pcmax-home .footer-action-panel strong{
      color: #fff;
      font-weight: 600;
    }

    .pcmax-home .footer-main-cta{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-height: 64px;
      margin-top: 22px;
      padding: 0 11px 0 22px;
      border-radius: 64px;
      background: #f7f3ec;
      color: #1d2e45;
      font-size: 15px;
      font-weight: 700;
      transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;
      box-shadow: 0 12px 30px rgba(20,34,52,.16);
    }

    .pcmax-home .footer-main-cta span:last-child{
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      flex-shrink: 0;
      border-radius: 50%;
      background: #243a57;
      color: #fff;
      transition:
        transform .35s ease,
        background .35s ease;
    }

    .pcmax-home .footer-main-cta:hover{
      transform: translateY(-3px);
      background: #fff;
      box-shadow: 0 18px 40px rgba(20,34,52,.22);
    }

    .pcmax-home .footer-main-cta:hover span:last-child{
      transform: translateX(4px) rotate(-4deg);
      background: #755cff;
    }

    .pcmax-home .footer-mid{
      display: grid;
      grid-template-columns: 1.2fr .72fr .72fr .88fr;
      gap: 44px;
      padding: 48px 0 46px;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }

    .pcmax-home .footer-brand{
      max-width: 370px;
    }

    .pcmax-home .footer-logo{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-family: "Manrope", sans-serif;
      font-size: 18px;
      font-weight: 700;
    }

    .pcmax-home .footer-logo-mark{
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 13px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 10px 24px rgba(15,27,44,.14);
    }

    .pcmax-home .footer-brand p{
      margin-top: 18px;
      font-size: 14px;
      line-height: 1.65;
      color: rgba(255,255,255,.56);
    }

    .pcmax-home .footer-column h4{
      margin-bottom: 16px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(255,255,255,.40);
    }

    .pcmax-home .footer-links{
      display: flex;
      flex-direction: column;
      gap: 11px;
    }

    .pcmax-home .footer-links a{
      position: relative;
      width: fit-content;
      font-size: 14px;
      font-weight: 500;
      color: rgba(255,255,255,.76);
      transition: color .3s ease, transform .3s ease;
    }

    .pcmax-home .footer-links a::after{
      content: "";
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 0;
      height: 1px;
      background: #c7d5ff;
      transition: width .3s ease;
    }

    .pcmax-home .footer-links a:hover{
      color: #fff;
      transform: translateX(3px);
    }

    .pcmax-home .footer-links a:hover::after{
      width: 100%;
    }

    .pcmax-home .footer-contact-list{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .pcmax-home .footer-contact-item{
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      color: rgba(255,255,255,.72);
    }

    .pcmax-home .footer-contact-item i{
      width: 27px;
      height: 27px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
      color: #c7d5ff;
      font-size: 10px;
    }

    .pcmax-home .footer-socials{
      display: flex;
      gap: 9px;
      margin-top: 20px;
    }

    .pcmax-home .footer-socials a{
      width: 39px;
      height: 39px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.10);
      color: #fff;
      transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
    }

    .pcmax-home .footer-socials a:hover{
      transform: translateY(-3px);
      background: #f7f3ec;
      color: #243a57;
    }

    .pcmax-home .footer-bottom{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding-top: 25px;
      font-size: 11px;
      color: rgba(255,255,255,.40);
    }

    .pcmax-home .footer-bottom-links{
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
    }

    .pcmax-home .footer-bottom a{
      transition: color .3s ease;
    }

    .pcmax-home .footer-bottom a:hover{
      color: #fff;
    }

    .pcmax-home .footer-status{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .pcmax-home .footer-status-dot{
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #75dc91;
      box-shadow: 0 0 0 5px rgba(117,220,145,.09);
    }

    @media (max-width: 1050px) {
      .pcmax-home .footer-top{
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .pcmax-home .footer-action-panel{
        justify-self: start;
      }

      .pcmax-home .footer-mid{
        grid-template-columns: repeat(2, minmax(0,1fr));
      }
    }

    @media (max-width: 680px) {
      .pcmax-home .site-footer{
        padding-top: 76px;
      }

      .pcmax-home .footer-image-layer{
        width: 100%;
        opacity: .10;
      }

      .pcmax-home .footer-title{
        font-size: clamp(42px, 12vw, 61px);
      }

      .pcmax-home .footer-mid{
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .pcmax-home .footer-bottom{
        align-items: flex-start;
        flex-direction: column;
      }

      .pcmax-home .footer-action-panel{
        width: 100%;
      }
    }

  

/* =====================================================
   WORDPRESS / ELEMENTOR INTEGRATION
===================================================== */
.pcmax-home{
  width:100%;
  overflow-x:clip;
}
.pcmax-home .hero{min-height:100vh}

/* Header e Footer sono fuori dal wrapper .pcmax-home e quindi non vengono
   toccati dal CSS del mockup. Sono gestiti da Elementor Theme Builder. */

/* Admin bar: utile quando il template Elementor usa un header fixed/sticky. */
.admin-bar .elementor-location-header{top:32px}
@media(max-width:782px){
  .admin-bar .elementor-location-header{top:46px}
}


/* =====================================================
   HOME CPT INTEGRATION v0.3
   Mantiene il layout approvato.
===================================================== */

.pcmax-home .service-card{
  position:relative;
}

.pcmax-home .service-card-hit{
  position:absolute;
  inset:0;
  z-index:5;
  border-radius:inherit;
  cursor:pointer;
}

.pcmax-home .service-card-top,
.pcmax-home .service-card-body,
.pcmax-home .service-card-footer{
  position:relative;
  z-index:2;
  pointer-events:none;
}