:root {
      --white: #ffffff;
      --off: #f7f6f2;
      --lightgreen: #f2f9f2;
      --muted: #6b6b6b;
      --radius: 12px;
      --radius-sm: 8px;
      --border: #e4e4e4;
    }
.hero::after{
          content:'';
          position:absolute;
          top:-200px;right:-200px;
          width:700px;height:700px;
          background:radial-gradient(circle,rgba(122,184,0,0.08) 0%,transparent 70%);
          pointer-events:none;
        }
        .hero-badge{
          display:inline-flex;align-items:center;gap:8px;
          background:rgba(122,184,0,0.1);
          border:1px solid rgba(122,184,0,0.3);
          color:var(--accent);
          padding:6px 16px;border-radius:100px;
          font-size:0.78rem;font-weight:400;
          letter-spacing:1px;text-transform:uppercase;
          margin-bottom:28px;
        }
        .hero-badge::before{content:'●';font-size:0.5rem;animation:pulse 2s infinite;}
        @keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
        .hero h1{
          font-size:clamp(2.4rem,5vw,4rem);
          font-weight:800;line-height:1.1;
          letter-spacing:-1.5px;
          margin-bottom:24px;
        }
        .hero h1 span{color:var(--accent);}
        .hero-sub{
          font-size:1.15rem;color:#445566;
          max-width:680px;margin-bottom:40px;
          line-height:1.8;
        }
        .hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px;}
        .btn-primary{
          background:#0cbc15;color:#ffffff;
          padding:14px 32px;border-radius:10px;
          font-size:0.95rem;font-weight:700;
          text-decoration:none;transition:all 0.2s;
          display:inline-flex;align-items:center;gap:8px;
        }
        .btn-primary:hover{background:#191919;transform:translateY(-2px);box-shadow:0 8px 30px rgba(122,184,0,0.3);}
        .btn-secondary{
          background:transparent;color:var(--text);
          border:1px solid var(--border);
          padding:14px 32px;border-radius:10px;
          font-size:0.95rem;font-weight:500;
          text-decoration:none;transition:all 0.2s;
          display:inline-flex;align-items:center;gap:8px;
        }
        .btn-secondary:hover{border-color:var(--accent);color:#fff;}
        .hero-stats{
          display:flex;gap:48px;flex-wrap:wrap;
          padding-top:40px;
          border-top:1px solid var(--border);
        }
        .stat-item{}
        .stat-num{
          font-size:2.2rem;font-weight:800;
          color:var(--accent);line-height:1;
        }
        .stat-label{font-size:0.82rem;color:var(--muted);margin-top:4px;}
        /* Comparison table */
        .compare-table{width:100%;border-collapse:collapse;border-radius:var(--radius);overflow:hidden;border:1px solid #cfcfcf;background-color: white;}
        .compare-table th{background:#28af60;color:white;padding:0.875rem 1.25rem;text-align:left;font-size:0.875rem;font-weight:700}
        .compare-table td{padding:0.75rem 1.25rem;font-size:0.875rem;border-bottom:1px solid #e3e8ed;}
        .compare-table tr:nth-child(even){background:#f5f7f9;}
        .compare-table .manual{color:hsl(0 60% 50%)}
        .compare-table .auto{color:#28af60;font-weight:600}

        /* Dept horizontal scroll */
            .dept-grid {
                display: grid;
                grid-template-columns: repeat(2,1fr);
                gap: 1.25rem
            }

            @media(min-width: 768px) {
                .dept-grid {
                    grid-template-columns:repeat(3,1fr)
                }
            }

            @media(min-width: 1024px) {
                .dept-grid {
                    grid-template-columns:repeat(5,1fr)
                }
            }

            .dept-card {
                border: 1px solid #28af60;
                border-radius: 6px;
                padding: .2rem 1.25rem .6rem 1.25rem;
                background: #ffffff;
                transition: all 0.25s;
                position: relative;
                overflow: hidden
            }

            .dept-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: #28af60;
                transform: scaleX(0);
                transition: transform 0.3s;
                transform-origin: left
            }

            .dept-card:hover {
                border-color: #28af60;
                box-shadow: #cfcfcf;
                transform: translateY(-2px)
            }

            .dept-card:hover::before {
                transform: scaleX(1)
            }

            .dept-card h3 {
                font-size: 1rem;
                font-weight: 700;
                margin-top: 10px;
                line-height: normal;
                color: #28af60;
                margin-bottom: 0.5rem;
                display: flex;
                align-items: center;
                gap: 0.5rem
            }

            .dept-card h3::before {
                content: '';
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #28af60;
                flex-shrink: 0
            }

            .dept-card p {
                font-size: 0.8125rem;
                color: #5e666e;
                line-height: 1.6
            }

            .industry-card {
                background: #ffffff;
                border-radius: 10px;
                padding: 1.25rem;
                border: 1px solid #e3e8ed;
                transition: border-color 0.2s;
            }


        /* SECTION TITLES */
        .box-prepared-section{
          padding-top: 55px !important;
        }
        section{padding:80px 0;position:relative;z-index:1;}
        .section-tag{
          display:inline-block;
          background:rgba(122,184,0,0.1);
          color:var(--accent);
          border:1px solid rgba(122,184,0,0.25);
          padding:4px 14px;border-radius:100px;
          font-size:0.75rem;font-weight:600;
          letter-spacing:0.8px;text-transform:uppercase;
          margin-bottom:16px;
        }
        .section-title{
          font-size:clamp(1.8rem,3vw,2.6rem);
          font-weight:800;letter-spacing:-0.5px;
          line-height:1.15;margin-bottom:16px;
        }
        .section-title span{color:var(--accent);}
        .section-sub{font-size:1.2rem;color:var(--muted);max-width:600px;line-height:1.8;}
        .section-sub2{font-size:1.2rem;color:var(--muted);max-width:800px;line-height:1.8;}
        .section-header{margin-bottom:56px;}
        .section-header-centered{text-align:center;margin-bottom:56px;}
        .section-header-centered .section-sub, .section-header-centered .section-sub2{margin:0 auto;}
        .gridx2{
          display: grid;
          gap: 2rem;
          grid-template-columns: repeat(2,minmax(0,1fr));
        }
        .gridx2 .case-header{
          background: linear-gradient(135deg, rgba(122, 184, 0, 0.08), rgba(122, 184, 0, 0.02));
          padding: 28px;
          border-bottom: 1px solid var(--border);
          font-size: 17px;
          font-weight: 600;
        }
        .gridx2 .before {
            color: hsl(0 60% 50%);
        }
        .gridx2 .after {
            color: #1e8549;
            font-weight: 600;
        }
        .case-metrics {
          display: flex;
          flex-wrap: wrap;
          gap: 0.75rem;
          margin-top: 1rem;
        }
        .case-metric {
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.375rem 0.875rem;
            border-radius: 9999px;
            background: #eef6f2;
            color: #1e8549;
        }
        .grid{
          display: grid;
          gap: 2rem;
          grid-template-columns: repeat(4,minmax(0,1fr));
        }
        .grid2{
          display: grid;
          gap: 2rem;
          grid-template-columns: repeat(3,minmax(0,1fr));
        }
        .gridx3{
          display: grid;
          gap: 1rem;
          grid-template-columns: repeat(3,minmax(0,1fr));
        }
        .gridx3 h3{
          font-size: 18px;
        }
        .gridx5{
          display: grid;
          gap: 2rem;
          grid-template-columns: repeat(5,minmax(0,1fr));
        }
        .gridx5 .grid-box{
          background-color: white;
          padding: 1.25rem;    
          border: 1px solid #cfcfcf;    
          border-radius: 6px;
        }
        .gridy{
              gap: 2.5rem;
            justify-content: center;
            flex-wrap: wrap;
            max-width: 67rem;
            display: flex;
            margin-left: auto;
            margin-right: auto;
        }
        .gridy-box{
          text-align: center;
          align-items: center;
          flex-direction: column;
          width: 11rem;
          display: flex;          
        }
        .gridy-box img{
          width: 80px;
        }
        .gridy-box h3{
          font-size: 1.2rem;
          line-height: normal;
          margin: 10px 0;
        }
        .grid-tag{
            background-color: white;
            padding: 2px 16px;
            display: block;
            float: left;
            border-radius: 30px;
            margin-right: 12px;
            margin-bottom: 12px;
            border: 1px solid #cfcfcf;
        }
        .grid-tag h3{
          font-size: 1rem;
        }
        .grid-box{
          background-color: white;
          padding: 1.25rem;
          border-width: 1px;
          border-radius: .75rem;
          border-color: hsl(210, 20.8%, 90.6%);
        }
        .grid-box h3{
          font-weight: 600;
          color: black;
          font-size: 1rem;
        }
        .grid-box p{
          color: gray;
        }
        ul.list-points{
          box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb;
        }
        ul.list-points li{
          padding: 1rem;
          background-color: white;
          border: 1px solid #d8d8d8;
          border-radius:.75rem;
          gap: .75rem;
          display: flex;
          font-size: 1rem;
          line-height: 1.25rem;
          margin-bottom: 13px;
        }
        ul.list-points li span{
          color: hsl(145.1, 63.6%, 42%);
          background-color: hsl(145deg 49.09% 90.17%);
          width: 1.42rem;
          height: 1.42rem;
          border-radius: 50%;
          text-align: center;
          padding-top: 1px;
        }
        ul.list-points li:hover{
          border-color: hsla(145.1, 62.7%, 46.3%, 0.4);
          box-shadow: 0 8px 32px -4px hsl(210 20% 70% / .4);    
          background-color: #f7fffb;
        }
        /* Maintenance ribbon */
        .maint-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ebebeb;border-radius:1rem;overflow:hidden}
        .maint-cell{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;transition:background 0.2s}
        .maint-cell:hover{background:white}
        .maint-cell:not(:last-child){border-right:1px solid #ebebeb;}
        .maint-cell:nth-child(-n+4){border-bottom:1px solid #ebebeb;}
        .maint-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:hsla(145,63%,42%,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem}
        .maint-icon svg{width:1.25rem;height:1.25rem;color:#28af60;}
        @media(max-width:639px){.maint-grid{grid-template-columns:repeat(2,1fr)}
          .maint-cell:nth-child(-n+4){border-bottom:1px solid hsl(var(--border))}
          .maint-cell:nth-child(2n){border-right:none}
          .maint-cell:nth-child(2n+1){border-right:1px solid hsl(var(--border))}
        }
        .response-bar{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;font-size:0.875rem;color:#4e4e4e;}
        .response-bar .sep{color:hsl(var(--border))}
        .text-sm{ font-size: 17px; line-height: 24px; font-weight: 600;}

        .section-badge{display: inline-block;font-size: 0.75rem;font-weight: 600;padding: 0.35rem 1rem 0.8rem 0;color: #118b17;background: #eef6f2;}

        /* Hosting table */
        .hosting-table{max-width:48rem;margin:0 auto;border-radius:1rem;overflow:hidden;border:1px solid hsl(210deg 21.4% 91.7%);}
        .hosting-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem}
        .hosting-row:not(:last-child){border-bottom:1px solid #e4e4e4;}
        .hosting-row:nth-child(odd){background:#f5f7f9;}
        .hosting-row svg{width:1.25rem;height:1.25rem;color:red;flex-shrink:0}
        .hosting-row .title{font-weight:600;font-size:0.875rem;flex:1}
        .hosting-row .desc{font-size:0.875rem;color:gray;max-width:50%;text-align:right}
        @media(max-width:639px){.hosting-row .desc{display:none}}

        .grid-oval-main{
          display: grid;
          gap: 1rem;
          grid-template-columns: repeat(4,minmax(0,1fr));
        }
        .grid-oval{
          padding: 1.25rem;
          border-radius: 80px;
          text-align: center;
          border: 1px solid #dbdbdb;
        }
        .grid-oval h3{
          font-size: 33px;
          color: #0cbc15;
        }
        .grid-oval p{
          color: #868686;
        }

        /* SERVICES GRID */
        .services-grid{
          display:grid;
          grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
          gap:24px;
        }
        .services-grid2{
          display:grid;
          grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
          gap:24px;
        }
        .services-grid3{
          display:grid;
          grid-template-columns:repeat(3,minmax(290px,1fr));
          gap:24px;
        }
        .service-card{
          background: #fefefe;
            border: 1px solid #ccc;
            border-radius: 16px;
            padding: 32px;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }
        .service-card::before{
          content:'';
          position:absolute;top:0;left:0;right:0;
          height:2px;
          background:linear-gradient(90deg,var(--accent),transparent);
          opacity:0;transition:opacity 0.3s;
        }
        .service-card:hover{
          border-color: hsla(145.1, 62.7%, 46.3%, 0.4);
          box-shadow: 0 8px 32px -4px hsl(210 20% 70% / .4);
          color: black;
        }
        .service-card:hover::before{opacity:1;}
        .service-icon{
          width:52px;height:52px;
          background:rgba(122,184,0,0.12);
          border-radius:14px;
          display:flex;align-items:center;justify-content:center;
          margin-bottom:20px;
          font-size:1.5rem;
        }
        .service-card h3{
          font-size:1.3rem;font-weight:600;
          margin-bottom:12px;color:var(--text);
        }
        .service-card:hover h3{
          color: black;
        }.service-card:hover p{
          color: ccc;
        }
        .service-emoji { font-size: 2rem; margin-bottom: 1rem; }
        .service-card p{font-size:0.9rem;color:var(--muted);line-height:1.7;}
        .service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;}
        .tag{
          position: static;
          background:#efefef;
          border:1px solid var(--border);
          color:var(--muted);
          padding:3px 10px;border-radius:6px;
          font-size:0.72rem;font-weight:500;
        }
        .tag:hover{
          background:#fff;
        }
        .success-box{
          border-width: 1px;
          border-radius: .75rem;
          margin-top: 2.5rem;
          color: hsl(211.8, 8%, 41.8%);
          background-color:hsla(145 30% 95%);
          padding: 1.5rem;
          border-color:hsla(144.8, 65.1%, 41.6%, 0.1);
        }
        .success-box strong{
          color: hsl(0deg 0% 28.43%);
        }
        .bg-warm-yellow{
          background-color: hsl(30, 33.3%, 96.5%);
        }
        .bg-light-gray{
          background-color: hsl(0deg 0% 97.34%);
        }
        /* HIGHLIGHT BOX */
        .highlight-box{
          background: #e2f6e3;
            border: 1px solid #ffffff;
            border-radius: 16px;
            padding: 32px;
            margin: 48px 0;
        }
        .highlight-box p{color:#535353;font-size:1rem;line-height:1.8;}
        /* COMPARISON TABLE */
        .comparison-section { background: var(--off); }
        .comparison-table { width: 100%; border-collapse: collapse; background: var(--white); border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); }
        .comparison-table th { padding: 1rem 1.25rem; text-align: left; font-family: var(--font-head); font-size: 0.95rem; font-weight: 700; }
        .comparison-table th:first-child { background: var(--off); color: var(--brand); }
        .comparison-table th:nth-child(2) { background: #0cbc15; color: #000000;}
        .comparison-table th:nth-child(3) { background: #e1e1e1; color: var(--muted); }
        .comparison-table td { padding: 0.9rem 1.25rem; font-size: 0.88rem; border-bottom: 1px solid var(--border); vertical-align: top; line-height: 1.55; }
        .comparison-table tr:last-child td { border-bottom: none; }
        .comparison-table td:first-child { font-weight: 600; color: var(--brand); background: rgba(247,246,242,0.5); }
        .comparison-table td:nth-child(2) { color: var(--brand); }
        .comparison-table td:nth-child(3) { color: var(--muted); }

        /* PROCESS */
        .process-section{background:#f0f4f8;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
        .process-grid{
          display:grid;
              grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
          gap:2px;
        }
        .process-step{
          background:#f0f4f8;
          padding:32px;
          position:relative;
          transition:background 0.2s;
        }
        .process-step:hover{background:#fff;}
        .step-num{
          font-size:3rem;font-weight:800;
          color:rgba(122,184,0,0.2);
          line-height:1;margin-bottom:12px;
        }
        .process-step h3{
          font-size:1.2rem;font-weight:700;
          margin-bottom:8px;color:var(--text);
        }
        .process-step p{font-size:0.9rem;color:var(--muted);line-height:1.6;}
        .step-deliverable{
          margin-top:12px;
          font-size:0.9rem;
          color:#0cbc15;
          font-weight:600;
        }
        .step-deliverable::before{content:'→ ';}
        /* INDUSTRIES */
        .industries-grid{
          display:grid;
          grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
          gap:16px;
        }
        .industry-list{
          padding-right: 70px;
        }
        .ili-text{
          margin-bottom: 10px;
        }
        .ili-text h3{
          line-height: normal;
          font-size:1.1rem;font-weight:700;
          margin-bottom:3px;color:var(--text);
        }
        .ili-text p{
          font-size:0.9rem;
          line-height:1.55;
          color: #6b6b6b;
        }
        

        /* RIGHT MOSAIC */
        .industries-right{position:sticky;top:100px;}

        .img-mosaic{position:relative;display:flex;flex-direction:column;gap:12px;}

        .mosaic-top{display:grid;grid-template-columns:2fr 1fr;gap:12px;height:280px;}
        .mosaic-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:180px;}

        .mosaic-img{
          border-radius:16px;
          overflow:hidden;
          position:relative;
        }
        .mosaic-img img{
          width:100%;height:100%;
          object-fit:cover;
          display:block;
          transition:transform 0.4s;
        }
        .mosaic-img:hover img{transform:scale(1.05);}

        .mosaic-overlay{
          position:absolute;bottom:0;left:0;right:0;
          background:linear-gradient(transparent,rgba(0,0,0,0.55));
          padding:20px 14px 12px;
        }
        .mosaic-overlay span{
          font-size:0.75rem;
          font-weight:700;
          letter-spacing:0.3px;
          color: white;
        }
        /* Floating badge */
        .mosaic-badge{
          position:absolute;
          top:-18px;right:-18px;
          background:#0cbc15;
          border-radius:16px;
          padding:14px 20px;
          text-align:center;
          box-shadow:0 8px 24px rgba(122,184,0,0.35);
          z-index:10;
        }
        .mosaic-badge-num{
          font-size:1.6rem;font-weight:800;
          color:#fff;line-height:1;
        }
        .mosaic-badge-label{
          font-size:0.68rem;font-weight:600;
          color:rgba(255,255,255,0.85);
          text-transform:uppercase;letter-spacing:0.5px;
          margin-top:2px;
        }
        /* CASE STUDIES */
        .case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;}
        .case-card{
          background: white;
          border:1px solid #e6e6e6;
          border-radius:16px;
          overflow:hidden;
          transition:all 0.3s;
        }
        .case-card:hover{border-color:rgba(122,184,0,0.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.1);}
        .case-header{
          background:linear-gradient(135deg,rgba(122,184,0,0.08),rgba(122,184,0,0.02));
          padding:28px;
          border-bottom:1px solid var(--border);
        }
        .case-tag{
          display:inline-block;
          background:rgba(122,184,0,0.15);
          color:var(--accent);
          padding:3px 10px;border-radius:6px;
          font-size:0.72rem;font-weight:700;
          letter-spacing:0.5px;text-transform:uppercase;
          margin-bottom:12px;
        }
        .case-header h3{
          font-size:1.1rem;
          font-weight:700;
          margin-bottom:8px;
          line-height: 23px;
        }
        .case-header p{font-size:0.85rem;color:var(--muted);}
        .case-body{padding:28px;}
        .case-metric{
          display:flex;align-items:center;gap:12px;          
        }
        .metric-val{
          font-size:1.3rem;font-weight:800;
          color:var(--accent);min-width:70px;
        }
        .metric-label{font-size:0.82rem;color:var(--muted);}

        /* CTA */
        .cta-section{background:#22262a;padding:5rem 0}
        .cta-section h2{color:white}
        .cta-section h2 span{color:#28af60;}
        .cta-section p{color:hsla(0,0%,100%,0.7)}

        /* Related links */
        .related-link{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;border:1px solid #cdcdcd;border-radius:8px;transition:all 0.2s; color: black;}
        .related-link:hover{border-color:#28af60;background:#eef6f2; color: black;}
        .related-link svg{color:#28af60;}


        /* Trust pills */
        .trust-pills{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center}
        .trust-pill{font-size:0.8125rem;font-weight:600;padding:0.5rem 1.25rem;border-radius:9999px;background:#f5f7f9;border:1px solid #e3e8ed;transition:all 0.2s}
        .trust-pill:hover{border-color:#28af60;background:#eef6f2;}

        /* CTA grid */
        .cta-grid{display:grid;gap:1rem}
        @media(min-width:640px){.cta-grid{grid-template-columns:repeat(2,1fr)}}
        @media(min-width:1024px){.cta-grid{grid-template-columns:repeat(3,1fr)}}
        .cta-card{padding:1.25rem;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,0.15);transition:all 0.2s}
        .cta-card:hover{border-color:#28af60;;background:hsla(0,0%,100%,0.05)}
        .cta-card h3{color:white;font-size:0.9375rem;margin-bottom:0.375rem}
        .cta-card p{font-size:0.8125rem;color:hsla(0,0%,100%,0.6);line-height:1.5}


        /* PRICING */

        .custom-grid{display:grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 235px; margin-top: 30px;}
        .single-grid{background-color: #f4f4f4; border: 1px solid #e4e4e4; border-radius: 8px; padding: 20px 30px;}
        .single-grid .number{ color:hsl(145.1, 63.6%, 42%); font-weight:800 }

        .pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
        .pricing-grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr)) !important;gap:24px;}
        .pricing-grid3{display:grid;gap:24px;font-size: 1.875rem;line-height: 2.25rem;}
        .pricing-card{
          background:#fafafa;
          border:1px solid #e8e8e8;
          border-radius:16px;
          padding:32px;
          position:relative;
          transition:all 0.3s;
        }
        .pricing-card.featured{
          border-color:#c3e6c7;
          background:#f6fff7;
          box-shadow:0 8px 32px rgba(122,184,0,0.15);
        }
        .pricing-card.featured::before{
          content:'Most Popular';
          position:absolute;top:-12px;left:50%;transform:translateX(-50%);
          background:var(--accent);color:#ffffff;
          padding:4px 16px;border-radius:100px;
          font-size:0.72rem;font-weight:800;
          letter-spacing:0.5px;text-transform:uppercase;
          white-space:nowrap;
        }
        .pricing-type{
          font-size:0.78rem;font-weight:600;
          color:var(--muted);text-transform:uppercase;
          letter-spacing:1px;margin-bottom:12px;
        }
        .pricing-popular{
          color: #0cbc15;
        }
        .pricing-card h3{
          font-size:1.2rem;font-weight:800;
          margin-bottom:8px;
        }
        .pricing-price{
          font-size:1.6rem;font-weight:800;
          color:var(--accent);margin:0;
        }
        .pricing-price sub{font-size:0.9rem;font-weight:400;color:var(--muted);}
        .pricing-timeline{
          font-size:0.82rem;color:var(--muted);
          padding:8px 12px;
          background:rgba(255,255,255,0.04);
          border-radius:6px;
          
        }
        .pricing-features{list-style:none;}
        .pricing-features li{
          font-size:0.85rem;color:var(--muted);
          padding:0px;
          border-bottom:1px solid rgba(255,255,255,0.04);
          display:flex;align-items:center;gap:8px;
        }
        .pricing-features li::before{content:'✓';color:var(--accent);font-weight:700;} 
        .plan-cta {
          margin-top: 10px;
            display: block;
            text-align: center;
            padding: 0.7rem;
            border-radius: var(--radius-sm);
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
            transition: all 0.2s;
        }
        .plan-cta-outline { border: 1.5px solid #434343; color: #434343; }
        .plan-cta-outline:hover { background: #fff; color: #000; }
        .plan-cta-filled { background: #0DBC14; color: #000; }
        .plan-cta-filled:hover { background: #000; color:#fff }
        
        /* TESTIMONIALS */
        .testimonials-section{background:#f0f4f8;border-top:1px solid var(--border);}
        .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;}
        .testimonial-card{
          background: #f7fcf8;
          border: 1px solid #c3e6c7;
          border-radius:16px;
          padding:32px;
          transition:all 0.3s;
        }
        .testimonial-card:hover{border-color:rgba(181,228,0,0.2);}
        .stars{color:#0cbc15;font-size:0.85rem;margin-bottom:16px;letter-spacing:2px;}
        .testimonial-text{
          font-size:1rem;color:#445566;
          line-height:1.75;
          margin-bottom:20px;
        }
        .testimonial-author{display:flex;align-items:center;gap:12px;}
        .author-avatar{
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background: #0cbc15;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 800;
          font-size: 0.9rem;
          color: #ffffff;
          flex-shrink: 0;
        }
        .author-name{font-size:0.9rem;font-weight:700;}
        .author-role{font-size:0.75rem;color:var(--muted);}       
        /* BADGES */
        .badges-section{padding:60px 0;border-top:1px solid var(--border);}
        .badges-grid{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;}
        .badge-item{text-align:center;}
        .badge-item img{height: 80px}
        .badge-icon{font-size:2.5rem;display:block;margin-bottom:8px;}
        .badge-label{font-size:0.9rem;color:#464646;font-weight: normal;}

        /* PAIN POINTS */
      .pain-section { background: var(--lightgreen); }
      .pain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 1.5rem; }
      .pain-card { background: var(--white); border-radius: var(--radius); border: 1px solid var(--border); padding: 1.75rem; transition: box-shadow 0.2s, transform 0.2s; }
      .pain-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.07); transform: translateY(-3px); }
      .pain-icon { font-size: 1.8rem; margin-bottom: 1rem; }
      .pain-card h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.6rem; color: var(--brand); line-height: normal;}
      .pain-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.65; margin-bottom: 1rem; }
      .pain-fix { background: #f0faf5; border-left: 3px solid #2ecc71; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 0.65rem 0.9rem; font-size: 0.85rem; color: #1a7a45; line-height: 1.5; }
      .pain-fix2 { font-size: 0.9rem; color: #099710; line-height: 1.5; }



