*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--green:#129E7B;--green-h:#1DAC86;--green-50:#EDFCF6;--green2:#76BE57;--blue:#19B5FE;--blue-50:#F0F9FF;--bg:#FFFFFF;--bg2:#F7F7F5;--fg1:#111111;--fg2:#6B7280;--muted:#AAAAAA;--border:#E8E8E6;--font:'Pretendard Variable','Pretendard',-apple-system,sans-serif;--max-w:1400px}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--fg1);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
nav{position:sticky;top:0;z-index:300;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);padding:0 80px;height:68px;display:flex;align-items:center}
.nav-logo{flex-shrink:0}
.nav-center{display:flex;align-items:center;gap:104px;flex:1;justify-content:center}
.nav-btn{font-size:15px;font-weight:500;color:var(--fg2);padding:8px 14px;border-radius:9px;cursor:pointer;transition:color 150ms,background 150ms;background:none;border:none;font-family:var(--font);display:flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none}
.nav-btn:hover{color:var(--green);background:var(--green-50)}
.nav-btn.active{color:var(--green);background:var(--green-50)}
.nav-right{display:flex;align-items:center;gap:24px;flex-shrink:0}
.nav-cta{padding:11px 24px;background:var(--green);color:#fff;border:none;border-radius:999px;font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;transition:background 150ms}
.nav-cta:hover{background:var(--green-h)}
.mega-wrap{position:fixed;top:68px;left:0;right:0;z-index:299}
.mega-panel{position:relative;z-index:2;background:#fff;border-bottom:.5px solid var(--border);box-shadow:0 12px 32px rgba(0,0,0,.07);padding:20px 0 24px;display:none}
.mega-wrap.open .mega-panel{display:block;animation:megaSlide 180ms ease}
@keyframes megaSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.mega-inner{max-width:var(--max-w);margin:0 auto;position:relative;padding:4px 80px 20px;min-height:20px}
.mega-col{position:absolute;top:0;min-width:160px;display:none;box-sizing:border-box;padding-right:12px}
.mega-col:first-child{min-width:170px}
.mega-col .mega-item,.mega-col .mega-simple{word-break:keep-all;overflow-wrap:break-word}
.mega-wrap.open .mega-col{display:block}
.mega-item{display:block;padding:10px 12px;border-radius:10px;transition:background 180ms,color 180ms;color:var(--fg1);font-size:14px;font-weight:500;margin-bottom:2px;line-height:1.3;position:relative;text-decoration:none;cursor:pointer}
.mega-item:hover{background:var(--green-50);color:var(--green)}
.mega-item:hover .mega-item-sub{color:rgba(18,158,123,.75)}
.mega-item-sub{display:block;font-size:12px;color:rgba(0,0,0,.35);margin-top:3px;font-weight:400;transition:color 180ms}
.mega-simple{display:block;padding:10px 12px;border-radius:10px;transition:background 180ms,color 180ms;font-size:14px;font-weight:500;color:var(--fg1);margin-bottom:2px;text-decoration:none;cursor:pointer}
.mega-simple:hover{background:var(--green-50);color:var(--green)}
.mega-overlay{position:fixed;inset:0;top:0;z-index:1;display:none}
.mega-wrap.open .mega-overlay{display:block}
.nav-burger{display:none;background:none;border:none;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;flex-direction:column;gap:4px;padding:0}
.nav-burger span{display:block;width:22px;height:1.5px;background:var(--fg1);border-radius:2px;transition:transform 200ms,opacity 150ms}
.nav-burger.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.mobile-drawer{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;z-index:295;overflow-y:auto;padding:24px 20px 40px;flex-direction:column;gap:4px}
.mobile-drawer.open{display:flex;animation:megaSlide 200ms ease}
.md-group{padding:8px 0;border-bottom:.5px solid var(--border)}
.md-group:last-child{border-bottom:none}
.md-head{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;margin-bottom:4px}
.md-link{display:block;font-size:16px;font-weight:500;color:var(--fg1);padding:12px;border-radius:10px}
.md-link:hover{background:var(--green-50);color:var(--green)}
.md-link-sub{display:block;font-size:12px;color:var(--muted);margin-top:2px;font-weight:400}
.md-cta{margin-top:24px;padding:14px;text-align:center;background:var(--green);color:#fff;border-radius:999px;font-weight:500;font-size:16px;display:block;text-decoration:none}

@media (max-width:768px){.nav-center{display:none}.nav-burger{display:flex}nav{padding:0 20px}}
footer{background:#111;padding:64px 80px}
.foot-inner{max-width:var(--max-w);margin:0 auto}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;margin-bottom:48px;padding-bottom:48px;border-bottom:.5px solid rgba(255,255,255,.07)}
.foot-tagline{font-size:14px;color:rgba(255,255,255,.35);line-height:1.8;margin-top:14px}
.foot-col-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35);margin-bottom:18px}
.foot-links{display:flex;flex-direction:column;gap:12px}
.foot-links a{font-size:15px;color:rgba(255,255,255,.5);transition:color 150ms}
.foot-links a:hover{color:rgba(255,255,255,.85)}
.foot-bottom{display:flex;justify-content:space-between;align-items:flex-end}
.foot-info{font-size:12px;color:rgba(255,255,255,.22);line-height:1.9}
.foot-copy{font-size:12px;color:rgba(255,255,255,.18)}
.btn-p{padding:13px 28px;background:var(--green);color:#fff;border:none;border-radius:999px;font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;transition:background 150ms;display:inline-flex;align-items:center;gap:8px}
.btn-p:hover{background:var(--green-h)}
.btn-g{padding:13px 28px;background:transparent;color:var(--fg1);border:.5px solid var(--border);border-radius:999px;font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;transition:border-color 150ms;display:inline-flex;align-items:center;gap:8px}
.btn-g:hover{border-color:#999}



.eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin-bottom:20px}
.h1{font-size:64px;font-weight:700;letter-spacing:-0.03em;line-height:1.15;color:var(--fg1)}
.h1 .m{color:var(--muted)}
.lead{font-size:18px;color:var(--fg2);line-height:1.75;margin-top:24px;max-width:500px}
.btns{display:flex;gap:12px;margin-top:36px}
.tag{display:inline-flex;align-items:center;gap:6px;background:var(--green-50);border:.5px solid rgba(18,158,123,.2);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:500;color:var(--green);margin-bottom:28px}
.tag .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.pain-section{background:var(--bg2);padding:80px 80px;border-top:.5px solid var(--border);border-bottom:.5px solid var(--border)}
.pain-inner{max-width:var(--max-w);margin:0 auto}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.pain-card{background:#fff;border:.5px solid var(--border);border-radius:16px;padding:28px}
.pain-num{font-size:11px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.pain-title{font-size:18px;font-weight:700;color:var(--fg1);margin-bottom:10px;letter-spacing:0.01em}
.pain-desc{font-size:14px;color:var(--fg2);line-height:1.7}
.feature-section{padding:100px 80px}
.feature-inner{max-width:var(--max-w);margin:0 auto}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.feat-card{background:var(--bg2);border:.5px solid var(--border);border-radius:16px;padding:28px;transition:border-color 200ms,transform 200ms}
.feat-card:hover{border-color:rgba(18,158,123,.3);transform:translateY(-2px)}
.feat-icon{width:44px;height:44px;border-radius:11px;background:var(--green-50);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.feat-title{font-size:17px;font-weight:700;color:var(--fg1);margin-bottom:8px}
.feat-desc{font-size:14px;color:var(--fg2);line-height:1.7}
.split-section{padding:100px 80px;background:var(--bg2)}
.split-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split-section.alt{background:#fff}
.stats-banner{padding:80px 80px;background:#fff;border-top:.5px solid var(--border);border-bottom:.5px solid var(--border)}
.stats-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.stat-col{padding:0 40px;border-right:.5px solid var(--border)}
.stat-col:first-child{padding-left:0}
.stat-col:last-child{border-right:none;padding-right:0}
.stat-big{font-size:52px;font-weight:700;letter-spacing:-1.5px;line-height:1;color:var(--fg1)}
.stat-big .g{color:var(--green)}
.stat-arrow{font-size:28px;color:var(--muted)}
.stat-lbl{font-size:13px;color:var(--green);font-weight:500;margin-top:6px}
.stat-note{font-size:13px;color:var(--fg2);margin-top:4px;line-height:1.5}
.cta-banner{position:relative;overflow:hidden;padding:160px 80px;background:#FFFFFF url('/theme/basic/assets/Shadow.png') center center / cover no-repeat}
.cta-inner{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:40px}

/* .cta-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:48px;position:relative;z-index:1} */
.cta-h{font-size:40px;font-weight:700;letter-spacing:-0.03em;line-height:1.15;color:var(--fg1)}
.cta-m{font-size:40px;font-weight:700;letter-spacing:-0.03em;line-height:1.15;color:var(--muted)}
.mockup{background:#fff;border:.5px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 2px 24px rgba(0,0,0,.04)}
.mock-head{font-size:13px;font-weight:700;color:var(--fg1);margin-bottom:16px}
.mock-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:.5px solid var(--bg2)}
.mock-row:last-child{border-bottom:none}
.mock-label{font-size:13px;color:var(--fg2)}
.mock-val{font-size:13px;font-weight:600;color:var(--fg1)}
.bar-track{height:6px;background:var(--bg2);border-radius:999px;overflow:hidden;margin:4px 0}
.bar-fill{height:6px;border-radius:999px;background:var(--green)}
.pill{font-size:11px;font-weight:500;padding:4px 12px;border-radius:999px}
.pill-g{background:var(--green-50);color:var(--green)}
.pill-b{background:var(--blue-50);color:var(--blue)}
.pill-y{background:#FFF8E1;color:#D97706}
.sh{font-size:52px;font-weight:700;letter-spacing:-1px;line-height:1.05;color:var(--fg1);margin-bottom: 10px;}
.sm{font-size:52px;font-weight:700;letter-spacing:-1px;line-height:1.05;color:var(--muted)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* ── Case study cards ── */
.cs-card{background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;gap:0}
/* 상단 우측 칩 삭제 */
.cs-metric-pill{display:none !important}
/* 헤더: 카드 없이 텍스트만 / cs-body: 외부 카드, 내부 도입전/후 카드 + 가운데 화살표 */
.cs-card .cs-header{background:transparent !important;border:none !important;border-radius:0 !important;padding:0 0 20px !important}
.cs-card .cs-body{position:relative;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}
.cs-card .cs-before, .cs-card .cs-after{background:#F8FAF9;border:.5px solid var(--border);border-radius:14px;margin:14px}
.cs-card .cs-before{margin-right:36px}
.cs-card .cs-after{margin-left:36px;background:#fff}
/* 화살표: 기본 숨김 → scroll reveal 후 등장 */
.cs-card .cs-body::before{content:"›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.3);font-size:36px;font-weight:700;color:var(--green);background:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(18,158,123,.18);z-index:2;opacity:0;animation:none}
@keyframes csArrowPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}
/* 도입 전/후 칩 중앙정렬 */
.cs-col-label{margin:0 auto 14px !important;justify-content:center !important;align-self:center !important}
/* 카드 등장 애니메이션 (is-in 클래스 JS가 추가) */
.cs-card.reveal{opacity:0;transform:translateY(18px);transition:opacity 700ms ease,transform 700ms ease}
.cs-hero-wrap{padding-top:68px}
@media(max-width:768px){.cs-hero-wrap{padding-top:68px}}
.cs-card.reveal.is-in{opacity:1;transform:translateY(0)}
.cs-card.reveal.is-in .cs-before{animation:csSlideL 700ms cubic-bezier(.4,0,.2,1) both}
.cs-card.reveal.is-in .cs-after{animation:csSlideR 700ms cubic-bezier(.4,0,.2,1) 120ms both}
/* 화살표 등장: cs-before 후 등장 + 지속 pulse */
.cs-card.reveal.is-in .cs-body::before{animation:csArrowReveal 500ms cubic-bezier(.34,1.3,.64,1) 500ms both,csArrowPulse 2s ease-in-out 1200ms infinite}
@keyframes csSlideL{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
@keyframes csSlideR{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes csArrowReveal{from{opacity:0;transform:translate(-50%,-50%) scale(0.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
/* 결과 박스: 증가/완성 아이콘 (텍스트에 ↑/완성 포함 시 자동 표시) */
.cs-result-box{position:relative}
@media(max-width:768px){
  .cs-card .cs-body{position:relative}
  .cs-card .cs-before{margin:10px 10px 0}
  .cs-card .cs-after{margin:64px 10px 10px;position:relative}
  /* body::before 화살표 비활성, cs-after::before 로 카드 위 정확히 배치 → 겹침 방지 */
  .cs-card .cs-body::before{display:none !important;animation:none !important}
  .cs-card.reveal.is-in .cs-body::before{display:none !important;animation:none !important}
  .cs-card .cs-after::before{
    content:"↓";
    position:absolute;
    /* gap=64px, arrow=42px → 위/아래 11px 동일 여백: top = -(64-(64-42)/2) = -53px */
    top:-53px;
    left:50%;
    transform:translateX(-50%);
    width:42px;
    height:42px;
    font-size:30px;
    font-weight:700;
    color:var(--green);
    background:#fff;
    border-radius:50%;
    border:.5px solid rgba(18,158,123,.35);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px rgba(18,158,123,.18);
    z-index:2;
  }
}
.cs-header{background:var(--green-50);border-bottom:.5px solid var(--border);padding:24px 32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cs-badge{background:var(--green);color:#fff;font-size:16px;font-weight:700;padding:8px 18px;border-radius:999px;white-space:nowrap;flex-shrink:0;letter-spacing:-.2px}
.cs-company{flex:1;font-size:22px;font-weight:700;color:var(--fg1);line-height:1.4;min-width:0;letter-spacing:-.4px}
.cs-metric-pill{background:#fff;border:.5px solid rgba(18,158,123,.35);color:var(--green);font-size:16px;font-weight:700;padding:10px 22px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.cs-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.cs-before{padding:32px;border-right:.5px solid var(--border);background:#F4F4F2;display:flex;flex-direction:column;align-items:center}
.cs-after{padding:32px;background:#fff;display:flex;flex-direction:column;align-items:center}
.cs-col-label{font-size:13px;font-weight:700;padding:0 14px;border-radius:6px;display:flex;align-items:center;gap:6px;margin:0 auto 14px;line-height:1;width:88px;height:28px;justify-content:flex-start;box-sizing:border-box;letter-spacing:-.2px;flex-shrink:0;white-space:nowrap;align-self:center}
.cs-col-label.red{background:#FEE2E2;color:#DC2626}
.cs-col-label.red::before{content:"";width:7px;height:7px;border-radius:50%;background:#DC2626;flex-shrink:0}
.cs-col-label.green{background:var(--green-50);color:var(--green)}
.cs-col-label.green::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}
.cs-subtitle{font-size:22px;font-weight:700;color:var(--fg1);margin-top: 10px;margin-bottom:24px;line-height:1.4;letter-spacing:-.4px;text-align:center;width:100%}
.cs-list{font-size:16px;color:var(--fg2);line-height:1.8;padding-left:18px;list-style:disc;flex:1;align-self:stretch}
/* Icon + Text grid replacing bullet list */
.cs-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;flex:1;align-self:stretch;align-content:start}
.cs-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px 8px}
.cs-feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 200ms}
.cs-before .cs-feature-icon{background:#fff;color:#DC2626;border:.5px solid #FCA5A5;box-shadow:0 2px 10px rgba(220,38,38,.10)}
.cs-after .cs-feature-icon{background:var(--green-50);color:var(--green);border:.5px solid rgba(18,158,123,.25);box-shadow:0 2px 10px rgba(18,158,123,.08)}
.cs-feature-text{font-size:13.5px;line-height:1.5;letter-spacing:-.2px;word-break:keep-all}
.cs-before .cs-feature-text{color:#7F1D1D;font-weight:500}
.cs-after .cs-feature-text{color:var(--fg1);font-weight:600}
/* Gray-toned result box for 도입 전 */
.cs-result-box.gray{background:#ECECEA;box-shadow:0 1px 3px rgba(0,0,0,.04);border:.5px solid #E0E0DE}
.cs-result-box.gray .cs-result-text{color:#6B7280}
.cs-result-box{margin-top:28px;background:var(--green);border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:center;text-align:center;align-self:stretch;opacity:0;transform:translateY(40px);transition:opacity 800ms cubic-bezier(.22,.61,.36,1),transform 800ms cubic-bezier(.22,.61,.36,1);box-shadow:0 8px 24px rgba(18,158,123,.18)}
.cs-result-box.show{opacity:1;transform:translateY(0)}
.cs-result-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.1px;line-height:1.35;white-space:nowrap}
@media(max-width:900px){.cs-body{grid-template-columns:1fr}.cs-before{border-right:none;border-bottom:.5px solid var(--border)}.cs-header{flex-direction:column;align-items:flex-start}}

.m-br { display: none; }
.d-br { display: inline; }
/* === Mobile common fixes (append-only) === */
@media (max-width: 1024px) {
  html, body { overflow-x: hidden; max-width: 100vw; }
  img, svg, video, canvas { max-width: 100%; height: auto; }
  h1, h2, h3, .h1, .h2, .h3, .page-hero .h1, .hero-title { white-space: normal; word-break: keep-all; }
}

.mob-br { display: none; }
@media (max-width: 768px) { .mob-br { display: inline; } }
@media (max-width: 768px) {dd}

@media (max-width: 768px) {
  /* ── 배너 ── */
  [style*="padding:100px 80px 80px"] { padding: 52px 20px 40px !important; }
  .sh { font-size: 26px !important; letter-spacing: -0.5px !important; line-height: 1.2 !important; word-break: keep-all !important; }
  .sm { font-size: 26px !important; letter-spacing: -0.4px !important; line-height: 1.3 !important; word-break: keep-all !important; }

  /* ── 고객사례 카드 컨테이너 ── */
  [style*="padding:60px 80px"][style*="gap:64px"] { padding: 40px 16px !important; gap: 40px !important; }

  /* ── cs-card 헤더 ── */
  .cs-card .cs-header { padding: 16px 18px 14px !important; gap: 8px !important; }
  .cs-badge { font-size: 13px !important; padding: 5px 12px !important; }
  .cs-company { font-size: 15px !important; line-height: 1.4 !important; word-break: keep-all !important; }

  /* ── cs-body 카드 내부 ── */
  .cs-before, .cs-after { padding: 20px 16px !important; }
  .cs-subtitle { font-size: 15px !important; margin-bottom: 16px !important; word-break: keep-all !important; }

  /* ── 아이콘 + 텍스트 그리드 ── */
  .cs-features { grid-template-columns: repeat(3, 1fr) !important; gap: 4px !important; }
  .cs-feature { padding: 10px 4px !important; gap: 8px !important; }
  .cs-feature-icon { width: 36px !important; height: 36px !important; border-radius: 10px !important; }
  .cs-feature-icon svg { width: 18px !important; height: 18px !important; }
  .cs-feature-text { font-size: 11px !important; line-height: 1.4 !important; }

  /* ── 결과 박스 ── */
  .cs-result-box { padding: 14px 16px !important; margin-top: 14px !important; }
  .cs-result-text { font-size: 15px !important; white-space: normal !important; word-break: keep-all !important; line-height: 1.4 !important; }

  /* ── 줄바꿈 ── */
  .m-br { display: inline !important; }
  .d-br { display: none !important; }

  /* ── Stats ── */
  .stats-banner { padding: 48px 20px !important; }
  .stats-inner { grid-template-columns: 1fr 1fr !important; }
  .stat-col { padding: 20px 12px !important; border-right: none !important; border-bottom: 0.5px solid var(--border) !important; }
  .stat-col:nth-child(odd) { border-right: 0.5px solid var(--border) !important; }
  .stat-col:last-child { border-bottom: none !important; }
  .stat-big { font-size: 34px !important; letter-spacing: -1px !important; }
  .stat-lbl { font-size: 12px !important; }
  .stat-note { font-size: 12px !important; }

  /* ── CTA ── */
  .cta-banner { padding: 60px 20px !important; }
  .cta-h, .cta-m { font-size: 24px !important; }
  .cta-btn-row { justify-content: center !important; flex-wrap: wrap !important; }
  .cta-btn-row .btn-p { font-size: 12px !important; padding: 14px 20px !important; justify-content: center!important; flex-wrap: wrap !important; }
  .cta-btn-row .btn-g { background: #fff; font-size: 12px!important; padding: 14px 20px!important; justify-content: center!important; border: 1px solid var(--green); color: var(--green); }


  /* ── Footer ── */
  footer { padding: 48px 20px !important; }
  .foot-top { grid-template-columns: 1fr !important; gap: 28px !important; padding-bottom: 28px !important; margin-bottom: 28px !important; }
  .foot-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}


.cta-secondary{display:inline-flex;align-items:center;gap:6px;font-size:20px;font-weight:600;color:var(--green);text-decoration:none;padding:10px 4px;transition:gap 180ms;align-self:center}
.cta-secondary:hover{gap:10px}
.cta-secondary .arr{transition:transform 180ms}
.cta-secondary:hover .arr{transform:translateX(2px)}
.cta-btns{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cta-btn-row{display:flex;gap:14px;align-items:center}
.cta-btn-row .btn-g{background:#fff;font-size:16px;padding:16px 36px;justify-content:center;border:1px solid var(--green);color:var(--green)}
.cta-btn-row .btn-p{font-size:16px;padding:16px 36px;justify-content:center}
@media (max-width: 768px) {
  .cta-btn-row .btn-p { font-size: 12px; padding: 14px 20px; justify-content: center; }
  .cta-btn-row .btn-g { background: #fff; font-size: 12px; padding: 14px 20px; justify-content: center; border: 1px solid var(--green); color: var(--green); }
}
.btn-dl{border:1.5px solid var(--green) !important;color:var(--green)}


.cta-inner .sh, .cta-inner .sm { text-align: left; }
@media (max-width: 768px) {
  .cta-inner .sh, .cta-inner .sm { text-align: center; }
}