/* ==================== ABOUT ==================== */
#about{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);}
#about:before{content:"";position:absolute;right:-330px;bottom:-390px;width:880px;height:880px;border:1px solid rgba(var(--primary-rgb),.07);border-radius:50%;box-shadow:0 0 0 90px rgba(var(--primary-rgb),.012),0 0 0 180px rgba(var(--primary-rgb),.008);pointer-events:none;}
#about:after{content: "";position:absolute;left: 0;bottom: 0;background: url(/images/40/about_bg.png);width: 100%;height: 100%;background-size: cover;opacity: 0.5;}
#about .about_grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap: clamp(70px,7vw,80px);}
#about .about_content{position:relative;padding:15px 0 15px 22px;}
#about .about_content:before{content:"";position:absolute;left:0;top:5px;width:1px;height:140px;background:linear-gradient(180deg,var(--primary),rgba(var(--primary-rgb),0));}
#about .about_content:after{content:"";position:absolute;left:-6px;top:4px;width:13px;height:13px;border:1px solid rgba(var(--primary-rgb),.32);border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(var(--primary-rgb),.04);}
#about .title_box .area_title{max-width:720px;}
#about .about_desc{max-width:710px;margin-top:26px;padding-left:1px;}
#about .about_desc p{margin:0;font-size:inherit;line-height:inherit;color:inherit;}

#about .about_feature{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top: 40px;margin-bottom: 40px;padding:16px 0 0;}
#about .about_feature:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,var(--primary) 0%,rgba(var(--primary-rgb),.22) 24%,var(--line) 62%,transparent 100%);}
#about .about_feature:after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(var(--primary-rgb),.06),0 0 12px rgba(var(--primary-rgb),.22);}
#about .feature_item{position:relative;min-height: 100px;padding:24px 22px 22px 66px;border:1px solid #e0e9f1;background:rgba(255,255,255,.82);overflow:hidden;transition:border-color .35s ease,background .35s ease,transform .35s ease;}
#about .feature_item:nth-child(2),#about .feature_item:nth-child(4){transform:translateY(12px);}
#about .feature_item:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:linear-gradient(180deg,var(--primary),var(--complement));transition:height .45s cubic-bezier(.4,0,.2,1);}
#about .feature_item:after{content:"";position:absolute;right:-48px;top:-48px;width:112px;height:112px;border:1px solid rgba(var(--primary-rgb),.065);border-radius:50%;box-shadow:0 0 0 22px rgba(var(--primary-rgb),.014);transition:.45s ease;}
#about .feature_num{position:absolute;left:20px;top:22px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #d5e3ed;background:#f8fbfe;font-size:9px;line-height:1;font-weight:800;letter-spacing:.08em;color:#8ba1b5;transition:.35s ease;}
#about .feature_num:before{content:"";position:absolute;left:50%;top:100%;width:1px;height:22px;background:linear-gradient(180deg,#cbdbe7,transparent);}
#about .feature_num:after{content:"";position:absolute;left:50%;bottom:-26px;width:5px;height:5px;border:1px solid #c5d8e6;border-radius:50%;background:#fff;transform:translateX(-50%);}
#about .feature_info{position:relative;z-index:2;}
#about .feature_title{position:relative;display:inline-block;padding-bottom:8px;font-size:20px;line-height:1.35;font-weight:800;color:#183f62;transition:.3s ease;}
#about .feature_title:after{content:"";position:absolute;left:0;bottom:0;width:22px;height:1px;background:#b9cddd;transition:width .35s ease,background .35s ease;}
#about .feature_info p{max-width:290px;margin:9px 0 0;font-size:14px;line-height:1.75;color:#8195a8;}
#about .feature_item:hover{border-color:#bcd9ec;background:#f8fcff;transform:translateY(-3px);}
#about .feature_item:nth-child(2):hover,#about .feature_item:nth-child(4):hover{transform:translateY(9px);}
#about .feature_item:hover:before{height:100%;}
#about .feature_item:hover:after{width:138px;height:138px;border-color:rgba(var(--primary-rgb),.12);}
#about .feature_item:hover .feature_num{border-color:var(--primary);background:var(--primary);color:#fff;}
#about .feature_item:hover .feature_num:before{background:linear-gradient(180deg,var(--primary),transparent);}
#about .feature_item:hover .feature_num:after{border-color:var(--primary);}
#about .feature_item:hover .feature_title{color:var(--primary);}
#about .feature_item:hover .feature_title:after{width:42px;background:var(--primary);}


