/* Squadron: high-end, minimal AI call center with a loose Air Force motif.
   Grounds are pale blue and very light gray only; navy is for text. */
:root{
  --pale:#EAF2FC;--gray:#F5F7FA;
  --ink:#0B1E45;--ink-2:#44536F;--blue:#1F5FD1;--blue-2:#174BAA;--line:#DCE4EF;
  --display:'Inter Tight','Inter',system-ui,sans-serif;
  --label:'Inter',system-ui,sans-serif;
  --r:12px;
}
body.home{background:var(--gray)!important;background-image:none!important;color:var(--ink)!important}
body.home ::selection{background:var(--blue);color:#fff}

/* ---------- NAV ---------- */
body.home nav{background:rgba(245,247,250,0.9)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;height:72px!important}
body.home .nav-logo,body.home .footer-logo{background:var(--ink);padding:9px 14px;border-radius:8px;line-height:0}
body.home .nav-logo-svg,body.home .footer-logo-svg{height:20px!important}
body.home .nav-links a,body.home .nav-login{font-family:var(--label);font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2)!important}
body.home .nav-links a:hover{color:var(--ink)!important;text-shadow:none}
body.home .nav-links a::after{display:none}
body.home .nav-cta{background:var(--ink)!important;color:#fff!important;font-family:var(--label)!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;padding:12px 22px!important;border-radius:999px!important;box-shadow:none!important}
body.home .nav-cta::before{display:none}
body.home .nav-cta:hover{background:var(--blue)!important;transform:none!important}

/* ---------- TYPE ---------- */
body.home .hero-h1,body.home .section-title,body.home .how-title,body.home .cta-title,body.home .compare-title,body.home .price-plan,body.home .step-title,body.home .portrait-name,body.home h1,body.home h2,body.home h3{
  font-family:var(--display)!important;color:var(--ink)!important;text-transform:none!important;font-style:normal!important;text-shadow:none!important}
body.home .hero-h1{font-size:clamp(56px,6.4vw,96px)!important;font-weight:600!important;line-height:0.98!important;letter-spacing:-0.045em!important}
body.home .hero-h1 em{color:var(--blue)!important;text-shadow:none!important;transform:none!important;display:inline}
body.home .section-title,body.home .how-title,body.home .cta-title{font-size:clamp(44px,5vw,76px)!important;font-weight:600!important;line-height:1!important;letter-spacing:-0.04em!important}
body.home .compare-title{font-size:40px!important;font-weight:600!important;letter-spacing:-0.03em!important}
body.home .section-label,body.home .hero-eyebrow{
  font-family:var(--label)!important;font-size:15px!important;font-weight:600!important;letter-spacing:0.02em!important;
  text-transform:none!important;color:var(--blue)!important;display:inline-flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 10px;margin-bottom:22px!important}
body.home .section-label::before,body.home .hero-eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none}
body.home .pricing-header .section-label{margin-left:auto;margin-right:auto}
body.home .pricing-header{display:flex;flex-direction:column;align-items:center}
body.home .section-sub,body.home .section-sub[style],body.home .how-sub,body.home .cta-sub{color:var(--ink-2)!important;font-weight:400!important}

/* ---------- BUTTONS & FIELDS ---------- */
body.home .btn-primary{
  background:var(--ink)!important;color:#fff!important;
  font-family:var(--label)!important;font-size:17px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;
  padding:18px 30px!important;border-radius:999px!important;box-shadow:none!important;transform:none!important;clip-path:none!important}
body.home .btn-primary::before{display:none}
body.home .btn-primary:hover{background:var(--blue)!important;transform:none!important}
body.home .btn-primary.btn-dark{background:var(--ink)!important;color:#fff!important}
body.home .hero-url,body.home .cta-email{border-radius:999px!important;font-family:var(--label)!important;font-size:18px!important;font-weight:500!important;background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;padding:18px 26px!important}
body.home .hero-url::placeholder,body.home .cta-email::placeholder{color:#8391A8!important}
body.home .hero-url:focus,body.home .cta-email:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(31,95,209,0.12)!important}

/* ---------- HERO ---------- */
body.home .hero{background:var(--pale)!important;min-height:92vh!important}
body.home .hero::before,body.home .hero::after{display:none!important}
body.home .hero-inner{max-width:1320px!important}
body.home .hero-sub{color:var(--ink-2)!important;font-weight:400!important;font-size:22px!important}
body.home .hero-note{color:var(--ink-2)!important;font-weight:500!important;font-size:17px!important}
body.home .hero-art{display:none}
@media(min-width:1100px){
  body.home .hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr)!important;gap:56px!important}
  body.home .hero-art{display:block;justify-self:end;width:100%;max-width:560px;aspect-ratio:1;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 30px 80px rgba(11,30,69,0.10)}
  body.home .hero-art{position:relative}
  body.home .hero-art img,body.home .hero-art video{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}
  body.home .hero-art video{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
  body.home .hero-art video.on{opacity:1}
}

