/* Homepage design layer. Loaded after smartccm-focus.css and section-cards.css.
   Card system: white surface, #c7dfe4 border, soft shadow, 16px radius, 4px coloured top stripe. */
.flagship-home{--line:#d0e5e9}

/* ---------- Buttons ---------- */
.sds-btn-accent{background:#f2a24a;border-color:#f2a24a;color:#173641!important}
.sds-btn-accent:hover{background:#e68f2f;border-color:#e68f2f}
.sds-btn-ghost{background:transparent;color:#206975!important;border-color:#9fc9d0}
.sds-btn-ghost:hover{background:#fff;border-color:#206975}
.sds-btn-light{background:transparent;color:#fff!important;border-color:#ffffff66}
.sds-btn-light:hover{background:#ffffff14;border-color:#fff}

/* ---------- Eyebrow pills (amber, 2x2 marker) ---------- */
.flagship-home .sds-eyebrow,#contact-us .contact-kicker{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 14px 6px 12px;border-radius:999px;background:#f6a93b;color:#173641!important;font-size:.74rem;font-weight:700;letter-spacing:.1em;line-height:1.4;box-shadow:0 4px 12px #f6a93b40}
.flagship-home .sds-eyebrow::before,#contact-us .contact-kicker::before{content:"";width:10px;height:10px;flex:0 0 10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cg fill='%23173641'%3E%3Crect width='4.2' height='4.2' rx='1'/%3E%3Crect x='5.8' width='4.2' height='4.2' rx='1'/%3E%3Crect y='5.8' width='4.2' height='4.2' rx='1'/%3E%3Crect x='5.8' y='5.8' width='4.2' height='4.2' rx='1' opacity='.45'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
html[lang=ka] .flagship-home .sds-eyebrow,html[lang=ka] #contact-us .contact-kicker{letter-spacing:0;font-size:.8rem}

/* ---------- Hero ---------- */
.flagship-home.sds-compact .sds-hero-v2{position:relative;overflow:hidden;padding:64px 0 76px;background:radial-gradient(900px 480px at 85% 10%,#d6eef2 0,transparent 70%),linear-gradient(180deg,#f7fbfb,#eef7f8)}
.sds-hero-v2 .sds-hero-grid{grid-template-columns:1.05fr 1fr;gap:48px}
.sds-hero-v2 h1{font-size:clamp(2.2rem,3.7vw,3.05rem);line-height:1.1;margin:22px 0 20px}
.sds-h1-accent{color:#206975}
.sds-hero-v2 .sds-lead{font-size:1.15rem;color:#3f5c66}
.sds-hero-v2 .sds-actions{gap:14px}
.sds-hero-points{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;margin:28px 0 0;padding:0}
.sds-hero-points li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#3f5c66;line-height:1.5}
.sds-hero-points .sds-icon{width:18px;height:18px;flex-basis:18px;color:#2f8a6f;stroke-width:2.2}
.sds-hero-product{position:relative;margin:0;min-width:0;padding:0 0 26px 26px}
.sds-browser{border-radius:14px;background:#fff;border:1px solid #c9e0e5;box-shadow:0 30px 70px #17364124,0 6px 16px #1736410d;overflow:hidden}
.sds-browser-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f2f7f8;border-bottom:1px solid #dbe9ec}
.sds-browser-bar i{width:10px;height:10px;border-radius:50%;background:#d5e2e5}
.sds-browser-bar span{margin-left:12px;padding:3px 14px;border-radius:6px;background:#fff;border:1px solid #dbe9ec;font-size:.72rem;color:#5d7780;letter-spacing:.02em}
.sds-browser img{display:block;width:100%;height:auto}
.sds-float{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #d6e7ea;border-radius:12px;box-shadow:0 14px 34px #1736411f;max-width:250px}
.sds-float .sds-icon{box-sizing:content-box;width:20px;height:20px;flex-basis:20px;padding:8px;border-radius:10px;background:#e3f4ec;color:#23795f;stroke-width:2}
.sds-float strong{display:block;font-size:.86rem;color:#173641;line-height:1.35}
.sds-float span{display:block;font-size:.76rem;color:#5d7780;line-height:1.4}
.sds-float-a{left:0;bottom:0}
.sds-float-b{right:-14px;top:38%}
.sds-float-b .sds-icon{background:#fff0d6;color:#a35b14}

/* ---------- Section heading ---------- */
.sds-section-head{max-width:720px;margin-bottom:36px}
.sds-section-head h2{margin-bottom:14px!important}
.sds-section-head .sds-lead{margin:0}

/* ---------- Why SmartCCM: before / after ---------- */
#why-smartccm{background:linear-gradient(180deg,#fff 0,#f2f7f8 100%)}
.sds-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.sds-compare-col{position:relative;overflow:hidden;padding:28px;background:#fff;border:1px solid #c7dfe4;border-radius:16px;box-shadow:0 1px 2px #1736410d,0 10px 26px #1736410f}
.sds-compare-col::after{content:"";position:absolute;inset:0 0 auto;height:4px}
.sds-compare-col h3{display:flex;align-items:center;gap:12px;font-size:1.15rem!important;margin-bottom:22px!important}
.sds-compare-col h3::before{content:"";flex:0 0 36px;height:36px;border-radius:11px;background-position:center;background-repeat:no-repeat;background-size:18px}
.sds-compare-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sds-compare-col li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem;line-height:1.6;padding:12px 14px;border-radius:12px}
.sds-compare-col li::before{content:"";flex:0 0 22px;height:22px;margin-top:1px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:12px}
.sds-compare-before::after{background:linear-gradient(90deg,#d94848,#f0a0a0)}
.flagship-home .sds-compare-before h3{color:#8f2d2d!important}
.sds-compare-before h3::before{background-color:#fde4e4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 5l8 8M13 5l-8 8' stroke='%23d23f3f' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.sds-compare-before li{color:#4f5f64;background:#fdf5f5}
.sds-compare-before li::before{background-color:#fbdcdc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 3.5l5 5M8.5 3.5l-5 5' stroke='%23c93636' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E")}
.sds-compare-after::after{background:linear-gradient(90deg,#23795f,#4cc493)}
.flagship-home .sds-compare-after h3{color:#1c6e53!important}
.sds-compare-after h3::before{background-color:#d3f0e3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9.4 3.2 3.2L14 5.4' fill='none' stroke='%231f8a5f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sds-compare-after li{color:#24434d;background:#f0f9f4}
.sds-compare-after li::before{background-color:#2fa874;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.8 6.2 2.2 2.2 4.2-4.6' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* ---------- Module cards (stripe/icon colour cycles teal, amber, green) ---------- */
.sds-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sds-module-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:26px;border:1px solid #c7dfe4;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 1px 2px #1736410d,0 10px 26px #1736410f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.sds-module-card:hover{transform:translateY(-3px);border-color:#7fbcc6;background:linear-gradient(180deg,#fff,#f6fbfc);box-shadow:0 16px 36px #17364117}
.sds-module-card:focus-visible{outline:3px solid #efa34c;outline-offset:4px}
.sds-module-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#206975,#3aa6b5);opacity:.85;transition:opacity .18s ease}
.sds-module-card:hover::before{opacity:1}
.sds-module-card .sds-icon{box-sizing:content-box;width:24px;height:24px;flex-basis:24px;padding:11px;border-radius:13px;background:#d4edf2;color:#175e6a;margin-bottom:20px}
.sds-module-card:nth-child(3n+2)::before{background:linear-gradient(90deg,#e8892a,#f6b863)}
.sds-module-card:nth-child(3n+2) .sds-icon{background:#ffe6c4;color:#99510f}
.sds-module-card:nth-child(3n)::before{background:linear-gradient(90deg,#23795f,#4cc493)}
.sds-module-card:nth-child(3n) .sds-icon{background:#d3f0e3;color:#1c6e53}
.sds-module-card h3{color:#173641!important;font-size:1.08rem!important;margin-bottom:8px!important}
.flagship-home .sds-module-card p{font-size:.92rem;line-height:1.65;margin:0 0 18px}
.sds-module-more{margin-top:auto;font-size:.86rem;font-weight:600;color:#206975}
.sds-module-card:hover .sds-module-more{text-decoration:underline;text-underline-offset:4px}

/* ---------- Role cards + facts strip ---------- */
.sds-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sds-roles article{position:relative;overflow:hidden;padding:26px;border-radius:16px;background:#fff;border:1px solid #c7dfe4;box-shadow:0 1px 2px #1736410d,0 10px 26px #1736410f;transition:transform .18s ease,box-shadow .18s ease}
.sds-roles article::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f6a93b,#ffd08a)}
.sds-roles article:hover{transform:translateY(-3px);box-shadow:0 2px 4px #17364110,0 18px 38px #17364117}
.sds-roles .sds-icon{box-sizing:content-box;padding:11px;border-radius:13px;background:#d4edf2;color:#175e6a;margin-bottom:16px}
.sds-roles h3{font-size:1.05rem!important;margin-bottom:8px!important}
.flagship-home .sds-roles p{font-size:.92rem;line-height:1.65;margin:0}
.sds-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px;border:1px solid #c7dfe4;border-radius:16px;background:linear-gradient(180deg,#f7fbfc,#eef6f8);box-shadow:0 1px 2px #17364108;overflow:hidden}
.sds-facts>div{display:flex;gap:14px;align-items:flex-start;padding:22px 24px}
.sds-facts>div+div{border-left:1px solid var(--line)}
.sds-facts .sds-icon{width:22px;height:22px;flex-basis:22px;margin-top:2px;color:#206975}
.sds-facts strong{display:block;font-size:.95rem;color:#173641;line-height:1.45;margin-bottom:3px}
.sds-facts span{display:block;font-size:.84rem;color:#5d7780;line-height:1.55}

/* ---------- Values cards (same system as modules) ---------- */
.flagship-home.sds-compact .sds-company-values article{position:relative;overflow:hidden;background:#fff;border:1px solid #c7dfe4!important;border-radius:16px;box-shadow:0 1px 2px #1736410d,0 10px 26px #1736410f;transition:transform .18s ease,box-shadow .18s ease}
.flagship-home.sds-compact .sds-company-values article:hover{transform:translateY(-2px);box-shadow:0 2px 4px #17364110,0 16px 34px #17364114}
.flagship-home.sds-compact .sds-company-values article::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#206975,#3aa6b5)}
.flagship-home.sds-compact .sds-company-values article .sds-icon{background:#d4edf2;color:#175e6a}
.flagship-home.sds-compact .sds-company-values article:nth-child(3n+2)::before{background:linear-gradient(90deg,#e8892a,#f6b863)}
.flagship-home.sds-compact .sds-company-values article:nth-child(3n+2) .sds-icon{background:#ffe6c4;color:#99510f}
.flagship-home.sds-compact .sds-company-values article:nth-child(3n)::before{background:linear-gradient(90deg,#23795f,#4cc493)}
.flagship-home.sds-compact .sds-company-values article:nth-child(3n) .sds-icon{background:#d3f0e3;color:#1c6e53}

/* ---------- Screenshot gallery frame ---------- */
.flagship-home.sds-compact .sds-screen-gallery{border-color:#c7dfe4;box-shadow:0 2px 4px #1736410d,0 24px 50px #17364114}

/* ---------- CTA band ---------- */
.sds-cta-band{padding:0 0 72px;background:#fff}
.sds-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:44px 48px;border-radius:22px;background:radial-gradient(600px 300px at 90% 0,#2a7f8c 0,transparent 70%),#164b57;box-shadow:0 24px 60px #164b5733}
.flagship-home .sds-cta-inner h2{color:#fff;margin:0 0 10px;font-size:clamp(1.6rem,2.4vw,2.2rem)}
.flagship-home .sds-cta-inner p{color:#c9dfe1;margin:0;max-width:600px}
.sds-cta-inner .sds-actions{margin:0;flex:0 0 auto;gap:12px}

/* ---------- Insights: product updates card ---------- */
.sds-insights{padding:56px 0}
.sds-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sds-subscribe-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr minmax(0,460px);gap:32px 48px;align-items:start;margin-top:40px;padding:30px 32px;background:#fff;border:1px solid #c7dfe4;border-radius:16px;box-shadow:0 1px 2px #1736410d,0 10px 26px #1736410f;scroll-margin-top:110px}
.sds-subscribe-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#e8892a,#f6b863)}
.sds-subscribe-copy{display:flex;gap:16px;align-items:flex-start}
.sds-subscribe-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border-radius:13px;background:#ffe6c4;color:#99510f}
.sds-subscribe-copy h3{margin:2px 0 6px;font-family:inherit;font-size:1.15rem;font-weight:650;color:#173641;text-transform:none!important;letter-spacing:-.01em!important}
.sds-subscribe-copy p{margin:0;font-size:.95rem;line-height:1.65;color:#536b74}
.sds-subscribe-form{margin:0}
.sds-subscribe-row{display:flex;gap:10px}
.sds-subscribe-row input[type=email]{order:1;flex:1;min-width:0;min-height:48px;margin:0;padding:12px 14px;background:#fff;border:1px solid #aac6cc;border-radius:6px;font:inherit;font-size:.95rem;color:#173641}
.sds-subscribe-row input[type=email]:focus{outline:none;border-color:#206975;box-shadow:0 0 0 3px #2069752e}
.sds-subscribe-row .sds-btn{order:2;flex:0 0 auto;margin:0}
.sds-subscribe-captcha{margin-top:14px;min-height:78px}
.sds-subscribe-form .field-error:empty{display:none}
.sds-subscribe-form .field-error,.sds-subscribe-form .form-client-error{margin-top:8px;font-size:.86rem;color:#b42318}
.sds-subscribe-form .subscription-success-message{margin-bottom:12px;padding:10px 14px;border-radius:8px;background:#e3f4ec;color:#1c6e53;font-size:.9rem}

/* ---------- Contact headings: sentence case ---------- */
#contact-us .contact-title,#contact-us .contact-form-title{text-transform:none!important;letter-spacing:-.02em!important;font-weight:650!important}

/* ---------- Motion & responsive ---------- */
@media(prefers-reduced-motion:reduce){
  .sds-module-card,.sds-roles article,.flagship-home.sds-compact .sds-company-values article{transition:none}
  .sds-module-card:hover,.sds-roles article:hover,.flagship-home.sds-compact .sds-company-values article:hover{transform:none}
}
@media(max-width:1100px){
  .sds-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sds-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sds-facts>div:nth-child(3){border-left:0}
  .sds-facts>div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:950px){
  .sds-hero-v2 .sds-hero-grid{grid-template-columns:1fr;gap:40px}
  .sds-hero-product{max-width:760px}
  .sds-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sds-cta-inner{flex-direction:column;align-items:flex-start;padding:36px}
  .sds-subscribe-card{grid-template-columns:1fr}
}
@media(max-width:700px){
  .flagship-home.sds-compact .sds-hero-v2{padding:36px 0 44px}
  .sds-hero-product{padding:0 0 18px}
  .sds-float{padding:9px 12px;gap:9px;max-width:210px}
  .sds-float .sds-icon{padding:6px;width:16px;height:16px;flex-basis:16px}
  .sds-float strong{font-size:.76rem}
  .sds-float span{display:none}
  .sds-float-a{left:12px}
  .sds-float-b{display:none}
  .sds-hero-v2 .sds-actions .sds-btn{flex:1 1 100%}
  .sds-compare,.sds-module-grid,.sds-roles,.sds-facts{grid-template-columns:1fr}
  .sds-module-grid,.sds-roles{gap:12px}
  .sds-compare-col{padding:22px}
  .sds-compare-col li{padding:10px 12px}
  .sds-module-card,.sds-roles article{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:start;padding:18px}
  .sds-module-card .sds-icon,.sds-roles .sds-icon{grid-row:1/3;margin:0}
  .sds-module-card h3,.sds-roles h3{margin:2px 0 4px!important}
  .flagship-home .sds-module-card p{margin:0}
  .sds-module-more{display:none}
  .sds-facts>div+div{border-left:0;border-top:1px solid var(--line)}
  .sds-cta-band{padding-bottom:44px}
  .sds-cta-inner{padding:28px 22px;border-radius:18px}
  .sds-cta-inner .sds-actions{width:100%}
  .sds-cta-inner .sds-btn{flex:1 1 100%}
  .sds-insights{padding:44px 0}
  .sds-subscribe-card{padding:24px 20px}
  .sds-subscribe-row{flex-direction:column}
  .sds-subscribe-captcha{transform:scale(.92);transform-origin:0 0}
}