.abite-root,
.abite-root * { box-sizing: border-box; }
.abite-root { width:100%; color:var(--abite-text,#f8f7f2); font-family:inherit; }
.abite-root button,.abite-root a { font:inherit; }
.abite-root button { appearance:none; -webkit-appearance:none; border:0; margin:0; cursor:pointer; }
.abite-root [hidden] { display:none !important; }
.abite-shell { width:min(100%,var(--abite-max-width,1120px)); margin-inline:auto; padding:var(--abite-widget-padding,0); }
.abite-header { text-align:var(--abite-header-align,center); margin-bottom:var(--abite-header-gap,34px); }
.abite-eyebrow { display:inline-flex; align-items:center; gap:7px; margin:0 0 14px; color:var(--abite-accent,#f4b642); font-size:11px; font-weight:800; letter-spacing:.16em; line-height:1.2; text-transform:uppercase; }
.abite-eyebrow-icon { width:14px; height:14px; display:inline-flex; }
.abite-heading { margin:0; color:var(--abite-heading,#f8f7f2); font-size:clamp(30px,4vw,46px); line-height:1.08; font-weight:750; letter-spacing:-.035em; }
.abite-heading-highlight { color:var(--abite-accent,#f4b642); }
.abite-subtitle { max-width:690px; margin:15px auto 0; color:var(--abite-muted,#aab5c8); font-size:15px; line-height:1.55; }
.abite-category-nav { display:flex; justify-content:center; margin-bottom:var(--abite-tabs-to-content,38px); }
.abite-category-list { display:inline-flex; align-items:center; max-width:100%; gap:var(--abite-main-gap,2px); padding:var(--abite-main-wrap-padding,5px); border:var(--abite-main-wrap-border,1px solid rgba(255,255,255,.10)); border-radius:var(--abite-main-wrap-radius,999px); background:var(--abite-main-wrap-bg,rgba(255,255,255,.035)); overflow-x:auto; scrollbar-width:none; }
.abite-category-list::-webkit-scrollbar,.abite-service-list::-webkit-scrollbar { display:none; }
.abite-category-tab { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:var(--abite-main-height,38px); padding:var(--abite-main-padding,9px 17px); border-radius:var(--abite-main-radius,999px); background:var(--abite-main-bg,transparent); color:var(--abite-main-color,#9eabc0); transition:background .22s ease,color .22s ease,transform .22s ease; white-space:nowrap; }
.abite-category-tab:hover { color:var(--abite-main-hover,#fff); }
.abite-category-tab.is-active { background:var(--abite-main-active-bg,#f4b642); color:var(--abite-main-active-color,#0b1d3a); }
.abite-category-icon { width:16px; height:16px; display:inline-flex; flex:0 0 auto; }
.abite-category-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; }
.abite-category-title { font-size:13px; line-height:1; font-weight:750; }
.abite-category-subtitle { font-size:11px; line-height:1; opacity:.66; font-weight:500; }
.abite-category-panel { animation:abiteFade .28s ease both; }
.abite-layout { display:grid; grid-template-columns:minmax(310px,var(--abite-art-column,440px)) minmax(0,1fr); align-items:center; gap:var(--abite-column-gap,68px); }
.abite-art-panel { position:relative; width:100%; min-height:var(--abite-art-height,500px); border:var(--abite-art-border,1px solid rgba(255,255,255,.10)); border-radius:var(--abite-art-radius,42px); background:var(--abite-art-bg,rgba(255,255,255,.035)); box-shadow:var(--abite-art-shadow,none); overflow:visible; }
.abite-art-stage { position:absolute; inset:var(--abite-art-padding,28px); overflow:visible; }
.abite-artwork { position:absolute; left:50%; top:50%; width:var(--abite-artwork-width,78%); height:var(--abite-artwork-height,78%); transform:translate(calc(-50% + var(--abite-artwork-x,0px)),calc(-50% + var(--abite-artwork-y,0px))) scale(var(--abite-artwork-scale,1)) rotate(var(--abite-artwork-rotate,0deg)); transform-origin:center; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.abite-artwork img,.abite-artwork svg { width:100%; height:100%; display:block; object-fit:contain; overflow:visible; }
.abite-hotspot-layer { position:absolute; inset:0; overflow:visible; }
.abite-hotspot { position:absolute; left:var(--x); top:var(--y); width:var(--abite-hotspot-size,24px); height:var(--abite-hotspot-size,24px); transform:translate(-50%,-50%); border-radius:50%; background:transparent; z-index:4; outline:none; }
.abite-hotspot-pulse { position:absolute; inset:50% auto auto 50%; width:var(--abite-pulse-size,34px); height:var(--abite-pulse-size,34px); transform:translate(-50%,-50%); border-radius:50%; background:var(--abite-pulse-color,rgba(244,182,66,.18)); opacity:.72; transition:transform .2s ease,opacity .2s ease; }
.abite-hotspot.is-active .abite-hotspot-pulse { animation:abitePulse var(--abite-pulse-speed,1.9s) ease-out infinite; background:var(--abite-pulse-active,rgba(244,182,66,.30)); }
.abite-hotspot-dot { position:absolute; left:50%; top:50%; width:var(--abite-dot-size,10px); height:var(--abite-dot-size,10px); transform:translate(-50%,-50%); border:var(--abite-dot-border,2px solid #152744); border-radius:50%; background:var(--abite-dot-bg,#f7d68a); box-shadow:var(--abite-dot-shadow,0 0 0 1px rgba(255,255,255,.08)); transition:transform .2s ease,background .2s ease; }
.abite-hotspot.is-active .abite-hotspot-dot { width:var(--abite-dot-active-size,14px); height:var(--abite-dot-active-size,14px); background:var(--abite-dot-active-bg,#ffd477); }
.abite-hotspot-label { position:absolute; top:50%; display:inline-flex; align-items:center; min-height:var(--abite-label-height,24px); padding:var(--abite-label-padding,4px 9px); border:var(--abite-label-border,1px solid rgba(244,182,66,.52)); border-radius:var(--abite-label-radius,7px); background:var(--abite-label-bg,rgba(8,22,45,.94)); color:var(--abite-label-color,#f5bf52); box-shadow:var(--abite-label-shadow,0 5px 14px rgba(0,0,0,.16)); font-size:var(--abite-label-font-size,12px); font-weight:750; line-height:1; letter-spacing:-.01em; white-space:nowrap; pointer-events:none; }
.abite-label-right .abite-hotspot-label { left:calc(50% + var(--abite-label-distance,10px)); transform:translateY(-50%); }
.abite-label-left .abite-hotspot-label { right:calc(50% + var(--abite-label-distance,10px)); transform:translateY(-50%); }
.abite-label-top .abite-hotspot-label { left:50%; bottom:calc(50% + var(--abite-label-distance,10px)); transform:translateX(-50%); }
.abite-label-bottom .abite-hotspot-label { left:50%; top:calc(50% + var(--abite-label-distance,10px)); transform:translateX(-50%); }
.abite-content { min-width:0; }
.abite-service-list { display:flex; flex-wrap:wrap; gap:var(--abite-sub-gap,8px); margin-bottom:var(--abite-sub-margin,18px); max-width:100%; overflow-x:auto; scrollbar-width:none; }
.abite-service-tab { flex:0 0 auto; min-height:var(--abite-sub-height,34px); padding:var(--abite-sub-padding,8px 15px); border:var(--abite-sub-border,1px solid rgba(255,255,255,.10)); border-radius:var(--abite-sub-radius,999px); background:var(--abite-sub-bg,rgba(255,255,255,.035)); color:var(--abite-sub-color,#aab5c8); font-size:var(--abite-sub-font-size,12px); font-weight:650; line-height:1; white-space:nowrap; transition:all .2s ease; }
.abite-service-tab:hover { color:var(--abite-sub-hover,#fff); background:var(--abite-sub-hover-bg,rgba(255,255,255,.07)); }
.abite-service-tab.is-active { background:var(--abite-sub-active-bg,#f4b642); color:var(--abite-sub-active-color,#0b1d3a); border-color:transparent; }
.abite-card { padding:var(--abite-card-padding,28px); border:var(--abite-card-border,1px solid rgba(255,255,255,.10)); border-radius:var(--abite-card-radius,25px); background:var(--abite-card-bg,rgba(255,255,255,.045)); box-shadow:var(--abite-card-shadow,none); animation:abiteCardIn .25s ease both; }
.abite-card-kicker { margin:0 0 9px; color:var(--abite-accent,#f4b642); font-size:11px; font-weight:800; line-height:1.2; letter-spacing:.16em; text-transform:uppercase; }
.abite-card-title { margin:0; color:var(--abite-card-title,#f8f7f2); font-size:clamp(25px,3vw,34px); line-height:1.12; font-weight:750; letter-spacing:-.035em; }
.abite-card-description { margin:12px 0 0; color:var(--abite-card-description,#b8c2d2); font-size:14px; line-height:1.55; }
.abite-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--abite-meta-gap,13px); margin-top:var(--abite-meta-margin,20px); }
.abite-meta-box { min-height:var(--abite-meta-height,68px); padding:var(--abite-meta-padding,13px 15px); border:var(--abite-meta-border,1px solid rgba(255,255,255,.035)); border-radius:var(--abite-meta-radius,16px); background:var(--abite-meta-bg,rgba(3,20,49,.62)); }
.abite-meta-label { margin:0 0 6px; color:var(--abite-meta-label,#738199); font-size:10px; font-weight:800; line-height:1; letter-spacing:.09em; text-transform:uppercase; }
.abite-meta-value { margin:0; color:var(--abite-meta-value,#f4b642); font-size:18px; font-weight:750; line-height:1.2; }
.abite-actions { display:flex; flex-wrap:wrap; gap:var(--abite-button-gap,10px); margin-top:var(--abite-actions-margin,20px); }
.abite-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:var(--abite-button-height,40px); padding:var(--abite-button-padding,10px 17px); border-radius:var(--abite-button-radius,999px); text-decoration:none !important; font-size:13px; font-weight:700; line-height:1; transition:transform .2s ease,background .2s ease,color .2s ease; }
.abite-button:hover { transform:translateY(-1px); }
.abite-button-primary { background:var(--abite-primary-bg,#f4b642); color:var(--abite-primary-color,#0b1d3a); }
.abite-button-primary:hover { background:var(--abite-primary-hover,#ffc85b); color:var(--abite-primary-hover-color,#0b1d3a); }
.abite-button-secondary { background:var(--abite-secondary-bg,rgba(255,255,255,.14)); color:var(--abite-secondary-color,#f8f7f2); }
.abite-button-secondary:hover { background:var(--abite-secondary-hover,rgba(255,255,255,.20)); color:var(--abite-secondary-hover-color,#fff); }
.abite-note { margin:var(--abite-note-margin,13px 0 0); color:var(--abite-note-color,#78869b); font-size:10px; line-height:1.45; text-align:var(--abite-note-align,left); }
@keyframes abitePulse { 0%{transform:translate(-50%,-50%) scale(.72);opacity:.72} 70%,100%{transform:translate(-50%,-50%) scale(1.35);opacity:0} }
@keyframes abiteFade { from{opacity:0} to{opacity:1} }
@keyframes abiteCardIn { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }
@media (max-width:1024px){
  .abite-layout{grid-template-columns:minmax(280px,40%) minmax(0,1fr);gap:36px}
  .abite-art-panel{min-height:440px}
}
@media (max-width:767px){
  .abite-header{margin-bottom:26px}
  .abite-heading{font-size:clamp(28px,9vw,39px)}
  .abite-subtitle{font-size:14px}
  .abite-category-nav{justify-content:flex-start;margin-bottom:28px}
  .abite-category-list{width:100%;justify-content:flex-start}
  .abite-layout{display:flex;flex-direction:column;align-items:stretch;gap:24px}
  .abite-art-panel{min-height:var(--abite-art-height-mobile,470px);border-radius:var(--abite-art-radius-mobile,34px)}
  .abite-content{width:100%}
  .abite-service-list{flex-wrap:nowrap;margin-bottom:16px;padding-bottom:2px}
  .abite-card{padding:var(--abite-card-padding-mobile,24px);border-radius:var(--abite-card-radius-mobile,22px)}
  .abite-meta-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .abite-art-panel{min-height:430px}
  .abite-hotspot-label{font-size:11px;padding:4px 7px}
  .abite-meta-grid{grid-template-columns:1fr;gap:10px}
  .abite-actions{align-items:flex-start}
}