@import "https://cdn.jsdelivr.net/npm/@fontsource/public-sans@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/public-sans@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Public Sans',sans-serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:#fafafa;display:flex;flex-direction:column;min-height:100vh}
main{flex:1}
.hd_outer{background:linear-gradient(135deg,#581180 0%,#B4259F 100%);padding:24px 0;box-shadow:0 8px 24px #58118026}
.hd_wrap{max-width:1440px;margin:0 auto;padding:0 20px}
.hd_top_row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:30px}
.brand_zone .lg_link{display:inline-block;background:#fffffff2;padding:12px;border-radius:20px;box-shadow:0 6px 16px #0000001f;transition:transform .3s ease}
.brand_zone .lg_link:hover{transform:translateY(-2px)}
.brand_zone .lg_img{width:110px;height:110px;display:block}
.tagline_area{flex:1;text-align:right}
.tagline_area .brand_desc{color:#F0DDF3;font-size:18px;line-height:1.5;font-weight:400;max-width:480px;margin-left:auto}
.hd_btm_row{display:flex;align-items:center;justify-content:space-between;gap:30px}
.primary_nv{display:flex;gap:8px;flex-wrap:wrap}
.primary_nv .nv_lnk{color:#fff;text-decoration:none;padding:12px 24px;border-radius:16px;font-weight:400;font-size:16px;transition:background .3s ease,color .3s ease;background:#ffffff1a}
.primary_nv .nv_lnk:hover{background:#fff3;color:#F0DDF3}
.cta_zone .cta_bt{display:inline-block;padding:14px 36px;background:#fff;color:#581180;text-decoration:none;border-radius:24px;font-weight:700;font-size:16px;box-shadow:0 8px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}
.cta_zone .cta_bt:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0003}
.ft_outer{background:linear-gradient(135deg,#3d0b5a 0%,#7a1b6f 100%);color:#F0DDF3;padding:50px 0 20px;margin-top:80px}
.ft_wrap{max-width:1440px;margin:0 auto;padding:0 20px}
.ft_grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;margin-bottom:40px}
.ft_col_info .ft_heading{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px}
.ft_col_info .ft_addr{margin-bottom:14px;line-height:1.7}
.ft_col_info .ft_contact_item{margin-bottom:8px}
.ft_col_info .ft_link{color:#F0DDF3;text-decoration:none;transition:color .3s ease}
.ft_col_info .ft_link:hover{color:#fff}
.ft_col_links .ft_subheading{color:#fff;font-size:18px;font-weight:700;margin-bottom:14px}
.ft_col_links .ft_nv{display:flex;flex-direction:column;gap:10px}
.ft_col_links .ft_nv_link{color:#F0DDF3;text-decoration:none;transition:color .3s ease}
.ft_col_links .ft_nv_link:hover{color:#fff}
.ft_btm{border-top:1px solid #f0ddf34d;padding-top:20px;text-align:center}
.ft_btm .ft_copyright{font-size:14px;color:#F0DDF3}
.ck_popup{position:fixed;bottom:-300px;left:50%;transform:translateX(-50%);background:#fff;border-radius:20px;box-shadow:0 12px 40px #58118040;padding:28px 32px;max-width:520px;width:90%;z-index:9999;transition:bottom .4s ease}
.ck_popup.showing{bottom:30px}
.ck_popup.hiding{bottom:-300px}
.ck_inner .ck_msg{color:#2a2a2a;font-size:15px;line-height:1.6;margin-bottom:20px}
.ck_inner .ck_policy_link{color:#B4259F;text-decoration:underline}
.ck_inner .ck_policy_link:hover{color:#581180}
.ck_actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ck_actions .ck_bt{padding:10px 20px;border:none;border-radius:16px;font-family:'Public Sans',sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .2s ease,background .3s ease}
.ck_actions .ck_accept{background:linear-gradient(135deg,#581180,#B4259F);color:#fff}
.ck_actions .ck_accept:hover{background:linear-gradient(135deg,#6d1599,#c930b3);transform:translateY(-2px)}
.ck_actions .ck_decline{background:#e0e0e0;color:#2a2a2a}
.ck_actions .ck_decline:hover{background:#d0d0d0;transform:translateY(-2px)}
.ck_actions .ck_icon{font-size:18px}
.ck_actions .ck_preferences_link{color:#581180;font-size:13px;text-decoration:underline;cursor:pointer}
.ck_actions .ck_preferences_link:hover{color:#B4259F}
.ck_panel{position:fixed;right:-400px;top:50%;transform:translateY(-50%);background:#fff;border-radius:20px 0 0 20px;box-shadow:-8px 0 30px #58118033;padding:32px 28px;width:360px;max-width:90%;z-index:10000;transition:right .3s ease;display:none}
.ck_panel.showing{right:0}
.ck_panel_inner .ck_panel_title{color:#581180;font-size:20px;font-weight:700;margin-bottom:20px}
.ck_options{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.ck_options .ck_option{display:flex;align-items:center;gap:10px;cursor:pointer}
.ck_options .ck_checkbox{width:20px;height:20px;cursor:pointer}
.ck_options .ck_option span{color:#2a2a2a;font-size:15px}
.ck_panel_actions{display:flex;flex-direction:column;gap:10px}
.ck_panel_actions .ck_bt{padding:12px 20px;border:none;border-radius:16px;font-family:'Public Sans',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .3s ease}
.ck_panel_actions .ck_save{background:linear-gradient(135deg,#581180,#B4259F);color:#fff}
.ck_panel_actions .ck_save:hover{background:linear-gradient(135deg,#6d1599,#c930b3);transform:translateY(-2px)}
.ck_panel_actions .ck_close_panel{background:#e0e0e0;color:#2a2a2a}
.ck_panel_actions .ck_close_panel:hover{background:#d0d0d0;transform:translateY(-2px)}
.ck_tab{position:fixed;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#581180,#B4259F);color:#fff;padding:14px 10px;border-radius:16px 0 0 16px;cursor:pointer;box-shadow:-4px 0 16px #5811804d;z-index:9998;display:none;align-items:center;justify-content:center;transition:padding .3s ease}
.ck_tab:hover{padding-left:16px}
.ck_tab .ck_tab_icon{font-size:24px}
@media (max-width: 1024px) {
.hd_top_row{flex-direction:column;text-align:center;gap:20px}
.tagline_area{text-align:center}
.tagline_area .brand_desc{margin:0 auto}
.hd_btm_row{flex-direction:column;gap:20px}
.primary_nv{justify-content:center}
.ft_grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.hd_outer{padding:18px 0}
.hd_top_row{margin-bottom:24px}
.brand_zone .lg_img{width:80px;height:80px}
.tagline_area .brand_desc{font-size:15px}
.primary_nv{flex-direction:column;width:100%}
.primary_nv .nv_lnk{width:100%;text-align:center}
.cta_zone .cta_bt{width:100%;text-align:center}
.ck_popup{width:95%;padding:20px 18px}
.ck_actions{flex-direction:column;width:100%}
.ck_actions .ck_bt{width:100%;justify-content:center}
.ck_panel{width:100%;border-radius:20px 20px 0 0;right:auto;left:0;top:auto;bottom:-500px;transform:none;transition:bottom .3s ease}
.ck_panel.showing{bottom:0;right:auto}
}
.pdh-policy-frame{max-width:1440px;margin:0 auto;padding:80px 24px 120px;background:linear-gradient(180deg,#F0DDF3 0%,#fff 100%)}
.pdh-policy-frame p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 24px;max-width:820px}
.pdh-policy-frame p strong,.pdh-policy-frame p b{color:#581180;font-weight:600}
.pdh-policy-frame ul,.pdh-policy-frame ol{margin:0 0 32px;padding:0 0 0 28px;max-width:820px}
.pdh-policy-frame ul li,.pdh-policy-frame ol li{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 16px;padding-left:8px}
.pdh-policy-frame ul li::marker{color:#B4259F}
.pdh-policy-frame ol li::marker{color:#B4259F;font-weight:600}
.pdh-policy-frame a{color:#581180;text-decoration:none;border-bottom:2px solid #B4259F;transition:all .3s ease;font-weight:500}
.pdh-policy-frame a:hover{color:#B4259F;border-bottom-color:#581180;background:#f0ddf366}
.pdh-policy-frame hr{border:none;height:3px;background:linear-gradient(90deg,#581180 0%,#B4259F 50%,#F0DDF3 100%);margin:56px 0;border-radius:16px;max-width:820px}
.pdh-policy-frame div{margin:0 0 40px}
.pdh-policy-frame div p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.pdh-policy-frame{padding:64px 20px 100px}
.pdh-policy-frame p,.pdh-policy-frame ul li,.pdh-policy-frame ol li{font-size:16px}
.pdh-policy-frame ul,.pdh-policy-frame ol{padding-left:24px}
}
@media (max-width: 640px) {
.pdh-policy-frame{padding:48px 16px 80px}
.pdh-policy-frame p,.pdh-policy-frame ul li,.pdh-policy-frame ol li{font-size:15px;line-height:1.75}
.pdh-policy-frame ul,.pdh-policy-frame ol{margin-bottom:28px;padding-left:20px}
.pdh-policy-frame ul li,.pdh-policy-frame ol li{margin-bottom:12px}
.pdh-policy-frame hr{margin:40px 0}
.pdh-policy-frame div{margin-bottom:32px}
}
.prgrm_hro{background:linear-gradient(135deg,#581180,#B4259F);padding:80px 20px;text-align:center;color:#fff;position:relative;overflow:hidden}
.prgrm_hro::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f0ddf326,transparent);border-radius:50%}
.prgrm_hro_inr{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.prgrm_hro_ttl{font-size:3rem;font-weight:700;margin:0 0 20px;line-height:1.2}
.prgrm_hro_lks{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:10px 24px;border-radius:24px;font-size:1rem}
.prgrm_hro_lks svg{width:20px;height:20px;fill:#fff}
.prgrm_cntnt_wrp{max-width:1440px;margin:0 auto;padding:60px 20px}
.prgrm_grd{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:start}
.prgrm_mn_col{background:#fff}
.prgrm_img_blk{margin:0 0 40px;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #5811801f}
.prgrm_img_blk img{width:100%;height:auto;display:block}
.prgrm_dsc_area{font-size:1.05rem;line-height:1.7;color:#333}
.prgrm_dsc_area h2{font-size:2rem;color:#581180;margin:40px 0 16px;font-weight:600}
.prgrm_dsc_area p{margin:0 0 20px}
.prgrm_dsc_area ul,.prgrm_dsc_area ol{margin:20px 0;padding-left:24px}
.prgrm_dsc_area li{margin:8px 0}
.prgrm_dsc_area blockquote{background:linear-gradient(135deg,#5811800d,#b4259f0d);border-left:4px solid #B4259F;padding:20px 24px;margin:30px 0;border-radius:0 16px 16px 0;font-style:italic}
.prgrm_dsc_area small{font-size:.9rem;color:#666}
.prgrm_stg_sec{margin:50px 0}
.prgrm_stg_hd{font-size:1.8rem;color:#581180;margin:0 0 30px;font-weight:600;display:flex;align-items:center;gap:12px}
.prgrm_stg_hd::before{content:'';width:6px;height:40px;background:linear-gradient(to bottom,#581180,#B4259F);border-radius:3px}
.prgrm_stg_list{display:flex;flex-direction:column;gap:16px}
.prgrm_stg_itm{background:#fff;border:2px solid #F0DDF3;border-radius:20px;overflow:hidden;transition:all .3s ease}
.prgrm_stg_itm:hover{border-color:#B4259F;box-shadow:0 6px 20px #b4259f26}
.prgrm_stg_itm summary{padding:20px 24px;font-size:1.15rem;font-weight:600;color:#581180;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background .3s ease}
.prgrm_stg_itm summary::-webkit-details-marker{display:none}
.prgrm_stg_itm summary::after{content:'+';font-size:1.5rem;color:#B4259F;transition:transform .3s ease}
.prgrm_stg_itm[open] summary::after{transform:rotate(45deg)}
.prgrm_stg_itm summary:hover{background:#f0ddf34d}
.prgrm_stg_cntnt{padding:0 24px 24px;color:#444;line-height:1.7}
.prgrm_stg_cntnt p{margin:0 0 12px}
.prgrm_stg_cntnt h2{font-size:1.3rem;color:#581180;margin:20px 0 12px}
.prgrm_stg_cntnt em{color:#B4259F;font-weight:500}
.prgrm_stg_cntnt mark{background:linear-gradient(120deg,#f0ddf3cc,#f0ddf34d);padding:2px 6px;border-radius:4px}
.prgrm_stg_cntnt ul,.prgrm_stg_cntnt ol{margin:16px 0;padding-left:24px}
.prgrm_stg_cntnt li{margin:8px 0}
.prgrm_sdbr{position:sticky;top:20px}
.prgrm_prc_crd{background:linear-gradient(135deg,#581180,#B4259F);padding:40px 32px;border-radius:28px;text-align:center;color:#fff;box-shadow:0 12px 32px #58118040;margin:0 0 24px}
.prgrm_prc_lbl{font-size:.95rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin:0 0 12px}
.prgrm_prc_amt{font-size:3.5rem;font-weight:700;margin:0 0 8px;line-height:1}
.prgrm_prc_nt{font-size:.9rem;opacity:.85;line-height:1.5}
.prgrm_enrl_btn{display:block;width:100%;padding:18px 32px;background:#fff;color:#581180;font-size:1.1rem;font-weight:600;border:none;border-radius:24px;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease;box-shadow:0 6px 16px #0000001a;margin:24px 0 0}
.prgrm_enrl_btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000026;background:#F0DDF3}
.prgrm_enrl_btn:active{transform:translateY(-1px)}
.prgrm_inf_crd{background:#F0DDF3;padding:28px;border-radius:24px}
.prgrm_inf_ttl{font-size:1.3rem;color:#581180;font-weight:600;margin:0 0 20px}
.prgrm_inf_lst{list-style:none;padding:0;margin:0}
.prgrm_inf_lst li{padding:12px 0;border-bottom:1px solid #58118026;display:flex;align-items:center;gap:12px;color:#444}
.prgrm_inf_lst li:last-child{border-bottom:none}
.prgrm_inf_lst svg{width:20px;height:20px;fill:#B4259F;flex-shrink:0}
@media (max-width: 1024px) {
.prgrm_grd{grid-template-columns:1fr;gap:40px}
.prgrm_sdbr{position:static;max-width:480px;margin:0 auto}
}
@media (max-width: 640px) {
.prgrm_hro{padding:60px 20px}
.prgrm_hro_ttl{font-size:2rem}
.prgrm_cntnt_wrp{padding:40px 20px}
.prgrm_dsc_area h2{font-size:1.6rem}
.prgrm_prc_amt{font-size:2.8rem}
.prgrm_stg_itm summary{font-size:1.05rem;padding:16px 20px}
.prgrm_stg_cntnt{padding:0 20px 20px}
}
.title_wrapper{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(135deg,#581180 0%,#B4259F 50%,#F0DDF3 100%);background-size:400% 400%;animation:gradmv 15s ease infinite;display:flex;align-items:center;margin-bottom:80px}
@keyframes gradmv {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.title_wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#f0ddf326;border-radius:42% 58% 45% 55% / 55% 45% 55% 45%;animation:shpmv 20s ease-in-out infinite}
@keyframes shpmv {
0%,100%{transform:rotate(0deg) scale(1)}
50%{transform:rotate(180deg) scale(1.1)}
}
.title_wrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:#58118033;border-radius:55% 45% 60% 40% / 50% 50% 50% 50%;animation:shpmv 18s ease-in-out infinite reverse}
.title_container{max-width:1440px;margin:0 auto;padding:0 24px;width:100%;position:relative;z-index:2}
.title_grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.title_text h1{font-size:56px;line-height:1.15;color:#fff;margin:0 0 24px;font-weight:700}
.title_text h1 span{display:block;margin-top:12px}
.title_image_holder{position:relative}
.title_image_holder img{width:100%;height:420px;object-fit:cover;border-radius:28px;box-shadow:0 20px 60px #58118066 0 8px 20px #b4259f4d}
@media (max-width: 1024px) {
.title_grid{grid-template-columns:1fr;gap:40px}
.title_text h1{font-size:44px}
.title_image_holder img{height:360px}
}
@media (max-width: 640px) {
.title_wrapper{min-height:420px}
.title_text h1{font-size:36px}
.title_image_holder img{height:280px}
}
.compare_section{padding:80px 0;background:linear-gradient(to bottom,#fff 0%,#F0DDF3 100%)}
.compare_container{max-width:1440px;margin:0 auto;padding:0 24px}
.compare_intro{max-width:780px;margin:0 auto 60px;text-align:center}
.compare_intro h2{font-size:42px;line-height:1.2;color:#581180;margin:0 0 20px;font-weight:700}
.compare_intro p{font-size:18px;line-height:1.6;color:#333}
.compare_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.compare_card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 16px #58118014;position:relative;transition:all .3s ease}
.compare_card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #b4259f26}
.compare_card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#581180,#B4259F);border-radius:24px 24px 0 0}
.compare_card h3{font-size:26px;color:#581180;margin:0 0 20px;font-weight:600}
.compare_card ul{list-style:none;padding:0;margin:0}
.compare_card li{padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:16px;line-height:1.5;color:#555;position:relative;padding-left:28px}
.compare_card li:last-child{border-bottom:none}
.compare_card li::before{content:'';position:absolute;left:0;top:18px;width:16px;height:16px;background:linear-gradient(135deg,#581180,#B4259F);border-radius:50%}
@media (max-width: 1024px) {
.compare_grid{grid-template-columns:1fr}
.compare_intro h2{font-size:36px}
}
@media (max-width: 640px) {
.compare_section{padding:60px 0}
.compare_intro h2{font-size:30px}
.compare_card{padding:28px}
}
.business_section{padding:80px 0;background:#fff}
.business_container{max-width:1440px;margin:0 auto;padding:0 24px}
.business_layout{display:grid;grid-template-columns:45% 55%;gap:80px;align-items:center}
.business_content h2{font-size:42px;line-height:1.2;color:#581180;margin:0 0 24px;font-weight:700;position:relative;padding-bottom:20px}
.business_content h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:5px;background:linear-gradient(90deg,#581180,#B4259F);border-radius:8px}
.business_content p{font-size:17px;line-height:1.7;color:#444;margin:0 0 28px}
.business_features{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.feature_box{background:linear-gradient(135deg,#F0DDF3 0%,#fff 100%);padding:28px;border-radius:20px;border:2px solid transparent;transition:all .3s ease}
.feature_box:hover{border-color:#B4259F;transform:scale(1.02)}
.feature_box h4{font-size:19px;color:#581180;margin:0 0 12px;font-weight:600}
.feature_box p{font-size:15px;line-height:1.6;color:#555;margin:0}
.business_visual img{width:100%;height:500px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #5811801f}
@media (max-width: 1024px) {
.business_layout{grid-template-columns:1fr;gap:50px}
.business_content h2{font-size:36px}
.business_features{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.business_section{padding:60px 0}
.business_content h2{font-size:30px}
.business_visual img{height:320px}
.feature_box{padding:20px}
}
.development_section{padding:80px 0;background:linear-gradient(135deg,#581180 0%,#B4259F 100%);position:relative;overflow:hidden}
.development_section::before{content:'';position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#f0ddf333 0%,transparent 70%);border-radius:50%}
.development_container{max-width:1440px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.development_header{text-align:center;margin-bottom:60px}
.development_header h2{font-size:42px;line-height:1.2;color:#fff;margin:0 0 20px;font-weight:700}
.development_header p{font-size:18px;line-height:1.6;color:#F0DDF3;max-width:720px;margin:0 auto}
.paths_container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.path_item{background:#fffffff2;border-radius:24px;padding:36px;position:relative;transition:all .3s ease}
.path_item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0003;background:#fff}
.path_number{position:absolute;top:-16px;right:24px;width:48px;height:48px;background:linear-gradient(135deg,#581180,#B4259F);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;box-shadow:0 6px 16px #5811804d}
.path_item h3{font-size:24px;color:#581180;margin:0 0 16px;font-weight:600}
.path_item p{font-size:16px;line-height:1.6;color:#555;margin:0 0 24px}
.path_details{list-style:none;padding:0;margin:0}
.path_details li{padding:10px 0;font-size:15px;color:#666;border-bottom:1px dashed #e0e0e0;position:relative;padding-left:24px}
.path_details li:last-child{border-bottom:none}
.path_details li::before{content:'→';position:absolute;left:0;color:#B4259F;font-weight:700}
@media (max-width: 1024px) {
.paths_container{grid-template-columns:1fr;gap:40px}
.development_header h2{font-size:36px}
}
@media (max-width: 640px) {
.development_section{padding:60px 0}
.development_header h2{font-size:30px}
.path_item{padding:28px}
}
.ttl_outer{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#581180 0%,#B4259F 100%)}
.ttl_bg_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.18;z-index:1}
.ttl_blur_spots{position:absolute;width:100%;height:100%;z-index:2}
.ttl_blur_spots::before{content:'';position:absolute;top:-120px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,#f0ddf34d 0%,transparent 70%);filter:blur(80px)}
.ttl_blur_spots::after{content:'';position:absolute;bottom:-100px;left:-60px;width:380px;height:380px;background:radial-gradient(circle,#b4259f66 0%,transparent 70%);filter:blur(90px)}
.ttl_content_wrap{position:relative;z-index:3;max-width:920px;margin:0 auto;padding:80px 24px;text-align:center}
.ttl_main_heading{font-size:56px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.15}
.ttl_sub_text{font-size:20px;color:#ffffffeb;line-height:1.6;margin:0}
.story_zone{background:#fff;padding:96px 24px}
.story_container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.story_txt_area h2{font-size:42px;font-weight:700;color:#581180;margin:0 0 28px;line-height:1.2}
.story_txt_area p{font-size:17px;line-height:1.75;color:#3d3d3d;margin:0 0 20px}
.story_txt_area p:last-child{margin-bottom:0}
.story_img_holder{position:relative}
.story_img_holder img{width:100%;height:560px;object-fit:cover;border-radius:24px;box-shadow:0 12px 32px #58118026}
.approach_segment{background:linear-gradient(165deg,#F0DDF3 0%,#fff 100%);padding:88px 24px}
.approach_wrapper{max-width:1440px;margin:0 auto}
.approach_heading{font-size:46px;font-weight:700;color:#581180;text-align:center;margin:0 0 64px;line-height:1.2}
.tabs_outer{display:flex;flex-direction:column;gap:32px}
.tabs_outer input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.tabs_nav_row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.tabs_nav_row label{padding:16px 32px;background:#fff;color:#581180;font-size:17px;font-weight:600;border-radius:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}
.tabs_nav_row label:hover{background:#58118014;transform:translateY(-2px)}
.tabs_outer input[type="radio"]:checked + label{background:linear-gradient(135deg,#581180,#B4259F);color:#fff;border-color:#581180;box-shadow:0 6px 20px #58118040}
.tabs_panels{background:#fff;border-radius:24px;padding:48px;box-shadow:0 8px 28px #00000014}
.tab_panel_content{display:none}
.tabs_outer input[type="radio"]:nth-of-type(1):checked ~ .tabs_panels .tab_panel_content:nth-of-type(1),.tabs_outer input[type="radio"]:nth-of-type(2):checked ~ .tabs_panels .tab_panel_content:nth-of-type(2),.tabs_outer input[type="radio"]:nth-of-type(3):checked ~ .tabs_panels .tab_panel_content:nth-of-type(3){display:block}
.tab_panel_content h3{font-size:32px;font-weight:700;color:#581180;margin:0 0 24px;line-height:1.3}
.tab_panel_content p{font-size:17px;line-height:1.75;color:#3d3d3d;margin:0 0 20px}
.tab_panel_content ul{list-style:none;padding:0;margin:24px 0 0}
.tab_panel_content ul li{font-size:16px;line-height:1.7;color:#3d3d3d;padding:12px 0 12px 32px;position:relative}
.tab_panel_content ul li::before{content:'';position:absolute;left:0;top:20px;width:16px;height:16px;background:linear-gradient(135deg,#581180,#B4259F);border-radius:50%}
.commitment_area{background:#fff;padding:92px 24px}
.commitment_grid_container{max-width:1440px;margin:0 auto}
.commitment_grid_container h2{font-size:44px;font-weight:700;color:#581180;margin:0 0 56px;text-align:center;line-height:1.2}
.commitment_cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.commitment_single_card{background:linear-gradient(145deg,#F0DDF3 0%,#fff 100%);padding:40px 32px;border-radius:24px;border:1px solid #5811801a;transition:all .3s ease;position:relative;overflow:hidden}
.commitment_single_card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#581180,#B4259F);border-radius:24px;opacity:0;transition:opacity .3s ease;z-index:0}
.commitment_single_card:hover::before{opacity:1}
.commitment_single_card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #58118033}
.commitment_card_content{position:relative;z-index:1;background:#fff;padding:32px;border-radius:20px}
.commitment_single_card:hover .commitment_card_content{background:#fffffffa}
.commitment_card_icon{width:64px;height:64px;margin:0 0 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#581180,#B4259F);border-radius:16px}
.commitment_card_icon svg{width:32px;height:32px;fill:#fff}
.commitment_single_card h3{font-size:24px;font-weight:700;color:#581180;margin:0 0 16px;line-height:1.3}
.commitment_single_card p{font-size:16px;line-height:1.7;color:#3d3d3d;margin:0}
.commitment_single_card img{width:100%;height:220px;object-fit:cover;border-radius:16px;margin:0 0 20px}
@media (max-width: 1024px) {
.ttl_main_heading{font-size:44px}
.ttl_sub_text{font-size:18px}
.story_container{grid-template-columns:1fr;gap:48px}
.story_txt_area h2{font-size:36px}
.approach_heading{font-size:38px}
.commitment_cards{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px) {
.ttl_outer{min-height:360px}
.ttl_content_wrap{padding:60px 20px}
.ttl_main_heading{font-size:32px}
.ttl_sub_text{font-size:16px}
.story_zone{padding:64px 20px}
.story_txt_area h2{font-size:28px}
.story_txt_area p{font-size:16px}
.story_img_holder img{height:320px}
.approach_segment{padding:64px 20px}
.approach_heading{font-size:28px;margin-bottom:40px}
.tabs_nav_row{flex-direction:column}
.tabs_nav_row label{width:100%;text-align:center}
.tabs_panels{padding:32px 24px}
.tab_panel_content h3{font-size:24px}
.tab_panel_content p{font-size:16px}
.commitment_area{padding:64px 20px}
.commitment_grid_container h2{font-size:28px;margin-bottom:40px}
.commitment_cards{grid-template-columns:1fr;gap:24px}
.commitment_single_card{padding:32px 24px}
.commitment_single_card img{height:200px}
}
.ctct_hd{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#581180 0%,#B4259F 100%)}
.ctct_hd::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./graphics_storage/media-10.jpg);background-size:cover;background-position:center;opacity:.18;z-index:1}
.ctct_hd_prtcl{position:absolute;width:4px;height:4px;background:#f0ddf366;border-radius:50%;animation:flt 8s infinite ease-in-out;z-index:2}
.ctct_hd_prtcl:nth-child(1){top:12%;left:15%;animation-delay:0s}
.ctct_hd_prtcl:nth-child(2){top:45%;left:28%;animation-delay:1.5s}
.ctct_hd_prtcl:nth-child(3){top:78%;left:42%;animation-delay:3s}
.ctct_hd_prtcl:nth-child(4){top:25%;left:68%;animation-delay:4.5s}
.ctct_hd_prtcl:nth-child(5){top:62%;left:82%;animation-delay:6s}
@keyframes flt {
0%,100%{transform:translateY(0) scale(1);opacity:.4}
50%{transform:translateY(-20px) scale(1.2);opacity:.7}
}
.ctct_hd_ctn{position:relative;z-index:3;max-width:1440px;width:100%;margin:0 auto;padding:60px 24px;text-align:center}
.ctct_hd_ttl{font-size:56px;font-weight:700;color:#fff;margin:0 0 18px;line-height:1.2;text-shadow:0 4px 16px #58118066}
.ctct_hd_sbtl{font-size:20px;color:#F0DDF3;margin:0;line-height:1.6;max-width:680px;margin-left:auto;margin-right:auto}
.ctct_inf_wrp{max-width:1440px;width:100%;margin:0 auto;padding:80px 24px}
.ctct_inf_grd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.ctct_inf_crd{background:#fff;padding:36px 28px;border-radius:20px;box-shadow:0 6px 24px #58118014;text-align:center;transition:all .3s ease}
.ctct_inf_crd:hover{transform:translateY(-6px);box-shadow:0 12px 32px #b4259f26}
.ctct_inf_crd_icn{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#581180,#B4259F);border-radius:16px;display:flex;align-items:center;justify-content:center}
.ctct_inf_crd_icn svg{width:32px;height:32px;fill:#fff}
.ctct_inf_crd_lbl{font-size:14px;font-weight:600;color:#581180;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}
.ctct_inf_crd_vl{font-size:18px;color:#333;line-height:1.6;margin:0}
.ctct_inf_crd_vl a{color:#B4259F;text-decoration:none;transition:color .2s ease}
.ctct_inf_crd_vl a:hover{color:#581180}
.ctct_frm_wrp{background:#fff;border-radius:24px;padding:56px 48px;box-shadow:0 8px 32px #5811801f}
.ctct_frm_hdr{text-align:center;margin-bottom:44px}
.ctct_frm_hdr_ttl{font-size:36px;font-weight:700;color:#581180;margin:0 0 14px;line-height:1.3}
.ctct_frm_hdr_txt{font-size:17px;color:#666;margin:0;line-height:1.6}
.ctct_frm{max-width:720px;margin:0 auto}
.ctct_frm_rw{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.ctct_frm_grp{margin-bottom:24px}
.ctct_frm_lbl{display:block;font-size:15px;font-weight:600;color:#581180;margin-bottom:10px}
.ctct_frm_inp{width:100%;padding:16px 20px;border:2px solid #F0DDF3;border-radius:12px;font-size:16px;color:#333;transition:all .3s ease;background:#fff}
.ctct_frm_inp:focus{outline:none;border-color:#B4259F;box-shadow:0 0 0 4px #b4259f1a}
.ctct_frm_txtara{width:100%;padding:16px 20px;border:2px solid #F0DDF3;border-radius:12px;font-size:16px;color:#333;min-height:140px;resize:vertical;transition:all .3s ease;background:#fff}
.ctct_frm_txtara:focus{outline:none;border-color:#B4259F;box-shadow:0 0 0 4px #b4259f1a}
.ctct_frm_rdgrp{margin-bottom:24px}
.ctct_frm_rdgrp_lbl{display:block;font-size:15px;font-weight:600;color:#581180;margin-bottom:16px}
.ctct_frm_rdopts{display:flex;gap:20px;flex-wrap:wrap}
.ctct_frm_rdopt{position:relative}
.ctct_frm_rdopt input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.ctct_frm_rdopt_lbl{display:inline-block;padding:12px 24px;border:2px solid #F0DDF3;border-radius:12px;font-size:15px;color:#581180;cursor:pointer;transition:all .3s ease;background:#fff}
.ctct_frm_rdopt input[type="radio"]:checked + .ctct_frm_rdopt_lbl{background:linear-gradient(135deg,#581180,#B4259F);color:#fff;border-color:transparent}
.ctct_frm_rdopt_lbl:hover{border-color:#B4259F}
.ctct_frm_chkbx{margin-bottom:28px;display:flex;align-items:flex-start;gap:12px}
.ctct_frm_chkbx input[type="checkbox"]{width:20px;height:20px;margin-top:3px;cursor:pointer;accent-color:#B4259F;flex-shrink:0}
.ctct_frm_chkbx_lbl{font-size:14px;color:#666;line-height:1.6}
.ctct_frm_chkbx_lbl a{color:#B4259F;text-decoration:none;transition:color .2s ease}
.ctct_frm_chkbx_lbl a:hover{color:#581180}
.ctct_frm_sbmt{width:100%;padding:18px 36px;background:linear-gradient(135deg,#581180,#B4259F);color:#fff;font-size:17px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #b4259f4d}
.ctct_frm_sbmt:hover{transform:translateY(-2px);box-shadow:0 10px 28px #b4259f66}
.ctct_frm_sbmt:active{transform:translateY(0)}
.ctct_mp_wrp{max-width:1440px;width:100%;margin:0 auto;padding:80px 24px;background:linear-gradient(135deg,#58118008,#b4259f08)}
.ctct_mp_hdr{text-align:center;margin-bottom:44px}
.ctct_mp_hdr_ttl{font-size:38px;font-weight:700;color:#581180;margin:0 0 16px;line-height:1.3}
.ctct_mp_hdr_txt{font-size:17px;color:#666;margin:0;line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto}
.ctct_mp_dtls{background:#fff;border-radius:20px;padding:44px;box-shadow:0 6px 24px #58118014;max-width:900px;margin:0 auto}
.ctct_mp_dtls_ttl{font-size:22px;font-weight:600;color:#581180;margin:0 0 28px;padding-bottom:20px;border-bottom:2px solid #F0DDF3}
.ctct_mp_dtls_itm{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.ctct_mp_dtls_itm:last-child{margin-bottom:0}
.ctct_mp_dtls_itm_icn{width:48px;height:48px;background:linear-gradient(135deg,#581180,#B4259F);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ctct_mp_dtls_itm_icn svg{width:24px;height:24px;fill:#fff}
.ctct_mp_dtls_itm_ctn{flex:1}
.ctct_mp_dtls_itm_lbl{font-size:13px;font-weight:600;color:#B4259F;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.ctct_mp_dtls_itm_txt{font-size:16px;color:#333;margin:0;line-height:1.6}
@media (max-width: 1024px) {
.ctct_hd_ttl{font-size:44px}
.ctct_inf_grd{grid-template-columns:1fr;gap:24px}
.ctct_frm_wrp{padding:40px 32px}
.ctct_frm_hdr_ttl{font-size:30px}
.ctct_mp_hdr_ttl{font-size:32px}
}
@media (max-width: 640px) {
.ctct_hd{min-height:320px}
.ctct_hd_ttl{font-size:32px}
.ctct_hd_sbtl{font-size:16px}
.ctct_inf_wrp,.ctct_mp_wrp{padding:48px 16px}
.ctct_frm_wrp{padding:32px 20px}
.ctct_frm_rw{grid-template-columns:1fr;gap:16px}
.ctct_frm_rdopts{flex-direction:column;gap:12px}
.ctct_frm_rdopt_lbl{display:block;text-align:center}
.ctct_mp_dtls{padding:28px 20px}
}
.pg_wrp{max-width:1440px;margin:0 auto;padding:0 20px}
.hero_blk{background:linear-gradient(135deg,#581180 0%,#B4259F 100%);padding:80px 20px;margin-bottom:60px;border-radius:24px;position:relative;overflow:hidden}
.hero_blk::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#f0ddf333 0%,transparent 70%);border-radius:50%}
.hero_txt{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.hero_txt .main_ttl{font-size:48px;color:#fff;margin-bottom:20px;font-weight:700;line-height:1.2}
.hero_txt .sub_ln{font-size:20px;color:#F0DDF3;line-height:1.6;margin:0}
.crs_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-bottom:80px}
.crs_cd{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #58118014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}
.crs_cd:hover{transform:translateY(-8px);box-shadow:0 12px 32px #b4259f26}
.crs_img_wrp{width:100%;height:240px;overflow:hidden;position:relative}
.crs_img_wrp img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.crs_cd:hover .crs_img_wrp img{transform:scale(1.08)}
.like_bdg{position:absolute;top:16px;right:16px;background:#fffffff2;padding:8px 14px;border-radius:16px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#581180}
.like_bdg svg{width:18px;height:18px;fill:#B4259F}
.crs_cnt{padding:28px;flex-grow:1;display:flex;flex-direction:column}
.crs_cnt .crs_ttl{font-size:24px;font-weight:700;color:#581180;margin-bottom:14px;line-height:1.3}
.crs_cnt .crs_dsc{font-size:16px;color:#444;line-height:1.6;margin-bottom:24px;flex-grow:1}
.crs_ftr{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #F0DDF3}
.prc_blk .prc_amt{font-size:28px;font-weight:700;color:#B4259F;display:block}
.prc_blk .prc_nt{font-size:13px;color:#777;margin-top:4px}
.crs_lnk{display:inline-block;background:linear-gradient(135deg,#581180,#B4259F);color:#fff;padding:12px 28px;border-radius:20px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 12px #58118033}
.crs_lnk:hover{transform:scale(1.05);box-shadow:0 6px 20px #b4259f4d}
.bnft_area{background:linear-gradient(to bottom,#F0DDF3 0%,#fff 100%);padding:80px 20px;margin-bottom:60px;border-radius:28px}
.bnft_hd{text-align:center;margin-bottom:50px}
.bnft_hd .sec_ttl{font-size:38px;color:#581180;font-weight:700;margin-bottom:16px;position:relative;display:inline-block}
.bnft_hd .sec_ttl::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#581180,#B4259F);border-radius:2px}
.bnft_hd .sec_sub{font-size:18px;color:#666;line-height:1.6}
.bnft_grd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.bnft_itm{background:#fff;padding:32px;border-radius:20px;text-align:center;box-shadow:0 6px 18px #5811800f;transition:transform .3s ease}
.bnft_itm:hover{transform:translateY(-6px)}
.bnft_icn{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#581180,#B4259F);border-radius:50%;display:flex;align-items:center;justify-content:center}
.bnft_icn svg{width:32px;height:32px;fill:#fff}
.bnft_itm .itm_ttl{font-size:20px;font-weight:700;color:#581180;margin-bottom:12px}
.bnft_itm .itm_txt{font-size:15px;color:#555;line-height:1.7}
.faq_sec{max-width:900px;margin:0 auto 80px;padding:0 20px}
.faq_hd{text-align:center;margin-bottom:48px}
.faq_hd .faq_ttl{font-size:36px;color:#581180;font-weight:700;margin-bottom:12px}
.faq_itm{margin-bottom:16px;border:2px solid #F0DDF3;border-radius:18px;overflow:hidden}
.faq_chk{display:none}
.faq_lbl{display:block;padding:24px 28px;background:#fff;cursor:pointer;font-size:18px;font-weight:600;color:#581180;position:relative;transition:background .3s ease}
.faq_lbl:hover{background:#F0DDF3}
.faq_lbl::after{content:'+';position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:28px;color:#B4259F;transition:transform .3s ease}
.faq_chk:checked + .faq_lbl::after{transform:translateY(-50%) rotate(45deg)}
.faq_cnt{max-height:0;overflow:hidden;transition:max-height .4s ease;background:#fafafa}
.faq_chk:checked ~ .faq_cnt{max-height:500px}
.faq_cnt .cnt_txt{padding:24px 28px;font-size:16px;color:#444;line-height:1.7}
@media (max-width: 1024px) {
.hero_txt .main_ttl{font-size:38px}
.crs_grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
}
@media (max-width: 640px) {
.hero_blk{padding:60px 20px;margin-bottom:40px}
.hero_txt .main_ttl{font-size:32px}
.hero_txt .sub_ln{font-size:18px}
.crs_grid{grid-template-columns:1fr;gap:20px}
.bnft_area{padding:60px 20px}
.bnft_hd .sec_ttl{font-size:30px}
.bnft_grd{grid-template-columns:1fr;gap:20px}
.faq_hd .faq_ttl{font-size:28px}
}
.pg_wrp{max-width:1440px;margin:0 auto;padding:0 20px}
.sccs_bnr{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#F0DDF3 0%,#fff 100%)}
.sccs_bnr::before{content:'';position:absolute;top:-15%;right:-8%;width:500px;height:500px;background:radial-gradient(circle,#B4259F 0%,transparent 70%);opacity:.12;border-radius:50%}
.sccs_bnr::after{content:'';position:absolute;bottom:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#581180 0%,transparent 70%);opacity:.08;border-radius:50%}
.sccs_cnt{position:relative;z-index:2;text-align:center;max-width:720px;padding:60px 40px}
.sccs_icn_wrp{margin-bottom:32px;display:flex;justify-content:center}
.sccs_icn_bx{width:120px;height:120px;background:linear-gradient(135deg,#581180 0%,#B4259F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #58118040;animation:pls 2s ease-in-out infinite}
@keyframes pls {
0%,100%{transform:scale(1);box-shadow:0 12px 40px #58118040}
50%{transform:scale(1.05);box-shadow:0 16px 50px #58118059}
}
.sccs_icn_bx svg{width:64px;height:64px;fill:#fff}
.sccs_hd{font-size:52px;line-height:1.2;color:#581180;margin:0 0 24px;font-weight:700}
.sccs_txt{font-size:20px;line-height:1.6;color:#4a4a4a;margin:0 0 40px}
.sccs_btn_grp{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.prmry_btn{display:inline-block;padding:18px 40px;background:linear-gradient(135deg,#581180 0%,#B4259F 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 24px #58118033;position:relative;z-index:10}
.prmry_btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #5811804d}
.prmry_btn:active{transform:translateY(-1px)}
.scndry_btn{display:inline-block;padding:18px 40px;background:#fff;color:#581180;text-decoration:none;border-radius:28px;font-size:18px;font-weight:600;border:2px solid #581180;transition:all .3s ease;position:relative;z-index:10}
.scndry_btn:hover{background:#F0DDF3;transform:translateY(-3px);box-shadow:0 8px 20px #58118026}
.scndry_btn:active{transform:translateY(-1px)}
.sccs_dcr{position:absolute;width:180px;height:180px;border:3px solid #B4259F;border-radius:50%;opacity:.15;top:12%;left:8%}
.sccs_dcr_tw{position:absolute;width:140px;height:140px;background:linear-gradient(135deg,#581180 0%,#B4259F 100%);border-radius:28px;opacity:.08;bottom:18%;right:12%;transform:rotate(15deg)}
@media (max-width: 1024px) {
.sccs_hd{font-size:44px}
.sccs_txt{font-size:18px}
.sccs_icn_bx{width:100px;height:100px}
.sccs_icn_bx svg{width:52px;height:52px}
.sccs_dcr{width:140px;height:140px}
.sccs_dcr_tw{width:110px;height:110px}
}
@media (max-width: 640px) {
.sccs_bnr{min-height:100vh;padding:40px 0}
.sccs_cnt{padding:40px 20px}
.sccs_hd{font-size:36px;margin-bottom:20px}
.sccs_txt{font-size:16px;margin-bottom:32px}
.sccs_icn_bx{width:90px;height:90px}
.sccs_icn_bx svg{width:46px;height:46px}
.sccs_btn_grp{flex-direction:column;gap:12px}
.prmry_btn,.scndry_btn{padding:16px 32px;font-size:16px;width:100%;text-align:center}
.sccs_dcr{width:100px;height:100px;top:8%;left:5%}
.sccs_dcr_tw{width:80px;height:80px;bottom:12%;right:5%}
.sccs_bnr::before{width:300px;height:300px}
.sccs_bnr::after{width:250px;height:250px}
}