.open_home{color:#172033}
.open_home .section{padding:104px 0}
.open_home .section_label{display:inline-block;color:#087e72;font-size:12px;line-height:1;font-weight:700;letter-spacing:2.4px}
.open_home .section_head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}
.open_home .section_head h2{margin-top:14px;font-size:36px;line-height:1.25;letter-spacing:-1px}
.open_home .section_head>p{width:410px;color:#697386;font-size:15px;line-height:1.8}
.open_home .section_head.center{display:block;text-align:center}
.open_home .section_head.center h2{margin-bottom:14px}
.open_home .section_head.center p{width:auto}
.open_home .hero{position:relative;overflow:hidden;padding:105px 0 110px;background:#091827;color:#fff}
.open_home .hero:after{position:absolute;right:-100px;bottom:-180px;width:600px;height:600px;border:1px solid rgba(82,227,201,.08);border-radius:50%;box-shadow:0 0 0 90px rgba(82,227,201,.025),0 0 0 180px rgba(82,227,201,.02);content:""}
.open_home .hero_glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.open_home .hero_glow_left{top:-220px;left:-180px;width:540px;height:540px;background:radial-gradient(circle,rgba(20,174,151,.13),transparent 68%)}
.open_home .hero_glow_right{top:0;right:8%;width:460px;height:460px;background:radial-gradient(circle,rgba(36,108,172,.14),transparent 70%)}
.open_home .hero_inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}
.open_home .hero_content{width:55%}
.open_home .hero_content h1{margin:22px 0 24px;font-size:52px;line-height:1.22;letter-spacing:-2px;font-weight:700}
.open_home .hero_content h1 em{color:#5ae2c2;font-style:normal}
.open_home .eyebrow{display:inline-flex;align-items:center;color:#9ab0c3;font-size:13px;letter-spacing:1.8px}
.open_home .eyebrow i{display:inline-block;width:22px;height:1px;margin-right:10px;background:#5ae2c2}
.open_home .hero_desc{max-width:628px;color:#aebdca;font-size:17px;line-height:1.85}
.open_home .hero_btns{display:flex;margin-top:36px;gap:14px}
.open_home .btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 25px;border-radius:5px;font-size:15px;transition:all .25s ease}
.open_home .btn span{margin-left:18px}
.open_home .btn_primary{background:#35d7b4;color:#06251e!important;font-weight:600;box-shadow:0 10px 30px rgba(53,215,180,.16)}
.open_home .btn_primary:hover{background:#57e3c3;transform:translateY(-2px)}
.open_home .btn_ghost{border:1px solid rgba(255,255,255,.2);color:#fff!important}
.open_home .btn_ghost:hover{border-color:rgba(255,255,255,.5)}
.open_home .hero_tags{display:flex;margin-top:40px;gap:25px;color:#8096a9;font-size:12px}
.open_home .hero_tags span{display:flex;align-items:center}
.open_home .hero_tags i{width:5px;height:5px;margin-right:8px;border-radius:50%;background:#35d7b4;box-shadow:0 0 8px #35d7b4}
.open_home .hero_console{width:41%;border:1px solid rgba(117,181,190,.18);border-radius:10px;background:rgba(15,38,55,.86);box-shadow:0 28px 70px rgba(0,0,0,.3);backdrop-filter:blur(8px)}
.open_home .console_head{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.open_home .console_title{display:flex;align-items:center;color:#dce9ed;font-size:12px;letter-spacing:.4px}
.open_home .console_logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:10px;border-radius:6px;background:#35d7b4;color:#09211d;font-weight:800}
.open_home .console_status{display:flex;align-items:center;color:#7edbc5;font-size:11px}
.open_home .console_status i{width:6px;height:6px;margin-right:6px;border-radius:50%;background:#35d7b4;box-shadow:0 0 8px #35d7b4}
.open_home .console_body{padding:26px 24px}
.open_home .flow_item{display:flex;align-items:center;min-height:64px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(255,255,255,.025)}
.open_home .flow_item.active{border-color:rgba(53,215,180,.4);background:rgba(53,215,180,.07)}
.open_home .flow_item>div{flex:1}
.open_home .flow_item strong{display:block;margin-bottom:6px;color:#edf7f8;font-size:13px;font-weight:500}
.open_home .flow_item small{color:#71899b;font-size:11px}
.open_home .flow_icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:12px;border-radius:50%;background:rgba(53,215,180,.1);color:#5ae2c2;font-size:10px}
.open_home .flow_state{padding:4px 7px;border-radius:3px;background:rgba(53,215,180,.08);color:#69d9c0;font-size:9px;letter-spacing:.5px;text-transform:uppercase}
.open_home .flow_line{height:18px;margin-left:28px;border-left:1px dashed rgba(90,226,194,.35)}
.open_home .console_code{padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);background:rgba(4,15,25,.35);color:#7891a2;font:11px/1.6 Monaco,Consolas,monospace}
.open_home .code_key{color:#79b8ff}
.open_home .code_value{color:#8de3b7}
.open_home .solutions{background:#fff}
.open_home .solution_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.open_home .solution_card{position:relative;padding:30px;overflow:hidden;border:1px solid #e7ebef;border-radius:8px;background:#fff;transition:all .3s ease}
.open_home .solution_card:hover{border-color:#a9ddd3;box-shadow:0 18px 50px rgba(19,47,61,.09);transform:translateY(-5px)}
.open_home .solution_card h3{margin:22px 0 12px;font-size:21px}
.open_home .solution_card>p{min-height:76px;color:#6d7888;font-size:14px;line-height:1.75}
.open_home .solution_card ul{margin:22px 0;padding:20px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
.open_home .solution_card li{display:flex;align-items:center;margin:10px 0;color:#3e4a5c;font-size:13px}
.open_home .solution_card li i{width:5px;height:5px;margin-right:10px;border-radius:50%;background:#26b89a}
.open_home .solution_card>a{color:#117a6c;font-size:13px;font-weight:600}
.open_home .solution_card>a span{margin-left:8px}
.open_home .capabilities{background:#f3f6f7}
.open_home .capability_grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;border-top:1px solid #dce3e6;border-left:1px solid #dce3e6}
.open_home .capability_grid article{min-height:230px;padding:34px;border-right:1px solid #dce3e6;border-bottom:1px solid #dce3e6;background:rgba(255,255,255,.5);transition:background .25s ease}
.open_home .capability_grid article:hover{background:#fff}
.open_home .capability_grid article h3{margin:20px 0 10px;font-size:18px}
.open_home .capability_grid article p{color:#71808e;font-size:13px;line-height:1.7}
.open_home .capability_grid article>span{display:inline-block;margin-top:18px;color:#a0aab3;font:9px Monaco,Consolas,monospace;letter-spacing:1px}
.open_home .capability_icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #c5dbd7;border-radius:8px;color:#168473;font:700 13px Monaco,Consolas,monospace}
.open_home .integration{background:#fff}
.open_home .integration_inner{display:flex;align-items:center;justify-content:space-between}
.open_home .integration_copy{width:42%}
.open_home .integration_copy>h2{margin:16px 0;font-size:36px;letter-spacing:-1px}
.open_home .integration_copy>p{color:#6c7888;font-size:15px;line-height:1.8}
.open_home .step_list{margin:34px 0 28px}
.open_home .step_item{display:flex;padding:17px 0;border-bottom:1px solid #edf0f2}
.open_home .step_item>span{width:48px;color:#24a88f;font:12px Monaco,Consolas,monospace}
.open_home .step_item strong{display:block;margin-bottom:6px;font-size:15px}
.open_home .step_item p{color:#7b8794;font-size:13px}
.open_home .text_link{color:#087e72;font-size:14px;font-weight:600}
.open_home .text_link span{margin-left:8px}
.open_home .code_panel{width:51%;overflow:hidden;border-radius:10px;background:#0c1926;box-shadow:0 25px 65px rgba(16,34,50,.2)}
.open_home .code_panel pre{min-height:315px;margin:0;padding:32px 34px;color:#b8c7d1;font:13px/1.9 Monaco,Consolas,monospace;white-space:pre-wrap}
.open_home .code_head{display:flex;align-items:center;height:48px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);color:#8fa2b0;font:11px Monaco,Consolas,monospace}
.open_home .code_head>div{display:flex;margin-right:24px;gap:6px}
.open_home .code_head>div i{width:8px;height:8px;border-radius:50%;background:#ef6b64}
.open_home .code_head>div i:nth-child(2){background:#e7b857}
.open_home .code_head>div i:nth-child(3){background:#53bc81}
.open_home .code_head small{margin-left:auto;color:#536b7b}
.open_home .code_comment{color:#566f7e}
.open_home .code_method{color:#57d7b7}
.open_home .code_prop{color:#7ab8ee}
.open_home .code_string{color:#d9b36d}
.open_home .code_result{padding:15px 22px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.12);color:#7bd9be;font-size:11px}
.open_home .code_result i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#49d5ab}
.open_home .code_result span{float:right;color:#5f7686}
.open_home .advantages{padding:0 0 104px;background:#fff}
.open_home .advantage_grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e3e8eb;border-bottom:1px solid #e3e8eb}
.open_home .advantage_grid article{display:flex;padding:34px 30px;border-right:1px solid #e3e8eb}
.open_home .advantage_grid article:last-child{border-right:0}
.open_home .advantage_grid article>span{margin-right:18px;color:#2ab296;font:11px Monaco,Consolas,monospace}
.open_home .advantage_grid article h3{margin-bottom:10px;font-size:16px}
.open_home .advantage_grid article p{color:#76828f;font-size:12px;line-height:1.7}
.open_home .final_cta{position:relative;overflow:hidden;padding:90px 0;background:#0a1b29;color:#fff;text-align:center}
.open_home .final_cta .page_w{position:relative;z-index:1}
.open_home .final_cta .section_label{color:#59d9bc}
.open_home .final_cta h2{margin:18px 0 14px;font-size:36px}
.open_home .final_cta p{color:#8fa3b2;font-size:15px}
.open_home .final_cta .hero_btns{justify-content:center}
.open_home .cta_grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}
@media (max-width:900px){
.open_home .page_w{width:auto;margin:0 22px}
.open_home .section{padding:72px 0}
.open_home .section_head{display:block}
.open_home .section_head h2{font-size:30px}
.open_home .section_head>p{width:auto;margin-top:15px}
.open_home .hero{padding:72px 0}
.open_home .hero_inner,.open_home .integration_inner{display:block}
.open_home .hero_content,.open_home .hero_console,.open_home .integration_copy,.open_home .code_panel{width:100%}
.open_home .hero_content h1{font-size:40px}
.open_home .hero_console{margin-top:50px}
.open_home .solution_grid{grid-template-columns:1fr}
.open_home .solution_card>p{min-height:0}
.open_home .capability_grid{grid-template-columns:repeat(2,1fr)}
.open_home .code_panel{margin-top:45px}
.open_home .advantage_grid{grid-template-columns:1fr}
.open_home .advantage_grid article{border-right:0;border-bottom:1px solid #e3e8eb}
.open_home .advantage_grid article:last-child{border-bottom:0}
.open_home .advantages{padding-bottom:72px}
}
@media (max-width:560px){
.open_home .hero_content h1{font-size:30px;letter-spacing:-1px}
.open_home .hero_desc{font-size:15px}
.open_home .hero_btns{flex-direction:column}
.open_home .hero_tags{flex-wrap:wrap;gap:14px 20px}
.open_home .console_head{padding:0 14px}
.open_home .console_title{font-size:10px}
.open_home .console_body{padding:18px 14px}
.open_home .flow_item{padding:0 10px}
.open_home .flow_item small{font-size:10px}
.open_home .capability_grid{grid-template-columns:1fr}
.open_home .capability_grid article{min-height:auto}
.open_home .code_panel pre{min-height:auto;padding:24px 18px;font-size:11px}
.open_home .code_result span{display:none}
.open_home .final_cta h2{font-size:29px}
}