@charset "utf-8";

:root {
  --wd-blue: #155DFC;
  --wd-blue-dark: #0A2558;
  --wd-blue-mid: #1A5EB2;
  --wd-sky: #15CAFC;
  --wd-bg: #F8FBFF;
  --wd-soft: #EFF6FF;
  --wd-border: #DCE8FF;
  --wd-line: #E5E7EB;
  --wd-text: #101828;
  --wd-muted: #4A5565;

  --bg-primary: #ffffff;
  --bg-secondary: #f5f4f0;
  --bg-tertiary: #eeede8;
  --text-primary: #1a1a18;
  --text-secondary: #5f5e5a;
  --text-tertiary: #88877f;
  --border-light: rgba(0,0,0,0.12);
  --border-mid: rgba(0,0,0,0.20);
  --radius-md: 8px;
  --radius-lg: 12px;
}

/* 서브페이지 공통 배너 */
#trialBanner {background: url(/wp-content/uploads/image/main/main_inquiry_pc.webp) right center / cover no-repeat; padding: 100px 0;}
#trialBanner .inner { max-width: 1240px; padding: 0 20px; margin: 0 auto;}
#trialBanner .trial_banner_content { max-width: 702px;}
#trialBanner .trial_banner_header { margin-bottom: 48px;}
#trialBanner .trial_banner_title { font-size: 40px; font-weight: 700; color: #FFFFFF; margin-bottom: 12px;}
#trialBanner .trial_banner_subtitle { font-size: 20px; color: #FFF;}
#trialBanner .trial_banner_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
#trialBanner .trial_banner_card { background-color: #FFFFFF; border-radius: 16px; padding: 24px 32px; border: 1px solid #F3F4F6; box-shadow: 0px 1px 3px 0px #0000001A;}
#trialBanner .trial_banner_card:hover {border: 1px solid #155DFC;}
#trialBanner .trial_banner_icon_wrap { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; background-color: #DBEAFE; transition: background-color .3s ease;}
#trialBanner .trial_banner_card:hover .trial_banner_icon_wrap {background-color: #2F6BF2;}
#trialBanner .trial_banner_icon { width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-size: contain; transition: .3s ease;}
#trialBanner .trial_banner_icon_trial { background-image: url(/wp-content/uploads/image/main/main_inquiry_trial_icon.webp);}
#trialBanner .trial_banner_card:hover .trial_banner_icon_trial { background-image: url(/wp-content/uploads/image/main/main_inquiry_trial_icon_active.webp);}
#trialBanner .trial_banner_icon_contact { background-image: url(/wp-content/uploads/image/main/main_inquiry_contact_icon.webp);}
#trialBanner .trial_banner_card:hover .trial_banner_icon_contact { background-image: url(/wp-content/uploads/image/main/main_inquiry_contact_icon_active.webp);}
#trialBanner .trial_banner_card_title { font-size: 18px; font-weight: 700; margin-bottom: 12px;}
#trialBanner .trial_banner_card_desc { font-size: 14px; color: #4A5565;  margin-bottom: 28px }
#trialBanner .trial_banner_btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 24px; border-radius: 10px; font-size: 16px; font-weight: 700; background-color: #DBEAFE; color: #155DFC;}
#trialBanner .trial_banner_card:hover .trial_banner_btn {background-color: #2F6BF2; color: #FFFFFF;}

@media (max-width: 640px) {
    #trialBanner {height: 732px;background-image: url(/wp-content/uploads/image/main/main_inquiry_mb.webp);background-position: bottom center; padding: 40px 0;}
    #trialBanner .trial_banner_header {margin-bottom: 30px;}  
    #trialBanner .trial_banner_title { font-size: 24px; line-height: 1.5;}
    #trialBanner .trial_banner_subtitle { font-size: 16px;}
    #trialBanner .trial_banner_grid { grid-template-columns: 1fr;}
    #trialBanner .trial_banner_card { padding: 19px 23px;}
    #trialBanner .trial_banner_card_title {margin-bottom: 6px;}
    #trialBanner .trial_banner_card_desc { margin-bottom: 16px;}
    #trialBanner .trial_banner_btn {padding: 12px 24px;}
}





