@font-face{font-family:"Product Pretendard";src:url("/media/products/fonts/pretendard-regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Product Pretendard";src:url("/media/products/fonts/pretendard-medium.otf") format("opentype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Product Pretendard";src:url("/media/products/fonts/pretendard-semibold.otf") format("opentype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Product Pretendard";src:url("/media/products/fonts/pretendard-bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Product Pretendard";src:url("/media/products/fonts/pretendard-extrabold.otf") format("opentype");font-style:normal;font-weight:800;font-display:swap}
[data-static-product]{font-family:"Product Pretendard",Pretendard,var(--font-sans),sans-serif;overflow:hidden}
[data-static-product] button{font:inherit}
[data-static-product] .faq-q{appearance:none;text-align:left;width:100%}
[data-static-product] .product-contact-action{text-decoration:none}
[data-static-product] .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s ease,transform .7s ease}
[data-static-product] .reveal.in-view{opacity:1;transform:translate3d(0,0,0)}
@media (prefers-reduced-motion:reduce){[data-static-product] .reveal{opacity:1;transform:none;transition:none}}


[data-static-product="ari"]{--brand:#EC639E;--brand-rgb:236,99,158;--brand-soft:#FEF4F8;
  --black:#111111;--g800:#2A2A2A;--g700:#3D3D3D;--g600:#525252;
  --g500:#6B6B6B;--g400:#909090;--g300:#B5B5B5;--g200:#D8D8D8;
  --g150:#E4E4E4;--g100:#EBEBEB;--g75:#F0F0F0;--g50:#F5F5F5;
  --white:#FFFFFF;--font:"Product Pretendard",-apple-system,sans-serif;
}
[data-static-product="ari"] *,[data-static-product="ari"] *::before,[data-static-product="ari"] *::after{box-sizing:border-box;margin:0;padding:0;}
[data-static-product="ari"]{scroll-behavior:smooth;}
[data-static-product="ari"]{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45;}

/* ── 공통 ── */
[data-static-product="ari"] .sec{padding:100px 0;}
[data-static-product="ari"] .inner {max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="ari"] .sec-title{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
[data-static-product="ari"] .ph-sq{width:52px;height:52px;background:var(--brand-soft);border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}[data-static-product="ari"] .ph-sq .ico{width:26px;height:26px;display:block;}

/* ── HERO ── */
[data-static-product="ari"] .hero{background:var(--white);padding:240px 0 100px;}
[data-static-product="ari"] .hero-inner{max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="ari"] .hero h1{font-size:60px;font-weight:700;color:var(--black);line-height:1.45;margin-bottom:20px;max-width:1200px;}
[data-static-product="ari"] .hero-desc{font-size:20px;color:var(--g500);line-height:1.45;margin-bottom:6px;max-width:600px;}
[data-static-product="ari"] .hero-desc2{font-size:20px;color:var(--g500);line-height:1.45;margin-bottom:36px;max-width:600px;}
[data-static-product="ari"] .hero-btns{display:flex;gap:12px;align-items:center;}
[data-static-product="ari"] .btn-primary{background:var(--black);color:var(--white);border:none;padding:14px 32px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="ari"] .btn-primary:hover{background:var(--g700);transform:translateY(-1px);}

/* ── PAIN ── */
[data-static-product="ari"] .pain{background:var(--white);}
[data-static-product="ari"] .pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
[data-static-product="ari"] .pain-card{background:var(--g50);border:1px solid var(--g100);border-radius:14px;padding:28px 24px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="ari"] .pain-label{font-size:12px;font-weight:700;color:var(--g400);letter-spacing:1px;margin-bottom:14px;}
[data-static-product="ari"] .pain-card h4{font-size:17px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="ari"] .pain-card p{font-size:15px;color:var(--g500);line-height:1.45;}
[data-static-product="ari"] .pain-card .arrow{font-size:15px;font-weight:600;color:var(--black);margin-top:14px;padding:8px 14px;background:var(--white);border:1px solid var(--g100);border-radius:6px;display:inline-block;line-height:1.45;}

/* ── FLOW ── */
[data-static-product="ari"] .flow{background:var(--white);}
[data-static-product="ari"] .flow-steps{display:flex;align-items:flex-start;gap:0;margin-top:48px;position:relative;}
[data-static-product="ari"] .flow-step{flex:1;padding:0 12px;text-align:center;position:relative;z-index:1;}
[data-static-product="ari"] .flow-step:first-child{padding-left:0;}
[data-static-product="ari"] .flow-step:last-child{padding-right:0;}
[data-static-product="ari"] .fs-box{width:100%;background:var(--white);border:1px solid var(--g100);border-radius:10px;padding:20px 16px;margin-bottom:0;}
[data-static-product="ari"] .fs-ico{width:44px;height:44px;margin:0 auto 12px;background:var(--brand-soft);border:1px solid var(--brand-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;}[data-static-product="ari"] .fs-ico .ico{width:24px;height:24px;display:block;}[data-static-product="ari"] .fs-num{font-size:11px;font-weight:700;color:var(--g400);letter-spacing:1px;margin-bottom:8px;}
[data-static-product="ari"] .fs-box h4{font-size:15px;font-weight:700;color:var(--black);margin-bottom:6px;line-height:1.45;}
[data-static-product="ari"] .fs-box p{font-size:15px;color:var(--g500);line-height:1.45;}
[data-static-product="ari"] .flow-arrow{display:flex;align-items:center;justify-content:center;padding-top:28px;color:var(--g300);font-size:22px;flex-shrink:0;}
[data-static-product="ari"] .fd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="ari"] .fd-item{font-size:14px;color:var(--g600);line-height:1.45;padding-left:14px;border-left:2px solid var(--g200);}
[data-static-product="ari"] .fd-item strong{display:block;color:var(--black);font-weight:600;margin-bottom:4px;}

/* ── TRUST ── */
[data-static-product="ari"] .trust{background:var(--white);}
[data-static-product="ari"] .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="ari"] .trust-card{background:var(--white);border:1px solid var(--g100);border-radius:14px;padding:32px 24px 36px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="ari"] .trust-card .ph-sq{margin-bottom:28px;}
[data-static-product="ari"] .trust-card h4{font-size:16px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="ari"] .trust-card p{font-size:14px;color:var(--g500);line-height:1.45;}

/* ── CODE AGENT ── */
[data-static-product="ari"] .codeagent{background:var(--white);}
[data-static-product="ari"] .ca-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
[data-static-product="ari"] .ca-item{background:var(--g50);border:1px solid var(--g100);border-radius:10px;padding:20px 16px;}
[data-static-product="ari"] .ca-item h5{font-size:16px;font-weight:700;color:var(--black);margin-bottom:6px;line-height:1.45;}
[data-static-product="ari"] .ca-item p{font-size:14px;color:var(--g500);line-height:1.45;}

/* ── USE CASES ── */
[data-static-product="ari"] .usecases{background:var(--white);}
[data-static-product="ari"] .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="ari"] .uc-card{background:var(--white);border:1px solid var(--g100);border-radius:14px;padding:28px 24px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="ari"] .uc-tag{font-size:12px;font-weight:600;color:var(--g500);margin-bottom:12px;display:block;}
[data-static-product="ari"] .uc-card h4{font-size:20px;font-weight:700;color:var(--black);margin-bottom:14px;line-height:1.45;}
[data-static-product="ari"] .uc-flow{display:flex;flex-direction:column;gap:0;}
[data-static-product="ari"] .uc-step{font-size:14px;color:var(--g600);line-height:1.45;padding:6px 0;border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:8px;}
[data-static-product="ari"] .uc-step:last-child{border-bottom:none;}
[data-static-product="ari"] .uc-step-num{font-size:12px;font-weight:700;color:var(--g400);width:18px;flex-shrink:0;}
[data-static-product="ari"] .uc-arrow{text-align:center;color:var(--g300);font-size:16px;padding:2px 0;}

/* ── COMPARE ── */
[data-static-product="ari"] .compare{background:var(--white);}
[data-static-product="ari"] .compare .sec-title{margin-bottom:8px;}
[data-static-product="ari"] .compare-sub{font-size:15px;color:var(--g500);line-height:1.45;margin-bottom:40px;}
[data-static-product="ari"] .cmp-wrap{border:1px solid var(--g100);border-radius:12px;overflow:hidden;}
[data-static-product="ari"] .cmp-table{width:100%;border-collapse:collapse;}
[data-static-product="ari"] .cmp-table th{padding:14px 20px;font-size:15px;font-weight:600;text-align:center;background:var(--g50);border-bottom:1px solid var(--g100);color:var(--g500);}
[data-static-product="ari"] .cmp-table th:first-child{text-align:left;}
[data-static-product="ari"] .cmp-table th.hl{background:rgba(var(--brand-rgb),.30);color:var(--black);}
[data-static-product="ari"] .cmp-table td{padding:14px 20px;font-size:14px;color:var(--g600);border-bottom:1px solid var(--g100);text-align:center;line-height:1.45;}
[data-static-product="ari"] .cmp-table td:first-child{text-align:left;font-weight:600;color:var(--black);}
[data-static-product="ari"] .cmp-table tr:last-child td{border-bottom:none;}
[data-static-product="ari"] .cmp-table td.hl{background:rgba(var(--brand-rgb),.10);color:var(--black);font-weight:600;}

/* ── FAQ ── */
[data-static-product="ari"] .faq{background:var(--white);}
[data-static-product="ari"] .faq-list{}
[data-static-product="ari"] .faq-item{border-bottom:1px solid var(--g100);}
[data-static-product="ari"] .faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;gap:20px;}
[data-static-product="ari"] .faq-q h4{font-size:20px;font-weight:600;color:var(--black);line-height:1.45;}
[data-static-product="ari"] .faq-plus{font-size:24px;font-weight:300;color:var(--black);flex-shrink:0;transition:transform .2s;line-height:1;}
[data-static-product="ari"] .faq-item.open .faq-plus{transform:rotate(45deg);}
[data-static-product="ari"] .faq-a{display:none;padding:0 0 22px;font-size:18px;color:var(--g500);line-height:1.45;}
[data-static-product="ari"] .faq-item.open .faq-a{display:block;}

/* ── CTA ── */
[data-static-product="ari"] .cta-sec{background:var(--white);padding:80px 0;}
[data-static-product="ari"] .cta-box{position:relative;overflow:hidden;background-image:url('/media/products/ari/cta-ari.png');background-size:100% 100%;background-position:center;min-height:200px;max-width:1200px;margin:0 auto;background-color: var(--g50);border-radius:14px;padding:80px;text-align:center;}
[data-static-product="ari"] .cta-box h2{font-size:32px;font-weight:700;color:var(--black);margin-bottom:28px;line-height:1.4;}
[data-static-product="ari"] .cta-box p{font-size:15px;color:var(--g500);margin-bottom:32px;line-height:1.45;}
[data-static-product="ari"] .btn-cta{background:var(--black);color:var(--white);border:none;padding:15px 44px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="ari"] .btn-cta:hover{background:var(--g700);transform:translateY(-1px);}
[data-static-product="ari"] .cta-note{margin-top:16px;font-size:15px;color:var(--g400);line-height:1.45;}

@media(max-width:900px){
  [data-static-product="ari"] .pain-grid,[data-static-product="ari"] .fd-grid,[data-static-product="ari"] .trust-grid,[data-static-product="ari"] .uc-grid{grid-template-columns:1fr;}
  [data-static-product="ari"] .ca-grid{grid-template-columns:1fr 1fr;}
  [data-static-product="ari"] .flow-steps{flex-direction:column;gap:8px;}
  [data-static-product="ari"] .flow-arrow{padding:0;transform:rotate(90deg);}
  [data-static-product="ari"] .cta-box{padding:40px 24px;}}

/* Hero gradient image */
[data-static-product="ari"] .hero{
  position:relative;
  overflow:hidden;
}
[data-static-product="ari"] .hero::after{
  content:'';
  position:absolute;
  inset:0;
  background:url('/media/products/ari/hero-gradient.png') center center / 100% 100% no-repeat;
  opacity:0.7;
  pointer-events:none;
  z-index:0;
}
[data-static-product="ari"] .hero-inner,[data-static-product="ari"] .hero-left,[data-static-product="ari"] .hero-right,[data-static-product="ari"] .hero-content{
  position:relative;
  z-index:1;
}
/* 제품 브랜드 색 아이콘 (SVG를 마스크로 써서 색을 입힌다) */
/* file:// 에서 mask-image 가 막히므로 background-image 로 그린다.
   색은 SVG 파일 자체에 브랜드 색으로 칠해 두었다. */
[data-static-product="ari"] .ico{display:block;background-image:var(--ic);background-repeat:no-repeat;background-position:center;background-size:contain;}

/* 컨테이너 폭은 원본 .container 규칙(assets/clevi-header.css)을 그대로 쓴다.
   마크업에 container 클래스를 함께 붙였고, 섹션의 좌우 5% 패딩은 제거했다. */


/* 컨테이너 1280px + 좌우 패딩 24px 기준: CTA 박스는 본문 콘텐츠 폭(1232px)에 맞추고
   자체 안쪽 여백(80px)은 그대로 둔다. (.container 의 padding-inline 을 이기려면 특정도가 필요) */
[data-static-product="ari"] .container.cta-box{width:min(100% - 48px, 1232px);max-width:none;padding:80px;}
@media(max-width:900px){[data-static-product="ari"] .container.cta-box{padding:40px 24px;}}



[data-static-product="svce"]{--brand:#3694F7;--brand-soft:#EFF6FE;--brand-deep:#1E6FD0;
  --black:#111111;
  --g900:#1A1A1A;
  --g800:#2A2A2A;
  --g700:#3D3D3D;
  --g600:#525252;
  --g500:#6B6B6B;
  --g400:#909090;
  --g300:#B5B5B5;
  --g200:#D8D8D8;
  --g150:#E4E4E4;
  --g100:#EBEBEB;
  --g75:#F0F0F0;
  --g50:#F5F5F5;
  --white:#FFFFFF;
  --font:"Product Pretendard",-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --mono:'JetBrains Mono','SF Mono','Courier New',monospace;
}
[data-static-product="svce"] *,[data-static-product="svce"] *::before,[data-static-product="svce"] *::after{box-sizing:border-box;margin:0;padding:0;line-height:1.45;}
[data-static-product="svce"]{scroll-behavior:smooth;}
[data-static-product="svce"]{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-size:16px;}

/* ============ COMMON ============ */
[data-static-product="svce"] .sec{padding:100px 0;}
[data-static-product="svce"] .inner{max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="svce"] .sec-title{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;margin-bottom:20px;}
[data-static-product="svce"] .sec-sub{font-size:18px;color:var(--g500);margin-bottom:56px;max-width:1200px;}
[data-static-product="svce"] .ph-sq{width:52px;height:52px;background:var(--brand-soft);border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}[data-static-product="svce"] .ph-sq .ico{width:26px;height:26px;display:block;}
[data-static-product="svce"] .block-lead{font-size:18px;color:var(--g600);margin-bottom:24px;max-width:1200px;}
[data-static-product="svce"] .block-lead strong{color:var(--black);font-weight:600;}
[data-static-product="svce"] .sub-divider{margin-top:80px;}

/* ============ HERO ============ */
[data-static-product="svce"] .hero{
  position:relative;
  padding:240px 0 100px;
  overflow:hidden;
  background:url('/media/products/svce/hero-gradient.png') center center / 100% 100% no-repeat;
  background-color:var(--g50);
}
[data-static-product="svce"] .hero::after{
  content:'';
  position:absolute;
  inset:0;
    opacity:0.7;
  pointer-events:none;
  z-index:1;
}
[data-static-product="svce"] .hero-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;z-index:2;}
[data-static-product="svce"] .hero h1{font-size:60px;font-weight:700;color:var(--black);margin-bottom:22px;max-width:1200px;}
[data-static-product="svce"] .hero-sub{font-size:20px;color:var(--g500);margin-bottom:36px;max-width:780px;}
[data-static-product="svce"] .hero-sub strong{color:var(--black);font-weight:600;}
[data-static-product="svce"] .hero-btns{display:flex;gap:12px;align-items:center;margin-bottom:44px;flex-wrap:wrap;}
[data-static-product="svce"] .btn-primary{background:var(--black);color:var(--white);border:none;padding:14px 32px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="svce"] .btn-primary:hover{background:var(--g700);transform:translateY(-1px);}
[data-static-product="svce"] .hero-trust{display:flex;gap:22px;flex-wrap:wrap;}
[data-static-product="svce"] .trust-pill{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--g500);font-weight:400;}
[data-static-product="svce"] .trust-dot{width:5px;height:5px;border-radius:50%;background:var(--g400);}

