/* A full-bleed hardware scene anchors the brand; the following section shows the actual product. */
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;letter-spacing:0}
.site-header{height:80px;border-bottom-color:#cbd0d8}
.brand{font-size:25px}.brand small{font-size:11px}.site-header nav a{font-weight:600}
.hero{background:#191d22 url("assets/juatech-circuit-hero-v1.png") center/cover no-repeat;color:white;min-height:540px;max-height:640px;height:calc(100svh - 190px);padding:40px 32px 94px;align-items:center;border-bottom:0;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:#11141970;z-index:-1;pointer-events:none}
.hero-copy{max-width:1080px}.hero-copy>p,.hero-copy>h1,.hero-copy>.cta-row,.hero-copy>.hero-notes{max-width:560px}
.hero h1{font-size:76px;font-weight:750;line-height:1.04;margin-bottom:22px;color:white}
.hero h1 span{color:#5ca8ff}
.hero .eyebrow{color:#ffb35a;font-size:11px;margin-bottom:20px}
.hero-lead{font-size:32px;line-height:1.3;color:#fff;font-weight:600;margin-bottom:18px}
.hero-description{color:#e0e4e9;max-width:540px!important;font-size:15px;line-height:1.65}
.hero .cta-row{margin-top:26px;gap:10px;max-width:550px}
.hero .cta-row .button{min-height:46px;font-size:13px;padding:10px 14px}
.hero .text-link{color:#e0e4e9}
.hero .hero-notes{position:static;flex-direction:row;color:#e0e4e9;font-size:11px;gap:20px;margin-top:20px}
.hero-mascot-hotspot{height:530px;width:400px;max-width:none;left:calc(50% + 20px);right:auto;top:calc(50% - 280px);bottom:auto;aspect-ratio:auto;overflow:visible}
/* Remove only the atlas's transparent vertical margins, not any authored pose. */
.hero-mascot-hotspot .juatech-mascot{position:absolute;top:-40px;height:600px;filter:drop-shadow(0 2px 1px #000)}
.jua-caption{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font:13px "Segoe UI",sans-serif;text-shadow:0 1px 3px #000}
.jua-caption svg{width:16px;height:16px;color:#ffb35a}
.hero-system-flow{position:absolute;bottom:0;left:0;right:0;height:62px;background:#14171cef;border-top:1px solid #454a52;display:flex;justify-content:center;align-items:center;gap:30px;color:#dfe5ed;font-size:12px}
.hero-system-flow span{display:flex;align-items:center;gap:10px}
.hero-system-flow svg{width:17px;height:17px;color:#7cb8ff}.hero-system-flow>svg{width:14px;color:#a0a8b4}
.proof-grid{padding-block:26px}.proof-grid strong{font-weight:650}
.product-section{padding-top:46px}.section-heading .eyebrow{font-size:11px}
.section-heading h2{font-size:34px;font-weight:650;line-height:1.25}.section-heading p:not(.eyebrow){font-size:16px}
.product-tabs button{font-size:13px;font-weight:600;min-height:52px}
.product-view{height:540px;border-color:#b6c8de}.product-caption{border-bottom:1px solid var(--line);padding-block:18px}
.workflow-track article{border-top-color:#c0c9d7}.workflow-track article:first-child{border-top-color:var(--orange)}
.feature-grid{gap:0 40px}.feature-grid h3{font-weight:650;font-size:19px}.feature-grid p{font-size:14px}
.feature-grid article>svg{padding:0;margin-bottom:12px;width:26px;height:26px}.feature-grid article:nth-child(3n+2)>svg{color:#984400}
.benefit-band{background:#20242b}.benefit-band .section{padding-block:48px}
.assistant-band{background:#eef3ff;border-block-color:#c6d3ed}
.plan.featured{background:#fff;border-color:#0057ff;box-shadow:0 4px 20px #0057ff0c}
.trial-band{background:#20242b;border-block-color:#454a52;color:white}
.trial-inner p,.trial-inner .eyebrow,.trial-actions small,.trial-release-status{color:#dfe5ed}
.trial-inner .eyebrow{color:#ffb35a}
.trial-inner h2{font-weight:650}
.contact-band{background:#f5f6f8}
@media(min-width:1800px){.hero-copy{max-width:1080px}}
@media(max-width:1100px){
  .hero-copy>p,.hero-copy>h1,.hero-copy>.cta-row,.hero-copy>.hero-notes{max-width:62%}
  .hero h1{font-size:66px}.hero-lead{font-size:28px}.hero-description{max-width:58%!important;font-size:14px}
  .hero-mascot-hotspot{height:auto;width:min(300px,calc(38% - 35px));aspect-ratio:3/4;left:calc(62% + 3px);right:auto;top:calc(50% - 220px)}
  .hero-mascot-hotspot .juatech-mascot{height:auto;aspect-ratio:2/3;top:-30px}
  .hero .cta-row{flex-wrap:wrap}.hero .hero-notes{max-width:62%!important;gap:12px}
}
@media(max-width:800px){
  .site-header{height:76px}
  .hero{padding:30px 24px 88px;min-height:530px;height:calc(100svh - 170px);background-position:40% center}
  .hero h1{font-size:56px}.hero-lead{font-size:25px}
  .hero-copy>p,.hero-copy>h1,.hero-copy>.cta-row,.hero-copy>.hero-notes{max-width:64%}
  .hero-description{max-width:60%!important}.hero-mascot-hotspot{width:min(260px,34%);height:auto;aspect-ratio:26/35;max-width:none;left:auto;right:16px;top:calc(50% - 180px)}
  .hero-mascot-hotspot .juatech-mascot{height:auto;aspect-ratio:2/3;top:-20px}
  .hero .cta-row{max-width:64%}.hero .hero-notes{gap:8px 12px}.jua-caption{font-size:10px;bottom:5px}
  .hero-system-flow{gap:20px;height:56px}
  .section-heading h2{font-size:30px}
}
@media(max-width:520px){
  .hero{min-height:500px;height:calc(100svh - 130px);max-height:660px;padding:26px 20px 210px;align-items:flex-start;background-size:auto 260px;background-position:left bottom 48px}
  .hero h1{font-size:52px;margin-bottom:16px}
  .hero-lead{font-size:24px;margin-bottom:16px}
  .hero-copy>p,.hero-copy>h1,.hero-copy>.cta-row{max-width:100%}
  .hero-description{display:block;max-width:100%!important;font-size:14px;margin-bottom:0}
  .hero .eyebrow{font-size:10px;margin-bottom:16px}
  .hero .cta-row{max-width:100%;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero .cta-row .button{font-size:12px;min-height:56px;padding:10px 8px}
  .hero .hero-notes{display:none}
  .hero-mascot-hotspot{width:210px;height:255px;max-width:none;top:auto;left:calc(50% - 105px);right:auto;bottom:50px}
  .hero-mascot-hotspot .juatech-mascot{height:315px;top:-24px}
  .jua-caption{font-size:11px;bottom:0}.jua-caption svg{width:13px}
  .hero-system-flow{height:48px;gap:10px;font-size:10px;justify-content:space-around;padding:0 12px}
  .hero-system-flow span{gap:4px}.hero-system-flow svg{width:13px;height:13px}.hero-system-flow>svg{width:10px}
  .section-heading h2{font-size:27px}
  .hero h1 span{color:#7ab8ff}
  .proof-grid{padding-top:20px}
}
@media(max-height:700px) and (min-width:521px){
  .hero{min-height:330px;height:calc(100svh - 150px);padding-block:22px 76px}
  .hero h1{font-size:48px;margin-bottom:12px}.hero-lead{font-size:23px;margin-bottom:12px}
  .hero-description,.hero .hero-notes{display:none}.hero .eyebrow{margin-bottom:12px}.hero .cta-row{margin-top:14px}
  .hero-mascot-hotspot{height:330px;width:260px;top:calc(50% - 185px);left:calc(50% + 100px);right:auto}
  .hero-mascot-hotspot .juatech-mascot{height:390px;top:-30px}.hero-system-flow{height:44px}
}
@media(max-width:520px) and (max-height:800px){.hero-description{display:none}}
@media(max-width:520px) and (max-height:740px){
  .hero{min-height:450px;height:calc(100svh - 132px);padding-bottom:155px}
  .hero h1{font-size:46px;margin-bottom:12px}.hero-lead{font-size:22px;margin-bottom:10px}
  .hero-description{display:none}.hero .eyebrow{margin-bottom:12px}
  .hero-mascot-hotspot{height:210px;width:180px;left:calc(50% - 90px);bottom:48px}
  .hero-mascot-hotspot .juatech-mascot{height:270px;top:-26px}
}
@media(max-width:520px) and (max-height:620px){
  .hero{min-height:390px;height:calc(100svh - 128px);padding-top:20px}
  .hero h1{font-size:42px;margin-bottom:10px}.hero-lead{font-size:20px;line-height:1.25}
  .hero .eyebrow{font-size:9px;margin-bottom:10px}.hero .cta-row{margin-top:14px}
  .hero-mascot-hotspot{height:165px;width:140px;left:calc(50% - 70px)}
  .hero-mascot-hotspot .juatech-mascot{height:210px;top:-24px}.jua-caption{display:none}
}
@media(max-height:450px) and (min-width:521px){
  .site-header{height:64px}
  .hero{height:260px;min-height:260px;padding:16px 24px 44px}
  .hero .eyebrow{font-size:9px;margin-bottom:8px}
  .hero h1{font-size:36px;margin-bottom:8px}.hero-lead{font-size:18px;margin-bottom:8px}
  .hero .cta-row{margin-top:12px}.hero .cta-row .button{min-height:38px;font-size:11px;padding:7px 10px}
  .hero-mascot-hotspot{height:215px;width:170px;top:0;left:calc(50% + 100px);right:auto}
  .hero-mascot-hotspot .juatech-mascot{height:255px;top:-20px}
  .hero-system-flow{height:32px}.jua-caption{bottom:2px}
}