/* ===== SERVICES PAGE HERO ===== */
  .page-hero{
    position:relative;padding:80px 24px 60px;overflow:hidden;
    background:
      radial-gradient(ellipse 1000px 600px at 70% 0%, rgba(109,92,255,0.32), transparent 60%),
      radial-gradient(ellipse 700px 500px at 100% 30%, rgba(0,212,255,0.12), transparent 60%),
      var(--bg-deep);
  }
  .page-hero-swirl{
    position:absolute;top:-160px;left:-100px;width:1100px;height:600px;
    background:conic-gradient(from 160deg at 50% 50%, transparent, rgba(109,92,255,0.45), transparent 30%);
    filter:blur(50px);opacity:0.5;animation:spin 32s linear infinite;pointer-events:none;
  }
  @keyframes spin{to{transform:rotate(360deg);}}
  .page-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;}
  .page-hero h1{font-size:52px;}
  .page-hero p{margin-top:16px;max-width:560px;color:var(--text-dim);font-size:16px;line-height:1.6;}
  .breadcrumb{
    margin-top:28px;display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--text-dim);
    border:1px solid var(--card-border);padding:8px 18px;border-radius:50px;background:var(--card-bg);
  }
  .breadcrumb a{color:var(--text-light);}
  .breadcrumb span{opacity:.5;}
  @media (max-width:600px){.page-hero h1{font-size:36px;}}

  /* ---------- Embedded flipbook (Services section) ---------- */
  @media (max-width:850px){
    #services iframe{height:400px!important;}
  }
  @media (max-width:480px){
    #services iframe{height:340px!important;}
  }

  /* ===== FLIPBOOK PORTFOLIO (services page, bottom) ===== */
  .flipbook-section{padding:100px 24px 130px;text-align:center;overflow:visible;}
  .flipbook-section h2{font-size:34px;max-width:640px;margin:0 auto;}
  .flipbook-stage{
    margin-top:60px;display:flex;justify-content:center;
    perspective:2500px;
  }
  .fb-book{
    position:relative;width:700px;height:500px;
    transform-style:preserve-3d;transition:transform 1s;
  }
  .fb-book:hover{transform:rotateX(2deg) rotateY(-2deg) translateY(-5px);}

  .fb-back-cover{
    position:absolute;top:0;width:350px;height:500px;
    background:linear-gradient(135deg,var(--purple-1),var(--pink-acc));
    box-shadow:0 20px 50px rgba(0,0,0,0.55);
    transform:translateZ(-2px);
  }
  .fb-back-cover.left{left:0;border-radius:12px 0 0 12px;}
  .fb-back-cover.right{left:350px;border-radius:0 12px 12px 0;}
  .fb-spine{
    position:absolute;left:343px;width:14px;height:500px;
    background:#4a3fc7;transform:rotateY(90deg) translateZ(-2px);
  }

  .fb-page{
    position:absolute;left:350px;top:0;width:350px;height:500px;
    transform-origin:left center;
    transition:transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform-style:preserve-3d;cursor:pointer;
  }
  .fb-page.flipped{transform:rotateY(-180deg);}

  .fb-front,.fb-back{
    position:absolute;width:100%;height:100%;backface-visibility:hidden;
    border-radius:0 12px 12px 0;padding:40px 30px;
    display:flex;flex-direction:column;justify-content:center;
    box-shadow:inset 4px 0 10px rgba(0,0,0,0.03);
    font-family:var(--font-body);
  }
  .fb-back{
    transform:rotateY(180deg);border-radius:12px 0 0 12px;
    background:#f8fafc;border-right:1px solid #e2e8f0;
    box-shadow:inset -4px 0 10px rgba(0,0,0,0.03);
  }
  .fb-page .fb-front{background:#ffffff;border-left:1px solid #e2e8f0;}
  .fb-page:nth-child(even) .fb-front{background:#f8fafc;}

  .fb-cover .fb-front{
    background:linear-gradient(135deg,var(--purple-1),var(--pink-acc));
    align-items:center;color:#fff;border-left:none;
  }
  .fb-cover .fb-front::before{
    content:'';position:absolute;inset:15px;
    border:2px dashed rgba(255,255,255,0.4);border-radius:8px;
  }
  .fb-cover h1{
    font-family:var(--font-display);font-size:44px;font-weight:800;
    color:#fff;letter-spacing:2px;margin-bottom:6px;z-index:1;
  }
  .fb-cover p{font-size:16px;font-weight:300;opacity:.9;z-index:1;margin:0;}

  .fb-page h2{
    font-family:var(--font-display);font-size:22px;margin-bottom:14px;
    color:var(--purple-1);font-weight:700;
  }
  .fb-page.fb-ctr-h h2, .fb-ctr-h{text-align:center;}
  .fb-page p{line-height:1.6;color:#475569;margin-bottom:18px;font-size:13px;}

  .fb-btn{
    display:inline-block;padding:11px 22px;
    background:linear-gradient(90deg,var(--purple-1),var(--pink-acc));
    color:#fff;text-decoration:none;border-radius:8px;
    transition:.3s ease;font-weight:600;font-size:13px;
    box-shadow:0 4px 15px rgba(109,92,255,0.35);align-self:flex-start;
  }
  .fb-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(109,92,255,0.5);}

  .fb-service-card{
    background:#ffffff;border:1px solid #e2e8f0;padding:14px;
    border-radius:8px;margin-bottom:14px;transition:.3s;
    box-shadow:0 2px 5px rgba(0,0,0,0.02);
  }
  .fb-service-card:hover{transform:translateX(5px);border-color:var(--purple-1);box-shadow:0 5px 15px rgba(109,92,255,0.12);}
  .fb-service-card h4{font-size:14px;color:var(--purple-1);margin-bottom:4px;font-family:var(--font-display);}
  .fb-service-card p{margin-bottom:0;font-size:12px;}

  .fb-hint{margin-top:26px;color:var(--text-dim);font-size:13px;}

  @media(max-width:850px){
    .fb-book{transform:scale(0.62);}
    .fb-book:hover{transform:scale(0.62) translateY(-5px);}
    .flipbook-stage{margin-top:20px;margin-bottom:-90px;}
  }
  @media(max-width:480px){
    .fb-book{transform:scale(0.5);}
    .fb-book:hover{transform:scale(0.5) translateY(-5px);}
    .flipbook-stage{margin-bottom:-140px;}
  }