@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

.fty-hero{background:#08121F;min-height:600px;display:flex;align-items:center;padding:60px 40px;position:relative;overflow:hidden;font-family:'Poppins',sans-serif;box-sizing:border-box;}
.fty-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#0D2040 1px,transparent 1px),linear-gradient(90deg,#0D2040 1px,transparent 1px);background-size:40px 40px;opacity:0.5;}
.fty-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,#F5A62308 50%,transparent 60%);}
.fty-hero-left{flex:0 0 45%;max-width:45%;position:relative;z-index:2;}
.fty-hero-right{flex:0 0 55%;max-width:55%;position:relative;z-index:2;}
.fty-hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #1A3352;padding:4px 12px;margin-bottom:20px;}
.fty-hero-badge span{color:#A8BDD0;font-size:10px;letter-spacing:2px;text-transform:uppercase;}
.fty-hero-badge::before{content:'';width:6px;height:6px;background:#F5A623;border-radius:50%;}
.fty-hero-title{color:#fff;font-size:58px;font-weight:800;line-height:1.05;letter-spacing:-1px;margin:0 0 16px;text-transform:uppercase;}
.fty-hero-title span{color:#F5A623;}
.fty-hero-sub{color:#A8BDD0;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;}
.fty-hero-desc{color:#A8BDD0;font-size:13px;line-height:1.7;margin-bottom:8px;max-width:380px;}
.fty-hero-desc-cn{color:#1A3352;font-size:11px;margin-bottom:32px;}
.fty-hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.fty-btn-primary{background:#F5A623;color:#000;border:none;padding:12px 24px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;transition:.2s;border-radius:2px;}
.fty-btn-primary:hover{background:#D4891A;}
.fty-btn-secondary{background:transparent;color:#fff;border:1px solid #1A3352;padding:12px 24px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;transition:.2s;border-radius:2px;}
.fty-btn-secondary:hover{border-color:#F5A623;color:#F5A623;}
.fty-btn-note{color:#A8BDD0;font-size:9px;letter-spacing:1px;margin-top:8px;}
.fty-diagram svg{width:100%;height:auto;}
@keyframes fty-flow{0%{stroke-dashoffset:20}100%{stroke-dashoffset:0}}
@keyframes fty-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}
@keyframes fty-blink{0%,100%{opacity:0.8}50%{opacity:0.2}}
.fty-flow-anim{stroke-dasharray:6 4;animation:fty-flow 1.5s linear infinite;}
.fty-pulse-anim{animation:fty-pulse 2s ease-in-out infinite;transform-origin:center;}
.fty-blink-anim{animation:fty-blink 2s ease-in-out infinite;}
.fty-corner-tl{position:absolute;top:20px;left:20px;width:30px;height:30px;border-top:1.5px solid #F5A623;border-left:1.5px solid #F5A623;}
.fty-corner-tr{position:absolute;top:20px;right:20px;width:30px;height:30px;border-top:1.5px solid #F5A623;border-right:1.5px solid #F5A623;}

.bottom_brief{background-color:#0A1828!important;border:1px solid #1A3352!important;color:#A8BDD0!important;border-radius:0!important;}

@media(max-width:768px){
  .fty-hero{flex-direction:column;padding:40px 20px;min-height:auto;}
  .fty-hero-left{flex:none;max-width:100%;width:100%;}
  .fty-hero-right{display:none;}
  .fty-hero-title{font-size:28px;letter-spacing:0;}
  .fty-btn-note{margin-bottom:8px;}
  #chat_window{right:8px!important;bottom:80px!important;}
}