/* ============ APPLY ============ */
[data-static-product="svce"] .apply{background:var(--white);}
[data-static-product="svce"] .apply-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
[data-static-product="svce"] .apply-card{background:var(--white);border:1px solid var(--g100);border-radius:14px;padding:32px 24px;text-align:center;}
[data-static-product="svce"] .apply-card .ph-sq{margin:0 auto 24px;}
[data-static-product="svce"] .apply-card h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:8px;}
[data-static-product="svce"] .apply-card p{font-size:16px;color:var(--g500);}

/* ============ STACK ============ */
[data-static-product="svce"] .stack-diagram{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;}
[data-static-product="svce"] .stack-layer{width:100%;border-radius:10px;padding:24px;text-align:center;border:1px solid var(--g150);background:var(--white);}
[data-static-product="svce"] .stack-layer.key{background:var(--black);border-color:var(--black);}
[data-static-product="svce"] .stack-name{font-size:16px;font-weight:700;color:var(--black);margin-bottom:5px;}
[data-static-product="svce"] .stack-layer.key .stack-name{color:var(--white);}
[data-static-product="svce"] .stack-desc{font-size:14px;color:var(--g500);}
[data-static-product="svce"] .stack-layer.key .stack-desc{color:rgba(255,255,255,.6);}
[data-static-product="svce"] .stack-arrow{color:var(--g300);font-size:18px;}

/* ============ COMPARE ============ */
[data-static-product="svce"] .compare{background:var(--white);}
[data-static-product="svce"] .cmp-wrap{border:1px solid var(--g100);border-radius:12px;overflow:hidden;}
[data-static-product="svce"] .cmp-table{width:100%;border-collapse:collapse;}
[data-static-product="svce"] .cmp-table th{padding:16px 20px;font-size:14px;font-weight:600;text-align:center;background:var(--g50);border-bottom:1px solid var(--g100);color:var(--g500);}
[data-static-product="svce"] .cmp-table th:first-child{text-align:left;}
[data-static-product="svce"] .cmp-table th.hl{background:var(--brand-deep);color:var(--white);}
[data-static-product="svce"] .cmp-table td{padding:15px 20px;font-size:15px;color:var(--g700);border-bottom:1px solid var(--g100);text-align:center;}
[data-static-product="svce"] .cmp-table td:first-child{text-align:left;font-weight:600;color:var(--black);}
[data-static-product="svce"] .cmp-table tr:last-child td{border-bottom:none;}
[data-static-product="svce"] .cmp-table td.hl{background:rgba(54,148,247,.08);font-weight:600;color:var(--black);}

/* ============ PAIN ============ */
[data-static-product="svce"] .pain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="svce"] .pain-card{background:var(--white);border:1px solid var(--g100);border-radius:14px;padding:32px 28px 36px;}
[data-static-product="svce"] .pain-card .ph-sq{margin-bottom:32px;}
[data-static-product="svce"] .pain-card h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:12px;}
[data-static-product="svce"] .pain-card p{font-size:16px;color:var(--g600);}
[data-static-product="svce"] .pain-card .risk{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--g100);font-size:15px;color:var(--g500);}

/* ============ FEATURES ============ */
[data-static-product="svce"] .feat{background:var(--white);}
[data-static-product="svce"] .feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
[data-static-product="svce"] .feat-card{background:var(--white);border:1px solid var(--g100);border-radius:14px;padding:36px 32px;display:flex;gap:24px;}
[data-static-product="svce"] .feat-card .ph-sq{margin-top:4px;}
[data-static-product="svce"] .feat-card h4{font-size:24px;font-weight:700;color:var(--black);margin-bottom:12px;}
[data-static-product="svce"] .feat-card p{font-size:16px;color:var(--g600);margin-bottom:14px;}
[data-static-product="svce"] .feat-core{display:inline-block;font-size:15px;font-weight:600;color:var(--g700);background:var(--g75);border:1px solid var(--g150);padding:5px 12px;border-radius:6px;}

/* ====== fused architecture ====== */
[data-static-product="svce"] .arch-frame{background:var(--white);border:1px solid var(--g150);border-radius:14px;padding:48px;}
[data-static-product="svce"] .arch-flow{display:flex;align-items:stretch;gap:0;margin-bottom:22px;}
[data-static-product="svce"] .arch-block{flex:1;background:var(--g50);border:1px solid var(--g100);border-radius:10px;padding:24px 20px;display:flex;flex-direction:column;justify-content:center;min-height:128px;}
[data-static-product="svce"] .arch-block.key{background:var(--black);border-color:var(--black);}
[data-static-product="svce"] .arch-block-title{font-size:16px;font-weight:700;color:var(--black);margin-bottom:8px;}
[data-static-product="svce"] .arch-block.key .arch-block-title{color:var(--white);}
[data-static-product="svce"] .arch-block-desc{font-size:15px;color:var(--g500);}
[data-static-product="svce"] .arch-block.key .arch-block-desc{color:rgba(255,255,255,.62);}
[data-static-product="svce"] .arch-arrow{display:flex;align-items:center;justify-content:center;padding:0 10px;color:var(--g300);font-size:20px;flex-shrink:0;}
[data-static-product="svce"] .arch-gate{background:var(--g50);border:1px dashed var(--g300);border-radius:10px;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:14px 24px;flex-wrap:wrap;margin-bottom:18px;}
[data-static-product="svce"] .arch-gate-lbl{font-size:15px;font-weight:700;color:var(--g700);}
[data-static-product="svce"] .arch-gate-items{display:flex;gap:20px;flex-wrap:wrap;}
[data-static-product="svce"] .arch-gate-item{font-size:14px;color:var(--g600);font-weight:500;}
[data-static-product="svce"] .arch-note{font-size:15px;color:var(--g500);text-align:center;}
[data-static-product="svce"] .arch-note strong{color:var(--black);font-weight:600;}

