@charset "UTF-8";


.asx{
  --asx-deep:#0d1622; --asx-deep2:#16233a;
  --asx-acc-l:#5b9bff;
  --asx-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --asx-wrap:1180px;
}
.asx *{box-sizing:border-box}
.asx-wrap{max-width:var(--asx-wrap);margin:0 auto;padding:0 24px}
.asx h1,.asx h2,.asx h3{margin:0;line-height:1.32;letter-spacing:-.01em}
.asx p{margin:0}
.asx ul,.asx ol{margin:0;padding:0;list-style:none}
.asx dl,.asx dd,.asx dt{margin:0}
.asx-kick{display:inline-block;font-family:var(--asx-mono);font-size:12px;font-weight:600;
  letter-spacing:1.6px;color:var(--acc);text-transform:uppercase}


.asx-hero{position:relative;background:var(--asx-deep);color:#fff;overflow:hidden}
.asx-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.042) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.042) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%)}
.asx-hero>.asx-wrap{position:relative;padding-top:58px;padding-bottom:62px;
  display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  gap:56px;align-items:center}
.asx-hero .asx-kick{color:var(--asx-acc-l)}
.asx-hero h1{font-size:clamp(28px,3.4vw,44px);color:#fff;margin:16px 0 22px;
  letter-spacing:-.02em;max-width:20em}
.asx-hero h1 em{font-style:normal;color:var(--asx-acc-l)}
.asx-hero .asx-lead{font-size:17px;line-height:1.8;color:rgba(255,255,255,.76);max-width:40em}
.asx-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.asx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:8px;padding:13px 24px;font-size:15px;font-weight:600;
  border:1px solid transparent;cursor:pointer;transition:.16s;line-height:1.2;
  font-family:inherit;text-decoration:none}
.asx-btn:hover{text-decoration:none}
.asx-btn-p{background:var(--acc);color:#fff}
.asx-btn-p:hover{background:#114fa0}
.asx-btn-g{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.asx-btn-g:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.07)}
.asx-btn-gh{background:transparent;color:var(--acc);border-color:var(--acc3)}
.asx-btn-gh:hover{background:var(--acc2)}

.asx-probe{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);
  border-radius:12px;overflow:hidden}
.asx-probe-hd{display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);
  font-family:var(--asx-mono);font-size:12px;letter-spacing:.08em;
  color:rgba(255,255,255,.62);text-transform:uppercase}
.asx-tagx{font-size:11px;color:var(--asx-acc-l);border:1px solid rgba(91,155,255,.42);
  border-radius:4px;padding:1px 7px;letter-spacing:.1em}