#about .about_more{margin-top:32px;}
#about .about_more b{font-size:18px;font-weight:400;transition:.3s ease;}
#about .about_more:hover b{transform:translateX(4px);}
#about .about_visual{min-height: 560px;padding:42px 46px 38px;border:1px solid rgba(111,197,241,.18);border-radius:18px;background:linear-gradient(135deg,#061a32 0%,#082b50 45%,#084b7c 100%);overflow:hidden;color:#fff;box-shadow:0 36px 80px rgba(7,35,65,.12);overflow: visible;}
#about .about_visual:before{content:"";position:absolute;inset:14px;border:1px solid rgba(126,204,244,.07);border-radius:12px;pointer-events:none;z-index:1;}
#about .about_visual:after{content:"";position:absolute;right:-12%;bottom:-32%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(45,171,231,.16) 0%,rgba(45,171,231,.05) 42%,transparent 70%);pointer-events:none;}
#about .dashboard_grid{position:absolute;inset:0;background-image:linear-gradient(rgba(115,196,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(115,196,240,.055) 1px,transparent 1px);background-size:54px 54px;pointer-events:none;}
#about .dashboard_grid:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(4,18,35,.35) 0%,rgba(4,18,35,.03) 53%,rgba(39,162,222,.05) 100%);}
#about .dashboard_grid:after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(91,194,245,.18),transparent);}
#about .dashboard_circle{position:absolute;border:1px solid rgba(89,197,248,.15);border-radius:50%;pointer-events:none;}
#about .dashboard_circle.circle_01{right: -8%;top: 0%;width: 74%;height: auto;aspect-ratio: 1/1;box-shadow:0 0 0 62px rgba(84,191,242,.016),0 0 0 125px rgba(84,191,242,.008);}
#about .dashboard_circle.circle_01:before{content:"";position:absolute;inset: 20px;border:1px dashed rgba(82,195,244,.12);border-radius:50%;}
#about .dashboard_circle.circle_02{right: 4%;top: 12%;width: 50%;height: auto;aspect-ratio: 1/1;border-style:dashed;}
#about .dashboard_circle.circle_02:after{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#6edbff;box-shadow:0 0 7px #6edbff,0 0 17px rgba(76,202,255,.7);}
#about .dashboard_top{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(134,202,237,.12);font-size:8px;line-height:1.4;font-weight:800;letter-spacing:.18em;color:#83badb;width: 70%;}
#about .dashboard_top:before{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:1px;background:#4fc9ff;}
#about .dashboard_top span{font-size:11px;}
#about .dashboard_top font{position:relative;padding-left:14px;color:#60d1ff;font-size:11px;opacity: 0;}
#about .dashboard_top font:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#5fe0ff;box-shadow:0 0 9px rgba(95,224,255,.8);transform:translateY(-50%);}
#about .dashboard_copy{position:relative;z-index:4;width: 59%;margin-top: 50px;}
#about .dashboard_title{font-size:clamp(38px,3vw,58px);line-height:.96;font-weight:800;letter-spacing:-.045em;color:#fff;}
#about .dashboard_title span{position:relative;display:flex;width:max-content;font-size: 49px;line-height:1.2;color:#f4f7fa;}
#about .dashboard_title span:nth-child(2){color:#7bd8ff;}
#about .dashboard_title span:nth-child(3):after{content:"";position:absolute;right:-34px;bottom:8px;width:22px;height:2px;background:#5ed3ff;box-shadow:0 0 8px rgba(94,211,255,.45);}
#about .dashboard_copy>p{max-width:450px;margin:22px 0 0;padding-left:14px;border-left:1px solid rgba(108,200,241,.28);font-size:16px;line-height:1.85;color:#abc5d8;}
#about .dashboard_tag{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:9px 12px;border:1px solid rgba(115,202,244,.22);background:rgba(38,139,192,.05);font-size:8px;font-weight:700;letter-spacing:.12em;color:#9bd8f5;backdrop-filter:blur(5px);}
#about .dashboard_tag span{color:#9bd8f5;font-size:12px;}
#about .dashboard_tag i{width:5px;height:5px;border-radius:50%;background:#4bd0ff;box-shadow:0 0 8px rgba(75,208,255,.7),0 0 16px rgba(75,208,255,.28);}
#about .about_product{position:absolute;right: -15%;bottom: 16%;z-index:3;width: 82%;height:auto;aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center;transform: rotate(17deg);}
#about .about_product:before{content:"";position:absolute;left:50%;bottom:10%;width:82%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(78,198,247,.22) 0%,rgba(78,198,247,.08) 40%,transparent 72%);transform:translateX(-50%);filter:blur(2px);}
#about .about_product:after{content:"";position:absolute;left:50%;bottom:12%;width:68%;height:7%;border-radius:50%;border:1px solid rgba(95,209,255,.22);transform:translateX(-50%) perspective(300px) rotateX(62deg);}
#about .about_product img{position:relative;z-index:2;width:100%;height:100%;object-position:center bottom;filter:drop-shadow(0 30px 27px rgba(0,0,0,.34));transition:transform .6s cubic-bezier(.4,0,.2,1);}

