/* --- BASE STYLES --- */
  body.superb-legacy-custom-page #my-custom-code { 
      font-family: 'Montserrat', sans-serif; 
      background: linear-gradient(135deg, #1a0a2e 0%, #0f0518 100%); 
      min-height: 100vh; 
      color: white; width: 100%; max-width: 100vw; overflow-x: hidden ; scroll-behavior: smooth;
  }
  body.superb-legacy-custom-page #my-custom-code h1, body.superb-legacy-custom-page #my-custom-code h2, body.superb-legacy-custom-page #my-custom-code h3, body.superb-legacy-custom-page #my-custom-code h4, body.superb-legacy-custom-page #my-custom-code h5, body.superb-legacy-custom-page #my-custom-code h6 { font-family: 'Raleway', sans-serif; }
  body.superb-legacy-custom-page { overflow-x: hidden ; max-width: 100vw; width: 100%; }

  /* --- COMPONENTS --- */
  body.superb-legacy-custom-page #my-custom-code .glass-card {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); transition: all 0.3s ease;
  }
  body.superb-legacy-custom-page #my-custom-code .glass-card:hover { border-color: rgba(255,59,191,0.4); background: rgba(255,255,255,0.05); }
  
  body.superb-legacy-custom-page #my-custom-code .glow-pink { box-shadow: 0 0 30px rgba(255,59,191,0.3); }
  body.superb-legacy-custom-page #my-custom-code .text-glow { text-shadow: 0 0 20px rgba(255,59,191,0.5); }
  body.superb-legacy-custom-page #my-custom-code .btn-glow { box-shadow: 0 0 20px rgba(255,59,191,0.4), inset 0 0 10px rgba(255,255,255,0.1); transition: all 0.3s ease; }
  body.superb-legacy-custom-page #my-custom-code .btn-glow:hover { box-shadow: 0 0 40px rgba(255,59,191,0.6); transform: translateY(-2px); }

  /* Content remains readable if the optional reveal animation cannot start. */
  body.superb-legacy-custom-page #my-custom-code .fade-in { opacity: 1; transform: none; transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
  body.superb-legacy-custom-page #my-custom-code.sdcontact-reveal-ready .fade-in { opacity: 0; transform: translateY(20px); }
  body.superb-legacy-custom-page #my-custom-code .fade-in.visible { opacity: 1; transform: translateY(0); }
  @media (prefers-reduced-motion: reduce) {
    body.superb-legacy-custom-page #my-custom-code .fade-in { transition: none; }
  }

  /* --- FORMS --- */
  body.superb-legacy-custom-page #my-custom-code .form-input {
    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.15); color: white; transition: all 0.3s ease;
  }
  body.superb-legacy-custom-page #my-custom-code .form-input:focus { background: rgba(255,255,255,0.08); border-color: #ff3bbf; outline: none; box-shadow: 0 0 12px rgba(255,59,191,0.2); }
  body.superb-legacy-custom-page #my-custom-code select.form-input option { background: #1a0a2e; color: white; }
  
  body.superb-legacy-custom-page #my-custom-code .tab-button { transition: all 0.3s ease; border: 1px solid transparent; }
  body.superb-legacy-custom-page #my-custom-code .tab-button.active { background: rgba(255,59,191,0.15); border-color: #ff3bbf; color: #fff; }
  
  body.superb-legacy-custom-page #my-custom-code .form-step { display: none; animation: slideIn 0.3s ease forwards; }
  body.superb-legacy-custom-page #my-custom-code .form-step.active { display: block; }
  @keyframes slideIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }

  body.superb-legacy-custom-page #my-custom-code .service-select-card {
    background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.1); border-radius: 0.75rem; padding: 1rem; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: flex-start; gap: 0.75rem;
  }
  body.superb-legacy-custom-page #my-custom-code .service-select-card:hover { border-color: rgba(255,59,191,0.4); background: rgba(255,255,255,0.06); }
  body.superb-legacy-custom-page #my-custom-code .service-select-card.selected { background: rgba(255,59,191,0.15); border-color: #ff3bbf; box-shadow: 0 0 15px rgba(255,59,191,0.2); }

  body.superb-legacy-custom-page #my-custom-code .social-icon {
    width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px; transition: all 0.3s ease; cursor: pointer;
  }
  body.superb-legacy-custom-page #my-custom-code .social-icon:hover {
    background: rgba(255,59,191,0.2); border-color: rgba(255,59,191,0.5);
    transform: translateY(-3px); box-shadow: 0 0 20px rgba(255,59,191,0.3);
  }