/* ====== fused audit log ====== */
[data-static-product="svce"] .audit-log{background:var(--black);border-radius:12px;padding:26px 24px;font-family:var(--mono);margin-top:16px;margin-bottom:100px;}
[data-static-product="svce"] .log-header{font-size:15px;color:#6EE7B7;margin-bottom:18px;letter-spacing:.4px;font-weight:700;}
[data-static-product="svce"] .log-line{font-size:15px;padding:3px 0;color:rgba(255,255,255,.7);}
[data-static-product="svce"] .log-ts{color:rgba(255,255,255,.4);margin-right:8px;}
[data-static-product="svce"] .log-tag{display:inline-block;background:rgba(125,211,252,.12);color:#7DD3FC;font-size:15px;padding:1px 9px;border-radius:4px;margin-right:8px;font-weight:600;}
[data-static-product="svce"] .log-tag.allow{background:rgba(110,231,183,.15);color:#6EE7B7;}
[data-static-product="svce"] .log-tag.deny{background:rgba(252,165,165,.12);color:#FCA5A5;}
[data-static-product="svce"] .log-actor{color:#E2E8F0;font-weight:600;}

/* ============ CTA ============ */
[data-static-product="svce"] .cta-sec{background:var(--white);padding:80px 0;}
[data-static-product="svce"] .cta-box{position:relative;overflow:hidden;background-image:url('/media/products/svce/cta-svce.png');background-size:100% 100%;background-position:center;min-height:200px;max-width:1200px;margin:0 auto;background-color: var(--g50);border-radius:14px;padding:80px;text-align:center;}
[data-static-product="svce"] .cta-box h2{font-size:32px;font-weight:700;color:var(--black);margin-bottom:28px;line-height:1.4;}
[data-static-product="svce"] .cta-box p{font-size:16px;color:rgba(255,255,255,.55);margin-bottom:32px;}
[data-static-product="svce"] .btn-cta{background:var(--g800);color:var(--black);border:none;padding:15px 44px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;color: #ffffff;line-height:1.2;}
[data-static-product="svce"] .btn-cta:hover{background:var(--black);transform:translateY(-1px);}

/* ============ RESPONSIVE ============ */
@media(max-width:980px){
  [data-static-product="svce"] .hero h1{font-size:40px;}
  [data-static-product="svce"] .sec-title{font-size:28px;}
  [data-static-product="svce"] .pain-cards,[data-static-product="svce"] .feat-grid{grid-template-columns:1fr;}
  [data-static-product="svce"] .apply-grid{grid-template-columns:1fr 1fr;}
  [data-static-product="svce"] .arch-flow{flex-direction:column;gap:8px;}
  [data-static-product="svce"] .arch-arrow{transform:rotate(90deg);padding:6px 0;}
  [data-static-product="svce"] .arch-frame{padding:28px;}
  [data-static-product="svce"] .cta-box{padding:40px 24px;}
  [data-static-product="svce"] .cmp-table th,[data-static-product="svce"] .cmp-table td{padding:12px 12px;font-size:13px;}
}
/* 제품 브랜드 색 아이콘 (SVG를 마스크로 써서 색을 입힌다) */
/* file:// 에서 mask-image 가 막히므로 background-image 로 그린다.
   색은 SVG 파일 자체에 브랜드 색으로 칠해 두었다. */
[data-static-product="svce"] .ico{display:block;background-image:var(--ic);background-repeat:no-repeat;background-position:center;background-size:contain;}

/* 컨테이너 폭은 원본 .container 규칙(assets/clevi-header.css)을 그대로 쓴다.
   마크업에 container 클래스를 함께 붙였고, 섹션의 좌우 5% 패딩은 제거했다. */


/* 컨테이너 1280px + 좌우 패딩 24px 기준: CTA 박스는 본문 콘텐츠 폭(1232px)에 맞추고
   자체 안쪽 여백(80px)은 그대로 둔다. (.container 의 padding-inline 을 이기려면 특정도가 필요) */
[data-static-product="svce"] .container.cta-box{width:min(100% - 48px, 1232px);max-width:none;padding:80px;}
@media(max-width:980px){[data-static-product="svce"] .container.cta-box{padding:40px 24px;}}



[data-static-product="codingagent"]{--brand:#303854;--brand-soft:#EEEFF3;
  --black:#111111;
  --g800:#2A2A2A;
  --g700:#3D3D3D;
  --g600:#525252;
  --g500:#6B6B6B;
  --g400:#909090;
  --g300:#B5B5B5;
  --g200:#D8D8D8;
  --g150:#E4E4E4;
  --g100:#E6E6E6;
  --g75:#F0F0F0;
  --g50:#FAFAFA;
  --white:#FFFFFF;
  --font:"Product Pretendard",-apple-system,sans-serif;
}
[data-static-product="codingagent"] *,[data-static-product="codingagent"] *::before,[data-static-product="codingagent"] *::after{box-sizing:border-box;margin:0;padding:0;}
[data-static-product="codingagent"]{scroll-behavior:smooth;}
[data-static-product="codingagent"]{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45;}

/* SHARED */
[data-static-product="codingagent"] .sec{padding:100px 0;}
[data-static-product="codingagent"] .inner{max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="codingagent"] .sec-title{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
[data-static-product="codingagent"] .ph-sq{width:52px;height:52px;background:var(--brand-soft);border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}[data-static-product="codingagent"] .ph-sq .ico{width:26px;height:26px;display:block;}
[data-static-product="codingagent"] .ph-large{border-radius:10px 10px 0 0;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:var(--g150);}
[data-static-product="codingagent"] .ph-large-label{display:none;}[data-static-product="codingagent"] .ph-icon{display:none;}
[data-static-product="codingagent"] .ph-icon{position:absolute;bottom:12px;right:12px;opacity:.3;}

/* HERO */
[data-static-product="codingagent"] .hero{
  position:relative;
  padding:240px 0 100px;
  overflow:hidden;
  background:url('/media/products/coding-agent/hero-gradient.png') center center / 100% 100% no-repeat;
}
[data-static-product="codingagent"] .hero::after{
  content:'';
  position:absolute;
  inset:0;
  opacity:0.7;
  pointer-events:none;
  z-index:1;
}
[data-static-product="codingagent"] .hero-inner{
  position:relative;
  z-index:2;
}
[data-static-product="codingagent"] .hero-inner{max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="codingagent"] .hero h1{font-size:60px;font-weight:700;color:var(--black);line-height:1.40;;margin-bottom:20px;max-width:1200px;}
[data-static-product="codingagent"] .hero-sub{font-size:20px;color:var(--g500);line-height:1.40;margin-bottom:2px;max-width:1200px;}
[data-static-product="codingagent"] .hero-sub2{font-size:20px;color:var(--g500);line-height:1.40;margin-bottom:56px;max-width:1200px;}
[data-static-product="codingagent"] .hero-btns{display:flex;gap:12px;align-items:center;}
[data-static-product="codingagent"] .btn-primary{background:#1A1A1A;color:var(--white);border:none;padding:14px 32px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="codingagent"] .btn-primary:hover{background:#6036DB;transform:translateY(-1px);}
[data-static-product="codingagent"] .btn-ghost:hover{border-color:var(--g600);color:var(--black);}

/* PAIN */
[data-static-product="codingagent"] .pain{background:var(--white);}
[data-static-product="codingagent"] .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="codingagent"] .pain-card{background:var(--white);border:1px solid var(--g100);border-radius:14px;padding:32px 28px 36px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="codingagent"] .pain-card .ph-sq{margin-bottom:32px;}
[data-static-product="codingagent"] .pain-card h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="codingagent"] .pain-card p{font-size:16px;color:var(--g500);line-height:1.45;}
[data-static-product="codingagent"] .pain-arrow{display:flex;align-items:center;justify-content:center;padding:4px 0;font-size:20px;color:var(--g300);}

/* FEATURES */
[data-static-product="codingagent"] .features{background:var(--white);}
[data-static-product="codingagent"] .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
[data-static-product="codingagent"] .feat-card{background:var(--white);border:1px solid var(--g100);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="codingagent"] .feat-img{height:320px;}
[data-static-product="codingagent"] .feat-body{padding:24px 28px 30px;}
[data-static-product="codingagent"] .feat-body h4{font-size:24px;font-weight:600;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="codingagent"] .feat-body p{font-size:16px;color:var(--g500);line-height:1.45;}

/* CAPABILITIES (key features list) */
[data-static-product="codingagent"] .caps{background:var(--white);}
[data-static-product="codingagent"] .caps-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
[data-static-product="codingagent"] .cap-card{background:var(--g50);border:1px solid var(--g100);border-radius:12px;padding:28px 24px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="codingagent"] .cap-card h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:12px;line-height:1.45;}
[data-static-product="codingagent"] .cap-card p{font-size:16px;color:var(--g500);line-height:1.45;}



/* PR AUTO REVIEW */
[data-static-product="codingagent"] .pr-review{background:var(--white);}
[data-static-product="codingagent"] .pr-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
[data-static-product="codingagent"] .pr-main-card{grid-column:1 / -1;background:var(--white);border:1px solid var(--g100);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="codingagent"] .pr-main-img{min-height:500px;background:var(--g150);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden;padding:36px 28px;}
[data-static-product="codingagent"] .pr-main-body{padding:32px 36px 36px;}
[data-static-product="codingagent"] .pr-main-body h4{font-size:24px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="codingagent"] .pr-main-body p{font-size:15px;color:var(--g500);line-height:1.45;max-width:820px;}
[data-static-product="codingagent"] .pr-card{background:var(--g50);border:1px solid var(--g100);border-radius:12px;padding:28px 24px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="codingagent"] .pr-card h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:12px;line-height:1.45;}
[data-static-product="codingagent"] .pr-card p{font-size:16px;color:var(--g500);line-height:1.45;}
[data-static-product="codingagent"] .pr-example-note{width:min(1120px,100%);font-size:15px;font-weight:600;color:var(--g700);line-height:1.45;}
[data-static-product="codingagent"] .pr-example-note.top{margin-bottom:2px;}
[data-static-product="codingagent"] .pr-example-note.bottom{margin-top:2px;color:var(--g500);font-weight:500;}

/* PR REVIEW MOCKUP */
[data-static-product="codingagent"] .pr-review-mockup{width:min(1120px,100%);background:#111315;border:1px solid #34383d;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.22);overflow:hidden;color:#E8EAED;font-family:var(--font);text-align:left;}
[data-static-product="codingagent"] .pr-mock-path{display:block;padding:16px 30px;border-bottom:1px solid #2D3136;font-size:16px;color:#E8EAED;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
[data-static-product="codingagent"] .pr-mock-path:hover{text-decoration:underline;}
[data-static-product="codingagent"] .pr-mock-body{padding:28px 32px 32px;}
[data-static-product="codingagent"] .pr-thread{display:flex;flex-direction:column;gap:16px;min-width:0;}
[data-static-product="codingagent"] .pr-thread-item{background:#151719;border:1px solid #30343A;border-radius:8px;overflow:hidden;min-width:0;}
[data-static-product="codingagent"] .pr-thread-item.ai{border-color:#3B455F;background:#141821;}
[data-static-product="codingagent"] .pr-thread-head{display:flex;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid #2B3036;}
[data-static-product="codingagent"] .pr-thread-author{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#F1F3F4;}
[data-static-product="codingagent"] .pr-avatar{width:24px;height:24px;border-radius:50%;background:#2F3338;color:#DDE1E6;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;}
[data-static-product="codingagent"] .pr-avatar.ai{border-radius:6px;background:linear-gradient(135deg,#EFF3FF,#5F74D9);color:#182033;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);}
[data-static-product="codingagent"] .pr-avatar.ai::before{content:'';position:absolute;left:6px;top:-5px;width:12px;height:7px;background:#DDE5FF;clip-path:polygon(50% 0,100% 100%,0 100%);}
[data-static-product="codingagent"] .pr-thread-time{color:#9AA0A6;font-weight:400;}
[data-static-product="codingagent"] .pr-thread-content{padding:18px 22px 20px;}
[data-static-product="codingagent"] .pr-thread-title{font-size:15px;font-weight:800;color:#FFFFFF;margin-bottom:8px;}
[data-static-product="codingagent"] .pr-thread-text{font-size:15px;line-height:1.7;color:#EEF1F5;max-width:980px;word-break:keep-all;overflow-wrap:anywhere;}
[data-static-product="codingagent"] .pr-thread-text .warn{display:inline-block;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#FDE68A,#B7791F);vertical-align:-2px;margin-right:7px;}
[data-static-product="codingagent"] .pr-thread-text strong{font-weight:800;color:#FFFFFF;}
[data-static-product="codingagent"] .pr-mock-code{background:#242628;border-radius:5px;padding:16px 20px;font-family:'Courier New',monospace;font-size:15px;line-height:1.6;color:#F5F7FA;margin:14px 0 12px;overflow:auto;}
[data-static-product="codingagent"] .pr-mock-meta{font-size:15px;color:#AEB4BC;margin-top:10px;}

/* AUDIT HIGHLIGHT */
[data-static-product="codingagent"] .audit{background:var(--white);}
[data-static-product="codingagent"] .audit-inner{max-width:none;}

[data-static-product="codingagent"] .audit-title{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;letter-spacing:-.5px;margin-bottom:16px;}
[data-static-product="codingagent"] .audit-sub{font-size:18px;color:var(--g500);line-height:1.45;margin-bottom:56px;max-width:1200px;}
[data-static-product="codingagent"] .audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="codingagent"] .audit-card{background:var(--g50);border:1px solid var(--g100);border-radius:12px;padding:28px 24px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="codingagent"] .audit-card h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="codingagent"] .audit-card p{font-size:16px;color:var(--g500);line-height:1.45;}
[data-static-product="codingagent"] .audit-log{background:var(--black);border:1px solid var(--g800);border-radius:10px;padding:24px;margin-top:40px;font-family:'Courier New',monospace;}
[data-static-product="codingagent"] .log-header{font-size:12px;color:rgba(255,255,255,.35);margin-bottom:16px;letter-spacing:.5px;}
[data-static-product="codingagent"] .log-line{font-size:15px;line-height:1.8;}
[data-static-product="codingagent"] .log-ts{color:rgba(255,255,255,.3);}
[data-static-product="codingagent"] .log-user{color:rgba(255,255,255,.6);font-weight:600;}
[data-static-product="codingagent"] .log-cmd{color:rgba(255,255,255,.85);}
[data-static-product="codingagent"] .log-status{color:rgba(255,255,255,.4);}
[data-static-product="codingagent"] .log-ok{color:#6EE7B7;}
[data-static-product="codingagent"] .log-warn{color:#FCD34D;}

/* DIFF (why ivy) */
[data-static-product="codingagent"] .diff{background:var(--white);}
[data-static-product="codingagent"] .diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="codingagent"] .diff-card{background:var(--g50);border:1px solid var(--g100);border-radius:14px;padding:32px 24px 36px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="codingagent"] .diff-card .ph-sq{margin-bottom:28px;}
[data-static-product="codingagent"] .diff-card h4{font-size:16px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="codingagent"] .diff-card p{font-size:16px;color:var(--g500);line-height:1.45;}


/* MARKET */
[data-static-product="codingagent"] .market{background:var(--white);}
[data-static-product="codingagent"] .market-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--g100);border-radius:12px;overflow:hidden;margin-bottom:32px;}
[data-static-product="codingagent"] .ms-item{padding:36px 32px;text-align:center;border-right:1px solid var(--g100);}
[data-static-product="codingagent"] .ms-item:last-child{border-right:none;}
[data-static-product="codingagent"] .ms-num{font-size:44px;font-weight:800;color:var(--black);line-height:1.45;letter-spacing:-2px;margin-bottom:10px;}
[data-static-product="codingagent"] .ms-num span{font-size:24px;font-weight:600;color:var(--g500);}
[data-static-product="codingagent"] .ms-lbl{font-size:16px;color:var(--g500);line-height:1.45;}
[data-static-product="codingagent"] .market-context{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
[data-static-product="codingagent"] .mc-col{background:var(--white);border:1px solid var(--g100);border-radius:10px;padding:28px 24px;}
[data-static-product="codingagent"] .mc-col h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:12px;line-height:1.45;}
[data-static-product="codingagent"] .mc-col p{font-size:16px;color:var(--g500);line-height:1.45;}

/* COMPARE */
[data-static-product="codingagent"] .compare{background:var(--white);}
[data-static-product="codingagent"] .compare .sec-title{margin-bottom:8px;}
[data-static-product="codingagent"] .compare-sub{font-size:18px;color:var(--g500);line-height:1.45;margin-bottom:40px;}
[data-static-product="codingagent"] .cmp-wrap{border:1px solid var(--g100);border-radius:12px;overflow:hidden;}
[data-static-product="codingagent"] .cmp-table{width:100%;border-collapse:collapse;}
[data-static-product="codingagent"] .cmp-table th{padding:14px 20px;font-size:15px;font-weight:600;text-align:center;background:var(--g50);border-bottom:1px solid var(--g100);color:var(--g500);}
[data-static-product="codingagent"] .cmp-table th:first-child{text-align:left;}
[data-static-product="codingagent"] .cmp-table th.hl{background:rgba(0,0,0,0.14);color:var(--black);}
[data-static-product="codingagent"] .cmp-table td{padding:14px 20px;font-size:15px;color:var(--g600);border-bottom:1px solid var(--g100);text-align:center;line-height:1.45;}
[data-static-product="codingagent"] .cmp-table td:first-child{text-align:left;font-weight:600;color:var(--black);}
[data-static-product="codingagent"] .cmp-table tr:last-child td{border-bottom:none;}
[data-static-product="codingagent"] .cmp-table td.hl{background:rgba(0,0,0,0.08);color:var(--black);font-weight:600;}

/* FAQ */
[data-static-product="codingagent"] .faq{background:var(--white);}
[data-static-product="codingagent"] .faq-list{margin-top:0;}
[data-static-product="codingagent"] .faq-item{border-bottom:1px solid var(--g100);}
[data-static-product="codingagent"] .faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;gap:20px;}
[data-static-product="codingagent"] .faq-q h4{font-size:20px;font-weight:600;color:var(--black);line-height:1.45;}
[data-static-product="codingagent"] .faq-plus{font-size:24px;font-weight:300;color:var(--black);flex-shrink:0;transition:transform .2s;line-height:1;}
[data-static-product="codingagent"] .faq-item.open .faq-plus{transform:rotate(45deg);}
[data-static-product="codingagent"] .faq-a{display:none;padding:0 0 22px;font-size:18px;color:var(--g500);line-height:1.45;}
[data-static-product="codingagent"] .faq-item.open .faq-a{display:block;}

/* CTA */
[data-static-product="codingagent"] .cta-sec{background:var(--white);padding:80px 0;}
[data-static-product="codingagent"] .cta-box{position:relative;overflow:hidden;background-image:url('/media/products/coding-agent/cta-coding.png');background-size:100% 100%;background-position:center;min-height:200px;max-width:1200px;margin:0 auto;background-color: var(--g50);border-radius:14px;padding:80px;text-align:center;}
[data-static-product="codingagent"] .cta-box h2{font-size:32px;font-weight:700;color:var(--black);margin-bottom:28px;line-height:1.4;}
[data-static-product="codingagent"] .btn-cta{background:var(--black);color:var(--white);border:none;padding:15px 44px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="codingagent"] .btn-cta:hover{background:var(--g700);transform:translateY(-1px);}

@media(max-width:900px){
  [data-static-product="codingagent"] .pr-review-grid{grid-template-columns:1fr;}
  [data-static-product="codingagent"] .pr-main-img{height:auto;min: height 360px;;padding:24px 12px;overflow:visible;}
  [data-static-product="codingagent"] .pr-review-mockup{width:100%;max-width:100%;overflow:hidden;}
  [data-static-product="codingagent"] .pr-mock-path{padding:12px 16px;font-size:12px;}
  [data-static-product="codingagent"] .pr-mock-body{padding:18px 16px;}
  [data-static-product="codingagent"] .pr-thread-head{align-items:flex-start;padding:12px 14px;}
  [data-static-product="codingagent"] .pr-thread-author{min-width:0;flex-wrap:wrap;gap:7px;}
  [data-static-product="codingagent"] .pr-thread-content{padding:15px 14px 17px;}
  [data-static-product="codingagent"] .pr-thread-text{font-size:13px;}
  [data-static-product="codingagent"] .pr-mock-code{font-size:12px;padding:12px 14px;white-space:pre-wrap;word-break:break-word;}
  [data-static-product="codingagent"] .pr-mock-meta{font-size:12px;line-height:1.5;}
  [data-static-product="codingagent"] .pain-grid,[data-static-product="codingagent"] .feat-grid,[data-static-product="codingagent"] .diff-grid,[data-static-product="codingagent"] .audit-grid,[data-static-product="codingagent"] .pr-review-grid{grid-template-columns:1fr;}
  [data-static-product="codingagent"] .caps-card-grid{grid-template-columns:1fr;}[data-static-product="codingagent"] .market-stats{grid-template-columns:1fr;}[data-static-product="codingagent"] .market-context{grid-template-columns:1fr;}
  [data-static-product="codingagent"] .pr-main-card{grid-column:auto;}
  [data-static-product="codingagent"] .pr-main-img{height:auto;min-height:320px;}
  [data-static-product="codingagent"] .cap-item{border-right:1px solid var(--g100) !important;border-radius:0 !important;}
  [data-static-product="codingagent"] .cap-item:first-child{border-radius:10px 10px 0 0 !important;}
  [data-static-product="codingagent"] .cap-item:last-child{border-radius:0 0 10px 10px !important;border-top:none !important;}
  [data-static-product="codingagent"] .cta-box{padding:40px 24px;}}


/* 제품 브랜드 색 아이콘 (SVG를 마스크로 써서 색을 입힌다) */
/* file:// 에서 mask-image 가 막히므로 background-image 로 그린다.
   색은 SVG 파일 자체에 브랜드 색으로 칠해 두었다. */
[data-static-product="codingagent"] .ico{display:block;background-image:var(--ic);background-repeat:no-repeat;background-position:center;background-size:contain;}

/* 컨테이너 폭은 원본 .container 규칙(assets/clevi-header.css)을 그대로 쓴다.
   마크업에 container 클래스를 함께 붙였고, 섹션의 좌우 5% 패딩은 제거했다. */


/* 컨테이너 1280px + 좌우 패딩 24px 기준: CTA 박스는 본문 콘텐츠 폭(1232px)에 맞추고
   자체 안쪽 여백(80px)은 그대로 둔다. (.container 의 padding-inline 을 이기려면 특정도가 필요) */
[data-static-product="codingagent"] .container.cta-box{width:min(100% - 48px, 1232px);max-width:none;padding:80px;}
@media(max-width:900px){[data-static-product="codingagent"] .container.cta-box{padding:40px 24px;}}



[data-static-product="lens"]{--brand:#2D6658;--brand-soft:#DCECE8;
  --black:#111111;
  --g800:#2A2A2A;
  --g700:#3D3D3D;
  --g600:#525252;
  --g500:#6B6B6B;
  --g400:#909090;
  --g300:#B5B5B5;
  --g200:#D8D8D8;
  --g150:#E4E4E4;
  --g100:#E6E6E6;
  --g75:#F0F0F0;
  --g50:#FAFAFA;
  --white:#FFFFFF;
  --font:"Product Pretendard",-apple-system,sans-serif;
  --r:10px;
}
[data-static-product="lens"] *,[data-static-product="lens"] *::before,[data-static-product="lens"] *::after{box-sizing:border-box;margin:0;padding:0;}
[data-static-product="lens"]{scroll-behavior:smooth;}
[data-static-product="lens"]{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45;}

/* ── 공통 ── */
[data-static-product="lens"] .sec{padding:100px 0;}
[data-static-product="lens"] .inner{max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="lens"] .sec-title{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
/* 이미지 플레이스홀더 */
[data-static-product="lens"] .ph-sq{width:52px;height:52px;background:var(--brand-soft);border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}[data-static-product="lens"] .ph-sq .ico{width:26px;height:26px;display:block;}
[data-static-product="lens"] .ph-circle{width:80px;height:80px;background:var(--brand-soft);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;}[data-static-product="lens"] .ph-circle .ico{width:34px;height:34px;display:block;}
[data-static-product="lens"] .ph-large{border-radius:10px 10px 0 0;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:var(--g100);}
[data-static-product="lens"] .ph-large-label{display:none;}
[data-static-product="lens"] .ph-img-icon{position:absolute;bottom:12px;right:12px;opacity:.3;}

/* ── HERO ── */
[data-static-product="lens"] .hero{
  position:relative;
  padding:240px 0 100px;
  overflow:hidden;
  background:url('/media/products/lens/hero-gradient.png') center center / 100% 100% no-repeat;
}
[data-static-product="lens"] .hero::after{
  content:'';
  position:absolute;
  inset:0;
  opacity:0.7;
  pointer-events:none;
  z-index:1;
}
[data-static-product="lens"] .hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="lens"] .hero h1{font-size:60px;font-weight:700;color:var(--black);line-height:1.40;margin-bottom:20px;max-width:1200px;}
[data-static-product="lens"] .hero-sub{font-size:20px;color:rgba(0,0,0,0.75);line-height:1.45;margin-bottom:56px;max-width:700px;}
[data-static-product="lens"] .hero-btns{display:flex;gap:12px;align-items:center;margin-bottom:60px;}
[data-static-product="lens"] .btn-primary{background:#1A1A1A;color:var(--white);border:none;padding:14px 32px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="lens"] .btn-primary:hover{background:#1A1A1A;transform:translateY(-1px);}
[data-static-product="lens"] .btn-ghost{background:transparent;color:var(--g500);border:1px solid var(--g300);padding:13px 24px;border-radius:8px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="lens"] .btn-ghost:hover{border-color:var(--g600);color:var(--black);}
[data-static-product="lens"] .demo-sec{padding:100px 0;}
[data-static-product="lens"] .product-overview{margin-bottom:48px;}
[data-static-product="lens"] .product-overview h3{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;letter-spacing:-.5px;margin-bottom:20px;}
[data-static-product="lens"] .product-overview p{font-size:18px;color:var(--g500);line-height:1.45;}
[data-static-product="lens"] .hero-demo{
  border-radius:14px;
  height:560px;
  background:url('/media/products/lens/lens-product.png') center center / cover no-repeat;
  background-color:var(--g100);
  border:1px solid var(--g200);
  overflow:hidden;
}

/* ── PAIN ── */
[data-static-product="lens"] .pain{background:var(--white);}
[data-static-product="lens"] .pain .sec-title{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
[data-static-product="lens"] .pain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
[data-static-product="lens"] .pain-card{background:var(--g50);border:1px solid var(--g100);border-radius:14px;padding:32px 28px 36px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="lens"] .pain-card .ph-sq{margin-bottom:40px;}
[data-static-product="lens"] .pain-card h4{font-size:18px;font-weight:700;color:var(--black);margin-bottom:10px;}
[data-static-product="lens"] .pain-card p{font-size:16px;color:var(--g700);line-height:1.4;}

/* ── WHY ── */
[data-static-product="lens"] .why{background:var(--white);}
[data-static-product="lens"] .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
[data-static-product="lens"] .why-card{background:var(--white);border:1px solid var(--g100);border-radius:14px;padding:28px 24px 32px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);}
[data-static-product="lens"] .why-card .ph-sq{margin-bottom:36px;}
[data-static-product="lens"] .why-card h4{font-size:18px;font-weight:700;color:var(--black);line-height:1.5;margin-bottom:12px;}
[data-static-product="lens"] .why-card p{font-size:16px;color:var(--g500);line-height:1.8;}

/* ── FEATURES ── */
[data-static-product="lens"] .features{background:var(--white);}
[data-static-product="lens"] .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
[data-static-product="lens"] .feat-card{background:var(--white);border:1px solid var(--g100);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);}
[data-static-product="lens"] .feat-img{height:320px;}
[data-static-product="lens"] .feat-body{padding:24px 28px 30px;}
[data-static-product="lens"] .feat-body h4{font-size:22px;font-weight:700;color:var(--black);margin-bottom:10px;line-height:1.45;}
[data-static-product="lens"] .feat-body p{font-size:16px;color:var(--g500);line-height:1.45;}

/* ── COMPARE ── */
[data-static-product="lens"] .compare{background:var(--white);}
[data-static-product="lens"] .compare .sec-title{font-size:36px;font-weight:700;color:var(--black);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
[data-static-product="lens"] .compare-sub{font-size:15px;color:var(--g500);line-height:1.45;margin-bottom:40px;}
[data-static-product="lens"] .cmp-wrap{border:1px solid var(--g100);border-radius:12px;overflow:hidden;}
[data-static-product="lens"] .cmp-table{width:100%;border-collapse:collapse;}
[data-static-product="lens"] .cmp-table th{padding:14px 20px;font-size:15px;font-weight:600;text-align:center;background:var(--g50);border-bottom:1px solid var(--g100);color:var(--g500);letter-spacing:.2px;}
[data-static-product="lens"] .cmp-table th:first-child{text-align:left;}
[data-static-product="lens"] .cmp-table th.hl{background:rgba(85,155,137,.2);;color:var(--black);}
[data-static-product="lens"] .cmp-table td{padding:14px 20px;font-size:14px;color:var(--g700);border-bottom:1px solid var(--g100);text-align:center;line-height:1.5;}
[data-static-product="lens"] .cmp-table td:first-child{text-align:left;font-weight:600;color:var(--black);}
[data-static-product="lens"] .cmp-table tr:last-child td{border-bottom:none;}
[data-static-product="lens"] .cmp-table td.hl{background:rgba(85,155,137,.05);font-weight:600;color:var(--black);}

/* ── USE CASES ── */
[data-static-product="lens"] .usecases{background:var(--white);}
/* 업종 사례 - 좌우로 흐르는 마퀴 2줄(위: 정방향, 아래: 역방향). 원본 clevi.ai 구성과 동일.
   ul 하나에 카드 세트를 두 번 넣고 -50% 만큼 옮겨 이음매 없이 반복한다.
   ul 좌우 패딩(8px)x2 = 카드 간격(16px) 이어야 반복 지점 간격이 어긋나지 않는다. */
[data-static-product="lens"] .uc-marquee-set{display:grid;gap:28px;}
/* overflow:hidden 이 카드 그림자의 위아래를 잘라 네모 상자에 갇힌 것처럼 보였다.
   패딩으로 그림자가 번질 자리를 만들고, 같은 크기의 음수 마진으로 레이아웃 간격은 그대로 둔다. */
[data-static-product="lens"] .uc-marquee{overflow:hidden;margin-inline:-24px;padding-block:16px;margin-block:-16px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
[data-static-product="lens"] .uc-track{display:flex;width:max-content;
  animation:lens-ucMarquee var(--uc-dur,30s) linear var(--uc-delay,0s) infinite;}
[data-static-product="lens"] .uc-marquee[data-direction="reverse"] .uc-track{animation-direction:reverse;}
[data-static-product="lens"] .uc-marquee:hover .uc-track{animation-play-state:paused;}
[data-static-product="lens"] .uc-track ul{display:flex;gap:16px;margin:0;padding:0 8px;list-style:none;}
[data-static-product="lens"] .uc-track li{width:320px;flex:none;display:flex;}
@keyframes lens-ucMarquee{to{transform:translateX(-50%);}}
/* 마퀴 안에서는 스크롤 등장 모션(.reveal)을 끈다 - 카드가 흘러들어올 때 깜빡인다 */
[data-static-product="lens"] .uc-track .uc-item.reveal{opacity:1;transform:none;}
[data-static-product="lens"] .uc-item{background:var(--white);border:1px solid var(--g150);border-radius:14px;padding:36px 20px 32px;text-align:center;width:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.05), 0 4px 10px rgba(0,0,0,.09);}
@media (prefers-reduced-motion: reduce){
  [data-static-product="lens"] .uc-track{animation:none;}
  [data-static-product="lens"] .uc-marquee{overflow-x:auto;margin-inline:0;-webkit-mask-image:none;mask-image:none;}
  [data-static-product="lens"] .uc-track li[aria-hidden="true"]{display:none;}
}
[data-static-product="lens"] .uc-item h5{font-size:17px;font-weight:700;color:var(--black);margin-bottom:10px;}
[data-static-product="lens"] .uc-item p{font-size:14px;color:var(--g600);line-height:1.4;}

/* ── FAQ ── */
[data-static-product="lens"] .faq{background:var(--white);}
[data-static-product="lens"] .faq-list{margin-top:0;}
[data-static-product="lens"] .faq-item{border-bottom:1px solid var(--g100);}
[data-static-product="lens"] .faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;gap:20px;}
[data-static-product="lens"] .faq-q h4{font-size:20px;font-weight:600;color:var(--black);line-height:1.45;}
[data-static-product="lens"] .faq-plus{font-size:24px;font-weight:300;color:var(--black);flex-shrink:0;line-height:1;transition:transform .2s;}
[data-static-product="lens"] .faq-item.open .faq-plus{transform:rotate(45deg);}
[data-static-product="lens"] .faq-a{display:none;padding:0 0 22px;font-size:18px;color:var(--g500);line-height:1.45;}
[data-static-product="lens"] .faq-item.open .faq-a{display:block;padding:0 0 22px;font-size:18px;color:var(--g500);line-height:1.45;}

/* ── CTA ── */
[data-static-product="lens"] .cta-sec{background:var(--white);padding:80px 0;}
[data-static-product="lens"] .cta-box{position:relative;overflow:hidden;background-image:url('/media/products/lens/cta-lens.png');background-size:100% 100%;background-position:center;min-height:200px;max-width:1200px;margin:0 auto;background-color: var(--g50);border-radius:14px;padding:80px;text-align:center;}
[data-static-product="lens"] .cta-box h2{font-size:32px;font-weight:700;color:var(--black);margin-bottom:28px;line-height:1.4;}
[data-static-product="lens"] .btn-cta{background:var(--black);color:var(--white);border:none;padding:15px 44px;border-radius:8px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="lens"] .btn-cta:hover{background:var(--g700);transform:translateY(-1px);}

@media(max-width:900px){
  [data-static-product="lens"] .pain-cards,[data-static-product="lens"] .feat-grid{grid-template-columns:1fr;}
  [data-static-product="lens"] .why-grid{grid-template-columns:1fr 1fr;}
  [data-static-product="lens"] .uc-track li{width:min(280px,72vw);}
  [data-static-product="lens"] .cta-box{padding:40px 24px;}}
/* 제품 브랜드 색 아이콘 (SVG를 마스크로 써서 색을 입힌다) */
/* file:// 에서 mask-image 가 막히므로 background-image 로 그린다.
   색은 SVG 파일 자체에 브랜드 색으로 칠해 두었다. */
[data-static-product="lens"] .ico{display:block;background-image:var(--ic);background-repeat:no-repeat;background-position:center;background-size:contain;}

/* 컨테이너 폭은 원본 .container 규칙(assets/clevi-header.css)을 그대로 쓴다.
   마크업에 container 클래스를 함께 붙였고, 섹션의 좌우 5% 패딩은 제거했다. */

/* 컨테이너 1280px + 좌우 패딩 24px 기준: CTA 박스는 본문 콘텐츠 폭(1232px)에 맞추고
   자체 안쪽 여백(80px)은 그대로 둔다. (.container 의 padding-inline 을 이기려면 특정도가 필요) */
[data-static-product="lens"] .container.cta-box{width:min(100% - 48px, 1232px);max-width:none;padding:80px;}
@media(max-width:900px){[data-static-product="lens"] .container.cta-box{padding:40px 24px;}}



[data-static-product="monicare"] {--brand:#E18223;--brand-soft:#FFF1CF;
  --navy: #111111;
  --navy-mid: #1A1A1A;
  --blue: #111111;
  --blue-soft: #F0F0F0;
  --blue-mid: #444444;
  --teal: #555555;
  --teal-soft: #F0F0F0;
  --warn: #333333;
  --warn-soft: #F5F5F5;
  --g900: #111827;
  --g700: #374151;
  --g500: #6B7280;
  --g300: #D1D5DB;
  --g100:#E6E6E6;
  --g50:#FAFAFA;
  --white: #FFFFFF;
  --font-kr: "Product Pretendard", 'Noto Sans KR', sans-serif;
  --font-en: "Product Pretendard", 'DM Sans', sans-serif;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
}
[data-static-product="monicare"] *,[data-static-product="monicare"] *::before,[data-static-product="monicare"] *::after{box-sizing:border-box;margin:0;padding:0;}
[data-static-product="monicare"]{scroll-behavior:smooth;}
[data-static-product="monicare"]{font-family:var(--font-kr);color:var(--g900);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;font-size:16px;}

/* =====  ===== */
[data-static-product="monicare"] .hero{
  position:relative;
  padding:240px 0 100px;
  overflow:hidden;
  background:url('/media/products/monicare/hero-gradient.png') center center / 100% 100% no-repeat;
}
[data-static-product="monicare"] .hero::before{}
[data-static-product="monicare"] .hero::after{
  content:'';
  position:absolute;
  inset:0;
    opacity:0.7;
  pointer-events:none;
  z-index:1;
}
[data-static-product="monicare"] .hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="monicare"] .hero-left{}
[data-static-product="monicare"] .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(26,110,255,0.15);border:1px solid rgba(26,110,255,0.3);padding:5px 14px;border-radius:20px;margin-bottom:28px;}
[data-static-product="monicare"] .hero-eyebrow span{font-size:12px;color:#7AAFFF;font-weight:600;letter-spacing:.5px;font-family:var(--font-en);}
[data-static-product="monicare"] .hero h1{font-size:60px;font-weight:700;color:var(--g900);line-height:1.40;margin-bottom:20px;max-width:1200px;}
[data-static-product="monicare"] .hero h1 em{color:var(--g900);font-style:normal;}
[data-static-product="monicare"] .hero-sub{font-size:20px;color:rgba(0,0,0,0.75);line-height:1.45;margin-bottom:56px;max-width:1200px;}
[data-static-product="monicare"] .hero-sub strong{color:var(--g900);font-weight:600;}
[data-static-product="monicare"] .hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:32px;}
[data-static-product="monicare"] .btn-hero-primary{background:var(--g900);color:var(--white);border:none;padding:14px 32px;border-radius:var(--r-sm);font-family:var(--font-kr);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="monicare"] .btn-hero-primary:hover{background:var(--g700);transform:translateY(-1px);}
[data-static-product="monicare"] .btn-hero-ghost{background:#FAFAFA;border:1px solid var(--g300);padding:13px 24px;border-radius:var(--r-sm);font-family:var(--font-kr);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="monicare"] .btn-hero-ghost:hover{border-color:rgba(255,255,255,0.4);color:var(--white);}
[data-static-product="monicare"] .hero-trust{display:flex;gap:20px;flex-wrap:wrap;}
[data-static-product="monicare"] .trust-pill{display:flex;align-items:center;gap:6px;font-size:15px;color:rgba(255,255,255,0.55);font-weight:400;}
[data-static-product="monicare"] .trust-dot{width:5px;height:5px;border-radius:50%;background:var(--g400);}

/*  RIGHT — 알림 카드 애니메이션 */
[data-static-product="monicare"] .hero-right{position:relative;}
[data-static-product="monicare"] .alert-demo{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r-xl);padding:28px;backdrop-filter:blur(12px);}
[data-static-product="monicare"] .alert-demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
[data-static-product="monicare"] .alert-demo-title{font-family:var(--font-en);font-size:15px;font-weight:600;color:rgba(255,255,255,0.5);letter-spacing:.5px;}
[data-static-product="monicare"] .live-badge{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--g500);font-weight:600;}
[data-static-product="monicare"] .live-dot{width:6px;height:6px;border-radius:50%;background:var(--g400);animation:monicare-pulse 1.4s ease-in-out infinite;}
@keyframes monicare-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.8);}}
[data-static-product="monicare"] .alert-card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,107,53,0.5);border-radius:var(--r-md);padding:16px;margin-bottom:12px;animation:monicare-slideIn .6s ease both;}
@keyframes monicare-slideIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
[data-static-product="monicare"] .alert-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
[data-static-product="monicare"] .alert-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,107,53,0.2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
[data-static-product="monicare"] .alert-info h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px;}
[data-static-product="monicare"] .alert-info p{font-size:12px;color:rgba(255,255,255,.45);}
[data-static-product="monicare"] .alert-tag{display:inline-block;background:rgba(255,107,53,0.25);color:#FFAA80;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.3px;margin-bottom:8px;}
[data-static-product="monicare"] .alert-time-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px;}
[data-static-product="monicare"] .atr{background:rgba(255,255,255,0.06);border-radius:6px;padding:8px;text-align:center;}
[data-static-product="monicare"] .atr-val{font-family:var(--font-en);font-size:15px;font-weight:700;color:var(--white);}
[data-static-product="monicare"] .atr-lbl{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px;}
[data-static-product="monicare"] .notify-list{display:flex;flex-direction:column;gap:8px;}
[data-static-product="monicare"] .notify-item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--r-sm);padding:10px 12px;animation:monicare-slideIn .5s ease both;}
[data-static-product="monicare"] .notify-item:nth-child(1){animation-delay:.3s;}
[data-static-product="monicare"] .notify-item:nth-child(2){animation-delay:.6s;}
[data-static-product="monicare"] .notify-item:nth-child(3){animation-delay:.9s;}
[data-static-product="monicare"] .notify-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
[data-static-product="monicare"] .ni-mobile{background:rgba(26,110,255,0.2);color:#7AAFFF;}
[data-static-product="monicare"] .ni-web{background:rgba(0,194,160,0.15);color:#4DDEC4;}
[data-static-product="monicare"] .ni-led{background:rgba(255,200,0,0.12);color:#FFD066;}
[data-static-product="monicare"] .notify-text p{font-size:12px;color:rgba(255,255,255,.6);line-height:1.4;}
[data-static-product="monicare"] .notify-text strong{color:var(--white);font-weight:600;}
[data-static-product="monicare"] .notify-check{margin-left:auto;font-size:11px;font-weight:700;color:var(--teal);}

/* =====  BAR ===== */
[data-static-product="monicare"] .stats-bar{background:var(--white);padding:0 0 64px;}
[data-static-product="monicare"] .stats-inner{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid var(--g100);
  border-radius:14px;
  overflow:hidden;
  background:var(--white);
  box-shadow:0 1px 6px rgba(0,0,0,.06);
}
[data-static-product="monicare"] .stat-item{text-align:left;padding:36px 40px;border-right:1px solid var(--g100);}
[data-static-product="monicare"] .stat-item:last-child{border-right:none;}
[data-static-product="monicare"] .stat-num{font-size:44px;font-weight:800;color:var(--g900);line-height:1;margin-bottom:10px;letter-spacing:-2px;}
[data-static-product="monicare"] .stat-num em{color:var(--g900);font-style:normal;font-size:40px;}
[data-static-product="monicare"] .stat-num span{font-size:40px;font-weight:800;color:var(--g900);}
[data-static-product="monicare"] .stat-lbl{font-size:14px;color:var(--g500);line-height:1.5;}

/* ===== SECTIONS COMMON ===== */
[data-static-product="monicare"] section{padding:100px 0;}
[data-static-product="monicare"] .inner{max-width:1280px;margin:0 auto;padding:0 24px;}
[data-static-product="monicare"] .sec-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
[data-static-product="monicare"] .sec-label-bar{width:28px;height:3px;background:var(--blue);border-radius:2px;}
[data-static-product="monicare"] .sec-label span{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:1.5px;font-family:var(--font-en);}
[data-static-product="monicare"] .sec-title{font-size:36px;font-weight:700;color:var(--g900);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
[data-static-product="monicare"] .sec-sub{font-size:16px;color:var(--g500);line-height:1.8;max-width:600px;font-weight:400;}

/* ===== PAIN SECTION ===== */
[data-static-product="monicare"] .pain{background:var(--white);}
[data-static-product="monicare"] .pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;}
[data-static-product="monicare"] .pain-card{background:var(--g50);border:1px solid var(--g100);border-radius:14px;padding:32px 28px 36px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
[data-static-product="monicare"] .pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:0px;}

[data-static-product="monicare"] .pain-num{font-family:var(--font-en);font-size:15px;font-weight:700;color:var(--g500);letter-spacing:.5px;margin-bottom:12px;}
[data-static-product="monicare"] .pain-card.urgent .pain-num{color:var(--g500);}
[data-static-product="monicare"] .pain-card.risk .pain-num{color:var(--g500);}
[data-static-product="monicare"] .pain-card h3{font-size:18px;font-weight:700;color:var(--g900);margin-bottom:10px;line-height:1.4;}
[data-static-product="monicare"] .pain-card p{font-size:14px;color:var(--g500);line-height:1.7;}
[data-static-product="monicare"] .pain-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:24px;}
[data-static-product="monicare"] .ps{padding:16px;background:var(--white);border:1px solid var(--g300);border-radius:var(--r-sm);}
[data-static-product="monicare"] .ps:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm);border-right:none;}
[data-static-product="monicare"] .ps:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0;}
[data-static-product="monicare"] .ps-num{font-family:var(--font-en);font-size:24px;font-weight:700;color:var(--g900);line-height:1;}
[data-static-product="monicare"] .ps-num em{color:var(--g900);font-style:normal;}
[data-static-product="monicare"] .ps-lbl{font-size:12px;color:var(--g500);margin-top:4px;line-height:1.4;}
[data-static-product="monicare"] .market-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
[data-static-product="monicare"] .mn{background:var(--white);border:1px solid var(--g300);border-radius:var(--r-md);padding:20px;}
[data-static-product="monicare"] .mn-big{font-family:var(--font-en);font-size:30px;font-weight:800;color:var(--g900);line-height:1;margin-bottom:6px;letter-spacing:-1px;}
[data-static-product="monicare"] .mn-big em{color:var(--g900);font-style:normal;}
[data-static-product="monicare"] .mn p{font-size:15px;color:var(--g500);line-height:1.6;}

/* =====  — 알림 흐름 ===== */
[data-static-product="monicare"] .how{background:var(--white);}

[data-static-product="monicare"] .how .sec-title{font-size:36px;font-weight:700;color:var(--g900);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
[data-static-product="monicare"] .how .sec-sub{color:var(--g500);}

[data-static-product="monicare"] .flow-wrapper{margin-top:56px;}
[data-static-product="monicare"] .flow-incident{background:var(--g50);border:1px solid var(--g300);border-radius:var(--r-xl);padding:28px;margin-bottom:32px;display:flex;align-items:center;gap:24px;}
[data-static-product="monicare"] .fi-icon{width:56px;height:56px;border-radius:14px;background:var(--g200);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
[data-static-product="monicare"] .fi-text h3{font-size:18px;font-weight:700;color:var(--g900);margin-bottom:4px;}
[data-static-product="monicare"] .fi-text p{font-size:14px;color:var(--g500);}
[data-static-product="monicare"] .fi-time{margin-left:auto;text-align:right;flex-shrink:0;}
[data-static-product="monicare"] .fi-time-num{font-size:32px;font-weight:800;color:var(--g900);line-height:1;}
[data-static-product="monicare"] .fi-time-lbl{font-size:11px;color:var(--g400);font-weight:500;}

[data-static-product="monicare"] .flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;}
[data-static-product="monicare"] .flow-steps::before{content:'';position:absolute;top:32px;left:10%;right:10%;height:1px;background:var(--g300);}
[data-static-product="monicare"] .fs{text-align:center;padding:0 12px;position:relative;z-index:1;}
[data-static-product="monicare"] .fs-circle{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid var(--g300);background:var(--g50);transition:all .3s;}
[data-static-product="monicare"] .fs-circle.active{background:var(--g100);border-color:var(--g300);}
[data-static-product="monicare"] .fs-circle.key{background:var(--g900);border-color:var(--g900);}
[data-static-product="monicare"] .fs-step{font-size:10px;font-weight:700;color:var(--g400);letter-spacing:1px;margin-bottom:6px;}
[data-static-product="monicare"] .fs h4{font-size:15px;font-weight:700;color:var(--g900);margin-bottom:4px;line-height:1.4;}
[data-static-product="monicare"] .fs p{font-size:12px;color:var(--g500);line-height:1.5;}
[data-static-product="monicare"] .fs-time{display:inline-block;font-size:11px;font-weight:700;color:var(--g500);background:var(--g100);padding:3px 8px;border-radius:20px;margin-top:8px;}

[data-static-product="monicare"] .notify-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px;}
[data-static-product="monicare"] .nc{background:var(--g50);border:1px solid var(--g300);border-radius:var(--r-md);padding:20px;text-align:center;}
[data-static-product="monicare"] .nc-icon{font-size:22px;margin-bottom:10px;}
[data-static-product="monicare"] .nc h4{font-size:15px;font-weight:700;color:var(--g900);margin-bottom:4px;}
[data-static-product="monicare"] .nc p{font-size:12px;color:var(--g500);line-height:1.5;}
[data-static-product="monicare"] .nc-who{font-size:11px;font-weight:700;color:var(--g500);margin-top:8px;}

/* =====  야간 타임라인 ===== */
[data-static-product="monicare"] .scenario{background:var(--white);}
[data-static-product="monicare"] .scenario-demo{background:var(--white);border:1px solid var(--g200);border-radius:var(--r-xl);padding:32px;margin-top:48px;}
[data-static-product="monicare"] .sd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
[data-static-product="monicare"] .sd-title{font-size:16px;font-weight:700;color:var(--g900);}
[data-static-product="monicare"] .sd-badge{font-family:var(--font-en);font-size:12px;font-weight:700;color:var(--warn);background:var(--warn-soft);padding:4px 12px;border-radius:20px;}
[data-static-product="monicare"] .timeline{display:flex;flex-direction:column;gap:0;}
[data-static-product="monicare"] .tl-item{display:flex;gap:20px;position:relative;}
/* 연결선: 원의 아래(패딩12 + 지름46 = 58px)에서 시작해 다음 원의 위(-12px)까지.
   이전에는 top:46px 라 선이 원 안쪽을 12px 파고들고, bottom:-8px 라 다음 원과 4px 떠 있었다. */
[data-static-product="monicare"] .tl-item:not(:last-child)::after{content:'';position:absolute;left:23px;top:58px;bottom:-12px;width:1px;background:var(--g300);}
[data-static-product="monicare"] .tl-dot-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:12px;}
[data-static-product="monicare"] .tl-dot{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-en);font-size:12px;font-weight:700;flex-shrink:0;}
[data-static-product="monicare"] .tl-dot.alert{background:var(--g100);color:var(--g700);border:1.5px solid var(--g300);}
[data-static-product="monicare"] .tl-dot.detect{background:var(--g100);color:var(--g700);border:1.5px solid var(--g300);}
[data-static-product="monicare"] .tl-dot.notify{background:var(--g900);color:var(--white);border:1.5px solid var(--g900);}
[data-static-product="monicare"] .tl-dot.action{background:var(--g100);color:var(--g700);border:1.5px solid var(--g300);}
[data-static-product="monicare"] .tl-dot.record{background:var(--g100);color:var(--g700);border:1.5px solid var(--g300);}
[data-static-product="monicare"] .tl-content{padding:12px 0 24px;flex:1;}
[data-static-product="monicare"] .tl-content h4{font-size:15px;font-weight:700;color:var(--g900);margin-bottom:4px;}
[data-static-product="monicare"] .tl-content p{font-size:14px;color:var(--g500);line-height:1.6;}
[data-static-product="monicare"] .tl-highlight{display:inline-flex;align-items:center;gap:6px;margin-top:8px;background:var(--g100);border:1px solid var(--g300);border-radius:6px;padding:6px 12px;font-size:15px;color:var(--g700);font-weight:600;}

[data-static-product="monicare"] .result-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;}
[data-static-product="monicare"] .rb{border-radius:var(--r-md);padding:20px;border:1px solid var(--g300);}
[data-static-product="monicare"] .rb.bad{background:var(--g50);}
[data-static-product="monicare"] .rb.good{background:var(--g900);border-color:var(--g900);}
[data-static-product="monicare"] .rb-badge{font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;display:block;}
[data-static-product="monicare"] .rb.bad .rb-badge{color:var(--g500);}
[data-static-product="monicare"] .rb.good .rb-badge{color:rgba(255,255,255,0.5);}
[data-static-product="monicare"] .rb h4{font-size:16px;font-weight:700;margin-bottom:6px;}
[data-static-product="monicare"] .rb.bad h4{color:var(--g700);}
[data-static-product="monicare"] .rb.good h4{color:var(--white);}
[data-static-product="monicare"] .rb p{font-size:14px;line-height:1.6;}
[data-static-product="monicare"] .rb.bad p{color:var(--g500);}
[data-static-product="monicare"] .rb.good p{color:rgba(255,255,255,0.6);}

/* =====  ===== */
[data-static-product="monicare"] .who-notified{background:var(--white);}
[data-static-product="monicare"] .role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;}
[data-static-product="monicare"] .role-card{border:1px solid var(--g300);border-radius:var(--r-lg);padding:28px;position:relative;}
[data-static-product="monicare"] .role-card.highlight{border-color:var(--blue);background:var(--blue-soft);}
[data-static-product="monicare"] .role-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;}
[data-static-product="monicare"] .ri-nurse{background:#FEF3F2;color:#E04040;}
[data-static-product="monicare"] .ri-admin{background:#EEF4FF;color:var(--blue);}
[data-static-product="monicare"] .ri-director{background:#F0FDF4;color:#16A349;}
[data-static-product="monicare"] .role-card h3{font-size:17px;font-weight:700;color:var(--g900);margin-bottom:4px;}
[data-static-product="monicare"] .role-card .role-title{font-size:15px;color:var(--g500);margin-bottom:16px;font-weight:500;}
[data-static-product="monicare"] .role-item{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--g100);}
[data-static-product="monicare"] .role-item:last-child{border-bottom:none;}
[data-static-product="monicare"] .ri-check{font-size:15px;color:var(--teal);}
[data-static-product="monicare"] .role-item p{font-size:15px;color:var(--g700);line-height:1.5;}
[data-static-product="monicare"] .role-device{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap;}
[data-static-product="monicare"] .rd-pill{font-size:11px;font-weight:600;color:var(--g700);background:var(--g100);padding:4px 10px;border-radius:20px;}
[data-static-product="monicare"] .role-card.highlight .rd-pill{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.8);}

/* =====  ===== */
[data-static-product="monicare"] .workload{background:var(--white);}
[data-static-product="monicare"] .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;}
[data-static-product="monicare"] .compare-col{border-radius:var(--r-lg);padding:28px;}
[data-static-product="monicare"] .compare-col.before{background:var(--white);border:1px solid var(--g300);}
[data-static-product="monicare"] .compare-col.after{background:var(--g900);border:1px solid transparent;}
[data-static-product="monicare"] .compare-col-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;}
[data-static-product="monicare"] .col-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.3px;}
[data-static-product="monicare"] .before .col-badge{background:var(--g100);color:var(--g500);}
[data-static-product="monicare"] .after .col-badge{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);}
[data-static-product="monicare"] .compare-col-header h3{font-size:16px;font-weight:700;}
[data-static-product="monicare"] .before .compare-col-header h3{color:var(--g700);}
[data-static-product="monicare"] .after .compare-col-header h3{color:var(--white);}
[data-static-product="monicare"] .compare-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid;}
[data-static-product="monicare"] .before .compare-item{border-color:var(--g100);}
[data-static-product="monicare"] .after .compare-item{border-color:rgba(255,255,255,0.08);}
[data-static-product="monicare"] .compare-item:last-child{border-bottom:none;}
[data-static-product="monicare"] .ci-icon{font-size:18px;flex-shrink:0;margin-top:1px;}
[data-static-product="monicare"] .ci-text h4{font-size:16px;font-weight:700;margin-bottom:2px;}
[data-static-product="monicare"] .before .ci-text h4{color:var(--g900);}
[data-static-product="monicare"] .after .ci-text h4{color:var(--white);}
[data-static-product="monicare"] .ci-text p{font-size:15px;line-height:1.6;}
[data-static-product="monicare"] .before .ci-text p{color:var(--g500);}
[data-static-product="monicare"] .after .ci-text p{color:rgba(255,255,255,.45);}