/* 공통 */
.sub_page {color:var(--wd-text);line-height:1.65;overflow:hidden;}
.sub_page section {padding:96px 0;}
.sub_page .inner {max-width:1240px;padding:0 20px;margin:0 auto;}
.sub_page img {max-width:100%;height:auto;display:block;}
.sub_page .trial_btn { display: inline-flex; align-items: center; gap: 12px; background-color: #2F6BF2; color: #FFFFFF; padding: 16px 39px; border-radius: 50px; font-size: 20px; line-height: 1.2; font-weight: 700; margin-top: 20px;}
.sub_page .trial_btn i { font-size: 14px;}
.sub_page .sub_hero {min-height:620px;padding:0 !important;display:flex;align-items:center;position:relative;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;}
.sub_page .sub_hero::before {content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(10,37,88,0.94) 0%, rgba(10,37,88,0.82) 46%, rgba(21,93,252,0.26) 100%);}
.sub_page .sub_hero::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 40%, rgba(21,202,252,0.2) 0%, transparent 44%);pointer-events:none;}
.sub_page .sub_hero_inner {width:100%;max-width:1240px;margin:0 auto;padding:92px 20px;position:relative;z-index:1;}
.sub_page .sub_hero_label {color:rgba(255,255,255,0.8);font-size:17px;font-weight:700;letter-spacing:0.04em;margin-bottom:24px;}
.sub_page .sub_hero_title {color:#fff;font-size:56px;font-weight:700;line-height:1.3;margin-bottom:26px;}
.sub_page .sub_hero_lead {color:rgba(255,255,255,0.88);font-size:19px;line-height:1.9;max-width:760px;}
.sub_page .sub_section_header {text-align:center;margin-bottom:56px;}
.sub_page .sub_section_title {font-size:40px;font-weight:700;line-height:1.45;color:var(--wd-text);margin-bottom:16px;}
.sub_page .sub_section_lead {font-size:18px;color:var(--wd-muted);line-height:1.8;max-width:900px;margin:0 auto;}
.sub_page .sub_label {display:inline-block;color:var(--wd-blue-mid);background:var(--wd-soft);border:1px solid #BFD7FF;border-radius:100px;padding:6px 16px;font-size:14px;font-weight:700;margin-bottom:16px;}
.sub_page .sub_split {display:grid;grid-template-columns:minmax(0, 1fr) minmax(360px, 1fr);gap:56px;align-items:center;}
.sub_page .sub_split.reverse {grid-template-columns:minmax(360px, 1fr) minmax(0, 1fr);}
.sub_page .sub_split.reverse .sub_media {order:2;}
.sub_page .sub_split.reverse .sub_copy {order:1;}
.sub_page .sub_copy_title {font-size:32px;font-weight:700;line-height:1.55;margin-bottom:22px;}
.sub_page .sub_copy_text {font-size:16px;color:var(--wd-muted);line-height:1.9;}
.sub_page .sub_copy_text span { font-size: 20px; font-weight: 700;}
.sub_page .sub_card {background:#fff;border:1px solid var(--wd-line);border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,0.06);}
.sub_page .sub_media {border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(21,93,252,0.12);background:#fff;border:1px solid var(--wd-border);}
.sub_page .sub_media img {width:100%;}
.sub_page .sub_bg_soft {background:linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%);}
.sub_page .sub_bg_white {background:#fff;}
.sub_page .sub_bg_gray {background:#F8FAFC;}
.sub_page .sub_grid_3 {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:26px;}
.sub_page .sub_grid_2 {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:26px;}
.sub_page .sub_feature_card {padding:28px 24px;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.sub_page .sub_feature_card:hover {transform:translateY(-4px);box-shadow:0 10px 26px rgba(21,93,252,0.11);border-color:#93C5FD;}
.sub_page .sub_feature_icon {width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg, #EFF6FF, #DBEAFE);display:flex;align-items:center;justify-content:center;color:var(--wd-blue);font-size:25px;margin-bottom:18px;}
.sub_page .sub_feature_image {border-radius:14px;overflow:hidden;margin-bottom:18px;background:#F8FAFC;border:1px solid #E5E7EB;}
.sub_page .sub_feature_title {font-size:20px;font-weight:700;line-height:1.45;margin-bottom:12px;color:var(--wd-text);}
.sub_page .sub_feature_text {font-size:14px;color:var(--wd-muted);line-height:1.75;}
.sub_page .sub_steps {display:grid;gap:20px;}
.sub_page .sub_step_item {display:grid;grid-template-columns:72px minmax(0, 1fr);gap:22px;align-items:flex-start;padding:26px;background:#fff;border:1px solid var(--wd-line);border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.sub_page .sub_step_num {width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg, var(--wd-blue), var(--wd-sky));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;}
.sub_page .sub_step_title {font-size:22px;font-weight:700;line-height:1.45;margin-bottom:8px;}
.sub_page .sub_step_text {font-size:15px;color:var(--wd-muted);line-height:1.8;}
.sub_page .sub_note {font-size:13px;color:#64748B;line-height:1.7;margin-top:20px;}
.sub_page .sub_metric_grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:18px;margin-top:28px;}
.sub_page .sub_metric {background:#fff;border:1px solid #BFDBFE;border-radius:16px;padding:22px;text-align:center;}
.sub_page .sub_metric_label {font-size:14px;color:var(--wd-muted);font-weight:700;}
.sub_page .sub_metric_value {font-size:34px;color:var(--wd-blue-mid);font-weight:700;line-height:1.2;margin-top:8px;}
.sub_page .sub_closing {background:linear-gradient(135deg, #0A2558 0%, #155DFC 100%);color:#fff;border-radius:26px;padding:54px;display:grid;grid-template-columns:minmax(0, 1fr) minmax(320px, 0.9fr);gap:42px;align-items:center;overflow:hidden;}
.sub_page .sub_closing h2 {font-size:34px;font-weight:700;line-height:1.5;margin-bottom:18px;}
.sub_page .sub_closing p {color:rgba(255,255,255,.86);line-height:1.9;font-size:16px;}
.sub_page .sub_closing .sub_media {box-shadow:none;border-color:rgba(255,255,255,.2);}
@media (max-width: 1100px) { 
  .sub_page .sub_grid_4 {grid-template-columns:repeat(2, minmax(0, 1fr));} 
}
@media (max-width: 1024px) { 
  .sub_page .sub_hero_title {font-size:44px;} 
  .sub_page .sub_split, .sub_page .sub_split.reverse {grid-template-columns:1fr;gap:36px;} 
  .sub_page .sub_split.reverse .sub_media, .sub_page .sub_split.reverse .sub_copy {order:initial;} 
  .sub_page .sub_grid_3 {grid-template-columns:1fr;} 
  .sub_page .sub_closing {grid-template-columns:1fr;padding:40px;} }
@media (max-width: 768px) { 
  .sub_page section {padding:62px 0;} 
  .sub_page .sub_hero {min-height:auto;} 
  .sub_page .sub_hero_inner {padding:70px 20px;} 
  .sub_page .sub_hero_title {font-size:32px;} 
  .sub_page .sub_hero_lead {font-size:16px;} 
  .sub_page .sub_section_title {font-size:28px;} 
  .sub_page .sub_section_lead {font-size:16px;} 
  .sub_page .sub_grid_2 {grid-template-columns:1fr;} 
  .sub_page .sub_grid_4 {grid-template-columns:1fr;}
  .sub_page .sub_copy_title {font-size:25px;} 
  .sub_page .sub_step_item {grid-template-columns:1fr;} 
  .sub_page .sub_metric_grid {grid-template-columns:1fr;} 
  .sub_page .sub_closing {padding:30px 24px;border-radius:20px;} 
  .sub_page .sub_closing h2 {font-size:25px;}
}
@media (max-width: 640px) { 
  .sub_page section {padding:46px 0;} 
  .main_visual .trial_btn { font-size:18px; padding: 13px 36px;}
  .sub_page .trial_btn { font-size: 18px; padding: 13px 36px;}
  .sub_page .sub_hero_label {font-size:14px;} 
  .sub_page .sub_hero_title {font-size:27px;} 
  .sub_page .sub_section_title {font-size:24px;} 
  .sub_page .sub_feature_card {padding:22px 20px;} }
  .sub_page .sub_grid_4 {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:22px;
}

/* page-about */
.page_about {color:var(--wd-text);line-height:1.6;overflow:hidden;}
.page_about section {padding:96px 0;}
.page_about .inner {max-width:1240px;padding:0 20px;margin:0 auto;}
.page_about .about_section_title {font-size:40px;font-weight:700;color:var(--wd-text);line-height:1.45;margin:0 0 18px;}
.page_about .about_section_lead {font-size:18px;color:var(--wd-muted);line-height:1.8;margin:0;}
.page_about .sub_hero {background-image:url(/wp-content/uploads/image/sub/about_hero_bg.webp);}
.page_about .about_intro {background:linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%);}
.page_about .about_intro_title_only {font-size:34px;font-weight:700;text-align:center;margin:0 0 42px;}
.page_about .about_intro_card {display:grid;grid-template-columns:minmax(0, 1fr) minmax(360px, 1fr);gap:44px;align-items:center;background:#fff;border:1px solid #85ABFF;border-radius:18px;padding:46px;box-shadow:0 12px 32px rgba(21,93,252,0.08);}
.page_about .about_intro_content {min-width:0;}
.page_about .about_intro_copy_title {font-size:29px;font-weight:700;color:var(--wd-blue-mid);line-height:1.55;margin:0 0 22px;}
.page_about .about_intro_copy_title span {color: #333;}
.page_about .about_intro_desc {font-size:16px;color:#374151;line-height:1.9;margin:0;}
.page_about .about_intro_media {position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#06142E;box-shadow:0 12px 30px rgba(10,37,88,0.16);}
.page_about .about_intro_media iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.page_about .about_ransomware {background:#FFFFFF;}
.page_about .about_ransomware_panel {display:grid;grid-template-columns:minmax(0, 1.12fr) minmax(340px, 0.88fr);gap:44px;align-items:center;background:#F8FAFC;border:1px solid #E4ECF8;border-radius:22px;padding:46px;}
.page_about .about_ransomware_title {font-size:38px;font-weight:700;line-height:1.4;margin:0 0 28px;}
.page_about .about_ransomware_formula {display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-weight:700;color:var(--wd-blue-mid);}
.page_about .about_ransomware_formula span {display:inline-flex;align-items:center;min-height:44px;border-radius:999px;background:#EFF6FF;border:1px solid #BFDBFE;padding:8px 18px;font-size:18px;}
.page_about .about_ransomware_formula b {color:#93C5FD;font-size:25px;line-height:1;}
.page_about .about_ransomware_desc {font-size:16px;color:#374151;line-height:1.9;margin:0;}
.page_about .about_ransomware_image img {width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 14px 34px rgba(10,37,88,0.14);}
.page_about .about_benefit {background:#F8FBFF;}
.page_about .about_benefit_header {text-align:center;margin-bottom:64px;}
.page_about .about_benefit_list {display:flex;flex-direction:column;gap:44px;}
.page_about .about_benefit_item {display:grid;grid-template-columns:minmax(320px, 0.88fr) minmax(0, 1.12fr);gap:42px;align-items:center;background:#fff;border:1px solid var(--wd-border);border-radius:22px;padding:34px;box-shadow:0 8px 28px rgba(21,93,252,0.07);}
.page_about .about_benefit_item_reverse {grid-template-columns:minmax(0, 1.12fr) minmax(320px, 0.88fr);}
.page_about .about_benefit_item_reverse .about_benefit_image {order:2;}
.page_about .about_benefit_item_reverse .about_benefit_content {order:1;}
.page_about .about_benefit_image img {width:100%;height:auto;aspect-ratio:1.47 / 1;object-fit:cover;display:block;border-radius:18px;box-shadow:0 10px 26px rgba(10,37,88,0.12);}
.page_about .about_benefit_num {display:inline-block;color:var(--wd-blue-mid);background:#EFF6FF;border:1px solid #BFDBFE;border-radius:999px;font-size:13px;font-weight:700;padding:5px 14px;margin-bottom:18px;}
.page_about .about_benefit_card_title {font-size:30px;font-weight:700;color:var(--wd-text);line-height:1.45;margin:0 0 16px;}
.page_about .about_benefit_text {font-size:16px;color:#374151;line-height:1.85;margin:0;}
.page_about .about_benefit_note {font-size:14px;color:#6B7280;line-height:1.7;margin:14px 0 0;}
.page_about .about_target {background:#FFFFFF;}
.page_about .about_target_header {text-align:center;margin-bottom:54px;}
.page_about .about_target_grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px;}
.page_about .about_target_card {display:grid;grid-template-columns:72px minmax(0, 1fr);gap:22px;align-items:flex-start;min-height:180px;background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:34px 30px;box-shadow:0 4px 18px rgba(0,0,0,0.04);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.page_about .about_target_card:hover {transform:translateY(-4px);border-color:#93C5FD;box-shadow:0 12px 28px rgba(21,93,252,0.09);}
.page_about .about_target_icon {width:64px;height:64px;border-radius:18px;background:#EFF6FF;border:1px solid #BFDBFE;display:flex;align-items:center;justify-content:center;}
.page_about .about_target_icon img {width:42px;height:42px;object-fit:contain;display:block;}
.page_about .about_target_card_title {font-size:21px;font-weight:700;color:var(--wd-text);line-height:1.55;margin:0 0 12px;}
.page_about .about_target_card_desc {font-size:15px;color:#4A5565;line-height:1.75;margin:0;}
@media (max-width: 1024px) {
   .page_about .about_visual_title {font-size:46px;} 
   .page_about .about_intro_card, .page_about .about_ransomware_panel, 
   .page_about .about_benefit_item {gap:30px;} 
   .page_about .about_benefit_card_title {font-size:25px;} 
}
@media (max-width: 768px) { 
  .page_about section {padding:64px 0;} 
  .page_about .about_visual {min-height:500px;} 
  .page_about .about_visual_inner {padding:72px 20px;} 
  .page_about .about_visual_title {font-size:34px;} .page_about .about_visual_text {font-size:16px;} 
  .page_about .about_section_title, .page_about .about_ransomware_title {font-size:28px;} 
  .page_about .about_intro_title_only {font-size:26px;margin-bottom:28px;} 
  .page_about .about_intro_card, .page_about .about_ransomware_panel, .page_about .about_benefit_item, .page_about .about_benefit_item_reverse {grid-template-columns:1fr;padding:26px;} 
  .page_about .about_benefit_item_reverse .about_benefit_image, .page_about .about_benefit_item_reverse .about_benefit_content {order:initial;} 
  .page_about .about_intro_card {gap:28px;} 
  .page_about .about_target_grid {grid-template-columns:1fr;} 
}
@media (max-width: 640px) { 
  .page_about section {padding:48px 0;} 
  .page_about .about_visual {min-height:430px;} 
  .page_about .about_visual_inner {padding:58px 20px;} 
  .page_about .about_visual_title {font-size:28px;} 
  .page_about .about_visual_label {font-size:15px;margin-bottom:18px;} 
  .page_about .about_intro_copy_title {font-size:22px;} 
  .page_about .about_ransomware_formula {align-items:flex-start;} 
  .page_about .about_ransomware_formula span {font-size:15px;} 
  .page_about .about_benefit_header {margin-bottom:36px;} 
  .page_about .about_benefit_card_title {font-size:22px;} 
  .page_about .about_target_card {grid-template-columns:58px 1fr;gap:16px;padding:24px 20px;} 
  .page_about .about_target_icon {width:52px;height:52px;border-radius:14px;}
 .page_about .about_target_icon img {width:34px;height:34px;} 
 .page_about .about_target_card_title {font-size:18px;} 
}

/*** page_feature ***/
.page_feature .sub_hero {background-image:url(/wp-content/uploads/image/sub/feature_hero.webp);}
.page_feature .feature_point_num {display: inline-flex;align-items: center;justify-content: center;width: 68px;height: 68px;border-radius: 20px;background: linear-gradient(135deg, var(--wd-blue), var(--wd-sky));color: #fff;font-size: 24px;font-weight: 700;margin-bottom: 18px;}
.page_feature .feature_flow_image {margin-top: 36px;}
.page_feature .feature_flow_cards {margin-top: 34px;}
.page_feature .feature_flow_cards .sub_feature_card {text-align: center;}
.page_feature .feature_flow_cards .sub_feature_image {background: #F1F7FF;border-color: #D6E8FF;}
.page_feature .feature_flow_cards .sub_feature_title {font-size: 16px;}
.page_feature .feature_process_flow {position: relative;margin-top: 36px;padding: 34px 36px 30px;background: #fff;border: 1px solid #DCE8FF;border-radius: 24px;box-shadow: 0 14px 34px rgba(21, 93, 252, .08);overflow: hidden;}
.page_feature .feature_process_flow::before {content: "";position: absolute;left: 11%;right: 11%;top: 45%;height: 18px;border-radius: 999px;background: linear-gradient(90deg, #FF5A70 0%, #8E5277 30%, #0A4A78 55%, #5ED8B5 100%);z-index: 0;}
.page_feature .feature_process_steps {position: relative;z-index: 1;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 28px;align-items: start;}
.page_feature .feature_process_step {position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 0;}
.page_feature .feature_process_figure {position: relative;width: min(100%, 220px);aspect-ratio: 1 / 1;margin: 0 auto;display: flex;align-items: center;justify-content: center;border: 2px solid var(--step-color-soft);border-radius: 50%;background: rgba(255, 255, 255, .94);box-shadow: 0 10px 26px rgba(10, 37, 88, .08);}
.page_feature .feature_process_figure img {width: 86%;height: 86%;object-fit: contain;}
.page_feature .feature_process_time {display: inline-flex;align-items: center;justify-content: center;min-width: 76px;margin-top: -18px;padding: 5px 16px 6px;border-radius: 999px;background: var(--step-color);color: #fff;font-size: 19px;line-height: 1.15;font-weight: 700;letter-spacing: .02em;box-shadow: 0 6px 14px rgba(10, 37, 88, .12);position: relative;z-index: 2;}
.page_feature .feature_process_title {margin: 14px 0 0;color: var(--step-color);font-size: 18px;line-height: 1.45;font-weight: 800;letter-spacing: .015em;}
.page_feature .feature_process_step--detect {--step-color: #FF5A70;--step-color-soft: #FFD2DA;}
.page_feature .feature_process_step--backup {--step-color: #0E6F78;--step-color-soft: #CFF3ED;}
.page_feature .feature_process_step--block {--step-color: #2F6BF2;--step-color-soft: #CFE0FF;}
.page_feature .feature_process_step--restore {--step-color: #22B8A2;--step-color-soft: #CDEFE7;}
.page_feature .feature_feature_cards {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 26px;margin-top: 34px;}
.page_feature .feature_feature_card {min-height: 300px;padding: 28px 24px 30px;border: 1px solid #E2E8F0;border-radius: 24px;background: #fff;box-shadow: 0 14px 28px rgba(15, 35, 80, .08);text-align: left;}
.page_feature .feature_feature_chip {display: flex;align-items: center;justify-content: flex-start;width: 100%;min-height: 68px;margin: 0 0 28px;padding: 10px 14px 10px 10px;border: 1px solid;border-radius: 18px;gap: 12px;text-align: left;box-sizing: border-box;}
.page_feature .feature_feature_icon {flex: 0 0 40px;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;border-radius: 14px;}
.page_feature .feature_feature_icon svg {width: 24px;height: 24px;display: block;}
.page_feature .feature_feature_label {font-size: 18px;line-height: 1.36;font-weight: 700;letter-spacing: .005em;word-break: keep-all;}
.page_feature .feature_feature_title {min-height: 34px;margin: 0 0 16px;font-size: 20px;line-height: 1.45;font-weight: 800;letter-spacing: .015em;color: #111827;text-align: left;}
.page_feature .feature_feature_text {margin: 0;font-size: 16px;line-height: 1.9;font-weight: 500;color: #4B5563;letter-spacing: .015em;text-align: left;}
.page_feature .feature_feature_card--self .feature_feature_chip {background: #EEF4FF;border-color: #D6E5FF;}
.page_feature .feature_feature_card--self .feature_feature_icon {background: linear-gradient(135deg, #2F6BFF 0%, #1E3A8A 100%);color: #fff;}
.page_feature .feature_feature_card--self .feature_feature_label {color: #1E3A8A;}
.page_feature .feature_feature_card--shadow .feature_feature_chip {background: #EEFDFC;border-color: #CFF3ED;}
.page_feature .feature_feature_card--shadow .feature_feature_icon {background: linear-gradient(135deg, #26C6B5 0%, #3B82F6 100%);color: #fff;}
.page_feature .feature_feature_card--shadow .feature_feature_label {color: #0E6F78;}
.page_feature .feature_feature_card--script .feature_feature_chip {background: #F3F7FC;border-color: #D9E6F5;}
.page_feature .feature_feature_card--script .feature_feature_icon {background: linear-gradient(135deg, #1F3A8A 0%, #111827 100%);color: #fff;}
.page_feature .feature_feature_card--script .feature_feature_icon .accent {color: #FF7A7A;}
.page_feature .feature_feature_card--script .feature_feature_label {color: #1F3A8A;}
.page_feature .feature_feature_card--write .feature_feature_chip {background: #F0FCF9;border-color: #CDEFE7;}
.page_feature .feature_feature_card--write .feature_feature_icon {background: linear-gradient(135deg, #22B8A2 0%, #0F766E 100%);color: #fff;}
.page_feature .feature_feature_card--write .feature_feature_label {color: #0F766E;}
@media (max-width: 1280px) { 
  .page_feature .feature_feature_cards {grid-template-columns: repeat(2, minmax(0, 1fr));} 
}
@media (max-width: 1024px) { 
  .page_feature .feature_process_flow {padding: 30px 28px;} 
  .page_feature .feature_process_flow::before {display: none;} 
  .page_feature .feature_process_steps {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 32px 24px;} 
  .page_feature .feature_process_figure {max-width: 210px;} 
}
@media (max-width: 640px) { 
  .page_feature .feature_process_flow {margin-top: 28px;padding: 24px 18px;border-radius: 20px;} 
  .page_feature .feature_process_steps {grid-template-columns: 1fr;gap: 26px;} 
  .page_feature .feature_process_figure {width: min(100%, 200px);} 
  .page_feature .feature_process_time {font-size: 17px;min-width: 68px;} 
  .page_feature .feature_process_title {font-size: 17px;} 
  .page_feature .feature_feature_cards {grid-template-columns: 1fr;gap: 18px;} 
  .page_feature .feature_feature_card {min-height: auto;padding: 24px 20px 26px;border-radius: 20px;} 
  .page_feature .feature_feature_chip {min-height: 56px;margin-bottom: 22px;padding: 9px 14px 9px 10px;border-radius: 16px;gap: 11px;} 
  .page_feature .feature_feature_icon {flex-basis: 40px;width: 40px;height: 40px;border-radius: 13px;} 
  .page_feature .feature_feature_icon svg {width: 24px;height: 24px;} 
  .page_feature .feature_feature_label {font-size: 17px;} 
  .page_feature .feature_feature_title {min-height: auto; font-size: 20px;margin-bottom: 14px;} 
  .page_feature .feature_feature_text {font-size: 16px;line-height: 1.85;} 
}

/*** security */
.page_security .sub_hero {background-image:url(/wp-content/uploads/image/sub/security_hero.webp);}
.page_security .security_chart_grid {align-items:stretch;margin-top:34px;}
.page_security .security_industry_card {padding:28px 24px;display:grid;grid-template-columns:56px 1fr;gap:18px;}
.page_security .security_emoji {font-size:34px;line-height:1;}
.page_security .sub_security_title {font-weight: 700; font-size: 20px; margin-bottom: 10px; }
.page_security .security_industry_card .industry_label {display:block;margin-bottom:4px;color:var(--wd-blue-mid);font-size:16px;font-weight:700;line-height:1.4;}
.page_security .security_answer_card {overflow:hidden;}
.page_security .security_answer_card .sub_security_image {margin:0;border-radius:18px 18px 0 0;border:0;}
.page_security .security_answer_card .sub_security_body {padding:24px;}
.page_security .security_donut_panel {padding:30px 30px 28px;}
.page_security .security_donut_panel img {display:none;}
.page_security .security_bar_panel {padding:30px 30px 28px;}
.page_security .security_bar_panel img {display:none;}
.page_security .security_bar_chart {min-height:400px;display:flex;align-items:center;justify-content:center;}
.page_security .security_bar_svg {width:100%;max-width:570px;height:auto;display:block;overflow:visible;}
.page_security .bar_axis_label {fill:#64748B;font-size:12px;font-weight:700;}
.page_security .bar_x_label {fill:#475569;font-size:11px;font-weight:800;}
.page_security .bar_value_label {fill:#0F172A;font-size:13px;font-weight:900;}
.page_security .bar_grid_line {stroke:#EAF0F8;stroke-width:1;}
.page_security .bar_axis_line {stroke:#CBD5E1;stroke-width:1.3;}
.page_security .bar_shape {fill:url(#barGradient);filter:drop-shadow(0 5px 8px rgba(21, 93, 252, .15));}
.page_security .security_stat_card_title {margin:0 0 8px;font-size:19px;line-height:1.45;font-weight:800;color:#111827;}
.page_security .security_stat_card_desc {margin:0 0 20px;font-size:13px;line-height:1.65;color:#64748B;font-weight:600;}
.page_security .security_donut_grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px;align-items:start;padding-top:6px;}
.page_security .security_donut_unit {min-width:0;text-align:center;}
.page_security .security_donut_title {margin:0 0 14px;font-size:14px;line-height:1.45;font-weight:800;color:#334155;}
.page_security .security_donut_chart {position:relative;width:min(100%, 226px);aspect-ratio:1 / 1;margin:0 auto 16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4), 0 10px 18px rgba(21,93,252,.08);}
.page_security .security_donut_chart::after {content:"";position:absolute;inset:27%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #EEF2F7;}
.page_security .security_donut_chart--scale {background:conic-gradient( #0A2558 0deg 227.8deg, #2E5FA8 227.8deg 329.7deg, #8EADE0 329.7deg 360deg );}
.page_security .security_donut_chart--industry {background:conic-gradient( #0A2558 0deg 145deg, #2E5FA8 145deg 199.2deg, #4F86E8 199.2deg 237.4deg, #6FA4F7 237.4deg 275.6deg, #93BDFB 275.6deg 304.3deg, #B7CDF2 304.3deg 321.8deg, #D5E6FF 321.8deg 360deg );}
.page_security .security_donut_center {position:absolute;z-index:1;inset:27%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;text-align:center;}
.page_security .security_donut_center_label {font-size:12px;font-weight:900;color:#334155;letter-spacing:.02em;}
.page_security .security_donut_center_total {margin-top:4px;font-size:26px;font-weight:900;color:#0F172A;letter-spacing:-.02em;}
.page_security .security_donut_center_rate {margin-top:3px;font-size:12px;font-weight:900;color:var(--wd-blue-mid);}
.page_security .security_donut_legend {display:grid;gap:7px;text-align:left;max-width:260px;margin:0 auto;}
.page_security .security_legend_item {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.35;color:#475569;font-weight:700;}
.page_security .security_legend_item span:first-child {display:inline-flex;align-items:center;gap:7px;min-width:0;}
.page_security .security_legend_dot {flex:0 0 10px;width:10px;height:10px;border-radius:999px;background:var(--dot);}
.page_security .security_legend_value {color:#111827;font-weight:900;white-space:nowrap;}
.page_security .security_supply_alert {max-width:920px;margin:54px auto 0;display:grid;grid-template-columns:72px minmax(0, 1fr);gap:24px;align-items:center;padding:30px 34px;background:#5F6368;border-radius:18px;color:#fff;box-shadow:0 14px 34px rgba(10,37,88,0.14);}
.page_security .security_supply_alert_icon {width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,0.14);display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;}
.page_security .security_supply_alert_label {margin:0 0 6px;color:#FFE1E1;font-size:14px;font-weight:700;}
.page_security .security_supply_alert_title {margin:0 0 8px;color:#fff;font-size:24px;font-weight:700;line-height:1.45;}
.page_security .security_supply_alert_text {margin:0;color:rgba(255,255,255,0.92);font-size:15px;line-height:1.8;}
.page_security .downtime_cost_chart_card {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:28px;padding:36px 32px 32px;background:#fff;border:1px solid #DCE8FF;border-radius:18px;box-shadow:0 12px 32px rgba(21,93,252,0.10);}
.page_security .downtime_cost_chart_item {text-align:center;min-width:0;}
.page_security .downtime_cost_icon {width:48px;height:48px;margin:0 auto 14px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #EFF6FF 0%, #E0F2FE 100%);border:1px solid #BFDBFE;color:#1A5EB2;font-size:23px;box-shadow:0 8px 18px rgba(21,93,252,0.08);}
.page_security .downtime_cost_icon.cost {background:linear-gradient(135deg, #F0FDFA 0%, #E0F2FE 100%);border-color:#BAE6FD;color:#0F8DA8;}
.page_security .downtime_cost_ring {position:relative;width:220px;max-width:100%;aspect-ratio:1 / 1;margin:0 auto 18px;border-radius:50%;background:radial-gradient(circle at center, #fff 0 54%, transparent 55%), conic-gradient(var(--ring-main) 0deg 288deg, #EAF2FF 288deg 360deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), 0 10px 20px rgba(21,93,252,.08);}
.page_security .downtime_cost_ring.ring_time {--ring-main:#5B8DEF;}
.page_security .downtime_cost_ring.ring_cost {--ring-main:#45B8D8;}
.page_security .downtime_cost_ring::after {content:"";position:absolute;inset:22%;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #EEF2F7;}
.page_security .downtime_cost_center {position:absolute;z-index:1;inset:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.page_security .downtime_cost_center strong {color:#1A5EB2;font-size:20px;font-weight:900;line-height:1.25;letter-spacing:-.02em;white-space:nowrap;}
.page_security .ring_cost .downtime_cost_center strong {color:#0F8DA8;}
.page_security .downtime_cost_center span {margin-top:5px;color:#101828;font-size:34px;font-weight:900;line-height:1.1;letter-spacing:-.04em;white-space:nowrap;}
.page_security .downtime_cost_chart_item p {margin:0;color:#101828;font-size:17px;font-weight:800;line-height:1.45;white-space:nowrap;}
.page_security .security_flow_diagram {margin-top:36px;padding:32px;background:#fff;border:1px solid #E7E2DA;border-radius:24px;box-shadow:0 16px 42px rgba(54, 63, 73, .08);}
.page_security .security_flow_diagram_title {margin:0 0 24px;font-size:22px;font-weight:900;line-height:1.45;color:#111827;}
.page_security .security_flow_compare {display:grid;grid-template-columns:minmax(0, 1fr) 150px minmax(0, 1fr);gap:18px;align-items:stretch;}
.page_security .security_flow_zone {border:1px solid;border-radius:20px;overflow:hidden;background:#fff;}
.page_security .security_flow_zone.ok {border-color:#D7D2C7;background:#F7F6F1;}
.page_security .security_flow_zone.risk {border-color:#D6A08E;background:#FCF5F2;}
.page_security .security_flow_zone_head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid;min-height:76px;}
.page_security .security_flow_zone.ok .security_flow_zone_head {background:#EEECE4;border-color:#D7D2C7;color:#465A43;}
.page_security .security_flow_zone.risk .security_flow_zone_head {background:#F4E2DC;border-color:#D6A08E;color:#7E4638;}
.page_security .security_flow_zone_head strong {display:block;font-size:20px;font-weight:900;line-height:1.45;}
.page_security .security_flow_zone_note {display:block;margin-top:4px;color:inherit;opacity:.82;font-size:14px;font-weight:800;line-height:1.45;}
.page_security .security_flow_steps {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;padding:18px;}
.page_security .security_flow_step {position:relative;min-height:220px;padding:18px 14px 16px;background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;}
.page_security .security_flow_step::after {content:"";position:absolute;top:50%;right:-12px;width:12px;height:1px;background:rgba(74,85,101,.24);}
.page_security .security_flow_step:last-child::after {display:none;}
.page_security .security_flow_icon {width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:14px;flex:0 0 auto;}
.page_security .security_flow_zone.ok .security_flow_icon {border:1px solid #D7D2C7;color:#66785F;}
.page_security .security_flow_zone.risk .security_flow_icon {border:1px solid #D6A08E;color:#A5624F;}
.page_security .security_flow_icon svg {width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.page_security .security_flow_step h4 {margin:0 0 8px;color:#101828;font-size:22px;font-weight:900;line-height:1.35;}
.page_security .security_flow_step p {margin:0;color:var(--wd-muted);font-size:13px;font-weight:650;line-height:1.7;}
.page_security .security_flow_point {display:inline-flex;margin-top:auto;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;line-height:1.35;}
.page_security .security_flow_zone.ok .security_flow_point {background:#EEF2EA;color:#465A43;}
.page_security .security_flow_zone.risk .security_flow_point {background:#F6E1DB;color:#7E4638;}
.page_security .security_breach_bridge {display:flex;align-items:center;justify-content:center;min-width:0;}
.page_security .security_breach_pill {width:100%;min-height:100%;padding:18px 10px;border-radius:20px;background:#fff;border:1px solid #D6A08E;color:#7E4638;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(165, 98, 79, .06);text-align:center;}
.page_security .security_breach_icon {width:46px;height:46px;margin-bottom:12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#F4E2DC;color:#A5624F;}
.page_security .security_breach_icon svg {width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.page_security .security_breach_pill strong {display:block;font-size:14px;line-height:1.55;font-weight:900;}
.page_security .security_breach_arrow {display:block;margin:12px 0;color:#A5624F;font-size:22px;font-weight:900;}
.page_security .security_risk_compact {margin-top:24px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px;}
.page_security .security_risk_item {padding:18px;border-radius:18px;background:#fff;border:1px solid #E6D8D1;display:grid;grid-template-columns:38px minmax(0, 1fr);gap:13px;align-items:start;}
.page_security .security_risk_item_icon {width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#FCF5F2;color:#A5624F;border:1px solid #E8B9A8;}
.page_security .security_risk_item_icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.page_security .security_risk_item h4 {margin:0 0 5px;color:#111827;font-size:16px;font-weight:900;line-height:1.45;}
.page_security .security_risk_item p {margin:0;color:var(--wd-muted);font-size:12px;font-weight:600;line-height:1.65;}
.page_security .security_solution_box {margin:22px auto 0;max-width:860px;display:grid;grid-template-columns:42px minmax(0, 1fr);gap:15px;align-items:start;padding:18px 22px;background:#F2F6F4;border:1px solid #C8D8D0;border-radius:18px;color:#244C3C;}
.page_security .security_solution_icon {width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid #C8D8D0;color:#2F6650;display:flex;align-items:center;justify-content:center;}
.page_security .security_solution_icon svg {width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.page_security .security_solution_box p {margin:0;font-size:15px;font-weight:850;line-height:1.75;}
.page_security .security_solution_box strong {color:#2F6650;font-weight:950;}
.page_security .wd-gap .zone-row {display:grid;grid-template-columns:2fr 1fr 3fr;gap:6px;margin-bottom:6px;}
.page_security .wd-gap .zone-label {font-size:11px;font-weight:500;padding:4px 8px;border-radius:var(--radius-md);text-align:center;}
.page_security .wd-gap .zone-label.existing {background:var(--bg-secondary);color:var(--text-secondary);}
.page_security .wd-gap .zone-label.gap {background:#FCEBEB;color:#A32D2D;display:flex;align-items:center;justify-content:center;gap:4px;}
.page_security .wd-gap .wd-gap .underline-row {display:grid;grid-template-columns:2fr 1fr 3fr;gap:6px;margin-bottom:12px;}
.page_security .wd-gap .underline {border-top:2px solid var(--border-mid);margin-top:2px;}
.page_security .wd-gap .underline.danger {border-top-color:#F09595;}
.page_security .wd-gap .phases {display:grid;grid-template-columns:1fr 1fr 80px 1fr 1fr 1fr;gap:6px;align-items:stretch;}
.page_security .wd-gap .phase-card {background:var(--bg-primary);border:0.5px solid var(--border-light);border-radius:var(--radius-lg);padding:10px 8px 12px;min-width:0;display:flex;flex-direction:column;}
.page_security .wd-gap .phase-card.danger {border-color:rgba(240,149,149,0.5);background:#FCEBEB;}
.page_security .wd-gap .intrusion-box {background:#FFF5F0;border:1.5px solid #F09595;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;min-width:0;position:relative;}
.page_security .wd-gap .intrusion-box::after {content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #F09595;z-index:1;}
.page_security .wd-gap .intrusion-icon {width:32px;height:32px;border-radius:50%;background:#FCEBEB;border:1.5px solid #F09595;display:flex;align-items:center;justify-content:center;}
.page_security .wd-gap .intrusion-label {font-size:10px;font-weight:600;color:#A32D2D;text-align:center;line-height:1.35;}
.page_security .wd-gap .phase-icon {font-size:18px;margin-bottom:6px;color:var(--text-secondary);}
.page_security .wd-gap .phase-icon.red {color:#D85A30;}
.page_security .wd-gap .phase-name {font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:3px;}
.page_security .wd-gap .phase-name.red {color:#A32D2D;}
.page_security .wd-gap .phase-desc {font-size:10px;color:var(--text-secondary);line-height:1.45;margin-bottom:6px;}
.page_security .wd-gap .phase-desc.red {color:#993C1D;}
.page_security .wd-gap .tools {display:flex;flex-direction:column;gap:3px;}
.page_security .wd-gap .tool-tag {font-size:9px;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:4px;padding:2px 5px;width:fit-content;}
.page_security .wd-gap .tool-tag.bad {color:#993C1D;background:#F5C4B3;}
.page_security .wd-gap .divider {border-top:0.5px dashed var(--border-light);margin:8px 0;}
.page_security .wd-gap .divider.danger {border-top-color:rgba(240,149,149,0.5);}
.page_security .wd-gap .impact {font-size:10px;color:#993C1D;background:rgba(245,196,179,0.25);border-radius:4px;padding:4px 6px;line-height:1.4;margin-top:auto;display:flex;align-items:flex-start;gap:4px;}
.page_security .wd-gap .impact i {font-size:11px;flex-shrink:0;margin-top:1px;}
.page_security .wd-gap .neutral-impact {font-size:10px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;padding:4px 6px;line-height:1.4;margin-top:auto;display:flex;align-items:flex-start;gap:4px;}
.page_security .wd-gap .neutral-impact i {font-size:11px;flex-shrink:0;margin-top:1px;color:#3B6D11;}
.page_security .wd-gap .callout {margin-top:14px;border:0.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;}
.page_security .wd-gap .wd-gap .callout-icon {width:28px;height:28px;border-radius:50%;background:var(--bg-primary);border:0.5px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;color:#185FA5;}
.page_security .wd-gap .wd-gap .callout-text {font-size:12px;color:var(--text-secondary);line-height:1.65;}
.page_security .wd-gap .wd-gap .callout-text strong {color:var(--text-primary);font-weight:600;}
.page_security .wd-gap .zone-row {grid-template-columns:2fr 1fr 3fr;gap:20px;margin-bottom:12px}
.page_security .wd-gap .zone-label {padding:12px 16px;font-size:14px;font-weight:700;border-radius:12px}
.page_security .wd-gap .underline-row {display:grid;grid-template-columns:2fr 1fr 3fr;gap:20px;margin-bottom:24px}
.page_security .wd-gap .underline {border-top:4px solid #bdbdbd}
.page_security .wd-gap .underline.danger {border-top:4px solid #ef9a9a}
.page_security .wd-gap .phase-icon i, .page_security .wd-gap .intrusion-icon i, .page_security .wd-gap .callout-icon i {font-size:28px;display:block}
.page_security .wd-gap .phase-icon {margin-bottom:14px}
.page_security .wd-gap .phase-name {font-size:16px;font-weight:800}
.page_security .wd-gap .phase-desc {font-size:13px}
.page_security .wd-gap .intrusion-label {font-size:15px;font-weight:700}
.page_security .wd-gap .callout {margin-top:24px;padding:18px 22px}
.page_security .wd-gap .callout-icon {width:42px;height:42px}
.page_security .wd-gap .intrusion-box {border:1px solid #F09595 !important;}
.page_security .wd-gap .intrusion-label {font-size:12px !important;line-height:1.3 !important;}
.page_security .wd-gap .callout {align-items:center !important;}
.page_security .wd-gap .callout-text {display:flex;align-items:center;min-height:42px;}
.page_security .wd-gap .callout {display:flex !important;align-items:center !important;}
.page_security .wd-gap .callout-icon {display:flex !important;align-items:center !important;justify-content:center !important;align-self:center !important;margin:0 !important;flex-shrink:0;}
.page_security .wd-gap .callout-text {display:flex !important;align-items:center !important;min-height:42px;}
@media (max-width: 1180px) { 
  .page_security .security_flow_compare {grid-template-columns:1fr;} 
  .page_security .security_breach_pill {min-height:auto;flex-direction:row;gap:12px;padding:14px 18px;} 
  .page_security .security_breach_icon {margin:0;} 
  .page_security .security_breach_arrow {margin:0;transform:rotate(90deg);} 
}
@media (max-width: 1024px) { 
  .page_security .security_flow_steps {grid-template-columns:1fr;} 
  .page_security .security_flow_step {min-height:auto;display:grid;grid-template-columns:46px minmax(0, 1fr);gap:14px;} 
  .page_security .security_flow_icon {margin-bottom:0;} 
  .page_security .security_flow_step::after {top:auto;right:auto;left:41px;bottom:-14px;width:1px;height:14px;} 
  .page_security .security_flow_step h4, .page_security .security_flow_step p, .page_security .security_flow_point {grid-column:2;} 
  .page_security .security_risk_compact {grid-template-columns:1fr;} 
}
@media (max-width: 768px) { 
  .page_security .security_flow_diagram {padding:22px 18px;border-radius:20px;} 
  .page_security .security_flow_diagram_title {font-size:20px;} 
  .page_security .security_flow_zone_head {min-height:auto;display:block;} 
  .page_security .security_flow_zone_head strong {font-size:18px;} 
  .page_security .security_flow_zone_note {font-size:14px;} 
  .page_security .security_breach_pill {align-items:center;}
  .page_security .security_breach_pill strong {font-size:13px;} 
  .page_security .security_solution_box {grid-template-columns:1fr;padding:17px 18px;} 
}
@media (max-width:768px) { 
  .page_security .security_donut_panel {padding:24px 18px;} 
  .page_security .security_donut_grid {grid-template-columns:1fr;gap:32px;} 
  .page_security .security_donut_chart {width:min(100%, 236px);} 
  .page_security .security_supply_alert {grid-template-columns:1fr;padding:26px 22px;}
  .page_security .security_bar_chart {min-height:320px;justify-content:flex-start;overflow-x:auto;padding:0 4px 6px;} 
  .page_security .security_bar_svg {min-width:520px;}
  .page_security .wd-gap .phase-card:nth-child(1) {order:1;}
  .page_security .wd-gap .phase-card:nth-child(2) {order:2;} 
  .page_security .wd-gap .intrusion-box {order:3;} 
  .page_security .wd-gap .phase-card:nth-child(4) {order:4;} 
  .page_security .wd-gap .phase-card:nth-child(5) {order:5;}
  .page_security .wd-gap .phase-card:nth-child(6) {order:6;}
  .page_security .wd-gap .zone-row, .page_security .wd-gap .underline-row {display:none;}
  .page_security .wd-gap .phases {grid-template-columns:1fr !important;gap:14px;} 
  .page_security .wd-gap .phase-card {padding:16px;}
  .page_security .wd-gap .phase-card, .page_security .wd-gap .phase-card.danger {border-left-width:4px;}
  .page_security .wd-gap .phase-card:not(.danger) {border-left:4px solid #9CA3AF;} 
  .page_security .wd-gap .phase-card.danger {border-left:4px solid #E24B4A;} 
  .page_security .wd-gap .intrusion-box {order:3;margin:6px 0;flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px;}
  .page_security .wd-gap .intrusion-label {text-align:left;}
  .page_security .wd-gap .phase-name {font-size:18px;} 
  .page_security .wd-gap .phase-desc {font-size:13px;line-height:1.6;}
  .page_security .wd-gap .tools {margin-top:8px;}
  .page_security .wd-gap .tool-tag {font-size:11px;} 
  .page_security .wd-gap .impact, .page_security .wd-gap .neutral-impact {font-size:12px;margin-top:12px;} 
  .page_security .wd-gap .callout {margin-top:18px;padding:16px;align-items:flex-start !important;} 
  .page_security .wd-gap .callout-text {display:block !important;min-height:auto !important;line-height:1.7;font-size:13px;}
}

@media (max-width: 600px) { 
  .page_security .wd-gap .phases {grid-template-columns:1fr 1fr;gap:8px;} 
  .page_security .wd-gap .intrusion-box {grid-column:1 / -1;flex-direction:row;justify-content:flex-start;padding:10px 12px;border-left:3px solid #E24B4A;} 
  .page_security .wd-gap .intrusion-box::after {display:none;} 
  .page_security .wd-gap .phase-card.danger {border-left:3px solid #E24B4A;} 
  .page_security .wd-gap .zone-row, .page_security .wd-gap .wd-gap .underline-row {grid-template-columns:1fr 1fr;}
  .page_security .wd-gap .zone-label.gap, .page_security .wd-gap .underline.danger {grid-column:1 / -1;}
}

/*** page_detection */
  .page_detection .sub_hero {background-image:url(/wp-content/uploads/image/sub/detection_hero.webp);}
  .page_detection .td-arch-matrix{display:flex;flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;}
  .page_detection .td-arch-row{display:grid;grid-template-columns:260px 1fr;gap:22px;}
  .page_detection .td-attack-card{background:#fff;border:1px solid #F0D8D8;border-radius:18px;padding:24px;text-align:center;position:relative;}
  .page_detection .td-attack-step{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;background:#D84A4A;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;}
  .page_detection .td-attack-icon{font-size:30px;color:#D84A4A;margin-top:10px;margin-bottom:14px;}
  .page_detection .td-attack-title{font-size:18px;font-weight:700;color:#A73434;margin-bottom:6px;}
  .page_detection .td-attack-desc{font-size:13px;color:#9A7676;}
  .page_detection .td-defense-card{background:#fff;border:1px solid #DCE8FF;border-radius:18px;padding:24px 28px;display:flex;align-items:center;}
  .page_detection .td-defense-card h3{margin:0 0 10px;font-size:28px;font-weight:700;color:#0A2558;}
  .page_detection .td-defense-card p{margin:0;font-size:16px;line-height:1.8;color:#566274;}
  .page_detection .td-result{margin-top:8px;background:#fff;border:2px solid #0A2558;border-radius:18px;padding:22px 28px;display:flex;align-items:center;gap:18px;}
  .page_detection .td-result-icon{font-size:30px;color:#0A2558;}
  .page_detection .td-result h3{margin:0 0 6px;font-size:28px;font-weight:700;color:#0A2558;}
  .page_detection .td-result p{margin:0;color:#566274;}
  .page_detection .resource_metric_grid_custom{ max-width:800px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:24px;}
  .page_detection .resource_desc_custom{  text-align:center !important;}
  .page_detection .resource_header{  text-align:center !important;  margin-bottom:48px !important;}
  .page_detection .resource_header .sub_section_title { text-align:center !important;}

@media(max-width:768px){
  .page_detection .resource_metric_grid_custom{  grid-template-columns:1fr; }
}
@media(max-width:900px){
  .page_detection .td-arch-row{grid-template-columns:1fr;}
}

/** backup **/
.page_backup .sub_hero {background-image:url(/wp-content/uploads/image/sub/backup_hero.webp);}
.page_backup .wr-head.good{ display:inline-block; padding:10px 28px; border:2px solid #BFD7FF; border-radius:999px; background:#EFF6FF; color:#1A5EB2 !important; font-size:20px !important;}
.page_backup .wr-step{ border:1px solid #E5E7EB; border-radius:18px; padding:22px !important; margin:12px 0; flex-direction:column; text-align:center; background:#fff;}
.page_backup .wr-icon{margin:0 auto 10px auto;}
.page_backup .wr-bad .wr-icon{ background:#F8FAFC !important; border:1px solid #E5E7EB; color:#64748B !important;}
.page_backup .wr-good .wr-icon{ background:#EFF6FF !important; border:1px solid #BFD7FF; color:#1A5EB2 !important;}
.page_backup .wr-arrow{ font-size:20px !important; margin:2px 0;}
.page_backup .wr-title{ font-size:20px !important;}
.page_backup .wr-desc{ margin-top:6px;}
.page_backup .wr-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:0 auto}
.page_backup .wr-panel{background:#fff;border:1px solid #dbe4f0;border-radius:24px;padding:24px}
.page_backup .wr-badge{display:inline-block;padding:8px 20px;border-radius:999px;font-weight:700;font-size:18px;margin-bottom:20px}
.page_backup .wr-badge.bad{background:#f8fafc;border:1px solid #e5e7eb;color:#64748b}
.page_backup .wr-badge.good{background:#eff6ff;border:1px solid #bfd7ff;color:#1a5eb2}
.page_backup .wr-flow{display:flex;flex-direction:column;gap:12px}
.page_backup .wr-node{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.page_backup .wr-icon2{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.page_backup .wr-icon2.bad{background:#f8fafc;border:1px solid #e5e7eb}
.page_backup .wr-icon2.good{background:#eff6ff;border:1px solid #bfd7ff;color:#1a5eb2}
.page_backup .wr-node-title{font-weight:700;font-size:20px}
.page_backup .wr-node-desc{font-size:14px;color:#64748b}
.page_backup .wr-result{margin-top:8px;padding:18px;border-radius:14px;text-align:center}
.page_backup .wr-result.bad{background:#f1f5f9;color:#64748b}
.page_backup .wr-result.good{background:#eff6ff;color:#155dfc}
.page_backup .wr-result strong{display:block;font-size:30px}
.page_backup .wr-why{margin-top:44px;text-align:center;font-size:34px;font-weight:700}
.page_backup .wr-subwhy{text-align:center;color:#64748b;margin:8px 0 24px}
.page_backup .wr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page_backup .wr-card{background:#fff;border:1px solid #bfd7ff;border-radius:16px;padding:20px}
.page_backup .wr-card h3{margin:0 0 12px;color:#0a2558;font-size:22px}
.page_backup .wr-card p{margin:0;color:#475569;line-height:1.7}
.page_backup .recovery-chart{padding:40px}
.page_backup .recovery-chart-title{font-size:18px;font-weight:700;margin-bottom:30px;text-align:center}
.page_backup .recovery-chart-item{margin-bottom:28px}
.page_backup .recovery-chart-item:last-of-type{margin-bottom:0}
.page_backup .recovery-chart-row{display:flex;justify-content:space-between;margin-bottom:8px}
.page_backup .recovery-chart-track{height:18px;background:#E5E7EB;border-radius:999px;overflow:hidden}
.page_backup .recovery-chart-fill{width:100%;height:100%;background:#94A3B8}
.page_backup .recovery-chart-fill.wd{width:3%;background:linear-gradient(90deg,#155DFC,#15CAFC)}
.page_backup .recovery-chart-time{color:#155DFC;font-size:28px}
.page_backup .recovery-chart-highlight{margin-top:24px;text-align:center;font-size:22px;font-weight:700;color:#155DFC}
@media(max-width:768px){
 .page_backup .wr-compare, .page_backup .wr-cards{grid-template-columns:1fr}
 .page_backup .wr-node-title{font-size:18px}
}

/** page_management  **/
.page_management .sub_hero {background-image:url(/wp-content/uploads/image/sub/management_hero.webp);}
.page_management .engine_architecture { align-items: start; }
.page_management .engine_architecture .sub_steps { align-self: center; }
.page_management .management_feature_card .sub_feature_image { aspect-ratio: 16 / 7; display: flex; align-items: center; justify-content: center; }
.page_management .management_feature_card .sub_feature_image img { width: 100%; height: 100%; object-fit: cover; }