.asx-probe ul{padding:2px 0}
.asx-probe li{display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;align-items:center;gap:2px 14px;
  padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.asx-probe li:last-child{border-bottom:0}
.asx-probe .k{font-size:14.5px;color:rgba(255,255,255,.88);white-space:nowrap}
.asx-probe .d{grid-column:1;grid-row:2;font-family:var(--asx-mono);font-size:11.5px;
  color:rgba(255,255,255,.4);letter-spacing:.02em}
.asx-probe .big{grid-column:2;grid-row:1/3;font-family:var(--asx-mono);font-size:26px;
  font-weight:600;color:var(--asx-acc-l);letter-spacing:-.03em;line-height:1;
  white-space:nowrap;text-align:right}
.asx-probe .big small{font-size:11.5px;font-weight:500;letter-spacing:.04em;
  color:rgba(255,255,255,.48);margin-left:4px;vertical-align:2px}
.asx-probe .ft{padding:13px 18px;border-top:1px solid rgba(255,255,255,.1);
  font-size:12px;line-height:1.7;color:rgba(255,255,255,.45)}


.asx-sec{padding:60px 0}
.asx-alt{background:var(--bg2)}
.asx-hd{max-width:52em;margin-bottom:32px}
.asx-hd h2{font-size:clamp(21px,2vw,27px);margin:10px 0 12px}
.asx-hd p{color:var(--ink2);font-size:15.5px;line-height:1.7}

.asx-h2{font-size:clamp(21px,2vw,27px);margin:10px 0 16px}


.asx-cons{display:flex;flex-wrap:wrap;gap:0 28px;margin:20px 0 26px;
  padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  font-size:13.5px;color:var(--ink3)}
.asx-cons>span{font-family:var(--asx-mono);font-size:11.5px;letter-spacing:.1em;
  color:var(--acc);text-transform:uppercase;align-self:center}
.asx-cons div{display:flex;gap:8px;align-items:baseline}
.asx-cons dt{color:var(--ink3);font-size:13px;white-space:nowrap}
.asx-cons dd{font-family:var(--asx-mono);font-size:13px;color:var(--ink2)}


.asx-def{font-size:clamp(18px,1.8vw,20px);line-height:1.7;color:var(--ink);
  max-width:42em;letter-spacing:-.005em}
.asx-why{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;
  border-top:1px solid var(--line)}
.asx-why>div{padding:20px 26px 0 0}
.asx-why>div+div{padding-left:26px;border-left:1px solid var(--line2)}
.asx-why h3{font-size:16.5px;margin-bottom:7px}
.asx-why p{font-size:14.5px;line-height:1.64;color:var(--ink2)}
.asx-who{margin-top:24px;padding:14px 18px;background:var(--bg2);
  border-left:2px solid var(--acc);font-size:14.5px;color:var(--ink2)}


.asx-mods{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:52px;align-items:start}
.asx-mods-lead{display:flex;flex-direction:column}

.asx-mods-lead h2{font-size:clamp(20px,1.85vw,25px);margin:10px 0 14px;line-height:1.34;
  text-wrap:balance}
.asx-mods-lead p{color:var(--ink2);font-size:15.5px;line-height:1.7}

.asx-mods-lead .asx-cons{margin-bottom:0}
.asx-mods-act{margin-top:24px;padding:20px 20px 18px;background:#fff;
  border:1px solid var(--line);border-radius:12px}
.asx-mods-act p{font-size:14px;line-height:1.6;color:var(--ink3);margin-bottom:12px}
.asx-mods-act .asx-btns{margin-top:0}
.asx-mods-list li{padding:18px 0;border-top:1px solid var(--line)}
.asx-mods-list li:first-child{border-top:0;padding-top:0}
.asx-mods-list li:last-child{padding-bottom:0}
.asx-mods-list h3{font-size:19px;margin-bottom:8px}
.asx-mods-list h3 span{font-family:var(--asx-mono);font-size:12px;color:var(--acc);
  letter-spacing:.06em;margin-right:10px;font-weight:600}
.asx-mods-list p{color:var(--ink2);font-size:15px;line-height:1.68;margin-bottom:10px}
.asx-out{font-size:13.5px;color:var(--gk);display:flex;gap:8px;align-items:baseline}
.asx-out::before{content:"";width:5px;height:5px;background:var(--gk);
  flex:none;transform:translateY(-2px);border-radius:1px}


.asx-kw{display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);border-left:1px solid var(--line)}
.asx-kw>div{padding:20px 20px;border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);background:#fff;transition:background .18s}
.asx-kw>div:hover{background:var(--acc2)}
.asx-kw dt{font-size:16px;font-weight:700;margin-bottom:6px}
.asx-kw .eg{font-family:var(--asx-mono);font-size:12px;color:var(--acc);
  margin-bottom:9px;letter-spacing:.01em}
.asx-kw dd{font-size:14.5px;color:var(--ink2);line-height:1.64}


.asx-flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4px}
.asx-flow li{position:relative;padding:0 20px;border-left:1px solid var(--line)}

.asx-flow li:first-child{border-left:0;padding-left:18px}
.asx-flow li::before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;
  background:var(--acc);border-radius:1px}