/* ===== RECORDS & PROOF ===== */
[data-static-product="monicare"] .records{background:var(--white);}
[data-static-product="monicare"] .records-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;}
[data-static-product="monicare"] .profile-side{display:flex;flex-direction:column;gap:16px;}
/* 오른쪽(감사 이력) 칼럼이 더 길어서 왼쪽 아래가 비어 보이던 것 -> 프로필 카드가 남는 높이를
   채우고, 늘어난 만큼을 각 행이 나눠 갖게 해서 두 칼럼의 상단/하단을 맞춘다. */
[data-static-product="monicare"] .resident-card{background:var(--g50);border:1px solid var(--g300);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;flex:1;}
[data-static-product="monicare"] .rc-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
[data-static-product="monicare"] .rc-avatar{width:48px;height:48px;border-radius:50%;background:var(--g300);display:flex;align-items:center;justify-content:center;font-size:18px;}
[data-static-product="monicare"] .rc-info h4{font-size:16px;font-weight:700;color:var(--g900);margin-bottom:2px;}
[data-static-product="monicare"] .rc-info p{font-size:15px;color:var(--g500);}
[data-static-product="monicare"] .rc-row{display:flex;justify-content:space-between;align-items:center;flex:1;padding:9px 0;border-bottom:1px solid var(--g100);font-size:15px;}
[data-static-product="monicare"] .rc-row:last-child{border-bottom:none;}
[data-static-product="monicare"] .rc-row span:first-child{color:var(--g500);}
[data-static-product="monicare"] .rc-row span:last-child{font-weight:600;}
[data-static-product="monicare"] .rc-row.critical span:last-child{color:var(--g900);font-weight:700;}
[data-static-product="monicare"] .rc-row.ok span:last-child{color:var(--g700);}
[data-static-product="monicare"] .rc-row.blue span:last-child{color:var(--g700);}
[data-static-product="monicare"] .audit-side{}
[data-static-product="monicare"] .audit-header{font-size:16px;font-weight:700;color:var(--g900);margin-bottom:16px;}
[data-static-product="monicare"] .audit-table{background:var(--g50);border:1px solid var(--g300);border-radius:var(--r-lg);overflow:hidden;}
[data-static-product="monicare"] .at-header{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;padding:12px 16px;background:var(--g100);border-bottom:1px solid var(--g300);}
[data-static-product="monicare"] .at-header span{font-size:12px;font-weight:700;color:var(--g500);letter-spacing:.3px;}
[data-static-product="monicare"] .at-row{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;padding:12px 16px;border-bottom:1px solid var(--g100);align-items:center;}
[data-static-product="monicare"] .at-row:last-child{border-bottom:none;}
[data-static-product="monicare"] .at-row span{font-size:15px;color:var(--g700);}
[data-static-product="monicare"] .at-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;}
[data-static-product="monicare"] .atb-fall{background:var(--g100);color:var(--g700);}
[data-static-product="monicare"] .atb-ok{background:var(--g100);color:var(--g700);}
[data-static-product="monicare"] .atb-med{background:var(--g100);color:var(--g700);}
[data-static-product="monicare"] .proof-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;}
[data-static-product="monicare"] .pb{background:var(--g50);border:1px solid var(--g300);border-radius:var(--r-md);padding:16px;text-align:center;}
[data-static-product="monicare"] .pb-icon{font-size:20px;margin-bottom:8px;}
[data-static-product="monicare"] .pb h4{font-size:15px;font-weight:700;color:var(--g900);margin-bottom:4px;}
[data-static-product="monicare"] .pb p{font-size:12px;color:var(--g500);line-height:1.5;}

