:root{
      --ps-bg: #fbf7f0;
      --ps-panel: #ffffff;
      --ps-accent: #18724f;
      --ps-accent-soft: #e3f2eb;
      --ps-text-main: #101010;
      --ps-text-muted: #606067;
      --ps-border-soft:#e5e1da;
      --ps-radius-pill: 999px;
      --ps-radius-panel: 28px;
    }

    *{ box-sizing:border-box; }

    body{
      font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:var(--ps-bg);
      color:var(--ps-text-main);
      line-height:1.6;
    }

    a{text-decoration:none;}

    /* Navbar */

    .ps-navbar{
      background:rgba(251,247,240,0.95);
      backdrop-filter: blur(18px);
      border-bottom:1px solid rgba(0,0,0,0.02);
    }

    .ps-navbar .navbar-brand{
      display:flex;
      align-items:center;
      gap:.5rem;
      font-weight:700;
      font-size:1.1rem;
    }

    .ps-logo-pill{
      width:34px;
      height:34px;
      border-radius:18px;
      background: radial-gradient(circle at 20% 20%, #4ed18a, #136642);
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 10px 22px rgba(0,0,0,0.18);
    }

    .ps-logo-pill i{
      color:#e9fff5;
      font-size:1.3rem;
    }

    .ps-nav-link{
      font-size:.92rem;
      font-weight:500;
      color:#444 !important;
      padding-inline:1rem !important;
    }

    .ps-nav-link:hover{
      color:#000 !important;
    }

    .ps-cta-btn{
      border-radius:var(--ps-radius-pill);
      padding:.55rem 1.4rem;
      font-weight:600;
      font-size:.9rem;
      background:var(--ps-accent);
      border:none;
      color:#fff;
      box-shadow:0 12px 28px rgba(10,88,50,.35);
    }

    .ps-cta-btn:hover{
      background:#0f5b3e;
      color:#fff;
    }

    /* Hero */

    .ps-hero{
      padding:6.5rem 0 4rem;
    }

    .ps-hero-title{
      font-size:3rem;
      line-height:1.07;
      font-weight:800;
      letter-spacing:-0.03em;
      margin-bottom:1rem;
    }

    @media (min-width: 992px){
      .ps-hero-title{ font-size:3.4rem; }
    }

    .ps-hero-sub{
      font-size:1.02rem;
      color:var(--ps-text-muted);
      max-width:440px;
    }

    .ps-hero-btn-secondary{
      border-radius:var(--ps-radius-pill);
      border:1px solid var(--ps-border-soft);
      background:#fff;
      padding:.55rem 1.4rem;
      font-weight:500;
      font-size:.9rem;
      color:#222;
    }

    .ps-hero-btn-secondary i{
      font-size:.9rem;
      margin-left:.3rem;
    }

    .ps-badge{
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      padding:.35rem .8rem;
      border-radius:var(--ps-radius-pill);
      background:#f0ebe3;
      font-size:.72rem;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:1.25rem;
      color:#6f6a60;
    }

    .ps-hero-list{
      margin-top:1.6rem;
      font-size:.9rem;
      color:#4b4b50;
    }

    .ps-hero-list li{
      margin-bottom:.4rem;
      display:flex;
      align-items:flex-start;
      gap:.45rem;
    }

    .ps-hero-list i{
      color:var(--ps-accent);
      margin-top:.15rem;
    }

    /* Right dashboard panel */

    .ps-hero-dashboard-wrap{
      background:linear-gradient(150deg,#f8f5ee,#f2f8f5);
      border-radius:var(--ps-radius-panel);
      padding:1.2rem;
      box-shadow:0 22px 60px rgba(10,14,30,0.16);
      position:relative;
    }

    .ps-hero-dashboard-inner{
      border-radius:22px;
      overflow:hidden;
      background:#fff;
      border:1px solid rgba(0,0,0,0.04);
    }

    .ps-hero-dashboard-inner img{
      width:100%;
      display:block;
    }

    .ps-hero-pill{
      position:absolute;
      left:14%;
      top:10%;
      width:54px;
      height:54px;
      border-radius:18px;
      background: radial-gradient(circle at 20% 20%, #4ed18a, #136642);
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 16px 35px rgba(0,0,0,0.3);
    }

    .ps-hero-pill i{
      color:#e9fff5;
      font-size:1.6rem;
    }

    /* Section generic */

    section.ps-section{
      padding:4.5rem 0;
    }

    .ps-section-label{
      font-size:.8rem;
      text-transform:uppercase;
      letter-spacing:.12em;
      color:#8c857b;
      font-weight:600;
      margin-bottom:.4rem;
    }

    .ps-section-title{
      font-size:2.1rem;
      font-weight:700;
      letter-spacing:-0.02em;
    }

    .ps-section-text{
      color:var(--ps-text-muted);
      max-width:620px;
    }

    /* “Dashboard / intro” row */

    .ps-panel{
      background:var(--ps-panel);
      border-radius:var(--ps-radius-panel);
      padding:2rem 2.25rem;
      border:1px solid rgba(0,0,0,0.04);
      box-shadow:0 14px 40px rgba(0,0,0,0.08);
    }

    .ps-panel h5{
      font-size:1.1rem;
      font-weight:600;
    }

    .ps-panel-muted{
      font-size:.92rem;
      color:var(--ps-text-muted);
    }

    /* Services */

    .ps-feature-card{
      background:#ffffff;
      border-radius:20px;
      padding:1.75rem 1.8rem;
      border:1px solid #efe6da;
      box-shadow:0 12px 30px rgba(0,0,0,0.04);
      height:100%;
    }

    .ps-icon-circle{
      width:40px;
      height:40px;
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:var(--ps-accent-soft);
      color:var(--ps-accent);
      margin-bottom:1rem;
    }

    /* Pricing */

    .ps-pricing-card{
      background:#fff;
      border-radius:24px;
      padding:2.2rem 2rem;
      border:1px solid #ebe4db;
      text-align:left;
      height:100%;
      position:relative;
    }

    .ps-pricing-card.popular{
      border-color:var(--ps-accent);
      box-shadow:0 18px 40px rgba(0,0,0,0.10);
    }

    .ps-price{
      font-size:2.1rem;
      font-weight:700;
      letter-spacing:-0.04em;
    }

    .ps-price span{
      font-size:.9rem;
      color:var(--ps-text-muted);
      font-weight:500;
    }

    .ps-pill-small{
      border-radius:999px;
      padding:.15rem .75rem;
      background:var(--ps-accent-soft);
      color:var(--ps-accent);
      font-size:.74rem;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:.08em;
      position:absolute;
      right:1.75rem;
      top:1.75rem;
    }

    /* FAQ */

    .accordion-button{
      background:#f6f1ea;
      font-weight:500;
    }
    .accordion-button:not(.collapsed){
      color:#111;
      background:#f0eadf;
      box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05);
    }

    /* Contact CTA */

    .ps-cta{
      background:#174f36;
      border-radius:var(--ps-radius-panel);
      padding:2.8rem 3rem;
      color:#f3fff9;
    }

    .ps-cta h2{
      font-size:2.1rem;
      font-weight:700;
      letter-spacing:-0.03em;
    }

    .ps-cta p{
      color:#c9e7d4;
    }

    .ps-cta .ps-cta-btn{
      background:#fff;
      color:#174f36;
      box-shadow:none;
    }

    .ps-cta .ps-cta-btn:hover{
      background:#f4f8f5;
      color:#123f2a;
    }

    /* Footer */

    footer{
      border-top:1px solid rgba(0,0,0,0.04);
      padding:1.8rem 0 1.6rem;
      font-size:.85rem;
      color:#77716a;
      background:#f6f1ea;
    }

    footer a{
      color:#5b554c;
    }