/* ==========================================================================
   solutions.php — page-specific styles
   Extracted from inline style="" attributes. Prefix: sol2- (kept distinct
   from the pre-existing global "sol-" classes defined in assets/css/style.css)
   Sections below mirror the HTML comment markers in solutions.php.
   ========================================================================== */

/* -------------------------------------------------------------------------
   S-HERO
   ------------------------------------------------------------------------- */
.sol2-hero-section{background-color:#fafcfb;background-image:radial-gradient(ellipse 70% 55% at 50% 0%,#eaf7ef,transparent 70%),linear-gradient(rgba(12,20,17,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(12,20,17,.03) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;padding:40px 20px clamp(48px,7vw,80px);display:flex;flex-direction:column;align-items:center}
.sol2-flex-col-center{display:flex;flex-direction:column;align-items:center}
.sol2-hero-title{max-width:820px}
.sol2-hero-highlight{color:#0f8a4a}
.sol2-hero-actions{max-width:540px}
.sol2-flex-btn-a{flex:1 1 230px}
.sol2-orbit-col{display:flex;flex-direction:column;gap:28px}
.sol2-icon-badge-40{width:40px;height:40px;font-size:22px;border-radius:10px}
.sol2-label-bold15{font-weight:700;font-size:15px}
.sol2-sublabel-12{font-size:12px;color:#5b6661;margin-top:2px}
.sol2-hero-web-row{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;align-items:center;border:1px solid #f0f3f1;border-radius:10px;padding:10px}
.sol2-hero-web-title{font-size:11px;font-weight:700;line-height:1.2}
.sol2-hero-web-sub{font-size:8px;color:#5b6661;margin-top:4px}
.sol2-hero-web-thumb{height:78px;position:relative;border-radius:6px;overflow:hidden}
.sol2-orbit-col-center{display:flex;flex-direction:column;gap:32px;align-items:center}
.sol2-orbit-wide{width:100%;max-width:260px}
.sol2-cube-letter{font-weight:800;font-size:55px;color:#2bd67b;letter-spacing:-3px;line-height:1}
.sol2-cube-label{font-weight:700;font-size:15px;margin-top:10px}
.sol2-cube-sub{font-size:11px;color:#a8b8b1;margin-top:2px}
.sol2-integration-row{display:flex;gap:8px;margin-top:14px}
.sol2-integration-icon{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid #edf1ef;box-shadow:0 4px 12px rgba(12,20,17,.06);display:flex;align-items:center;justify-content:center}
.sol2-integration-img{width:20px;height:20px;object-fit:contain}
.sol2-perf-sparkline{width:100%;height:64px;display:block;margin-top:10px}
.sol2-cube-compact{width:170px;height:170px}
.sol2-cube-letter-sm{font-weight:800;font-size:44px;color:#2bd67b;letter-spacing:-3px;line-height:1}
.sol2-icon-badge-sm38{width:38px;height:38px;font-size:20px;border-radius:10px}
.sol2-label-bold14{font-weight:700;font-size:14px}
.sol2-sublabel-12-lh{font-size:12px;color:#5b6661;margin-top:2px;line-height:1.35}

/* -------------------------------------------------------------------------
   S-PROBLEM
   ------------------------------------------------------------------------- */
.sol2-problem-wrap{background:#f6faf8;border:1px solid #e6efe9;border-radius:24px;padding:clamp(28px,4vw,56px) clamp(20px,3vw,40px);text-align:center}
.sol2-problem-title{font-size:clamp(26px,3.2vw,40px);letter-spacing:-1.2px;line-height:1.1;font-weight:800;margin:14px 0 0;text-wrap:balance}
.sol2-problem-lead{font-size:15px;line-height:1.6;color:#4d5853;max-width:560px;margin:14px auto 0}
.sol2-icon-badge-problem{width:44px;height:44px;font-size:24px;border-radius:11px}
.sol2-sublabel-13{font-size:13px;color:#5b6661;margin-top:2px}

/* -------------------------------------------------------------------------
   S-SOLUTIONS
   ------------------------------------------------------------------------- */
.sol2-solutions-section{padding-bottom:clamp(56px,8vw,96px)}
.sol2-solutions-wrap{display:flex;flex-direction:column;gap:clamp(64px,9vw,112px)}
.sol2-solution-num-row{display:flex;align-items:center;gap:10px}
.sol2-solution-num{font-size:11px;color:#fff;background:#12a150;padding:3px 7px;border-radius:5px}
.sol2-solution-label{font-size:11px;letter-spacing:2px;color:#0f8a4a}
.sol2-solution-heading{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-1.2px;font-weight:800;margin:16px 0 0;max-width:460px;text-wrap:balance}
.sol2-solution-desc{font-size:15px;line-height:1.6;color:#4d5853;margin:14px 0 0;max-width:460px}
.sol2-solution-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px 20px;margin-top:22px;max-width:480px}
.sol2-feature-item{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0}
.sol2-icon-circle-sm{width:18px;height:18px;font-size:13px}
.sol2-link-mt24{margin-top:24px}

/* Row 1 visual — browser mock + phone card */
.sol2-relative{position:relative}
.sol2-browser-card{border-radius:16px;overflow:hidden;box-shadow:0 24px 50px rgba(12,20,17,.09)}
.sol2-browser-topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid #eef2f0}
.sol2-dot-red{width:8px;height:8px;border-radius:50%;background:#f26b5b}
.sol2-dot-yellow{width:8px;height:8px;border-radius:50%;background:#f5c04e}
.sol2-dot-green{width:8px;height:8px;border-radius:50%;background:#5ccb6f}
.sol2-browser-brand{margin-left:12px;font-size:11px;display:flex;gap:4px}
.sol2-brand-n{color:#12a150}
.sol2-browser-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:230px}
.sol2-browser-copy{padding:24px 20px;display:flex;flex-direction:column;justify-content:center}
.sol2-browser-headline{font-size:clamp(15px,1.5vw,20px);font-weight:700;line-height:1.2}
.sol2-browser-subcopy{font-size:11px;color:#5b6661;margin-top:8px}
.sol2-browser-btnrow{display:flex;gap:6px;margin-top:14px}
.sol2-browser-btn-dark{background:#0c1411;color:#fff;font-size:9px;padding:6px 10px;border-radius:5px}
.sol2-browser-btn-light{border:1px solid #e3e9e6;font-size:9px;padding:6px 10px;border-radius:5px}
.sol2-phone-card{position:absolute;right:0;bottom:0;width:112px;height:224px;background:#fff;border:5px solid #0c1411;border-radius:22px;box-shadow:0 20px 40px rgba(12,20,17,.18);padding:14px 8px 8px;flex-direction:column;gap:8px}
.sol2-phone-title{font-size:11px;font-weight:700;line-height:1.15}
.sol2-phone-thumb-wrap{flex:1;position:relative}

/* Row 2 visual — automation flow */
.sol2-auto-trigger{border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px}
.sol2-icon-badge-34{width:34px;height:34px;font-size:19px;border-radius:9px}
.sol2-node-label{font-size:13px;font-weight:600}
.sol2-icon-badge-28{width:28px;height:28px;font-size:15px;border-radius:7px}
.sol2-integration-icon-lg{width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid #edf1ef;box-shadow:0 4px 12px rgba(12,20,17,.06);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.sol2-integration-img-lg{width:24px;height:24px;object-fit:contain}

/* Row 3 visual — infrastructure diagram */
.sol2-infra-panel{background:#0c1411;border-radius:20px;padding:clamp(20px,3vw,32px);background-image:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(43,214,123,.14),transparent 70%),radial-gradient(#1a2721 1px,transparent 1px);background-size:auto,18px 18px;box-shadow:0 24px 50px rgba(12,20,17,.18);display:flex;flex-direction:column;gap:26px}
.sol2-infra-row-top{display:flex;align-items:center}
.sol2-infra-node{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.sol2-infra-icon{font-size:26px;color:#fff;border:1px solid #2a3a33;background:#101c17;border-radius:14px;width:58px;height:58px;display:flex;align-items:center;justify-content:center}
.sol2-infra-icon-label{font-size:12px;color:#c9d6d0;font-weight:600}
.sol2-infra-icon-active{font-size:26px;color:#2bd67b;border:1px solid #1f6b43;background:rgba(43,214,123,.08);border-radius:14px;width:58px;height:58px;display:flex;align-items:center;justify-content:center}
.sol2-infra-icon-label-active{font-size:12px;color:#2bd67b;font-weight:600}
.sol2-infra-connector{flex:1;min-width:16px;border-top:1.5px dashed #2f6b4c;margin-bottom:24px}
.sol2-infra-row-bottom{display:flex;align-items:center;justify-content:center;gap:0;max-width:340px;margin:0 auto;width:100%}
.sol2-infra-badges-row{display:flex;gap:10px;flex-wrap:wrap}
.sol2-infra-badge{flex:1 1 120px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2a3a33;background:#101c17;border-radius:12px;padding:12px;font-size:13px;font-weight:600;color:#fff}
.sol2-infra-badge-icon{color:#2bd67b}

/* Row 4 visual — growth stats card */
.sol2-growth-card{border-radius:20px;padding:clamp(18px,2.4vw,26px);box-shadow:0 24px 50px rgba(12,20,17,.08)}
.sol2-growth-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.sol2-growth-label{font-size:14px;font-weight:600}
.sol2-growth-value{font-size:clamp(30px,3vw,38px);font-weight:800;color:#0f8a4a;letter-spacing:-1px;margin-top:4px}
.sol2-growth-period{font-size:12px;border:1px solid #e7ece9;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:4px}
.sol2-growth-chart{width:100%;height:auto;display:block;margin-top:10px}
.sol2-growth-months{display:flex;justify-content:space-between;font-size:10px;color:#6b7570;margin-top:4px}
.sol2-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:18px}
.sol2-stat-delta{font-size:11px;color:#0f8a4a;font-weight:600;margin-top:2px}

/* -------------------------------------------------------------------------
   S-ONE
   ------------------------------------------------------------------------- */
.sol2-one-section{background:#08120e;color:#fff;padding:clamp(56px,8vw,88px) 20px;background-image:radial-gradient(ellipse 50% 70% at 50% 0%,rgba(43,214,123,.16),transparent 70%)}
.sol2-text-accent{color:#2bd67b}
.sol2-one-title{font-size:clamp(28px,3.6vw,46px);letter-spacing:-1.4px;font-weight:800;margin:14px 0 0}
.sol2-one-lead{font-size:15px;color:#b7c6bf;margin:14px auto 0;max-width:560px;line-height:1.6}
.sol2-icon-badge-38b{width:38px;height:38px;font-size:21px;border-radius:10px}
.sol2-one-node-text{text-align:left;min-width:0}
.sol2-one-node-sub{font-size:12px;color:#5b6661}

/* -------------------------------------------------------------------------
   S-PROOF
   ------------------------------------------------------------------------- */
.sol2-proof-section{background:#f6faf8;border-top:1px solid #e6efe9;border-bottom:1px solid #e6efe9}
.sol2-section-title-md{font-size:clamp(26px,3vw,38px);letter-spacing:-1.1px;line-height:1.1;font-weight:800;margin:12px 0 0}
.sol2-proof-card-body{min-width:0;display:flex;flex-direction:column}
.sol2-proof-company{font-weight:800;font-size:19px;letter-spacing:-.4px}
.sol2-proof-excerpt{font-size:13px;color:#4d5853;line-height:1.5;margin-top:6px}
.sol2-proof-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.sol2-proof-link{margin-top:auto;padding-top:14px}

/* -------------------------------------------------------------------------
   S-USECASES
   ------------------------------------------------------------------------- */
.sol2-usecases-section{padding-bottom:clamp(32px,4vw,48px)}
.sol2-usecase-title{font-weight:700;font-size:15px;line-height:1.3}
.sol2-usecase-desc{font-size:13px;color:#5b6661;line-height:1.5;margin-top:6px}

/* -------------------------------------------------------------------------
   S-APPROACH
   ------------------------------------------------------------------------- */
.sol2-icon-badge-round56{border-radius:50%;width:56px;height:56px;font-size:24px}
.sol2-approach-text{flex:1;min-width:0}
.sol2-approach-step-num{font-size:11px;color:#0f8a4a}
.sol2-approach-title{font-weight:700;font-size:16px;margin-top:2px}
.sol2-approach-desc{font-size:13px;color:#5b6661;line-height:1.5;margin-top:4px}

/* -------------------------------------------------------------------------
   S-TECH
   (no page-specific classes needed beyond .sol2-section-title-md above)
   ------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
   S-FAQ
   ------------------------------------------------------------------------- */
.sol2-faq-section{padding-bottom:clamp(56px,8vw,88px)}
.sol2-expand-btn{background:none;border:none;cursor:pointer;padding:0}
.sol2-faq-q{justify-content:space-between}

/* -------------------------------------------------------------------------
   S-CTA
   ------------------------------------------------------------------------- */
.sol2-cta-bg{background:radial-gradient(circle at 80% 130%, transparent 0 58%, rgba(43,214,123,.55) 58.4%, rgba(43,214,123,.12) 60%, transparent 66%),radial-gradient(ellipse 45% 80% at 80% 60%, rgba(43,214,123,.14), transparent 70%),#08120e;padding:clamp(48px,7vw,72px) 20px}
.sol2-cta-content{max-width:640px}