/* ===== ACCURACY ===== */
[data-static-product="monicare"] .accuracy{background:var(--white);}
[data-static-product="monicare"] .accuracy .sec-title{font-size:36px;font-weight:700;color:var(--g900);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
[data-static-product="monicare"] .accuracy .sec-sub{color:var(--g500);}

[data-static-product="monicare"] .acc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;}
[data-static-product="monicare"] .acc-card{background:var(--g50);border:1px solid var(--g300);border-radius:var(--r-lg);padding:28px;text-align:center;}
[data-static-product="monicare"] .acc-card.highlight{background:var(--g100);border-color:var(--g200);}[data-static-product="monicare"] .acc-card.highlight h4{color:var(--g900) !important;}[data-static-product="monicare"] .acc-card.highlight p{color:var(--g500) !important;}[data-static-product="monicare"] .acc-card.highlight .acc-big{color:var(--g900) !important;}
[data-static-product="monicare"] .acc-big{font-size:48px;font-weight:800;color:var(--g900);line-height:1;letter-spacing:-2px;margin-bottom:10px;}
[data-static-product="monicare"] .acc-big em{color:var(--g900);font-style:normal;}
[data-static-product="monicare"] .acc-card h4{font-size:14px;font-weight:700;color:var(--g900);margin-bottom:6px;}
[data-static-product="monicare"] .acc-card p{font-size:15px;color:var(--g500);line-height:1.6;}