#about .dashboard_data{position:absolute;left:46px;right:46px;bottom:30px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
#about .data_item{position:relative;padding:13px 16px 0 0;border-top:1px solid rgba(146,201,233,.20);}
#about .data_item+.data_item{padding-left:18px;}
#about .data_item+.data_item:before{content:"";position:absolute;left:0;top:13px;width:1px;height:31px;background:rgba(146,201,233,.14);}
#about .data_item strong{display:block;font-size:19px;line-height:1.2;font-weight:700;color:#68d5ff;}
#about .data_item span{display:block;margin-top:3px;font-size:7px;line-height:1.5;font-weight:700;letter-spacing:.14em;color:#779fba;}
#about .dashboard_circle.circle_01:before{animation:aboutCircleReverse 24s linear infinite;}
#about .dashboard_circle.circle_02{animation:aboutCircleMove 18s linear infinite;}
#about .dashboard_circle.circle_02:after{animation:aboutLightPulse 2.4s ease-in-out infinite;}
#about .about_product img{animation:aboutProductFloat 5s ease-in-out infinite;}
@keyframes aboutCircleMove{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes aboutCircleReverse{0%{transform:rotate(360deg);}100%{transform:rotate(0deg);}}
@keyframes aboutLightPulse{0%,100%{opacity:.55;box-shadow:0 0 6px #6edbff,0 0 12px rgba(76,202,255,.45);}50%{opacity:1;box-shadow:0 0 8px #fff,0 0 17px #6edbff,0 0 28px rgba(76,202,255,.72);}}
@keyframes aboutProductFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}


@media screen and (max-width:1400px) {
  #about .about_grid { gap: 65px; }
  #about .about_visual { min-height: 540px; padding: 38px; }
  #about .dashboard_copy { margin-top: 46px; }
  #about .dashboard_data { left: 38px; right: 38px; }
  #about .about_product { width: 49%; }
}
@media screen and (max-width:1200px) {
  #about .about_grid { grid-template-columns: 1fr; gap: 60px; }
  #about .about_content { max-width: 900px; }
  #about .about_visual { width: 100%; min-height: 620px; }
  #about .dashboard_copy { width: 48%; }
  #about .about_product { width: 47%; }
}

@media screen and (max-width:767px) {
  #about .about_content { padding-left: 16px; }
  #about .about_grid { gap: 45px; }

  #about .about_feature { grid-template-columns: 1fr; gap: 10px; padding-top: 14px; }
  #about .feature_item,#about .feature_item:nth-child(2),#about .feature_item:nth-child(4) { min-height: auto; padding: 20px 18px 20px 60px; transform: none; }
  #about .feature_item:hover,#about .feature_item:nth-child(2):hover,#about .feature_item:nth-child(4):hover { transform: none; }
  #about .feature_num { left: 18px; top: 20px; }
  #about .feature_info p { max-width: none; }

  #about .about_visual { min-height: 630px; padding: 28px 24px 30px; border-radius: 14px; }
  #about .dashboard_top { font-size: 7px; }
  #about .dashboard_top span,#about .dashboard_top font { font-size: 8px; }
  #about .dashboard_copy { width: 100%; margin-top: 38px; }
  #about .dashboard_title { font-size: 42px; }
  #about .dashboard_title span { font-size: 40px; }
  #about .dashboard_copy>p { max-width: 88%; font-size: 14px; }
  #about .about_product { right: 2%; bottom: 72px; width: 64%; height: auto; opacity: .94; }
  #about .dashboard_data { left: 24px; right: 24px; bottom: 24px; }
  #about .data_item strong { font-size: 15px; }
  #about .dashboard_circle.circle_01 { right: -260px; top: -70px; }
  #about:after { display: none; }
}
@media screen and (max-width:480px) {
  #about .about_visual { min-height: 610px; }
  #about .dashboard_top font { display: none; }
  #about .dashboard_title { font-size: 37px; }
  #about .dashboard_title span { font-size: 36px; }
  #about .dashboard_copy>p { max-width: 100%; font-size: 12px; }
  #about .dashboard_tag span { font-size: 10px; }
  #about .about_product { right: -4%; bottom: 72px; width: 76%; }
  #about .dashboard_data { grid-template-columns: repeat(3,1fr); gap: 8px; }
  #about .data_item { padding-right: 6px; }
  #about .data_item+.data_item { padding-left: 8px; }
  #about .data_item strong { font-size: 13px; }
  #about .data_item span { font-size: 6px; letter-spacing: .06em; }
}