/* =========================================================
   IPTV UK Premium Contact Page
   Isolated page styles — shared header/footer/global CSS untouched
   ========================================================= */

/* Hero */
.contact-hero{
  position:relative;
  min-height:clamp(52rem,92vh,67rem);
  padding:calc(var(--header) + clamp(5rem,8vw,8rem)) 0 clamp(6rem,9vw,9rem);
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 73% 30%,rgba(11,61,145,.22),transparent 24rem),
    radial-gradient(circle at 90% 75%,rgba(200,16,46,.18),transparent 27rem),
    linear-gradient(135deg,#050b15 0%,#081423 48%,#0b1424 100%);
  color:#fff;
}
.contact-hero::after{
  position:absolute;
  right:-8%;
  bottom:-42%;
  width:48rem;
  height:48rem;
  border:1px solid rgba(255,255,255,.05);
  border-radius:50%;
  content:"";
  box-shadow:0 0 0 8rem rgba(255,255,255,.012),0 0 0 16rem rgba(255,255,255,.008);
  pointer-events:none;
}
.contact-hero-grid-pattern,.contact-cta-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 92%);
  pointer-events:none;
}
.contact-hero-noise{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:.17;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");
}
.contact-orb,.form-orb,.contact-cta-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(5rem);
  pointer-events:none;
}
.contact-orb--blue{top:7rem;left:-12rem;width:34rem;height:34rem;background:rgba(11,61,145,.17)}
.contact-orb--violet{right:-9rem;bottom:-6rem;width:31rem;height:31rem;background:rgba(200,16,46,.17)}
.contact-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.88fr) minmax(34rem,1.12fr);align-items:center;gap:clamp(3rem,6vw,7rem)}
.contact-hero-copy{max-width:39rem}
.contact-badge{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  padding:.65rem .9rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--pill);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(1rem);
  font-size:var(--xs);
  font-weight:800;
  letter-spacing:.13em;
}
.contact-badge span{width:.48rem;height:.48rem;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 .32rem rgba(110,231,183,.12),0 0 1rem rgba(110,231,183,.55)}
.contact-hero h1{max-width:45rem;margin-top:1.6rem;color:#fff;font-size:clamp(3.5rem,6vw,6.1rem);font-weight:780;letter-spacing:-.075em;line-height:.96}
.contact-gradient-text{background:linear-gradient(105deg,#91c2ff 0%,#c2a8ff 62%,#fff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.contact-hero-copy>p{max-width:37rem;margin-top:1.7rem;color:rgba(255,255,255,.61);font-size:clamp(1.05rem,1vw + .85rem,1.25rem);line-height:1.75}
.contact-hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.25rem}
.contact-trust-list{display:flex;flex-wrap:wrap;gap:1.15rem 1.55rem;margin-top:2rem;color:rgba(255,255,255,.65);font-size:var(--sm);font-weight:650}
.contact-trust-list li{display:flex;align-items:center;gap:.5rem}
.contact-trust-list span{display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid rgba(110,231,183,.3);border-radius:50%;background:rgba(110,231,183,.1);color:#82efc2;font-size:.72rem}

/* Hero dashboard illustration */
.contact-hero-visual{position:relative;min-height:38rem;perspective:1000px;isolation:isolate}
.visual-glow{position:absolute;border-radius:50%;filter:blur(3.2rem);opacity:.76;animation:contactGlow 8s ease-in-out infinite alternate}
.visual-glow--one{top:12%;right:10%;width:21rem;height:21rem;background:rgba(11,61,145,.25)}
.visual-glow--two{bottom:8%;left:2%;width:18rem;height:18rem;background:rgba(200,16,46,.2);animation-delay:-3s}
.visual-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotateX(68deg) rotateZ(-8deg);animation:ringDrift 14s linear infinite}
.visual-ring--one{top:8%;right:-4%;width:34rem;height:24rem}
.visual-ring--two{bottom:-2%;left:-2%;width:28rem;height:19rem;animation-direction:reverse;animation-duration:18s}
.support-dashboard{
  position:absolute;
  top:7%;
  right:0;
  width:min(100%,38rem);
  min-height:30rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:2rem;
  background:linear-gradient(145deg,rgba(16,29,48,.88),rgba(8,17,31,.74));
  box-shadow:0 3.5rem 8rem rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px rgba(11,61,145,.05);
  backdrop-filter:blur(1.75rem);
  transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotateY(-3deg) rotateX(1deg);
  transition:transform .28s var(--ease);
  animation:dashboardFloat 7s ease-in-out infinite;
}
.support-dashboard__bar{display:flex;height:3.55rem;align-items:center;justify-content:space-between;padding:0 1.15rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.window-dots{display:flex;gap:.34rem}.window-dots i{width:.48rem;height:.48rem;border-radius:50%;background:rgba(255,255,255,.18)}.window-dots i:first-child{background:#ff7171}.window-dots i:nth-child(2){background:#ffc664}.window-dots i:last-child{background:#6ee7b7}
.dashboard-title{display:flex;align-items:center;gap:.52rem;color:rgba(255,255,255,.86);font-size:.79rem}.dashboard-logo{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:.47rem;background:var(--gradient);font-size:.52rem;box-shadow:0 .45rem 1rem rgba(11,61,145,.28)}
.dashboard-online{display:flex;align-items:center;gap:.42rem;padding:.38rem .58rem;border:1px solid rgba(110,231,183,.14);border-radius:var(--pill);background:rgba(110,231,183,.07);color:#9bf2ce;font-size:.64rem;font-weight:750}.dashboard-online i{width:.38rem;height:.38rem;border-radius:50%;background:#6ee7b7;box-shadow:0 0 .8rem rgba(110,231,183,.75);animation:onlinePulse 2s ease-in-out infinite}
.support-dashboard__body{display:grid;min-height:26.45rem;grid-template-columns:3.6rem minmax(0,1fr) 9.4rem}
.support-sidebar{display:flex;padding:.9rem .62rem;align-items:center;flex-direction:column;gap:.72rem;border-right:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.sidebar-item{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.72rem;color:rgba(255,255,255,.3)}.sidebar-item svg{width:1rem;fill:none;stroke:currentColor;stroke-width:1.8}.sidebar-item.is-active{background:linear-gradient(145deg,rgba(11,61,145,.28),rgba(200,16,46,.2));color:#fff;box-shadow:0 .7rem 1.5rem rgba(11,61,145,.15)}
.sidebar-spacer{flex:1}.sidebar-avatar{display:grid;width:2.1rem;height:2.1rem;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:.68rem;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:.59rem;font-weight:800}
.support-conversation{display:flex;min-width:0;flex-direction:column}
.conversation-head{display:flex;min-height:4.2rem;padding:.72rem .9rem;align-items:center;gap:.65rem;border-bottom:1px solid rgba(255,255,255,.07)}
.agent-avatar{position:relative;display:grid;flex:0 0 2.25rem;height:2.25rem;place-items:center;border-radius:.72rem;background:linear-gradient(145deg,#76aefa,#c8102e);color:#fff;font-size:.62rem;font-weight:850}.agent-avatar span{position:absolute;right:-.12rem;bottom:-.1rem;width:.55rem;height:.55rem;border:2px solid #101c2d;border-radius:50%;background:#6ee7b7}
.conversation-head div:nth-child(2){min-width:0}.conversation-head strong,.conversation-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-head strong{color:rgba(255,255,255,.83);font-size:.68rem}.conversation-head small{margin-top:.12rem;color:rgba(255,255,255,.35);font-size:.55rem}.conversation-head button{margin-left:auto;background:transparent;color:rgba(255,255,255,.35);font-size:.75rem}
.conversation-stream{display:flex;flex:1;padding:1rem .8rem;flex-direction:column;gap:1rem;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.message-row{display:flex;align-items:flex-end;gap:.45rem}.message-row--customer{justify-content:flex-end}.message-avatar{display:grid;flex:0 0 1.3rem;height:1.3rem;place-items:center;border-radius:.42rem;background:rgba(200,16,46,.22);color:#c5b3ff;font-size:.48rem;font-weight:800}
.message-bubble{max-width:76%;padding:.65rem .72rem;border:1px solid rgba(255,255,255,.07);border-radius:.8rem .8rem .8rem .18rem;background:rgba(255,255,255,.065);color:rgba(255,255,255,.7);font-size:.57rem;line-height:1.5}.message-row--customer .message-bubble{border-color:rgba(11,61,145,.22);border-radius:.8rem .8rem .18rem .8rem;background:linear-gradient(145deg,rgba(11,61,145,.3),rgba(200,16,46,.22));color:#fff}
.message-bubble--typing{display:flex;width:3.1rem;align-items:center;justify-content:center;gap:.25rem}.message-bubble--typing i{width:.26rem;height:.26rem;border-radius:50%;background:rgba(255,255,255,.5);animation:typingDot 1.2s ease-in-out infinite}.message-bubble--typing i:nth-child(2){animation-delay:.15s}.message-bubble--typing i:nth-child(3){animation-delay:.3s}
.conversation-input{display:flex;margin:.65rem .8rem .85rem;padding:.4rem .4rem .4rem .7rem;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);border-radius:.72rem;background:rgba(255,255,255,.04);color:rgba(255,255,255,.24);font-size:.55rem}.conversation-input button{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:.5rem;background:var(--gradient);color:#fff;font-size:.65rem;box-shadow:0 .5rem 1rem rgba(11,61,145,.2)}
.device-preview{padding:.9rem .75rem;border-left:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.device-preview__top{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.4);font-size:.58rem;font-weight:750}.device-preview__top i{width:.42rem;height:.42rem;border-radius:50%;background:#6ee7b7;box-shadow:0 0 .7rem rgba(110,231,183,.6)}
.device-mockup{width:5.2rem;margin:1.5rem auto 1.2rem;padding:.28rem;border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;background:#050c16;box-shadow:0 1.2rem 2.5rem rgba(0,0,0,.35)}
.device-speaker{width:1.2rem;height:.14rem;margin:.15rem auto .3rem;border-radius:1rem;background:rgba(255,255,255,.16)}
.device-screen{display:flex;min-height:9rem;padding:.65rem .4rem;align-items:center;flex-direction:column;justify-content:center;border-radius:.8rem;background:radial-gradient(circle at 50% 25%,rgba(11,61,145,.34),transparent 44%),linear-gradient(150deg,#0d1b2e,#111329);text-align:center}.device-app-icon{display:grid;width:2rem;height:2rem;margin-bottom:.7rem;place-items:center;border-radius:.62rem;background:var(--gradient);color:#fff;font-size:.7rem;box-shadow:0 .7rem 1.5rem rgba(11,61,145,.28)}.device-screen strong{color:#fff;font-size:.6rem}.device-screen small{margin-top:.15rem;color:rgba(255,255,255,.36);font-size:.48rem}.device-progress{width:72%;height:.16rem;margin-top:.8rem;overflow:hidden;border-radius:1rem;background:rgba(255,255,255,.08)}.device-progress i{display:block;width:76%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b3d91,#c8102e);animation:progressGlow 3.2s ease-in-out infinite}
.device-status{display:flex;padding:.55rem;align-items:center;gap:.48rem;border:1px solid rgba(110,231,183,.1);border-radius:.65rem;background:rgba(110,231,183,.045)}.device-status>i{flex:0 0 .42rem;height:.42rem;border-radius:50%;background:#6ee7b7}.device-status strong,.device-status small{display:block}.device-status strong{color:rgba(255,255,255,.7);font-size:.5rem}.device-status small{color:rgba(255,255,255,.3);font-size:.42rem}
.floating-support-card{position:absolute;z-index:3;display:flex;min-width:13.5rem;padding:.8rem .9rem;align-items:center;gap:.7rem;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background:rgba(18,31,50,.78);box-shadow:0 1.5rem 3.5rem rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(1.2rem);transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0);transition:transform .28s var(--ease);animation:smallFloat 5.5s ease-in-out infinite}
.floating-support-card--response{top:2%;left:-2%}.floating-support-card--secure{right:-3%;bottom:6%;animation-delay:-2.4s}
.floating-card-icon{display:grid;width:2.15rem;height:2.15rem;place-items:center;border-radius:.68rem;background:linear-gradient(145deg,rgba(11,61,145,.3),rgba(50,189,232,.18));color:#a8d1ff;font-size:.8rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.floating-card-icon--violet{background:linear-gradient(145deg,rgba(200,16,46,.32),rgba(11,61,145,.16));color:#d2c3ff}.floating-support-card small,.floating-support-card strong{display:block}.floating-support-card small{color:rgba(255,255,255,.36);font-size:.54rem}.floating-support-card strong{margin-top:.1rem;color:rgba(255,255,255,.83);font-size:.68rem}
.floating-mini-icon{position:absolute;z-index:2;display:grid;width:3.15rem;height:3.15rem;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:linear-gradient(145deg,rgba(11,61,145,.28),rgba(200,16,46,.16));box-shadow:0 1.3rem 3rem rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(1rem);transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(-8deg);transition:transform .28s var(--ease);animation:miniFloat 6.5s ease-in-out infinite}.floating-mini-icon svg{width:1.25rem;fill:none;stroke:#fff;stroke-width:1.6}.floating-mini-icon--chat{right:5%;top:10%}.floating-mini-icon--headset{left:3%;bottom:14%;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(9deg);animation-delay:-3s}

/* Contact option cards */
.contact-options-section{background:linear-gradient(180deg,#fff 0%,#fafbfe 100%)}
.contact-options-section .section-heading{max-width:49rem}
.contact-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.contact-channel-card{--card-accent:11,61,145;position:relative;display:flex;min-height:25rem;padding:1.7rem;overflow:hidden;flex-direction:column;border:1px solid rgba(17,24,39,.075);border-radius:1.65rem;background:rgba(255,255,255,.9);box-shadow:0 1rem 3rem rgba(17,24,39,.055),inset 0 1px 0 #fff;transition:transform .45s var(--spring),box-shadow .45s ease,border-color .35s ease}
.contact-channel-card::before{position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(var(--card-accent),.48),transparent 38%,transparent 70%,rgba(var(--card-accent),.15));content:"";opacity:0;pointer-events:none;transition:opacity .35s ease;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.contact-channel-card::after{position:absolute;top:-5rem;right:-5rem;width:11rem;height:11rem;border-radius:50%;background:rgba(var(--card-accent),.08);content:"";filter:blur(1rem);transition:transform .5s var(--spring),opacity .35s ease}
.contact-channel-card--violet{--card-accent:200,16,46}.contact-channel-card--cyan{--card-accent:50,189,232}.contact-channel-card--green{--card-accent:22,166,106}
.contact-channel-card:hover{z-index:2;border-color:rgba(var(--card-accent),.22);box-shadow:0 1.8rem 4.5rem rgba(17,24,39,.11),0 0 0 .2rem rgba(var(--card-accent),.05);transform:translateY(-.75rem)}
.contact-channel-card:hover::before{opacity:1}.contact-channel-card:hover::after{opacity:.9;transform:scale(1.18)}
.channel-icon{position:relative;z-index:1;display:grid;width:4.2rem;height:4.2rem;margin-bottom:2.2rem;place-items:center;border:1px solid rgba(var(--card-accent),.12);border-radius:1.3rem;background:linear-gradient(145deg,rgba(var(--card-accent),.17),rgba(var(--card-accent),.055));box-shadow:0 1rem 2rem rgba(var(--card-accent),.1),inset 0 1px 0 rgba(255,255,255,.8);transition:transform .45s var(--spring)}.channel-icon svg{width:1.8rem;fill:none;stroke:rgb(var(--card-accent));stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.contact-channel-card:hover .channel-icon{transform:translateY(-.25rem) rotate(-4deg) scale(1.05)}
.channel-kicker{display:block;margin-bottom:.55rem;color:rgb(var(--card-accent));font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contact-channel-card h3{font-size:1.55rem}.contact-channel-card p{margin-top:.85rem;font-size:.94rem;line-height:1.72}
.channel-link{position:relative;z-index:1;display:flex;margin-top:auto;padding-top:1.8rem;align-items:center;justify-content:space-between;color:var(--text);font-size:.88rem;font-weight:750}.channel-link span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid rgba(var(--card-accent),.13);border-radius:50%;background:rgba(var(--card-accent),.06);color:rgb(var(--card-accent));transition:transform .35s var(--spring),background .3s,color .3s}.contact-channel-card:hover .channel-link span{background:rgb(var(--card-accent));color:#fff;transform:translateX(.25rem) rotate(-8deg)}

/* Why support */
.support-benefits-section{overflow:hidden;background:#f7f9fd}
.support-benefits-section::before{position:absolute;top:-15rem;left:-11rem;width:34rem;height:34rem;border-radius:50%;background:rgba(11,61,145,.07);content:"";filter:blur(5rem)}
.support-benefits-section .container{position:relative;display:grid;grid-template-columns:minmax(17rem,.72fr) minmax(0,1.6fr);align-items:start;gap:clamp(3rem,6vw,6.5rem)}
.support-benefits-heading{position:sticky;top:calc(var(--header) + 3rem)}
.support-benefits-heading h2{margin-top:1rem}.support-benefits-heading p{margin-top:1.25rem;font-size:var(--lg);line-height:1.75}
.support-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.support-benefit-card{position:relative;min-height:19rem;padding:1.6rem;overflow:hidden;border:1px solid rgba(17,24,39,.07);border-radius:1.6rem;background:rgba(255,255,255,.86);box-shadow:0 1rem 3rem rgba(17,24,39,.05),inset 0 1px 0 #fff;backdrop-filter:blur(1rem);transition:transform .4s var(--spring),box-shadow .4s ease}
.support-benefit-card:nth-child(even){transform:translateY(2rem)}.support-benefit-card:nth-child(even):hover{transform:translateY(1.35rem)}.support-benefit-card:hover{box-shadow:0 1.7rem 4rem rgba(17,24,39,.09);transform:translateY(-.65rem)}
.support-benefit-card::after{position:absolute;right:-3rem;bottom:-4rem;width:10rem;height:10rem;border-radius:50%;background:radial-gradient(circle,rgba(11,61,145,.09),transparent 70%);content:""}
.benefit-number{color:rgba(17,17,17,.28);font-size:.68rem;font-weight:800;letter-spacing:.1em}.benefit-symbol{display:grid;width:3.6rem;height:3.6rem;margin:1.8rem 0 2.25rem;place-items:center;border-radius:1.15rem;background:linear-gradient(145deg,#edf5ff,#f4efff);color:var(--primary);box-shadow:0 .9rem 2rem rgba(11,61,145,.1);font-size:1rem;font-weight:850}.support-benefit-card h3{font-size:1.4rem}.support-benefit-card p{margin-top:.75rem;font-size:.91rem;line-height:1.7}

/* Social proof */
.support-proof-section{position:relative;padding:0 0 var(--section);background:#f7f9fd}
.support-proof-shell{position:relative;display:grid;padding:clamp(2rem,4vw,3.25rem);overflow:hidden;grid-template-columns:.9fr 1.4fr;align-items:center;gap:3rem;border:1px solid rgba(255,255,255,.08);border-radius:2rem;background:linear-gradient(135deg,#081322,#0a1829 48%,#111529);box-shadow:0 2.5rem 6rem rgba(7,17,31,.2);color:#fff}
.support-proof-shell::after{position:absolute;right:-8rem;bottom:-13rem;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(200,16,46,.25),transparent 67%);content:""}
.support-proof-copy{position:relative;z-index:1;display:flex;align-items:center;gap:1rem}.proof-pulse{position:relative;display:grid;flex:0 0 3rem;height:3rem;place-items:center;border:1px solid rgba(110,231,183,.18);border-radius:50%;background:rgba(110,231,183,.08)}.proof-pulse::before,.proof-pulse::after{position:absolute;inset:.35rem;border:1px solid rgba(110,231,183,.25);border-radius:50%;content:"";animation:proofPulse 2.5s ease-out infinite}.proof-pulse::after{animation-delay:1.2s}.proof-pulse i{width:.65rem;height:.65rem;border-radius:50%;background:#6ee7b7;box-shadow:0 0 1.2rem rgba(110,231,183,.75)}
.support-proof-copy h2{margin-top:.55rem;color:#fff;font-size:clamp(1.65rem,2.6vw,2.55rem)}
.support-proof-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.support-proof-metrics div{padding-left:1.35rem;border-left:1px solid rgba(255,255,255,.1)}.support-proof-metrics dt{color:#fff;font-size:.92rem;font-weight:780}.support-proof-metrics dd{margin-top:.3rem;color:rgba(255,255,255,.42);font-size:.75rem}

/* Form */
.contact-form-section{overflow:hidden;background:linear-gradient(180deg,#fff,#f8faff)}
.form-orb--one{top:8%;right:-8rem;width:27rem;height:27rem;background:rgba(11,61,145,.08)}.form-orb--two{bottom:-7rem;left:-8rem;width:25rem;height:25rem;background:rgba(200,16,46,.07)}
.contact-form-layout{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(32rem,1.2fr);align-items:center;gap:clamp(3rem,7vw,7rem)}
.contact-form-intro{max-width:33rem}.contact-form-intro h2{margin-top:1rem}.contact-form-intro>p{margin-top:1.3rem;font-size:var(--lg);line-height:1.75}
.form-support-points{display:grid;margin-top:2.5rem;gap:1.25rem}.form-support-points>div{display:flex;align-items:flex-start;gap:.9rem}.form-support-points>div>span{display:grid;flex:0 0 2.1rem;height:2.1rem;place-items:center;border:1px solid rgba(11,61,145,.12);border-radius:.65rem;background:rgba(11,61,145,.06);color:var(--primary);font-size:.64rem;font-weight:850}.form-support-points strong,.form-support-points small{display:block}.form-support-points strong{font-size:.9rem}.form-support-points small{margin-top:.2rem;color:var(--muted);font-size:.78rem;line-height:1.55}
.premium-form-card{position:relative;padding:1px;overflow:hidden;border-radius:2rem;background:linear-gradient(145deg,rgba(11,61,145,.35),rgba(255,255,255,.9) 34%,rgba(200,16,46,.22));box-shadow:0 2rem 6rem rgba(17,24,39,.12)}
.premium-form-card::before{position:absolute;inset:1px;border-radius:calc(2rem - 1px);background:rgba(255,255,255,.92);content:"";backdrop-filter:blur(2rem)}
.form-card-glow{position:absolute;z-index:1;top:-8rem;right:-6rem;width:19rem;height:19rem;border-radius:50%;background:rgba(11,61,145,.11);filter:blur(3rem)}
.form-card-header,.premium-contact-form{position:relative;z-index:2}
.form-card-header{display:flex;padding:1.35rem 1.55rem;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,24,39,.065)}.form-card-header>div{display:flex;align-items:center;gap:.55rem}.form-card-header strong{font-size:.87rem}.form-card-header small{color:var(--muted);font-size:.7rem}.form-status-dot{width:.52rem;height:.52rem;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 .3rem rgba(110,231,183,.12)}
.premium-contact-form{padding:clamp(1.4rem,3.3vw,2.25rem)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}
.floating-field{position:relative;min-width:0}.floating-field--wide{grid-column:1/-1}
.floating-field input,.floating-field textarea{width:100%;border:1px solid rgba(17,24,39,.1);border-radius:1rem;outline:0;background:rgba(248,250,253,.78);box-shadow:inset 0 1px 2px rgba(17,24,39,.025);transition:border-color .3s,box-shadow .3s,background .3s,transform .25s}
.floating-field input{height:4.25rem;padding:1.35rem 1rem .45rem}.floating-field textarea{min-height:9.5rem;padding:1.65rem 1rem .8rem;resize:vertical;line-height:1.55}
.floating-field label{position:absolute;top:1.3rem;left:1rem;color:#858b96;font-size:.88rem;pointer-events:none;transform-origin:left top;transition:transform .25s var(--ease),color .25s,top .25s}.floating-field label em{font-style:normal;color:#a8acb4;font-size:.72rem}
.floating-field input:focus,.floating-field textarea:focus{border-color:rgba(11,61,145,.55);background:#fff;box-shadow:0 0 0 .26rem rgba(11,61,145,.09),0 .8rem 1.7rem rgba(11,61,145,.07);transform:translateY(-1px)}
.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label,.floating-field textarea:focus+label,.floating-field textarea:not(:placeholder-shown)+label{top:.65rem;color:var(--primary);font-weight:750;transform:scale(.72)}
.field-line{position:absolute;right:1rem;bottom:0;left:1rem;height:2px;border-radius:2px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.floating-field:focus-within .field-line{transform:scaleX(1)}
.premium-contact-form.was-validated input:invalid,.premium-contact-form.was-validated textarea:invalid{border-color:rgba(220,67,67,.55);box-shadow:0 0 0 .22rem rgba(220,67,67,.07)}
.form-consent{display:flex;margin-top:1.1rem;align-items:center;gap:.55rem}.form-lock{display:grid;width:1.35rem;height:1.35rem;place-items:center;border-radius:50%;background:rgba(22,166,106,.08);color:var(--success);font-size:.66rem;font-weight:850}.form-consent p{font-size:.72rem}
.premium-submit-button{width:100%;margin-top:1.4rem;border:0}.premium-submit-button:disabled{cursor:wait;opacity:.85}.submit-label{display:flex;align-items:center;gap:.6rem}.submit-label i{font-style:normal;transition:transform .3s var(--spring)}.premium-submit-button:hover .submit-label i{transform:translateX(.25rem)}.submit-loader,.submit-success{display:none}.submit-loader{width:1.15rem;height:1.15rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:formSpin .75s linear infinite}.submit-success{font-size:1rem}
.premium-contact-form.is-loading .submit-label,.premium-contact-form.is-success .submit-label{display:none}.premium-contact-form.is-loading .submit-loader,.premium-contact-form.is-success .submit-success{display:block}.premium-contact-form.is-success .premium-submit-button{background:linear-gradient(135deg,#16a66a,#4bc78e);box-shadow:0 12px 30px rgba(22,166,106,.22);animation:successPop .45s var(--spring)}
.form-feedback{min-height:1.35rem;margin-top:.6rem;text-align:center;color:var(--soft);font-size:.75rem}.premium-contact-form.is-success .form-feedback{color:var(--success);font-weight:700}

/* CTA */
.contact-cta-section{position:relative;padding:0 0 var(--section);background:#f8faff}
.contact-cta-banner{position:relative;display:flex;min-height:27rem;padding:clamp(2.4rem,6vw,5rem);overflow:hidden;align-items:center;justify-content:space-between;gap:3rem;border:1px solid rgba(255,255,255,.08);border-radius:2.35rem;background:linear-gradient(135deg,#0a1931 0%,#0a1728 48%,#17122c 100%);box-shadow:0 3.2rem 7rem rgba(7,17,31,.3);color:#fff;isolation:isolate}
.contact-cta-grid{z-index:-1;opacity:.62;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.contact-cta-orb{z-index:-1}.contact-cta-orb--blue{right:20%;bottom:-12rem;width:28rem;height:28rem;background:rgba(11,61,145,.25)}.contact-cta-orb--violet{top:-11rem;right:-5rem;width:27rem;height:27rem;background:rgba(200,16,46,.24)}
.contact-cta-copy{max-width:41rem}.contact-cta-copy h2{margin-top:1rem;color:#fff;font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.065em}.contact-cta-copy p{max-width:36rem;margin-top:1.2rem;color:rgba(255,255,255,.52);font-size:var(--lg)}
.contact-cta-actions{display:flex;flex:0 0 auto;flex-direction:column;gap:.85rem;min-width:13.5rem}.contact-cta-actions .button{width:100%}

/* Motion */
@keyframes dashboardFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes smallFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes miniFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes contactGlow{to{transform:translate3d(1.5rem,-1rem,0) scale(1.1)}}
@keyframes ringDrift{to{transform:rotateX(68deg) rotateZ(352deg)}}
@keyframes onlinePulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@keyframes typingDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes progressGlow{0%,100%{opacity:.65;width:68%}50%{opacity:1;width:84%}}
@keyframes proofPulse{0%{opacity:.8;transform:scale(.55)}100%{opacity:0;transform:scale(1.75)}}
@keyframes formSpin{to{transform:rotate(360deg)}}
@keyframes successPop{0%{transform:scale(.97)}60%{transform:scale(1.02)}100%{transform:scale(1)}}

/* Responsive */
@media(max-width:1180px){
  .contact-hero-layout{grid-template-columns:minmax(0,.82fr) minmax(31rem,1.18fr);gap:3rem}
  .contact-hero h1{font-size:clamp(3.5rem,5.6vw,5.2rem)}
  .support-dashboard{width:34rem}.floating-support-card--response{left:-4%}.floating-support-card--secure{right:-1%}
  .contact-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-channel-card{min-height:21rem}
}
@media(max-width:1024px){
  .contact-hero{min-height:auto;padding-top:calc(var(--header) + 5rem)}
  .contact-hero-layout{grid-template-columns:1fr;gap:4rem}.contact-hero-copy{max-width:48rem}.contact-hero-visual{width:min(100%,43rem);min-height:39rem;margin-inline:auto}
  .support-dashboard{right:50%;width:min(100%,38rem);transform:translate3d(calc(50% + var(--parallax-x,0px)),var(--parallax-y,0),0) rotateY(-2deg);animation:none}
  .floating-support-card--response{left:0}.floating-support-card--secure{right:0}
  .support-benefits-section .container,.contact-form-layout{grid-template-columns:1fr}.support-benefits-heading{position:static;max-width:44rem}.contact-form-intro{max-width:44rem}.premium-form-card{width:min(100%,48rem);margin-inline:auto}
  .support-proof-shell{grid-template-columns:1fr;gap:2rem}.support-proof-metrics{padding-left:4rem}
  .contact-cta-banner{align-items:flex-start;flex-direction:column}.contact-cta-actions{width:100%;flex-direction:row}.contact-cta-actions .button{width:auto}
}
@media(max-width:760px){
  .contact-hero{padding-top:calc(var(--header) + 4rem);padding-bottom:5.5rem}.contact-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.contact-hero-copy>p{font-size:1rem}.contact-hero-actions{flex-direction:column}.contact-hero-actions .button{width:100%}.contact-trust-list{display:grid;grid-template-columns:1fr;gap:.75rem}
  .contact-hero-visual{min-height:32rem;transform:scale(.9);transform-origin:top center}.support-dashboard{width:35rem;right:50%}.floating-support-card--response{left:-2rem}.floating-support-card--secure{right:-2rem}.floating-mini-icon--headset{left:-1rem}.floating-mini-icon--chat{right:-1rem}
  .contact-channel-grid,.support-benefits-grid{grid-template-columns:1fr}.contact-channel-card{min-height:20rem}.support-benefit-card,.support-benefit-card:nth-child(even){min-height:auto;transform:none}.support-benefit-card:nth-child(even):hover,.support-benefit-card:hover{transform:translateY(-.45rem)}
  .support-proof-section{padding-bottom:5rem}.support-proof-shell{padding:2rem 1.3rem;border-radius:1.5rem}.support-proof-copy{align-items:flex-start}.support-proof-metrics{grid-template-columns:1fr;padding-left:0}.support-proof-metrics div{padding:.85rem 0 0;border-top:1px solid rgba(255,255,255,.09);border-left:0}
  .form-grid{grid-template-columns:1fr}.floating-field--wide{grid-column:auto}.premium-form-card{border-radius:1.5rem}.premium-form-card::before{border-radius:calc(1.5rem - 1px)}
  .contact-cta-banner{min-height:0;padding:2.5rem 1.45rem;border-radius:1.6rem}.contact-cta-actions{flex-direction:column}.contact-cta-actions .button{width:100%}
}
@media(max-width:520px){
  .contact-hero-visual{min-height:27rem;transform:scale(.72);width:138%;margin-left:-19%}.support-dashboard__body{grid-template-columns:3.25rem minmax(0,1fr) 8.5rem}.floating-support-card--response{left:0}.floating-support-card--secure{right:0}
  .contact-channel-card{padding:1.4rem;border-radius:1.4rem}.channel-icon{margin-bottom:1.55rem}
  .premium-contact-form{padding:1.15rem}.form-card-header{padding:1.1rem}.contact-cta-copy h2{font-size:2.55rem}
}