/* ===== DEPLOY ===== */
[data-static-product="monicare"] .deploy{background:var(--white);padding-bottom:48px !important;}
[data-static-product="monicare"] .deploy-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;position:relative;}
[data-static-product="monicare"] .deploy-steps::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:1px;background:var(--g300);}
[data-static-product="monicare"] .ds{text-align:center;padding:0 8px;position:relative;z-index:1;}
[data-static-product="monicare"] .ds-num{width:56px;height:56px;border-radius:50%;background:var(--white);border:1px solid var(--g300);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:var(--font-en);font-size:16px;font-weight:800;color:var(--g500);}
[data-static-product="monicare"] .ds:hover .ds-num{border-color:var(--g900);color:var(--g900);background:var(--g100);}
[data-static-product="monicare"] .ds h4{font-size:15px;font-weight:700;color:var(--g900);margin-bottom:4px;}
[data-static-product="monicare"] .ds p{font-size:12px;color:var(--g500);line-height:1.5;}
[data-static-product="monicare"] .ds-period{display:inline-block;font-size:11px;font-weight:700;color:var(--g500);background:var(--g100);padding:3px 8px;border-radius:20px;margin-top:8px;}
[data-static-product="monicare"] .deploy-note{background:var(--white);border:1px solid var(--g300);border-radius:var(--r-lg);padding:24px 28px;margin-top:32px;display:flex;align-items:center;gap:16px;}
[data-static-product="monicare"] .deploy-note-icon{font-size:24px;flex-shrink:0;}
[data-static-product="monicare"] .deploy-note p{font-size:15px;color:var(--g700);line-height:1.7;}
[data-static-product="monicare"] .deploy-note strong{color:var(--g900);font-weight:700;}