/* ---------- SECTIONS ---------- */
body.home .squad-section{background:var(--gray)!important;border-top:none}
body.home .how-section{background:var(--pale)!important;color:var(--ink)}
body.home .pricing-section{background:var(--gray)!important}
body.home .faq-section{background:var(--pale)!important}
body.home .cta-strip{background:var(--gray)!important;border-top:1px solid var(--line)}
body.home .how-section::before,body.home .how-section::after,body.home .cta-strip::before,body.home .cta-strip::after{display:none!important}

/* The crew: line-art portrait, insignia avatar in the corner */
body.home .portrait-grid{grid-template-columns:repeat(4,1fr)!important;gap:20px!important;padding:0 48px 120px;max-width:1400px;margin:0 auto;background:none!important}
@media(max-width:1100px){body.home .portrait-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:900px){body.home .portrait-grid{grid-template-columns:repeat(2,1fr)!important;padding:0 20px 80px;gap:12px!important}}
body.home .portrait-card{aspect-ratio:auto!important;background:#fff!important;border:1px solid var(--line);border-radius:20px;box-shadow:none!important;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
body.home .portrait-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(11,30,69,0.10)!important}
body.home .agent-art{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#fff;mix-blend-mode:multiply;filter:none!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body.home .portrait-card:hover .agent-art{transform:scale(1.03)}
body.home .portrait-card .helmet{position:absolute;top:14px;left:14px;right:auto;width:44px;height:44px;aspect-ratio:auto;z-index:2}
body.home .portrait-card .helmet img,body.home .portrait-card .helmet svg{width:100%;height:100%;display:block;border-radius:10px;box-shadow:0 4px 12px rgba(11,30,69,0.12)}
body.home .portrait-overlay{position:static!important;background:#fff!important;padding:16px 80px 20px 18px!important;border-left:none!important;border-top:1px solid var(--line)}
body.home .portrait-card:hover .portrait-overlay{padding-bottom:20px!important;padding-right:80px!important}
body.home .portrait-rank{font-family:var(--label);font-size:13px;font-weight:600;letter-spacing:0.02em;text-transform:none;color:var(--blue);margin-bottom:2px}
body.home .portrait-name{font-size:28px!important;font-weight:600!important;letter-spacing:-0.02em!important;margin-bottom:2px!important}
body.home .portrait-role{font-family:var(--label);font-size:15px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink-2)!important;opacity:1!important}
body.home .voice-btn{top:auto!important;bottom:22px!important;left:auto!important;right:18px!important;transform:none!important;margin-top:0;position:absolute;opacity:1!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--line)!important;width:48px!important;height:48px!important;box-shadow:0 6px 18px rgba(11,30,69,0.12)!important;backdrop-filter:none!important;clip-path:none!important}
body.home .voice-btn:hover{transform:scale(1.06)!important}
body.home .voice-btn svg{fill:var(--ink)!important}
body.home .voice-btn.playing::before{border-color:var(--ink)!important}
body.home .voice-waveform{top:auto!important;bottom:34px!important;left:auto!important;right:78px!important}
body.home .wave-bar{background:var(--blue)!important}