.asx-flow li:first-child::before{left:0}
.asx-flow .st{font-family:var(--asx-mono);font-size:11.5px;color:var(--ink3);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.asx-flow h3{font-size:17px;margin-bottom:7px}
.asx-flow p{font-size:14.5px;color:var(--ink2);line-height:1.64}


.asx-funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.asx-funnel>div{color:#fff;padding:22px 20px 20px;min-height:164px}
.asx-funnel>div:nth-child(1){background:#1560c4}
.asx-funnel>div:nth-child(2){background:#1b6ed0}
.asx-funnel>div:nth-child(3){background:#2b7dda}
.asx-funnel>div:nth-child(4){background:#3c8ce3}
.asx-funnel .st{font-family:var(--asx-mono);font-size:11.5px;letter-spacing:.12em;
  opacity:.72;margin-bottom:10px;text-transform:uppercase}
.asx-funnel h3{font-size:18px;margin-bottom:8px;color:#fff}
.asx-funnel p{font-size:14px;line-height:1.64;color:rgba(255,255,255,.86)}


.asx-tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.asx-tbl th,.asx-tbl td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);
  vertical-align:top;line-height:1.64}
.asx-tbl thead th{font-family:var(--asx-mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink3);font-weight:600;background:var(--bg2);
  border-top:1px solid var(--line)}
.asx-tbl tbody th{font-weight:600;color:var(--ink);width:24%}
.asx-tbl td{color:var(--ink2)}
.asx-tbl td code{font-family:var(--asx-mono);font-size:12.5px;color:var(--acc)}


.asx-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.asx-tier{border:1px solid var(--line);border-radius:12px;padding:26px 24px;background:#fff;
  transition:transform .22s,box-shadow .22s,border-color .22s}
.asx-tier:hover{transform:translateY(-3px);border-color:var(--acc3);
  box-shadow:0 12px 28px rgba(23,32,51,.08)}
.asx-tier.pick{background:var(--asx-deep);border-color:var(--asx-deep);color:#fff;
  box-shadow:0 18px 40px rgba(13,22,34,.22);margin-top:-18px;padding-top:32px;padding-bottom:32px}
.asx-tier.pick:hover{transform:translateY(-3px);border-color:var(--asx-deep)}
.asx-tier .nm{font-size:19px;font-weight:700;margin-bottom:5px}
.asx-tier .sub{font-size:14px;color:var(--ink3);margin-bottom:16px}
.asx-tier.pick .sub{color:rgba(255,255,255,.6)}
.asx-price{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.asx-price .now{font-family:var(--asx-mono);font-size:31px;font-weight:600;
  letter-spacing:-.035em;color:var(--ink);line-height:1}
.asx-price .now i{font-style:normal;font-size:15px;font-weight:500;
  margin-right:2px;color:var(--ink3);letter-spacing:0}
.asx-price s{font-family:var(--asx-mono);font-size:13.5px;color:var(--ink3)}
.asx-tier.pick .asx-price .now{color:#fff}
.asx-tier.pick .asx-price .now i{color:rgba(255,255,255,.55)}
.asx-tier.pick .asx-price s{color:rgba(255,255,255,.38)}
.asx-tier ul{margin-bottom:20px}
.asx-tier li{font-size:14.5px;padding:7px 0;border-bottom:1px solid var(--line);
  display:flex;gap:10px;align-items:baseline}
.asx-tier.pick li{border-bottom-color:rgba(255,255,255,.12);color:rgba(255,255,255,.86)}
.asx-tier li:last-child{border-bottom:0}
.asx-tier li::before{content:"";width:5px;height:5px;background:var(--acc);flex:none;
  transform:translateY(-2px);border-radius:1px}
.asx-tier.pick li::before{background:var(--asx-acc-l)}
.asx-tier .asx-btn{width:100%}
.asx-tier.pick .asx-btn-p{background:var(--asx-acc-l);color:var(--asx-deep)}
.asx-tier.pick .asx-btn-p:hover{background:#83b4ff}


.asx-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.asx-case{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:22px 22px 18px;transition:transform .22s,box-shadow .22s,border-color .22s}
.asx-case:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(23,32,51,.1);
  border-color:var(--acc3)}

a.asx-case{color:inherit;text-decoration:none}
a.asx-case:hover{text-decoration:none}
a.asx-case:hover h3{color:var(--acc)}
.asx-case .c-top{display:flex;gap:8px;margin-bottom:12px}
.asx-case .c-ind,.asx-case .c-city{font-family:var(--asx-mono);font-size:11.5px;
  letter-spacing:.05em;padding:2px 8px;border-radius:4px;line-height:1.6}
.asx-case .c-ind{background:var(--acc2);color:var(--acc)}
.asx-case .c-city{background:var(--bg3);color:var(--ink3)}
.asx-case h3{font-size:17px;margin-bottom:8px}
.asx-case p{font-size:14.5px;line-height:1.64;color:var(--ink2);margin-bottom:14px}
.asx-case .c-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line2);
  font-size:12.5px;color:var(--ink3);font-family:var(--asx-mono)}


.asx-cta{background:var(--brand);color:#fff}
.asx-cta .asx-wrap{padding-top:46px;padding-bottom:46px;display:grid;
  grid-template-columns:minmax(0,1.3fr) auto;gap:40px;align-items:center}
.asx-cta h2{font-size:clamp(21px,2vw,27px);color:#fff;margin-bottom:10px}
.asx-cta p{color:rgba(255,255,255,.72);font-size:15.5px;max-width:44em}
.asx-meta{padding:14px 0 0;font-size:13px;color:var(--ink3)}
.asx-meta .asx-wrap{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline}
.asx-meta b{font-weight:600;color:var(--ink2)}


.asx-prog{position:fixed;top:0;left:0;height:2px;width:0;z-index:300;
  background:var(--asx-acc-l)}
.rv{opacity:0}
.rv.in{opacity:1;animation:asxRvIn .62s cubic-bezier(.16,.84,.44,1) backwards;
  animation-delay:var(--d,0ms)}
@keyframes asxRvIn{from{opacity:0;transform:translateY(22px)}}


.asx-syscards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.asx-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:24px 24px 20px;transition:transform .24s,box-shadow .24s,border-color .24s}
.asx-card:hover{border-color:var(--acc3);box-shadow:0 12px 30px rgba(23,32,51,.08)}
.asx-card.on{transform:translateY(-4px);border-color:var(--acc);
  box-shadow:0 16px 36px rgba(21,96,196,.14)}
.asx-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;
  border-radius:12px;border:1px solid var(--acc3);background:var(--acc2);color:var(--acc);
  cursor:pointer;padding:0;margin-bottom:16px;font:inherit;
  transition:background .2s,border-color .2s,transform .2s}
.asx-ico:hover{background:#dbeafe;border-color:var(--acc)}
.asx-ico:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.asx-ico svg{width:26px;height:26px;display:block}
.asx-ico .sp{transform-origin:center}

.asx-card.on .asx-ico{background:var(--acc);border-color:var(--acc);color:#fff}
.asx-card.on .ico-gear .sp{animation:asxSpin 1.1s cubic-bezier(.4,0,.2,1) 1}
.asx-card.on .ico-scan .sp{animation:asxScan 1.1s cubic-bezier(.4,0,.2,1) 1}
.asx-card.on .ico-bar .b1{animation:asxBar1 1s cubic-bezier(.4,0,.2,1) 1 backwards}
.asx-card.on .ico-bar .b2{animation:asxBar2 1s cubic-bezier(.4,0,.2,1) .12s 1 backwards}
.asx-card.on .ico-bar .b3{animation:asxBar3 1s cubic-bezier(.4,0,.2,1) .24s 1 backwards}
@keyframes asxSpin{to{transform:rotate(180deg)}}
@keyframes asxScan{0%,100%{transform:translate(0,0)}45%{transform:translate(3px,-3px)}}
@keyframes asxBar1{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes asxBar2{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes asxBar3{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.asx-ico .b1,.asx-ico .b2,.asx-ico .b3{transform-origin:bottom;transform-box:fill-box}

.asx-card h3{font-size:18.5px;margin-bottom:8px}
.asx-card .sum{font-size:14.5px;line-height:1.64;color:var(--ink2);margin-bottom:16px}
.asx-card ul{border-top:1px solid var(--line2);padding-top:14px}
.asx-card li{display:grid;gap:2px;padding:7px 0 7px 20px;position:relative}
.asx-card li+li{border-top:1px dashed var(--line2)}
.asx-card li::before{content:"";position:absolute;left:2px;top:15px;width:9px;height:9px;
  border-radius:50%;border:1.5px solid var(--acc);background:var(--acc2)}
.asx-card li b{font-size:14.5px;font-weight:600;color:var(--ink)}
.asx-card li span{font-size:13.5px;line-height:1.6;color:var(--ink3)}
.asx-card .asx-more{margin-top:12px;font-size:13px;color:var(--acc);
  font-family:var(--asx-mono);letter-spacing:.04em}
.asx-card.on .asx-more{color:var(--ink3)}
.asx-detail{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--line2);
  font-size:13.5px;line-height:1.64;color:var(--ink2)}
.asx-card.on .asx-detail{display:block}
.asx-sysft{margin-top:20px;padding:14px 18px;background:var(--bg2);
  border-left:2px solid var(--acc);font-size:14px;color:var(--ink2);line-height:1.64}

@media (max-width:1080px){.asx-syscards{grid-template-columns:1fr;gap:16px}}
@media (prefers-reduced-motion:reduce){
  .asx-card.on .asx-ico .sp,
  .asx-card.on .ico-bar .b1,
  .asx-card.on .ico-bar .b2,
  .asx-card.on .ico-bar .b3{animation:none!important}
}


@media (max-width:1080px){
  .asx-hero>.asx-wrap{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:52px}
  .asx-probe{max-width:560px}
  .asx-mods{grid-template-columns:1fr;gap:36px}
  .asx-kw{grid-template-columns:repeat(2,1fr)}
  .asx-flow{grid-template-columns:repeat(2,1fr);gap:34px 0}
  .asx-flow li:nth-child(3){border-left:0;padding-left:18px}
  .asx-flow li:nth-child(3)::before{left:0}
  .asx-funnel{grid-template-columns:repeat(2,1fr)}
  .asx-tiers{grid-template-columns:1fr;gap:16px}
  .asx-tier.pick{margin-top:0;padding-top:30px;padding-bottom:30px}
  .asx-cases{grid-template-columns:repeat(2,1fr)}
  .asx-cta .asx-wrap{grid-template-columns:1fr}
  .asx-tbl tbody th{width:32%}
}
@media (max-width:640px){
  .asx-sec{padding:44px 0}
  .asx-why{grid-template-columns:1fr}
  .asx-why>div{padding:22px 0 0}
  .asx-why>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line2);
    margin-top:20px;padding-top:20px}
  .asx-kw{grid-template-columns:1fr}
  .asx-flow{grid-template-columns:1fr;gap:26px}
  .asx-flow li{border-left:0;padding-left:20px;border-top:1px solid var(--line);padding-top:20px}
  .asx-flow li:first-child{border-top:0;padding-top:0}
  .asx-flow li::before{left:0;top:24px}
  .asx-flow li:first-child::before{top:4px}
  .asx-funnel{grid-template-columns:1fr}
  .asx-funnel>div{min-height:0}
  .asx-cases{grid-template-columns:1fr}
  .asx-probe .d{display:none}
  .asx-tbl thead{display:none}
  .asx-tbl tbody th,.asx-tbl td{display:block;width:auto;padding:4px 0;border:0}
  .asx-tbl tbody tr{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){
  .asx *{transition:none!important;animation:none!important}
  .rv{opacity:1!important;transform:none!important}
  .asx-prog{display:none}
}