/* =====  ===== */
[data-static-product="monicare"] .faq{background:var(--white);}
[data-static-product="monicare"] .faq-list{margin-top:40px;}
[data-static-product="monicare"] .faq-item{border-bottom:1px solid var(--g100);padding:4px 0;}
[data-static-product="monicare"] .faq-q{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;gap:16px;}
[data-static-product="monicare"] .faq-q h4{font-size:20px;font-weight:600;color:var(--g900);line-height:1.45;}
[data-static-product="monicare"] .faq-icon{width:30px;height:30px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--g400);transition:all .2s;flex-shrink:0;}
[data-static-product="monicare"] .faq-item.open .faq-icon{transform:rotate(45deg);background:transparent;color:var(--g900);}
[data-static-product="monicare"] .faq-a{display:none;padding:0 0 22px;font-size:18px;color:var(--g500);line-height:1.45;}
[data-static-product="monicare"] .faq-item.open .faq-a{display:block;padding:0 0 22px;font-size:18px;color:var(--g500);line-height:1.45;}

/* ===== FINAL CTA ===== */
[data-static-product="monicare"] .final-cta{background:var(--white);padding:80px 0;text-align:center;}
[data-static-product="monicare"] .final-cta-inner{position:relative;overflow:hidden;background-image:url('/media/products/monicare/cta-monicare.png');background-size:100% 100%;background-position:center;min-height:200px;max-width:1200px;margin:0 auto;background-color: var(--g50);border-radius:14px;padding:80px;text-align:center;}
[data-static-product="monicare"] .final-cta h2{font-size:32px;font-weight:700;color:var(--g900);line-height:1.4;margin-bottom:28px;}
[data-static-product="monicare"] .final-cta h2 em{color:var(--g900);font-style:normal;}
[data-static-product="monicare"] .final-cta p{display:none;}
[data-static-product="monicare"] .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
[data-static-product="monicare"] .btn-cta-primary{background:var(--g900);color:var(--white);border:none;padding:15px 44px;border-radius:var(--r-sm);font-family:var(--font-kr);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;line-height:1.2;}
[data-static-product="monicare"] .btn-cta-primary:hover{background:var(--g700);transform:translateY(-1px);}
[data-static-product="monicare"] .btn-cta-ghost{display:none;}
[data-static-product="monicare"] .cta-contact{display:none;}
[data-static-product="monicare"] .cta-divider{display:none;}
[data-static-product="monicare"] .legal{max-width:1140px;margin:20px auto 0;text-align:center;}
[data-static-product="monicare"] .legal p{font-size:12px;color:var(--g400);line-height:1.7;}