/* How it works */
body.home .step-card{background:#fff!important;border:1px solid var(--line);border-radius:20px;box-shadow:none!important;clip-path:none!important}
body.home .step-card:hover{transform:translateY(-3px)!important;background:#fff!important}
body.home .step-num{font-family:var(--display)!important;font-size:64px!important;font-weight:300!important;letter-spacing:-0.04em;color:var(--blue)!important;-webkit-text-stroke:0;margin-bottom:8px!important}
body.home .step-tag{font-family:var(--label);font-size:14px;font-weight:600;letter-spacing:0.02em;text-transform:none;color:var(--ink-2);margin-bottom:8px}
body.home .step-title{font-size:30px!important;font-weight:600!important;letter-spacing:-0.02em!important}
body.home .step-desc,body.home .step-points li{color:var(--ink-2)!important;font-weight:400!important}
body.home .step-points li{border-color:var(--line)!important}
body.home .step-points li::before{content:''!important;width:6px;height:6px;border-radius:50%;background:var(--blue)!important;flex:none}

/* Pricing */
body.home .price-card{background:#fff!important;color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:none!important;clip-path:none!important}
body.home .price-card:hover{transform:translateY(-3px)!important}
body.home .price-card.featured{background:#fff!important;border:2px solid var(--blue)!important;box-shadow:0 24px 60px rgba(31,95,209,0.12)!important}
body.home .price-plan,body.home .price-amount,body.home .price-card.featured .price-plan,body.home .price-card.featured .price-amount{color:var(--ink)!important}
body.home .price-period,body.home .price-features li,body.home .price-card.featured .price-period,body.home .price-card.featured .price-features li{color:var(--ink-2)!important;border-color:var(--line)!important;font-weight:400!important}
body.home .price-divider,body.home .price-card.featured .price-divider{background:var(--line)!important}
body.home .price-features li::before,body.home .price-card.featured .price-features li::before{content:'✓'!important;color:var(--blue)!important}
body.home .price-plan{font-size:26px!important;font-weight:600!important;letter-spacing:-0.01em!important}
body.home .price-amount{font-family:var(--display)!important;font-weight:600!important;font-size:76px!important;letter-spacing:-0.05em}
body.home .price-btn{font-family:var(--label)!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;border-radius:999px!important;transform:none!important;box-shadow:none!important;clip-path:none!important}
body.home .price-btn-outline{background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important}
body.home .price-btn-outline:hover{background:var(--pale)!important}
body.home .price-btn-solid{background:var(--ink)!important;color:#fff!important}
body.home .price-btn-solid:hover{background:var(--blue)!important}
body.home .compare-sub,body.home .compare-note{color:var(--ink-2)!important}
body.home .ppm-table th{font-family:var(--label);font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink-2)!important;border-color:var(--line)!important}
body.home .ppm-table td{color:var(--ink)!important;border-color:var(--line)!important;font-weight:500}
body.home .ppm-table td a{color:var(--blue)!important}
body.home .ppm-table tr.us td{background:var(--pale)!important;color:var(--ink)!important;border-color:#fff!important;font-weight:700}

/* FAQ */
body.home .faq-item{border-color:var(--line)!important}
body.home .faq-q{font-size:21px!important;font-weight:600!important;color:var(--ink)!important}
body.home .faq-q:hover,body.home details[open] .faq-q{color:var(--blue)!important}
body.home .faq-a{color:var(--ink-2)!important;font-weight:400!important}
body.home .faq-chevron{color:var(--blue)!important}

/* CTA */
body.home .cta-alt{color:var(--blue);font-family:var(--label);font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* Footer */
body.home footer{background:var(--pale)!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
body.home .footer-links a,body.home .footer-copy{color:var(--ink-2)!important;font-size:15px;font-family:var(--label)}
body.home .footer-links a:hover{color:var(--blue)!important}

/* Chat widget */
body.home #sqChatBtn{border-radius:50%!important;background:var(--ink)!important;color:#fff;box-shadow:0 12px 30px rgba(11,30,69,0.28)!important;transform:none!important;width:62px!important;height:62px!important;clip-path:none!important}
body.home #sqChatBtn:hover{background:var(--blue)!important;transform:translateY(-2px)!important}
body.home #sqChatBtn .sq-badge{width:14px!important;height:14px!important;border-radius:50%!important;top:0!important;right:0!important;border:2px solid #fff!important}
body.home #sqChatWindow{border-radius:22px!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:0 30px 70px rgba(11,30,69,0.16)!important}
body.home .sqchat-header{background:var(--pale)!important;border-bottom:1px solid var(--line)!important}
body.home .sqchat-avatar{border-radius:10px!important;overflow:hidden;width:42px!important;height:42px!important;background:none!important}
body.home .sqchat-avatar img{width:100%;height:100%;display:block}
body.home .sqchat-name{font-family:var(--label);font-size:16px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important}
body.home .sqchat-close{color:var(--ink-2)!important}
body.home .sqchat-bubble{border-radius:16px!important;font-size:17px!important;line-height:1.5!important}
body.home #sqChatWindow{transition:height .35s cubic-bezier(0.16,1,0.3,1),width .35s cubic-bezier(0.16,1,0.3,1),transform .3s,opacity .3s!important}
body.home .sqchat-msg.agent .sqchat-bubble{background:var(--gray)!important;color:var(--ink)!important}
body.home .sqchat-msg.user .sqchat-bubble{background:var(--ink)!important;color:#fff!important}
body.home #sqChatInput{border-radius:999px!important;font-size:15px!important;background:var(--gray)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
body.home #sqChatInput::placeholder{color:#8391A8!important}
body.home #sqChatSend{border-radius:50%!important;background:var(--ink)!important;color:#fff}
body.home .sqchat-footer{border-color:var(--line)!important}
body.home .sqchat-typing span{background:#9AA8BF!important}

/* Voice demo modal */
body.home #voiceModal{background:rgba(234,242,252,0.94)!important}
body.home #voiceModal>div{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 30px 70px rgba(11,30,69,0.16)!important}
body.home #voiceModal [style*="color:#fff"],body.home #voiceModal [style*="color: #fff"]{color:var(--ink)!important}
body.home #voiceModal [style*="rgba(255,255,255"]{color:var(--ink-2)!important;border-color:var(--line)!important}
body.home #voiceTranscript{background:var(--gray)!important}

/* Fit-and-finish from the prod check */
body.home .cta-form{max-width:640px!important}
body.home .cta-email{min-width:300px!important}
@media(min-width:900px){body.home footer{padding-right:130px!important}}

/* Sound toggle (on by default) */
#sqSoundToggle{position:fixed;left:20px;bottom:20px;z-index:7999;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line,#DCE4EF);background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);color:#0B1E45;font:600 15px/1 'Inter',system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(11,30,69,0.10)}
#sqSoundToggle:hover{background:#fff;color:#1F5FD1}
#sqSoundToggle[aria-pressed="false"]{color:#44536F}
@media(max-width:600px){#sqSoundToggle span{display:none}#sqSoundToggle{padding:12px}}


@media (prefers-reduced-motion:reduce){body.home .hero-art video{display:none}}

/* Larger, bolder type from the Sept 26 prod check */
body.home .tr-num{font-size:17px}
body.home .tr-card h3{font-size:29px}
body.home .tr-card p{font-size:19px;color:#2E3D5A}
body.home .tr-note{font-size:21px}
body.home .mk{font-size:15px}
body.home .mk-bar span{font-size:15px}
body.home .mk-row{grid-template-columns:68px 1fr}
body.home .mk-k,body.home .mk-lbl{font-size:13px;color:#44536F}
body.home .mk-chip,body.home .mk-tags span{font-size:13px}
body.home .mk-btn{font-size:14px;padding:7px 14px}
body.home .mk-q{font-size:16px}
body.home .mk-q small{font-size:13px;color:#44536F}
body.home .in-code{overflow-x:visible}
body.home .in-code code{white-space:normal;overflow-wrap:anywhere;font-size:17px;line-height:1.6}
body.home .in-hint{font-size:18px;color:#2E3D5A}
body.home .in-steps b{font-size:19px}
body.home .in-steps span{font-size:17px;color:#2E3D5A}
body.home .site-chat{width:80%;font-size:15px}
body.home .sc-head{font-size:15px;padding:11px 12px}
body.home .sc-head em{font-size:12.5px;padding:3px 9px}
body.home .sc-msg{padding:9px 11px}
body.home .price-period{font-size:18px!important}
body.home .price-features li{font-size:18px!important;color:#2E3D5A!important}
body.home .inc-plan{font-size:17px}
body.home .inc-price span{font-size:16px}
body.home .inc-what{font-size:18px;color:#2E3D5A}
body.home .inc-src{font-size:17px}
body.home .compare-note{font-size:18px!important}
body.home .sqchat-status{font-size:13px!important;font-weight:600;color:#127A3A!important}
body.home .sqchat-sugg button{font-size:15px}
body.home #sqChatInput{font-size:16px!important}
@media(max-width:680px){body.home .tr-card h3{font-size:26px}body.home .in-code code{font-size:15px}body.home .site-chat{width:88%}}
/* Mobile fit: nothing wider than the screen */
body.home .in-inner>*{min-width:0}
@media(max-width:1000px){body.home .in-inner{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){body.home .battalion{grid-template-columns:minmax(0,1fr)}body.home .bat-body{min-width:0}}
@media(max-width:600px){body.home .bat-rates td:last-child{white-space:normal}body.home .bat-rates td:first-child{padding-right:8px}body.home .bat-art{min-height:240px}}
body.home .footer-links{flex-wrap:wrap;gap:14px 24px}
@media(max-width:600px){body.home .nav-login{white-space:nowrap;margin-right:12px}body.home .nav-cta{white-space:nowrap;font-size:14px!important;padding:11px 16px!important}}
@media(max-width:380px){body.home .nav-cta{font-size:13px!important;padding:10px 12px!important}}
@media(max-width:600px){body.home .cta-title br{display:none}body.home footer{padding-bottom:110px!important}}
body.home .tr-ill{padding:16px 10px}
body.home .mk-row{grid-template-columns:62px minmax(0,1fr)}
body.home .mk-chip{font-size:12.5px;max-width:100%;overflow-wrap:anywhere}

/* Hero price line and first-screen sizing (Sept 27 2026) */
body.home .hero-h1{font-size:clamp(44px,4.5vw,70px)!important;font-weight:700!important;line-height:1.02!important;margin-bottom:22px!important}
body.home .hero{min-height:0!important;padding-top:118px!important;padding-bottom:64px!important}
body.home .hero-eyebrow{margin-bottom:18px!important}
body.home .hero-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 22px;font-family:var(--label);color:var(--ink-2);font-size:19px;font-weight:500;line-height:1.4}
body.home .hero-price b{font-family:var(--display);font-size:34px;font-weight:800;color:var(--ink);letter-spacing:-0.02em}
body.home .hero-sub{font-size:22px!important;line-height:1.5!important;margin-bottom:18px!important}
body.home .hero-note{font-size:18px!important;color:var(--ink-2)!important}
@media (max-width:760px){body.home .hero-h1{font-size:44px!important}body.home .hero-sub{font-size:20px!important}body.home .hero-price b{font-size:30px}}

/* ---------- PREMIUM HERO ---------- */
body.home .hero{background:radial-gradient(1100px 520px at 78% 8%,#D6E6FB 0%,rgba(234,242,252,0) 70%),radial-gradient(800px 480px at 0% 100%,#E3ECF8 0%,rgba(234,242,252,0) 70%),var(--pale)!important;position:relative!important}
body.home .hero::before{display:block!important;content:'';position:absolute;inset:0;width:auto;height:auto;top:0;right:0;animation:none;background-image:linear-gradient(rgba(11,30,69,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,30,69,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 30%,transparent 80%);pointer-events:none}
body.home .hero-inner{position:relative;z-index:1}
body.home .hero-eyebrow{display:inline-flex!important;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;box-shadow:0 2px 10px rgba(11,30,69,.06)}
body.home .hero-h1{letter-spacing:-0.05em!important}
body.home .hero-h1 em{background:linear-gradient(100deg,#1F5FD1,#3B8BF5 60%,#174BAA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
body.home .hero-form{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 14px 40px rgba(11,30,69,.10);gap:6px!important;flex-wrap:nowrap!important}
body.home .hero-form .hero-url{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;padding:14px 20px!important}
body.home .hero-form .btn-primary{white-space:nowrap;border-radius:999px!important;transform:none!important;box-shadow:0 6px 18px rgba(31,95,209,.35)!important;background:linear-gradient(180deg,#3B7BE8,#1F5FD1)!important;color:#fff!important;padding:14px 26px!important}
@media(max-width:560px){body.home .hero-form{flex-wrap:wrap!important;border-radius:22px}body.home .hero-form .btn-primary{width:100%;justify-content:center}}

/* install window */
body.home .hero-art.hx{display:block;aspect-ratio:auto;background:none;border:0;box-shadow:none;overflow:visible;max-width:600px;justify-self:end;width:100%;position:relative;padding:12px 0 110px}
.hx-glow{position:absolute;inset:-6% -4% 10% 4%;background:radial-gradient(closest-side,rgba(31,95,209,.22),transparent);filter:blur(30px);z-index:0}
.hx-win{position:relative;z-index:1;background:#0B1E45;border-radius:18px;box-shadow:0 40px 90px rgba(11,30,69,.28),0 0 0 1px rgba(255,255,255,.06) inset;overflow:hidden;font-family:'JetBrains Mono',monospace}
.hx-bar,.hx-sbar{display:flex;align-items:center;gap:7px;padding:13px 16px}
.hx-bar{background:#10295C;border-bottom:1px solid rgba(255,255,255,.08)}
.hx-bar i,.hx-sbar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.22)}
.hx-bar span{flex:1;text-align:center;font-size:12px;color:rgba(255,255,255,.6)}
.hx-bar em{font-style:normal;font-size:11px;font-weight:600;color:#9CC4FF;background:rgba(59,139,245,.18);padding:3px 10px;border-radius:999px}
.hx-code{padding:20px 0;font-size:13.5px;line-height:1.75;color:#DCE8FA}
.hx-ln{display:flex;gap:18px;padding:0 20px;white-space:pre-wrap;word-break:break-all}
.hx-ln b{color:rgba(255,255,255,.28);font-weight:400;min-width:20px;text-align:right}
.hx-c{color:rgba(255,255,255,.4)}
.hx-hot{min-height:6.5em;background:rgba(59,139,245,.14);box-shadow:inset 2px 0 0 #3B8BF5;min-height:5.6em}
.hx-hot b.k{color:#8BC7FF}.hx-hot b.a{color:#B7D4FF;font-weight:400}.hx-hot b.v{color:#A8E6C0;font-weight:400}
.hx-hot span b{font-weight:400}
.hx-cur{display:inline-block;width:2px;height:1.1em;background:#8BC7FF;margin-left:2px;vertical-align:text-bottom;animation:hxb 1s step-end infinite}
@keyframes hxb{50%{opacity:0}}
.hx-status{display:flex;align-items:center;gap:10px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.08);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,.7)}
.hx-dot{width:8px;height:8px;border-radius:50%;background:#7C8DA9;flex:none}
.hx-status.ok{color:#fff}.hx-status.ok .hx-dot{background:#2FD07A;box-shadow:0 0 0 4px rgba(47,208,122,.25)}
.hx-site{position:absolute;z-index:2;right:-18px;bottom:0;width:62%;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 26px 60px rgba(11,30,69,.2);overflow:visible;opacity:.0;transform:translateY(18px) scale(.97);transition:all .7s cubic-bezier(.16,1,.3,1)}
.hx.on .hx-site{opacity:1;transform:none}
.hx-sbar{border-bottom:1px solid var(--line)}
.hx-sbar i{background:#DCE4EF}.hx-sbar span{font-family:'Inter',sans-serif;font-size:11px;color:#6B7A93;margin-left:6px}
.hx-sbody{padding:14px 16px 90px}
.hx-l{height:10px;border-radius:5px;background:#E4ECF7;margin-bottom:9px}.hx-l.t{height:7px;background:#EEF3FA}
.w60{width:60%}.w40{width:40%}.w80{width:80%}
.hx-blk{height:56px;border-radius:8px;background:#EAF2FC;margin-top:12px}
.hx-chat{position:absolute;right:12px;bottom:12px;width:78%;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(11,30,69,.18);font-family:'Inter',sans-serif;opacity:0;transform:translateY(12px);transition:all .6s .5s cubic-bezier(.16,1,.3,1)}
.hx.on .hx-chat{opacity:1;transform:none}
.hx-ch{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
.hx-ch .hx-dot{background:#2FD07A}.hx-ch em{margin-left:auto;font-style:normal;font-weight:500;font-size:10.5px;color:var(--blue)}
.hx-m{margin:10px;padding:10px 12px;background:#EAF2FC;border-radius:10px;font-size:12px;line-height:1.45;color:var(--ink)}
@media(max-width:1099px){body.home .hero-art.hx{display:block;margin-top:24px;justify-self:stretch;max-width:none}.hx-site{right:0}}
@media(max-width:560px){.hx-code{font-size:11.5px}.hx-site{width:78%}}