/* v1.7 accessibility + premium contact refinements */
body.superb-contact-page #my-custom-code{padding-top:0}
body.superb-contact-page #my-custom-code>div:first-child{margin-top:0}
body.superb-contact-page #my-custom-code .sdcontact-hero{position:relative;overflow:hidden;background:#110819}
body.superb-contact-page #my-custom-code .sdcontact-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.superb-contact-page #my-custom-code .sdcontact-status{min-height:0;margin:0 0 14px;color:#d7f7e8;font-size:14px;text-align:center}
body.superb-contact-page #my-custom-code .service-select-card .sd-icon{width:18px;height:18px;margin-right:6px;color:#e6b9ff;vertical-align:-.25em}
body.superb-contact-page #my-custom-code .faq-item button{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font-family:inherit}
body.superb-contact-page #my-custom-code .faq-item button:focus-visible{outline:2px solid #ff3bbf;outline-offset:-4px}
body.superb-contact-page #my-custom-code :where(input,select,textarea):focus-visible{outline:2px solid #ff3bbf;outline-offset:2px}
@media(max-width:680px){body.superb-contact-page #my-custom-code{padding-top:0}}
body.superb-contact-page #my-custom-code .sdcontact-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body.superb-contact-page #my-custom-code .sdcontact-status[data-state="error"]{color:#fecaca}
body.superb-contact-page #my-custom-code .sdcontact-status[data-state="loading"]{color:#e9d5ff}
body.superb-contact-page #my-custom-code .sdcontact-status[data-state="success"]{color:#bbf7d0}

/* Contact has one header clearance, before its announcement strip. The extra
   pixel includes the fixed header's bottom border. Keep the strip compact. */
html body.superb-contact-page.superb-legacy-custom-page #my-custom-code{padding-top:calc(var(--sdh-height,92px) + 1px)}
html body.superb-contact-page #my-custom-code>.sdcontact-context{padding:0!important}
body.superb-contact-page #my-custom-code .sdcontact-hero .btn-glow{margin-top:14px}
@media(max-width:620px){body.superb-contact-page #my-custom-code .sdcontact-hero .btn-glow{margin-top:18px}}


/* ==========================================================
   CONTACT — consultation cards own their spacing inside the scoped reset.
   The generic component selectors cannot outrank #my-custom-code's reset.
   ========================================================== */
body.superb-contact-page #my-custom-code .sdcontact-consult-head{margin:0 0 38px}
body.superb-contact-page #my-custom-code .sdcontact-consult-head h2{margin:12px 0 16px}
body.superb-contact-page #my-custom-code .sdcontact-consult-head p{margin:0;line-height:1.75}
body.superb-contact-page #my-custom-code .sdcontact-consult-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px!important;row-gap:0!important;align-items:stretch!important}
body.superb-contact-page #my-custom-code .sdcontact-consult-card{position:relative!important;display:flex;flex-direction:column;min-width:0;min-height:0;padding:28px;isolation:isolate!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 44px rgba(4,1,8,.18)!important;overflow:hidden!important}
body.superb-contact-page #my-custom-code .sdcontact-consult-card.is-featured{border-color:rgba(255,59,191,.38)!important;background:linear-gradient(145deg,rgba(93,19,175,.34),rgba(255,59,191,.10))!important}
body.superb-contact-page #my-custom-code .sdcontact-consult-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;margin:0 0 22px;border-radius:16px}
body.superb-contact-page #my-custom-code .sdcontact-consult-icon .sd-icon{width:24px;height:24px}
body.superb-contact-page #my-custom-code .sdcontact-consult-card>span{display:block;margin:0 0 12px;color:#e5b5ff;font-size:10.5px;line-height:1.4;font-weight:850;letter-spacing:.13em}
body.superb-contact-page #my-custom-code .sdcontact-consult-card h3{min-height:2.32em;margin:0 0 16px;color:#fff!important;font:800 clamp(24px,2.1vw,27px)/1.16 "Raleway",sans-serif;letter-spacing:-.025em;text-shadow:none!important;overflow-wrap:break-word}
body.superb-contact-page #my-custom-code .sdcontact-consult-card>p{min-height:5.25em;margin:0 0 24px;color:rgba(255,255,255,.74)!important;font-size:14.5px;line-height:1.75}
body.superb-contact-page #my-custom-code .sdcontact-consult-card ul{display:grid;gap:12px;margin:0 0 28px;padding:0;list-style:none}
body.superb-contact-page #my-custom-code .sdcontact-consult-card li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;color:rgba(255,255,255,.86)!important;font-size:13px;line-height:1.55}
body.superb-contact-page #my-custom-code .sdcontact-consult-card li .sd-icon{display:block;width:16px;height:16px;flex:none;margin-top:2px}
body.superb-contact-page #my-custom-code .sdcontact-consult-card button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;margin:auto 0 0;padding:12px 16px;border:1px solid rgba(255,255,255,.17);border-radius:14px;color:#fff;background:rgba(255,255,255,.065);font-size:13.5px;line-height:1.4;font-weight:800;text-align:center;transition:border-color .2s ease,background .2s ease}
body.superb-contact-page #my-custom-code .sdcontact-consult-card.is-featured button{border-color:transparent;background:linear-gradient(105deg,#5d13af,#ff3bbf)}
body.superb-contact-page #my-custom-code .sdcontact-consult-card button .sd-icon{width:17px;height:17px;flex:none}
body.superb-contact-page #my-custom-code .sdcontact-consult-card button:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12)}
body.superb-contact-page #my-custom-code .sdcontact-consult-card.is-featured button:hover{background:linear-gradient(105deg,#6b1cba,#e42aa8)}
body.superb-contact-page #my-custom-code .sdcontact-consult-card button:focus-visible{outline:3px solid #ffc3eb;outline-offset:4px}
/* Shared intrinsic rows align each desktop card's label, heading, description,
   feature list and action even when one title or paragraph wraps further. */
@supports(grid-template-rows:subgrid){
  @media(min-width:851px){
    body.superb-contact-page #my-custom-code .sdcontact-consult-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}
    body.superb-contact-page #my-custom-code .sdcontact-consult-card h3,
    body.superb-contact-page #my-custom-code .sdcontact-consult-card>p{min-height:0}
  }
}
body.superb-contact-page #my-custom-code #contact-forms .glass-card{position:relative;isolation:isolate;margin-top:0;margin-bottom:0;border-color:rgba(255,255,255,.11)}
body.superb-contact-page #my-custom-code .service-select-card{min-width:0;isolation:isolate}
@media(max-width:850px){
  body.superb-contact-page #my-custom-code .sdcontact-consult-grid{grid-template-columns:1fr;row-gap:20px!important}
  body.superb-contact-page #my-custom-code .sdcontact-consult-card{min-height:0!important;padding:26px}
  body.superb-contact-page #my-custom-code .sdcontact-consult-card h3,
  body.superb-contact-page #my-custom-code .sdcontact-consult-card>p{min-height:0}
}
@media(max-width:620px){
  body.superb-contact-page #my-custom-code .sdcontact-consult-card{padding:24px 22px}
  body.superb-contact-page #my-custom-code .sdcontact-consult-head{margin-bottom:28px}
}