/* ===== MOBILE ===== */
@media(max-width:900px){
  [data-static-product="monicare"] .hero-inner{position:relative;z-index:2;}
  [data-static-product="monicare"] .hero h1{font-size:56px;font-weight:800;color:var(--white);line-height:1.40;letter-spacing:-1.5px;margin-bottom:20px;max-width:900px;}
  @media(max-width:600px){[data-static-product="monicare"] .stats-inner{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){[data-static-product="monicare"] .stat-item{border-right:none;border-bottom:1px solid var(--g100);padding:24px;}}
  [data-static-product="monicare"] .pain-grid,[data-static-product="monicare"] .compare-grid,[data-static-product="monicare"] .role-grid,[data-static-product="monicare"] .records-grid,[data-static-product="monicare"] .acc-grid{grid-template-columns:1fr;}
  /* 5단계 프로세스(감지 흐름 / 도입 일정)는 모바일에서 세로 목록으로 바꾼다.
     2열로 두면 5개가 2+2+1 로 남고 gap:0 이라 윗줄 글자와 아랫줄 원이 겹친다.
     단계를 잇는 가로선도 2열에서는 의미가 없으므로 세로선으로 교체한다. */
  [data-static-product="monicare"] .flow-steps,[data-static-product="monicare"] .deploy-steps{grid-template-columns:1fr;gap:24px;}
  [data-static-product="monicare"] .flow-steps::before,[data-static-product="monicare"] .deploy-steps::before{display:none;}
  [data-static-product="monicare"] .fs,[data-static-product="monicare"] .ds{display:grid;column-gap:16px;padding:0;text-align:left;align-items:start;}
  [data-static-product="monicare"] .fs{grid-template-columns:64px 1fr;}
  [data-static-product="monicare"] .ds{grid-template-columns:56px 1fr;}
  [data-static-product="monicare"] .fs-circle{grid-row:1 / span 4;margin:0;}
  [data-static-product="monicare"] .ds-num{grid-row:1 / span 3;margin:0;}
  [data-static-product="monicare"] .fs:not(:last-child)::after{content:'';position:absolute;left:32px;top:64px;bottom:-24px;width:1px;background:var(--g300);}
  [data-static-product="monicare"] .ds:not(:last-child)::after{content:'';position:absolute;left:28px;top:56px;bottom:-24px;width:1px;background:var(--g300);}
  [data-static-product="monicare"] .fs p,[data-static-product="monicare"] .ds p{font-size:14px;}
  [data-static-product="monicare"] .fs-time,[data-static-product="monicare"] .ds-period{justify-self:start;}
  /* 사고 발생 알림 박스도 가로로 밀어넣지 말고 쌓는다 */
  [data-static-product="monicare"] .flow-incident{flex-direction:column;align-items:flex-start;gap:14px;padding:22px;}
  [data-static-product="monicare"] .fi-time{margin-left:0;text-align:left;}
  [data-static-product="monicare"] .deploy-note{align-items:flex-start;padding:22px;}
  [data-static-product="monicare"] .notify-channels{grid-template-columns:1fr 1fr;}
  [data-static-product="monicare"] .market-numbers{grid-template-columns:1fr 1fr;}
  [data-static-product="monicare"] .result-box{grid-template-columns:1fr;}
  [data-static-product="monicare"] .hero h1{font-size:56px;font-weight:800;color:var(--white);line-height:1.40;letter-spacing:-1.5px;margin-bottom:20px;max-width:900px;}
  [data-static-product="monicare"] .sec-title{font-size:36px;font-weight:700;color:var(--g900);line-height:1.45;letter-spacing:-.5px;margin-bottom:48px;}
  [data-static-product="monicare"] .final-cta-inner{padding:40px 24px;}
}
/* 완성본 폴더 아이콘 적용 */
[data-static-product="monicare"] .fi-icon .ico{width:26px;height:26px;display:block;}
[data-static-product="monicare"] .fs-circle .ico{width:26px;height:26px;display:block;}

[data-static-product="monicare"] .nc-icon .ico{width:26px;height:26px;display:block;margin:0 auto;}
[data-static-product="monicare"] .ci-icon .ico{width:20px;height:20px;display:block;}
[data-static-product="monicare"] .pb-icon .ico{width:24px;height:24px;display:block;margin:0 auto;}
[data-static-product="monicare"] .deploy-note-icon .ico{width:26px;height:26px;display:block;}
[data-static-product="monicare"] .tl-highlight .ico{flex-shrink:0;}

/* 제품 브랜드 색 아이콘 (SVG를 마스크로 써서 색을 입힌다) */
/* file:// 에서 mask-image 가 막히므로 background-image 로 그린다.
   색은 SVG 파일 자체에 브랜드 색으로 칠해 두었다. */
[data-static-product="monicare"] .ico{display:block;background-image:var(--ic);background-repeat:no-repeat;background-position:center;background-size:contain;}

/* 컨테이너 폭은 원본 .container 규칙(assets/clevi-header.css)을 그대로 쓴다.
   마크업에 container 클래스를 함께 붙였고, 섹션의 좌우 5% 패딩은 제거했다. */


/* 컨테이너 1280px + 좌우 패딩 24px 기준: CTA 박스는 본문 콘텐츠 폭(1232px)에 맞추고
   자체 안쪽 여백(80px)은 그대로 둔다. (.container 의 padding-inline 을 이기려면 특정도가 필요) */
[data-static-product="monicare"] .container.final-cta-inner{width:min(100% - 48px, 1232px);max-width:none;padding:80px;}
@media(max-width:900px){[data-static-product="monicare"] .container.final-cta-inner{padding:40px 24px;}}


[data-static-product="lens"][data-showcase-locale="en"] .hero-demo{background-image:url('/media/products/lens/lens-feat-01.png')!important}
[data-static-product="lens"][data-showcase-locale="en"] .feat-img{position:relative;background-image:linear-gradient(135deg,rgba(230,244,239,.95),rgba(246,247,252,.98))!important;display:flex;align-items:center;justify-content:center}
[data-static-product="lens"][data-showcase-locale="en"] .ph-large-label{display:block;position:relative;z-index:2;max-width:80%;padding:16px 22px;border:1px solid rgba(85,155,137,.24);border-radius:10px;background:rgba(255,255,255,.76);color:var(--g700);font-size:18px;font-weight:700;line-height:1.45;text-align:center;box-shadow:0 8px 28px rgba(27,62,53,.08)}
[data-static-product="lens"][data-showcase-locale="en"] .ph-img-icon{z-index:2}
[data-static-product="codingagent"][data-showcase-locale="en"] .market-img{position:relative}
[data-static-product="codingagent"][data-showcase-locale="en"] .market-img::after{content:"*AI-generated image.";position:absolute;left:20px;bottom:7px;min-width:220px;padding:3px 8px;background:rgba(248,249,252,.96);color:#a6a8af;font-size:12px;line-height:1.4}