*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Spectral',serif;font-size:16px;line-height:1.6;color:#202534;background:#F8FAFB}
.hd{background:linear-gradient(128deg,#202534 0%,#2a3145 50%,#202534 100%);box-shadow:0 4px 12px #20253426 0 8px 24px #2025341a;padding:0}
.hd_wrap{max-width:1366px;margin:0 auto;padding:0 20px}
.hd_brand{text-align:center;padding:18px 0 12px;border-bottom:1px solid #f8fafb1a}
.hd_brand .brand_txt{font-size:26px;font-weight:700;color:#F8FAFB;letter-spacing:.5px}
.hd_mid{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:30px}
.logo_box{flex-shrink:0}
.logo_box .lg_img{height:90px;width:90px;display:block;background:#f8fafbf2;border-radius:12px;padding:8px;box-shadow:0 2px 8px #0003}
.contact_group{display:flex;gap:40px;align-items:center}
.contact_group .ct_item{display:flex;align-items:center;gap:8px}
.contact_group .ct_item i{font-size:20px;color:#4490FB}
.contact_group .ct_link{color:#F8FAFB;text-decoration:none;font-size:15px;transition:color .2s}
.contact_group .ct_link:hover{color:#4490FB}
.nv{background:#f8fafb0d;border-top:1px solid #f8fafb1a}
.nv_list{list-style:none;display:flex;justify-content:center;align-items:center;gap:2px;padding:0;margin:0}
.nv_item{margin:0}
.nv_link{display:block;padding:16px 28px;color:#F8FAFB;text-decoration:none;font-size:16px;font-weight:400;transition:background-color 0.2s,color .2s}
.nv_link:hover{background-color:#4490fb26;color:#4490FB}
.nv_link.active{background-color:#4490fb33;color:#4490FB}
.ft{background:linear-gradient(142deg,#202534 0%,#2a3145 100%);color:#F8FAFB;padding:60px 0 30px;margin-top:80px}
.ft_wrap{max-width:1366px;margin:0 auto;padding:0 20px}
.ft_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-bottom:50px}
.ft_col .ft_heading{font-size:20px;font-weight:700;margin-bottom:20px;color:#F8FAFB;letter-spacing:.3px}
.ft_col .ft_txt{font-size:15px;line-height:1.7;color:#f8fafbd9;margin-bottom:16px}
.ft_col .ft_address{font-size:14px;line-height:1.6;color:#f8fafbb3;font-style:normal}
.ft_links{list-style:none;padding:0}
.ft_links li{margin-bottom:12px}
.ft_links .ft_service{font-size:15px;color:#f8fafbd9}
.ft_contacts{list-style:none;padding:0}
.ft_contacts .ft_contact_item{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ft_contacts .ft_contact_item i{font-size:20px;color:#4490FB}
.ft_contacts .ft_contact_link{color:#f8fafbd9;text-decoration:none;font-size:15px;transition:color .2s}
.ft_contacts .ft_contact_link:hover{color:#4490FB}
.ft_bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid #f8fafb26}
.ft_bottom .ft_copy p{font-size:14px;color:#f8fafbb3}
.ft_bottom .ft_legal_link{font-size:14px;color:#f8fafbd9;text-decoration:none;transition:color .2s}
.ft_bottom .ft_legal_link:hover{color:#4490FB}
.cookie_popup{position:fixed;left:20px;top:50%;transform:translateY(-50%);background:#fff;border-radius:16px;box-shadow:0 8px 32px #20253433 0 4px 16px #20253426;padding:30px;max-width:420px;z-index:9999;display:none}
.cookie_popup .cookie_header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cookie_popup .cookie_icon{font-size:32px;color:#4490FB}
.cookie_popup .cookie_title{font-size:22px;font-weight:700;color:#202534}
.cookie_popup .cookie_desc{font-size:15px;line-height:1.6;color:#202534;margin-bottom:20px}
.cookie_settings{margin-bottom:24px}
.cookie_toggle_group{display:flex;flex-direction:column;gap:12px}
.cookie_toggle_label{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}
.cookie_checkbox{display:none}
.cookie_toggle_slider{width:46px;height:24px;background:#cbd5e0;border-radius:24px;position:relative;transition:background .3s}
.cookie_toggle_slider::after{content:'';position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s}
.cookie_checkbox:checked + .cookie_toggle_slider{background:#4490FB}
.cookie_checkbox:checked + .cookie_toggle_slider::after{transform:translateX(22px)}
.cookie_toggle_txt{font-size:14px;color:#202534}
.cookie_actions{display:flex;gap:12px;margin-bottom:16px}
.cookie_btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-family:'Spectral',serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}
.cookie_btn_primary{background:linear-gradient(135deg,#4490FB 0%,#3670d8 100%);color:#fff}
.cookie_btn_primary:hover{background:linear-gradient(135deg,#3670d8 0%,#2855b5 100%)}
.cookie_btn_secondary{background:#F8FAFB;color:#202534;border:1px solid #cbd5e0}
.cookie_btn_secondary:hover{background:#e2e8f0}
.cookie_links{display:flex;flex-direction:column;gap:8px}
.cookie_links a{font-size:13px;color:#4490FB;text-decoration:none;display:flex;align-items:center;gap:4px}
.cookie_links a:hover{text-decoration:underline}
.cookie_manage_btn{position:fixed;bottom:20px;left:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4490FB 0%,#3670d8 100%);color:#fff;border:none;box-shadow:0 4px 16px #4490fb4d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:9998;transition:all .3s}
.cookie_manage_btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #4490fb66}
@keyframes slideInLeft {
from{transform:translate(-100%,-50%);opacity:0}
to{transform:translate(0,-50%);opacity:1}
}
@keyframes slideOutLeft {
from{transform:translate(0,-50%);opacity:1}
to{transform:translate(-100%,-50%);opacity:0}
}
@media (max-width: 1366px) {
.hd_wrap{max-width:100%}
.ft_wrap{max-width:100%}
}
@media (max-width: 768px) {
.hd_mid{flex-direction:column;gap:20px;padding:15px 0}
.contact_group{flex-direction:column;gap:12px;width:100%;text-align:center}
.nv_list{flex-direction:column;gap:0}
.nv_link{padding:14px 20px;text-align:center}
.ft_grid{grid-template-columns:1fr;gap:40px}
.ft_bottom{flex-direction:column;gap:16px;text-align:center}
.cookie_popup{left:10px;right:10px;max-width:none;padding:24px}
.cookie_actions{flex-direction:column}
}
@media (max-width: 375px) {
.hd_brand .brand_txt{font-size:22px}
.logo_box .lg_img{height:70px;width:70px}
.contact_group .ct_link{font-size:14px}
.nv_link{font-size:15px;padding:12px 16px}
.cookie_popup{padding:20px}
.cookie_popup .cookie_title{font-size:19px}
}
.info-doc{max-width:1366px;margin:0 auto;padding:60px 20px;background:#F8FAFB}
.info-doc h1{font-size:42px;line-height:1.2;color:#202534;margin:0 0 16px;font-weight:700}
.info-doc h2{font-size:32px;line-height:1.3;color:#202534;margin:48px 0 20px;font-weight:600}
.info-doc h3{font-size:24px;line-height:1.4;color:#202534;margin:36px 0 16px;font-weight:600}
.info-doc h4{font-size:20px;line-height:1.4;color:#202534;margin:28px 0 14px;font-weight:600}
.info-doc h5{font-size:18px;line-height:1.5;color:#202534;margin:24px 0 12px;font-weight:600}
.info-doc h6{font-size:16px;line-height:1.5;color:#202534;margin:20px 0 10px;font-weight:600}
.info-doc p{font-size:16px;line-height:1.8;color:#202534;margin:0 0 20px}
.info-doc ul{margin:0 0 24px;padding:0 0 0 28px;list-style:disc}
.info-doc ol{margin:0 0 24px;padding:0 0 0 28px;list-style:decimal}
.info-doc li{font-size:16px;line-height:1.8;color:#202534;margin:0 0 12px;padding-left:8px}
.info-doc li:last-child{margin-bottom:0}
.info-doc ul ul,.info-doc ol ol,.info-doc ul ol,.info-doc ol ul{margin:12px 0 0}
.info-doc a{color:#4490FB;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
.info-doc a:hover{border-bottom-color:#4490FB}
.info-doc table{width:100%;border-collapse:collapse;margin:0 0 32px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #20253414}
.info-doc thead{background:linear-gradient(135deg,#202534 0%,#2d3345 100%)}
.info-doc thead tr{border-bottom:2px solid #4490FB}
.info-doc th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;line-height:1.5}
.info-doc tbody tr{border-bottom:1px solid #e5e7eb}
.info-doc tbody tr:last-child{border-bottom:none}
.info-doc tbody tr:hover{background:#F8FAFB}
.info-doc td{padding:14px 20px;font-size:15px;line-height:1.6;color:#202534}
.info-doc hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#4490FB 50%,transparent 100%);margin:48px 0}
@media (max-width: 768px) {
.info-doc{padding:40px 16px}
.info-doc h1{font-size:32px;margin-bottom:12px}
.info-doc h2{font-size:26px;margin:36px 0 16px}
.info-doc h3{font-size:22px;margin:28px 0 14px}
.info-doc h4{font-size:19px;margin:24px 0 12px}
.info-doc h5{font-size:17px;margin:20px 0 10px}
.info-doc h6{font-size:16px;margin:18px 0 10px}
.info-doc p{font-size:15px;margin-bottom:16px}
.info-doc ul,.info-doc ol{padding-left:24px;margin-bottom:20px}
.info-doc li{font-size:15px;margin-bottom:10px}
.info-doc table{font-size:14px;margin-bottom:24px}
.info-doc th,.info-doc td{padding:12px 14px;font-size:14px}
.info-doc hr{margin:36px 0}
}
@media (max-width: 375px) {
.info-doc{padding:32px 12px}
.info-doc h1{font-size:28px}
.info-doc h2{font-size:24px}
.info-doc h3{font-size:20px}
.info-doc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.info-doc th,.info-doc td{padding:10px 12px;font-size:13px}
}
.hero_wrap{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(127deg,#202534 0%,#4490FB 100%)}
.hero_wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./stock_photos/storyy-2.jpg);background-size:cover;background-position:center;opacity:.15;filter:blur(3px)}
.hero_ct{position:relative;z-index:2;text-align:center;max-width:840px;margin:0 auto;padding:60px 20px}
.hero_ct h1{color:#F8FAFB;font-size:52px;line-height:1.2;margin:0 0 24px;font-weight:700;letter-spacing:-.5px}
.hero_ct .sub{color:#f8fafbe0;font-size:19px;line-height:1.6;max-width:680px;margin:0 auto}
.tm_sec{padding:90px 20px;background:#F8FAFB}
.tm_sec .wrap{max-width:1366px;margin:0 auto}
.tm_sec h2{font-size:38px;color:#202534;margin:0 0 16px;font-weight:600;line-height:1.3}
.tm_sec .intro_txt{font-size:17px;color:#202534;line-height:1.7;margin:0 0 48px;max-width:920px}
.tm_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tm_card{background:#fff;border-radius:16px;padding:36px 28px;box-shadow:0 4px 16px #20253414;transition:all .3s ease;border:2px solid transparent}
.tm_card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #4490fb2e;border-color:#4490FB}
.tm_card .ic{width:52px;height:52px;background:linear-gradient(135deg,#4490FB 0%,#202534 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.tm_card .ic i{font-size:26px;color:#F8FAFB}
.tm_card h3{font-size:22px;color:#202534;margin:0 0 12px;font-weight:600}
.tm_card p{font-size:16px;color:#202534;line-height:1.65;margin:0;opacity:.82}
.insp_sec{padding:90px 20px;background:linear-gradient(163deg,#202534 0%,#4490FB 100%)}
.insp_sec .wrap{max-width:1366px;margin:0 auto}
.insp_grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.insp_txt h2{font-size:38px;color:#F8FAFB;margin:0 0 24px;font-weight:600;line-height:1.3}
.insp_txt p{font-size:17px;color:#f8fafbe6;line-height:1.7;margin:0 0 18px}
.stat_row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.stat_box{background:#f8fafb1c;border-radius:12px;padding:24px;border-left:4px solid #4490FB}
.stat_box .num{font-size:42px;color:#F8FAFB;font-weight:700;margin:0 0 8px;line-height:1}
.stat_box .lbl{font-size:15px;color:#f8fafbc7;line-height:1.5;margin:0}
.insp_img{position:relative}
.insp_img img{width:100%;height:480px;object-fit:cover;border-radius:20px;box-shadow:0 16px 48px #0000004d}
.adv_sec{padding:90px 20px;background:#fff}
.adv_sec .wrap{max-width:1366px;margin:0 auto}
.adv_sec h2{font-size:38px;color:#202534;margin:0 0 52px;font-weight:600;text-align:center;line-height:1.3}
.adv_list{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.adv_item{display:flex;gap:20px;padding:28px;background:#F8FAFB;border-radius:14px;transition:all .25s ease;border:2px solid transparent}
.adv_item:hover{background:#fff;border-color:#4490FB;box-shadow:0 8px 24px #4490fb1f}
.adv_item .num{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#4490FB 0%,#202534 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#F8FAFB;font-weight:700}
.adv_item .txt h4{font-size:20px;color:#202534;margin:0 0 10px;font-weight:600}
.adv_item .txt p{font-size:16px;color:#202534;line-height:1.65;margin:0;opacity:.85}
.qual_sec{padding:90px 20px;background:#F8FAFB;position:relative;overflow:hidden}
.qual_sec::before{content:'';position:absolute;top:-120px;right:-140px;width:480px;height:480px;background:radial-gradient(circle,#4490fb14 0%,transparent 70%);border-radius:50%}
.qual_sec .wrap{max-width:1366px;margin:0 auto;position:relative;z-index:1}
.qual_grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.qual_img img{width:100%;height:520px;object-fit:cover;border-radius:18px;box-shadow:0 12px 36px #20253424}
.qual_ct h2{font-size:38px;color:#202534;margin:0 0 24px;font-weight:600;line-height:1.3}
.qual_ct p{font-size:17px;color:#202534;line-height:1.7;margin:0 0 18px}
.prog_track{margin-top:40px}
.prog_step{position:relative;padding-left:48px;margin-bottom:32px}
.prog_step::before{content:'';position:absolute;left:11px;top:32px;bottom:-32px;width:2px;background:linear-gradient(180deg,#4490FB 0%,#4490fb33 100%)}
.prog_step:last-child::before{display:none}
.prog_step .dot{position:absolute;left:0;top:0;width:24px;height:24px;background:#4490FB;border-radius:50%;border:4px solid #F8FAFB;box-shadow:0 0 0 2px #4490FB}
.prog_step h4{font-size:20px;color:#202534;margin:0 0 8px;font-weight:600}
.prog_step p{font-size:15px;color:#202534;line-height:1.6;margin:0;opacity:.8}
.cta_sec{padding:90px 20px;background:linear-gradient(146deg,#4490FB 0%,#202534 100%)}
.cta_sec .wrap{max-width:920px;margin:0 auto;text-align:center}
.cta_sec h2{font-size:42px;color:#F8FAFB;margin:0 0 20px;font-weight:600;line-height:1.3}
.cta_sec p{font-size:18px;color:#f8fafbe0;line-height:1.7;margin:0 0 36px}
.cta_sec .btn_pr{display:inline-block;padding:16px 44px;background:#F8FAFB;color:#202534;font-size:17px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease;box-shadow:0 6px 20px #00000026;position:relative;z-index:5}
.cta_sec .btn_pr:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000040;background:#fff}
@media (max-width: 1366px) {
.hero_ct h1{font-size:46px}
.tm_grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 768px) {
.hero_wrap{min-height:420px}
.hero_ct{padding:40px 20px}
.hero_ct h1{font-size:34px}
.hero_ct .sub{font-size:17px}
.tm_sec{padding:60px 20px}
.tm_sec h2{font-size:30px}
.tm_grid{grid-template-columns:1fr;gap:24px}
.insp_sec{padding:60px 20px}
.insp_grid{grid-template-columns:1fr;gap:40px}
.insp_txt h2{font-size:30px}
.stat_row{grid-template-columns:1fr}
.insp_img img{height:360px}
.adv_sec{padding:60px 20px}
.adv_sec h2{font-size:30px;margin-bottom:36px}
.adv_list{grid-template-columns:1fr;gap:24px}
.qual_sec{padding:60px 20px}
.qual_grid{grid-template-columns:1fr;gap:40px}
.qual_ct h2{font-size:30px}
.qual_img img{height:380px}
.cta_sec{padding:60px 20px}
.cta_sec h2{font-size:32px}
.cta_sec p{font-size:16px}
}
@media (max-width: 375px) {
.hero_ct h1{font-size:28px}
.tm_sec h2,.insp_txt h2,.adv_sec h2,.qual_ct h2{font-size:26px}
.tm_card{padding:28px 20px}
.adv_item{padding:20px}
.cta_sec h2{font-size:28px}
}
.pg_ct .ttl_sec{background:linear-gradient(157deg,#F8FAFB 0%,#4490fb14 100%);padding:90px 24px 70px;position:relative;overflow:hidden}
.pg_ct .ttl_sec::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#4490fb1f 0%,transparent 70%);animation:ftd 25s ease-in-out infinite}
.pg_ct .ttl_sec::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,#2025340f 0%,transparent 65%);animation:ftd 20s ease-in-out infinite reverse}
@keyframes ftd {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-40px) scale(1.1)}
}
.pg_ct .ttl_wr{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.pg_ct .ttl_wr .mn_hd{font-size:52px;font-weight:700;color:#202534;margin:0 0 20px;line-height:1.2}
.pg_ct .ttl_wr .mn_hd .nmbr{color:#4490FB;display:inline-block;margin-right:8px}
.pg_ct .ttl_wr .sbhd{font-size:19px;color:#202534;line-height:1.7;max-width:680px;opacity:.85}
.pg_ct .main_ctn{max-width:1366px;margin:0 auto;padding:80px 24px 100px}
.pg_ct .grd_lay{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:start}
.pg_ct .inf_blk{background:linear-gradient(135deg,#F8FAFB 0%,#fff 100%);padding:48px;border-radius:20px;box-shadow:0 4px 20px #20253414;position:relative;overflow:hidden}
.pg_ct .inf_blk::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4490FB,#202534)}
.pg_ct .inf_blk .hdr{font-size:28px;font-weight:700;color:#202534;margin:0 0 32px;position:relative;padding-left:18px}
.pg_ct .inf_blk .hdr::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:24px;background:#4490FB;border-radius:3px}
.pg_ct .cnt_itm{display:flex;align-items:flex-start;margin-bottom:28px;padding:18px;background:#fff;border-radius:12px;transition:all .3s ease}
.pg_ct .cnt_itm:hover{box-shadow:0 6px 16px #4490fb26;transform:translateY(-2px)}
.pg_ct .cnt_itm .icn{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#4490FB,#202534);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:18px}
.pg_ct .cnt_itm .icn svg{width:24px;height:24px;fill:#fff}
.pg_ct .cnt_itm .dtl{flex:1}
.pg_ct .cnt_itm .lbl{font-size:14px;color:#4490FB;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.pg_ct .cnt_itm .val{font-size:17px;color:#202534;line-height:1.5;font-weight:500}
.pg_ct .cnt_itm .val a{color:inherit;text-decoration:none;transition:color .3s ease}
.pg_ct .cnt_itm .val a:hover{color:#4490FB}
.pg_ct .frm_blk{background:#fff;padding:50px;border-radius:20px;box-shadow:0 8px 32px #2025341f}
.pg_ct .frm_blk .hdr{font-size:32px;font-weight:700;color:#202534;margin:0 0 14px}
.pg_ct .frm_blk .subh{font-size:16px;color:#202534;opacity:.75;margin:0 0 40px;line-height:1.6}
.pg_ct .frm_fld{margin-bottom:26px}
.pg_ct .frm_fld label{display:block;font-size:14px;font-weight:600;color:#202534;margin-bottom:10px;letter-spacing:.3px}
.pg_ct .frm_fld input[type="text"],.pg_ct .frm_fld input[type="email"],.pg_ct .frm_fld input[type="tel"]{width:100%;padding:16px 20px;border:2px solid #F8FAFB;border-radius:12px;font-size:16px;color:#202534;transition:all .3s ease;background:#F8FAFB}
.pg_ct .frm_fld input:focus{outline:none;border-color:#4490FB;background:#fff;box-shadow:0 0 0 4px #4490fb1a}
.pg_ct .slct_wr{position:relative}
.pg_ct .slct_wr select{width:100%;padding:16px 20px;padding-right:50px;border:2px solid #F8FAFB;border-radius:12px;font-size:16px;color:#202534;background:#F8FAFB;cursor:pointer;appearance:none;transition:all .3s ease}
.pg_ct .slct_wr select:focus{outline:none;border-color:#4490FB;background:#fff;box-shadow:0 0 0 4px #4490fb1a}
.pg_ct .slct_wr::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #202534;pointer-events:none}
.pg_ct .chk_wr{display:flex;align-items:flex-start;margin:32px 0 34px}
.pg_ct .chk_wr input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin:2px 12px 0 0;cursor:pointer;accent-color:#4490FB}
.pg_ct .chk_wr label{font-size:14px;color:#202534;line-height:1.6;cursor:pointer}
.pg_ct .chk_wr label a{color:#4490FB;text-decoration:none;font-weight:600;transition:opacity .3s ease}
.pg_ct .chk_wr label a:hover{opacity:.8}
.pg_ct .sbmt{width:100%;padding:18px 32px;background:linear-gradient(135deg,#4490FB 0%,#202534 100%);border:none;border-radius:12px;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #4490fb4d;position:relative;z-index:10}
.pg_ct .sbmt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4490fb66}
.pg_ct .sbmt:active{transform:translateY(0)}
@media (max-width: 1366px) {
.pg_ct .grd_lay{gap:50px}
}
@media (max-width: 768px) {
.pg_ct .ttl_sec{padding:60px 20px 50px}
.pg_ct .ttl_wr .mn_hd{font-size:36px}
.pg_ct .ttl_wr .sbhd{font-size:17px}
.pg_ct .main_ctn{padding:50px 20px 70px}
.pg_ct .grd_lay{grid-template-columns:1fr;gap:40px}
.pg_ct .inf_blk{padding:32px 24px}
.pg_ct .frm_blk{padding:36px 24px}
.pg_ct .frm_blk .hdr{font-size:26px}
.pg_ct .cnt_itm{padding:14px}
}
@media (max-width: 375px) {
.pg_ct .ttl_wr .mn_hd{font-size:30px}
.pg_ct .ttl_wr .sbhd{font-size:16px}
.pg_ct .inf_blk .hdr{font-size:24px}
.pg_ct .frm_blk{padding:28px 18px}
.pg_ct .cnt_itm .icn{width:42px;height:42px;min-width:42px}
}
.abt_hero{background:linear-gradient(127deg,#202534 0%,#1a1f2d 48%,#202534 100%);position:relative;overflow:hidden;padding:85px 0 95px}
.abt_hero::before{content:'';position:absolute;top:-25%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,#4490fb26 0%,transparent 70%);border-radius:50%}
.abt_hero::after{content:'';position:absolute;bottom:-10%;left:-8%;width:450px;height:450px;background:radial-gradient(circle,#4490fb14 0%,transparent 65%);border-radius:50%}
.abt_wrap{max-width:1366px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.hero_grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero_txt h1{font-size:56px;color:#F8FAFB;font-weight:700;line-height:1.15;margin:0 0 28px;letter-spacing:-.5px}
.hero_txt h1::before{content:'';display:block;width:75px;height:4px;background:linear-gradient(90deg,#4490FB 0%,#4490fb4d 100%);margin-bottom:24px;border-radius:2px}
.hero_txt p{font-size:19px;color:#f8fafbd9;line-height:1.7;margin:0}
.hero_img{position:relative}
.hero_img img{width:100%;height:480px;object-fit:cover;border-radius:18px;box-shadow:0 18px 42px #00000059 0 4px 12px #0003;transform:rotate(-2deg);transition:transform .4s ease}
.hero_img:hover img{transform:rotate(0deg) translateY(-6px)}
.story_sec{background:#F8FAFB;padding:110px 0;position:relative}
.story_container{max-width:1366px;margin:0 auto;padding:0 20px}
.story_layout{display:flex;gap:70px;align-items:flex-start}
.story_visual{flex:0 0 45%;position:sticky;top:100px}
.story_visual img{width:100%;height:520px;object-fit:cover;border-radius:22px;box-shadow:0 14px 38px #2025341f}
.story_content{flex:1}
.story_content h2{font-size:44px;color:#202534;font-weight:700;margin:0 0 38px;line-height:1.25;position:relative;padding-left:28px}
.story_content h2::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:5px;background:linear-gradient(180deg,#4490FB 0%,#2370d8 100%);border-radius:3px}
.timeline_block{background:#fff;padding:42px 48px;border-radius:16px;box-shadow:0 6px 24px #20253414;margin-bottom:32px;border-left:4px solid #4490FB;transition:box-shadow .3s ease,transform .3s ease}
.timeline_block:hover{box-shadow:0 10px 36px #20253424;transform:translateX(4px)}
.timeline_block h3{font-size:22px;color:#202534;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:14px}
.timeline_block h3::before{content:'';width:14px;height:14px;background:#4490FB;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #4490fb33}
.timeline_block p{font-size:17px;color:#202534;line-height:1.75;margin:0;opacity:.88}
.approach_sec{background:linear-gradient(165deg,#202534 0%,#2a3042 100%);padding:120px 0;position:relative;overflow:hidden}
.approach_sec::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#4490FB 50%,transparent 100%)}
.approach_container{max-width:1366px;margin:0 auto;padding:0 20px}
.approach_hd{text-align:center;margin-bottom:75px}
.approach_hd h2{font-size:48px;color:#F8FAFB;font-weight:700;margin:0 0 22px;line-height:1.2}
.approach_hd p{font-size:20px;color:#f8fafbcc;line-height:1.6;max-width:780px;margin:0 auto}
.principles_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.principle_card{background:#f8fafb0f;padding:44px 36px;border-radius:20px;border:1px solid #f8fafb1a;position:relative;transition:all .35s ease;backdrop-filter:blur(8px)}
.principle_card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4490FB 0%,#2370d8 100%);border-radius:20px 20px 0 0;opacity:0;transition:opacity .35s ease}
.principle_card:hover{background:#f8fafb1a;transform:translateY(-8px);box-shadow:0 16px 42px #00000040}
.principle_card:hover::before{opacity:1}
.principle_icon{width:68px;height:68px;background:linear-gradient(135deg,#4490FB 0%,#2370d8 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 8px 24px #4490fb4d}
.principle_icon svg{width:36px;height:36px;fill:#fff}
.principle_card h3{font-size:23px;color:#F8FAFB;font-weight:600;margin:0 0 18px;line-height:1.3}
.principle_card p{font-size:16px;color:#f8fafbbf;line-height:1.7;margin:0}
.stats_bar{background:#4490fb1f;padding:48px 0;margin-top:85px;border-radius:18px;border:1px solid #4490fb33}
.stats_row{display:flex;justify-content:space-around;align-items:center;max-width:1100px;margin:0 auto}
.stat_item{text-align:center}
.stat_num{font-size:52px;color:#F8FAFB;font-weight:700;margin:0 0 8px;line-height:1;display:block}
.stat_label{font-size:17px;color:#f8fafbb3;font-weight:500;display:block}
@media (max-width: 1366px) {
.hero_grid{gap:50px}
.story_layout{gap:55px}
}
@media (max-width: 768px) {
.abt_hero{padding:60px 0 70px}
.hero_grid{grid-template-columns:1fr;gap:40px}
.hero_txt h1{font-size:38px;margin-bottom:22px}
.hero_txt h1::before{width:60px;height:3px;margin-bottom:18px}
.hero_txt p{font-size:17px}
.hero_img img{height:350px}
.story_sec{padding:70px 0}
.story_layout{flex-direction:column;gap:45px}
.story_visual{position:static;width:100%}
.story_visual img{height:380px}
.story_content h2{font-size:32px;margin-bottom:30px;padding-left:22px}
.timeline_block{padding:32px 28px;margin-bottom:24px}
.timeline_block h3{font-size:19px}
.timeline_block p{font-size:16px}
.approach_sec{padding:75px 0}
.approach_hd{margin-bottom:50px}
.approach_hd h2{font-size:34px}
.approach_hd p{font-size:17px}
.principles_grid{grid-template-columns:1fr;gap:28px}
.principle_card{padding:36px 28px}
.principle_icon{width:58px;height:58px;margin-bottom:22px}
.principle_icon svg{width:30px;height:30px}
.stats_bar{padding:38px 20px;margin-top:60px}
.stats_row{flex-direction:column;gap:32px}
.stat_num{font-size:42px}
}
@media (max-width: 375px) {
.hero_txt h1{font-size:32px}
.hero_img img{height:280px}
.story_content h2{font-size:28px}
.approach_hd h2{font-size:29px}
.stat_num{font-size:36px}
}
.nw_hd{background:linear-gradient(135deg,#202534 0%,#4490FB 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.nw_hd::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='%23F8FAFB' d='M0,48 C240,72 480,84 720,72 C960,60 1200,36 1440,48 L1440,100 L0,100 Z'/%3E%3C/svg%3E") no-repeat bottom center;background-size:cover}
.nw_hd .wrap{max-width:1366px;margin:0 auto;text-align:center;position:relative;z-index:2}
.nw_hd h1{font-size:52px;line-height:1.2;color:#F8FAFB;margin:0 0 24px;font-weight:700}
.nw_hd .sub{font-size:20px;line-height:1.6;color:#f8fafbe6;max-width:680px;margin:0 auto 40px}
.nw_hd .img_ct{max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #2025344d}
.nw_hd .img_ct img{width:100%;height:420px;object-fit:cover;display:block;filter:contrast(1.05) brightness(1.02)}
.ar_grid{background:#F8FAFB;padding:90px 20px}
.ar_grid .wrap{max-width:1366px;margin:0 auto}
.ar_grid .top_tx{text-align:left;margin-bottom:48px}
.ar_grid .top_tx h2{font-size:38px;line-height:1.3;color:#202534;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.ar_grid .top_tx h2::before{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#4490FB,#202534);border-radius:2px}
.ar_grid .gd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ar_grid .cd{background:#fff;border-radius:12px;padding:32px 28px;box-shadow:0 4px 16px #20253414;transition:all .3s ease;border:1px solid #4490fb1a}
.ar_grid .cd:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4490fb26;border-color:#4490FB}
.ar_grid .cd .dt{font-size:14px;color:#4490FB;font-weight:600;margin-bottom:12px;display:block}
.ar_grid .cd h3{font-size:22px;line-height:1.4;color:#202534;margin:0 0 14px;font-weight:600}
.ar_grid .cd .tx{font-size:16px;line-height:1.7;color:#5a5f6f;margin:0 0 20px}
.ar_grid .cd .ln{display:inline-flex;align-items:center;font-size:15px;color:#4490FB;font-weight:600;text-decoration:none;transition:all .2s ease}
.ar_grid .cd .ln:hover{color:#202534;gap:8px}
.ar_grid .cd .ln::after{content:'→';margin-left:6px;transition:margin-left .2s ease}
.ar_grid .cd .ln:hover::after{margin-left:10px}
.tl_sec{background:#fff;padding:90px 20px}
.tl_sec .wrap{max-width:1100px;margin:0 auto}
.tl_sec h2{font-size:40px;line-height:1.3;color:#202534;text-align:center;margin:0 0 60px;font-weight:700}
.tl_line{position:relative;padding-left:60px}
.tl_line::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#4490FB 0%,#202534 100%)}
.tl_itm{position:relative;margin-bottom:56px;display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:start}
.tl_itm::before{content:'';position:absolute;left:-48px;top:8px;width:16px;height:16px;background:#4490FB;border-radius:50%;box-shadow:0 0 0 6px #4490fb33}
.tl_itm .yr{font-size:32px;font-weight:700;color:#4490FB;line-height:1.2}
.tl_itm .ctn{background:#F8FAFB;padding:28px 32px;border-radius:12px;border-left:4px solid #4490FB}
.tl_itm .ctn h4{font-size:20px;color:#202534;margin:0 0 12px;font-weight:600}
.tl_itm .ctn p{font-size:16px;line-height:1.7;color:#5a5f6f;margin:0}
.res_sec{background:linear-gradient(165deg,#202534 0%,#4490FB 100%);padding:90px 20px;position:relative;overflow:hidden}
.res_sec::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f8fafb1a 0%,transparent 70%);border-radius:50%}
.res_sec .wrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.res_sec .grd{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.res_sec .lft h2{font-size:42px;line-height:1.3;color:#F8FAFB;margin:0 0 24px;font-weight:700}
.res_sec .lft .dsc{font-size:18px;line-height:1.7;color:#f8fafbe6;margin-bottom:32px}
.res_sec .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:36px}
.res_sec .st_bx{background:#f8fafb1a;padding:24px;border-radius:12px;border:1px solid #f8fafb33;backdrop-filter:blur(10px)}
.res_sec .st_bx .num{font-size:36px;font-weight:700;color:#F8FAFB;margin-bottom:8px;display:block}
.res_sec .st_bx .lbl{font-size:15px;color:#f8fafbcc}
.res_sec .btn_pr{display:inline-block;background:#F8FAFB;color:#202534;padding:16px 40px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #0003}
.res_sec .btn_pr:hover{background:#4490FB;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #4490fb66}
.res_sec .rgt{position:relative}
.res_sec .img_wrap{border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #0000004d;position:relative}
.res_sec .img_wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#4490fb33 0%,transparent 50%);z-index:1;pointer-events:none}
.res_sec .img_wrap img{width:100%;height:480px;object-fit:cover;display:block;filter:contrast(1.08) brightness(0.98)}
@media (max-width: 1366px) {
.nw_hd h1{font-size:46px}
.ar_grid .gd{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.nw_hd{padding:60px 20px 100px}
.nw_hd h1{font-size:36px;margin-bottom:18px}
.nw_hd .sub{font-size:17px;margin-bottom:32px}
.nw_hd .img_ct img{height:280px}
.ar_grid{padding:60px 20px}
.ar_grid .top_tx h2{font-size:32px}
.ar_grid .gd{grid-template-columns:1fr;gap:24px}
.tl_sec{padding:60px 20px}
.tl_sec h2{font-size:32px;margin-bottom:40px}
.tl_line{padding-left:40px}
.tl_line::before{left:12px}
.tl_itm{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
.tl_itm::before{left:-36px;width:12px;height:12px}
.tl_itm .yr{font-size:24px}
.res_sec{padding:60px 20px}
.res_sec .grd{grid-template-columns:1fr;gap:40px}
.res_sec .lft h2{font-size:32px}
.res_sec .stats{grid-template-columns:1fr}
.res_sec .img_wrap img{height:340px}
}
@media (max-width: 375px) {
.nw_hd h1{font-size:30px}
.nw_hd .sub{font-size:16px}
.ar_grid .top_tx h2{font-size:28px}
.tl_sec h2{font-size:28px}
.res_sec .lft h2{font-size:28px}
}
.sc_pg{background:linear-gradient(135deg,#F8FAFB 0%,#fff 100%);min-height:90vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.sc_pg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#4490fb08 1px,transparent 1px),linear-gradient(90deg,#4490fb08 1px,transparent 1px);background-size:40px 40px;z-index:1;animation:grd_mv 20s linear infinite}
@keyframes grd_mv {
0%{transform:translate(0,0)}
100%{transform:translate(40px,40px)}
}
.sc_wr{max-width:680px;width:100%;position:relative;z-index:2}
.ic_bx{width:140px;height:140px;margin:0 auto 32px;border-radius:50%;background:linear-gradient(145deg,#4490FB,#202534);display:flex;align-items:center;justify-content:center;position:relative;animation:grd_rot 8s ease-in-out infinite;box-shadow:0 12px 32px #4490fb40}
@keyframes grd_rot {
0%,100%{background:linear-gradient(145deg,#4490FB,#202534)}
50%{background:linear-gradient(325deg,#4490FB,#202534)}
}
.ic_bx .las{font-size:64px;color:#F8FAFB}
.tx_bx{text-align:center;background:#fff;padding:48px 40px;border-radius:20px;box-shadow:0 8px 24px #20253414}
.tx_bx h1{font-size:38px;font-weight:700;color:#202534;margin:0 0 20px;line-height:1.2}
.tx_bx .sb_ln{width:80px;height:4px;background:linear-gradient(90deg,#4490FB,#202534);margin:0 auto 28px;border-radius:2px}
.tx_bx p{font-size:17px;line-height:1.7;color:#5a6070;margin:0 0 36px}
.btn_grp{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn_pr{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#4490FB;color:#fff;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4490fb4d;z-index:10;position:relative}
.btn_pr:hover{background:#3578d9;transform:translateY(-2px);box-shadow:0 6px 20px #4490fb66;color:#fff}
.btn_sc{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:#202534;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;border:2px solid #202534;transition:all .3s ease;z-index:10;position:relative}
.btn_sc:hover{background:#202534;color:#fff;transform:translateY(-2px)}
.inf_cr{margin-top:48px;padding-top:32px;border-top:1px solid #2025341a}
.inf_rw{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.inf_it{text-align:center;padding:20px;background:#F8FAFB;border-radius:12px;transition:all .3s ease}
.inf_it:hover{background:#fff;box-shadow:0 4px 16px #20253414;transform:translateY(-2px)}
.inf_it .las{font-size:32px;color:#4490FB;margin-bottom:8px}
.inf_it strong{display:block;font-size:15px;color:#202534;font-weight:600;margin-bottom:4px}
.inf_it span{display:block;font-size:14px;color:#5a6070}
@media (max-width: 768px) {
.sc_pg{padding:40px 16px}
.ic_bx{width:100px;height:100px;margin-bottom:24px}
.ic_bx .las{font-size:48px}
.tx_bx{padding:32px 24px}
.tx_bx h1{font-size:28px;margin-bottom:16px}
.tx_bx .sb_ln{width:60px;margin-bottom:20px}
.tx_bx p{font-size:16px;margin-bottom:28px}
.btn_grp{flex-direction:column}
.btn_pr,.btn_sc{width:100%;justify-content:center}
.inf_cr{margin-top:32px;padding-top:24px}
.inf_rw{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 375px) {
.tx_bx h1{font-size:24px}
.tx_bx p{font-size:15px}
.btn_pr,.btn_sc{padding:12px 24px;font-size:15px}
}