.ag-hex{display:grid;place-items:center;width:44px;height:50px;flex:none;background:var(--blue);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.ag-hex svg{width:21px;height:21px}

.ag-chat{width:min(100%,430px);border-radius:26px;border:1px solid var(--line);background:linear-gradient(170deg,var(--s3),var(--s2));box-shadow:0 50px 110px -30px rgba(0,87,250,.55);overflow:hidden}
.ag-chat .chatw__av{color:#fff}
.ag-chat__tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:12px 18px 0}
.ag-chat__tabs span{padding:5px 14px;border-radius:99px;font-size:12px;font-weight:700;border:1px solid var(--line);color:var(--muted)}
.ag-chat__tabs span.on{background:var(--blue);border-color:var(--blue);color:#fff}
.ag-chat__tabs em{font-style:normal;font-size:12px;font-weight:600;color:var(--muted)}
.ag-chat__b{display:flex;flex-direction:column;gap:10px;padding:18px;min-height:clamp(250px,36vh,310px)}
.ag-b{max-width:84%;margin:0;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.35;opacity:0;animation:agB0 18s var(--ease) infinite}
.ag-b.cl{align-self:flex-start;border-bottom-left-radius:4px;background:rgb(var(--w) / .1)}
.ag-b.ag{align-self:flex-end;border-bottom-right-radius:4px;background:var(--blue);color:#fff}
@keyframes agB0{0%,4%{opacity:0;transform:translateY(12px)}7%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes agB1{0%,22%{opacity:0;transform:translateY(12px)}25%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes agB2{0%,42%{opacity:0;transform:translateY(12px)}45%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes agB3{0%,62%{opacity:0;transform:translateY(12px)}65%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
.ag-b:nth-child(1){animation-name:agB0}
.ag-b:nth-child(2){animation-name:agB1}
.ag-b:nth-child(3){animation-name:agB2}
.ag-b:nth-child(4){animation-name:agB3}
.rm .ag-b{animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){.ag-b{animation:none;opacity:1}}

.ag-s,.ag-faq,#plan.inc{grid-template-columns:minmax(0,1fr)}
.ag-s{background:var(--ink)}
.ag-s--b{background:var(--ink2)}
.sec-h.ag-h{font-size:clamp(30px,min(4.2vw,7.6vh),66px);max-width:16em}
.ag-lead{margin-top:clamp(10px,1.6vh,16px);max-width:36em;font-size:clamp(16px,1.35vw,19px);color:var(--t2)}

.ag-ans .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.ag-ans .ans__t{max-width:none}
.ag-via{width:min(100%,820px);position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:clamp(28px,4.4vh,48px) clamp(16px,2vw,28px);border-radius:32px;background:linear-gradient(135deg,var(--blue),#0A3FD8);color:#fff;box-shadow:0 36px 80px -36px rgba(0,87,250,.8)}
.ag-via::before{content:"";position:absolute;left:14%;right:14%;top:calc(clamp(28px,4.4vh,48px) + clamp(30px,4.4vh,42px));border-top:2px dashed rgba(255,255,255,.4)}
.ag-via li{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font-size:clamp(14px,1.25vw,17px);font-weight:700;line-height:1.2}
.ag-via li i{display:grid;place-items:center;width:clamp(60px,8.8vh,84px);height:clamp(60px,8.8vh,84px);border-radius:50%;background:#fff;color:var(--blue);font-style:normal}
.ag-via.in li i{animation:agPop .6s var(--ease) backwards;animation-delay:calc(var(--n)*.22s + .2s)}
.ag-via li:last-child i{box-shadow:0 0 0 7px rgba(255,255,255,.28)}
@keyframes agPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}

.ag-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(28px,5vh,56px)}
.ag-c{display:flex;align-items:flex-start;gap:clamp(14px,1.4vw,20px);padding:clamp(24px,3.4vh,40px) clamp(24px,2vw,32px);border-radius:26px;border:1px solid var(--line);background:var(--s3);transition:border-color .4s,transform .5s var(--ease)}
@media (hover:hover){.ag-c:hover{border-color:var(--blue2);transform:translateY(-4px)}}
.ag-c__h{display:flex;flex-direction:column;gap:4px}
.ag-c__n{font-size:clamp(32px,min(3.4vw,6vh),54px);font-weight:800;letter-spacing:-.06em;line-height:.95;color:var(--blue3)}
.ag-c__u{font-size:clamp(16px,1.3vw,19px);font-weight:700;letter-spacing:-.025em;color:var(--tx)}
.ag-c__d{margin:10px 0 0;color:var(--t2);font-size:clamp(14px,min(1.2vw,2.3vh),17px);line-height:1.5}

.ag-xg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(24px,4.4vh,48px)}
.ag-x{display:flex;flex-direction:column;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:var(--s3);transition:border-color .4s,transform .5s var(--ease)}
@media (hover:hover){.ag-x:hover{border-color:var(--blue2);transform:translateY(-4px)}}
.ag-x__i{display:flex;justify-content:center;align-items:flex-end;height:clamp(92px,16vh,200px);padding-top:16px;background:linear-gradient(180deg,var(--s1),var(--s2))}
.ag-x__i img{width:min(148px,58%);height:100%;object-fit:cover;object-position:top;border-radius:18px 18px 0 0;border:3px solid var(--blue2);border-bottom:0;background:var(--ink)}
.ag-x__t{display:flex;flex-direction:column;flex:1;padding:clamp(18px,2.4vh,24px) 24px 24px}
.ag-x__n{margin:0;font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--blue3)}
.ag-x h3{margin-top:4px;font-size:clamp(17px,1.4vw,20px);letter-spacing:-.03em;line-height:1.15}
.ag-x__t>p:not(.ag-x__n){margin:8px 0 0;color:var(--t2);font-size:clamp(13.5px,min(1.05vw,1.9vh),15px);line-height:1.5}
.ag-lnk{margin-top:auto;padding-top:12px;font-size:14.5px;font-weight:800;color:var(--blue3);text-decoration:underline;text-underline-offset:4px}

.ag-st{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(28px,5vh,56px)}
.ag-st li{position:relative;padding:clamp(24px,3.4vh,40px) clamp(24px,2vw,30px);border-radius:26px;border:1px solid var(--line);background:var(--s3)}
.ag-st li:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(clamp(14px,2vw,28px) * -1);width:clamp(14px,2vw,28px);border-top:2px dashed var(--blue2)}
.ag-st em{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blue);color:#fff;font-style:normal;font-weight:800;font-size:21px}
.ag-st h3{margin-top:clamp(12px,2vh,20px);font-size:clamp(20px,1.8vw,26px);letter-spacing:-.04em;line-height:1.1}
.ag-st p{margin:10px 0 0;color:var(--t2);font-size:clamp(14.5px,min(1.2vw,2.2vh),16.5px);line-height:1.5}
.ag-st p a{color:var(--blue3);font-weight:800;text-decoration:none}
.ag-st__x{margin-top:clamp(12px,2vh,20px);padding-top:clamp(12px,2vh,18px);border-top:1px solid var(--line)}
.ag-tag{display:inline-block;padding:6px 14px;border-radius:99px;background:var(--blue);color:#fff;font-size:15px;font-weight:800;letter-spacing:-.02em}
.ag-st__x small{display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--muted)}
.ag-chips{display:flex;flex-wrap:wrap;gap:6px}
.ag-chips span{padding:5px 12px;border-radius:99px;border:1px solid var(--line);background:rgb(var(--w) / .05);font-size:12.5px;font-weight:700;color:var(--t2)}

.ag-plan__cta{margin-top:20px;width:100%}
#plan h2{font-size:clamp(32px,min(4vw,7.4vh),64px);letter-spacing:-.055em;line-height:.98}
#plan h2 em{font-size:1.06em}
#plan .irow{padding:clamp(11px,2.5vh,26px) 6px}
#plan .irow b{font-size:clamp(17px,min(2.1vw,3.6vh),32px)}
#plan .inc__card{margin-top:clamp(24px,4vh,40px);padding:clamp(24px,3.4vh,34px) 32px}
#plan .inc__n{margin-top:clamp(18px,3vh,28px);font-size:15.5px;line-height:1.5;color:var(--t2)}
#plan .inc__n b{color:var(--tx)}

.ag-faq .faq2__g{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(28px,5vh,56px)}
.ag-faq .faq2__c{padding:clamp(24px,3vh,32px) clamp(24px,2vw,28px)}
.ag-faq .faq2__c h3{font-size:clamp(16px,min(1.4vw,2.6vh),21px);margin-bottom:10px}
.ag-faq .faq2__c p{font-size:clamp(14px,min(1.15vw,2.2vh),16.5px);line-height:1.5}

.fin h2.ag-fin{font-size:clamp(52px,9.8vw,176px)}

@media (max-width:1100px){
  .ag-cg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-xg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-faq .faq2__g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .ag-ans .wrap{grid-template-columns:1fr}
  .ag-st{grid-template-columns:1fr}
  .ag-st li:not(:last-child)::after{top:auto;bottom:calc(clamp(14px,2vw,28px) * -1);right:auto;left:44px;width:0;height:clamp(14px,2vw,28px);border-top:0;border-left:2px dashed var(--blue2)}
  .ag-x__i{height:200px}
}
@media (max-width:640px){
  .ag-cg,.ag-xg,.ag-faq .faq2__g{grid-template-columns:1fr}
  .ag-via{grid-template-columns:1fr;gap:16px}
  .ag-via li i{width:62px;height:62px}
  .ag-via::before{display:none}
  .ag-via li{flex-direction:row;text-align:left;gap:14px}
  .ag-x__i img{width:150px}
}
