/* === about === */
:root{
      --brand-green:#245C44;
      --brand-green-dark:#1a4538;
      --brand-green-soft:#2d7a5e;
      --accent:#358f6d;
      --accent-soft:#e8f5f0;
      --text:#171421;
      --muted:#5a6b63;
      --border:#dce8e3;
      --shadow:0 18px 50px rgba(36,92,68,.08);
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}

    .navbar{
      position:sticky;top:0;z-index:50;
      backdrop-filter:blur(14px);
      background:rgba(255,255,255,.86);
      border-bottom:1px solid rgba(220,232,227,.85);
    }
    .nav-wrap{
      min-height:80px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }
    .nav-wrap .brand{flex-shrink:0}
    .nav-wrap .nav-links{flex:1;justify-content:center}
    .nav-wrap .btn{flex-shrink:0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}
    .brand-badge{
      width:44px;height:44px;border-radius:14px;
      background:var(--brand-green);
      display:grid;place-items:center;
      box-shadow:0 12px 28px rgba(36,92,68,.22);
      overflow:hidden;flex:0 0 44px;
    }
    .brand-badge img{width:100%;height:100%;object-fit:cover}
    .brand span strong{display:block;color:var(--text);line-height:1.1;font-size:1.25rem}
    .brand span small{display:none}
    .nav-links{display:flex;align-items:center;gap:28px;color:#423d52;font-size:.94rem;font-weight:500}
    .nav-links a{position:relative}
    .nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-links a:hover::after,.nav-links a.active::after{width:100%}
    .nav-dropdown{position:relative}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-width:240px;padding:12px 0;opacity:0;visibility:hidden;transition:.2s ease;z-index:100}
    .nav-dropdown-menu a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text)}
    .nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      padding:14px 22px;border-radius:16px;border:0;cursor:pointer;
      font-weight:700;font-size:.95rem;transition:.25s ease;white-space:nowrap;
    }
    .btn-accent{
      background:linear-gradient(135deg,var(--accent) 0%,#4aab8a 100%);
      color:#fff;box-shadow:0 16px 35px rgba(53,143,109,.22);
    }
    .btn-accent:hover{transform:translateY(-2px)}

    .about-hero{padding:80px 0 100px}
    .about-grid{display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:start}
    .about-photo{
      width:100%;aspect-ratio:1;border-radius:24px;
      background:linear-gradient(135deg,#eef5f2 0%,#fff 100%);
      border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)
    }
    .about-photo img{width:100%;height:100%;object-fit:cover}
    .about-content h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1;margin:0 0 28px;font-weight:800;letter-spacing:-.03em}
    .about-content h1 .accent{color:var(--accent)}
    .about-content p{margin:0 0 20px;font-size:1.05rem;line-height:1.9;color:var(--text)}
    .about-content ul{margin:24px 0;padding-left:24px}
    .about-content li{margin-bottom:12px;font-size:1.05rem;line-height:1.8;color:var(--text)}
    .about-content .closing{margin-top:28px;font-weight:600;color:var(--muted)}

    .footer{
      padding:48px 0;
      border-top:1px solid var(--border);
      color:var(--muted);
    }
    .footer-box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
    .footer .brand small{display:block;font-size:.8rem;font-weight:500;margin-top:2px}
    .footer-contact{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .footer-contact a{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600}
    .footer-contact a:hover{text-decoration:underline}

    @media (max-width: 900px){
      .about-grid{grid-template-columns:1fr}
      .about-photo{max-width:280px;margin:0 auto}
    }
    @media (max-width: 760px){
      .nav-links{display:none}
      .about-hero{padding:60px 0 80px}
      .footer-box{flex-direction:column;text-align:center}
      .footer-contact{justify-content:center}
    }

/* === contact === */
:root{--brand-green:#245C44;--accent:#358f6d;--accent-soft:#e8f5f0;--text:#171421;--muted:#5a6b63;--border:#dce8e3;--shadow:0 18px 50px rgba(36,92,68,.08);--container:1180px;--content-width:800px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    main .container{max-width:min(var(--content-width),calc(100% - 32px))}
    .navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(220,232,227,.85)}
    .nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .nav-wrap .brand{flex-shrink:0} .nav-wrap .nav-links{flex:1;justify-content:center} .nav-wrap .btn{flex-shrink:0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}
    .brand-badge{width:44px;height:44px;border-radius:14px;background:var(--brand-green);display:grid;place-items:center;box-shadow:0 12px 28px rgba(36,92,68,.22);overflow:hidden;flex:0 0 44px}
    .brand-badge img{width:100%;height:100%;object-fit:cover}
    .brand span strong{display:block;color:var(--text);line-height:1.1;font-size:1.25rem} .brand span small{display:none}
    .nav-links{display:flex;align-items:center;flex-wrap:nowrap;gap:28px;color:#423d52;font-size:.94rem;font-weight:500;min-width:0}
    .nav-links > a,.nav-dropdown > a{white-space:nowrap}
    .nav-links > a{position:relative} .nav-links > a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-links > a:hover::after,.nav-links > a.active::after{width:100%}
    .nav-dropdown > a{position:relative} .nav-dropdown > a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-dropdown:hover > a::after{width:100%}
    .nav-dropdown{position:relative}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-width:240px;padding:12px 0;opacity:0;visibility:hidden;transition:.2s ease;z-index:100}
    .nav-dropdown-menu a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text)}
    .nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;border:0;cursor:pointer;font-weight:700;font-size:.95rem;transition:.25s ease;white-space:nowrap}
    .btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#4aab8a 100%);color:#fff;box-shadow:0 16px 35px rgba(53,143,109,.22)}
    .btn-accent:hover{transform:translateY(-2px)}
    .contact-hero{padding:80px 0 32px;text-align:center}
    .contact-hero h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.12;margin:0 0 12px;font-weight:800;letter-spacing:-.03em}
    .contact-hero h1 .accent{color:var(--accent)}
    .contact-hero p{margin:0 auto;max-width:520px;font-size:1.05rem;color:var(--muted);line-height:1.7}
    .contact-section{padding:12px 0 80px}
    .contact-grid{display:grid;gap:16px;max-width:520px;margin:0 auto}
    .contact-card{
      display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;border:1px solid var(--border);
      background:linear-gradient(180deg,#fafcfb 0%,#fff 100%);box-shadow:var(--shadow);
      transition:transform .2s ease,box-shadow .2s ease
    }
    .contact-card:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(36,92,68,.1)}
    .contact-card .icon{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center;font-size:1.35rem;flex-shrink:0}
    .contact-card .body{min-width:0}
    .contact-card .body strong{display:block;font-size:1.05rem;margin-bottom:4px}
    .contact-card .body a{color:var(--accent);font-weight:600;font-size:.95rem;word-break:break-word}
    .contact-card .body a:hover{text-decoration:underline}
    .footer{padding:48px 0;border-top:1px solid var(--border);color:var(--muted)}
    .footer-box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
    .footer .brand small{display:block;font-size:.8rem;font-weight:500;margin-top:2px}
    .footer-contact{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .footer-contact a{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600}
    .footer-contact a:hover{text-decoration:underline}
    @media (max-width: 760px){.nav-links{display:none} .contact-hero{padding:60px 0 28px} .footer-box{flex-direction:column;text-align:center} .footer-contact{justify-content:center}}

/* === results === */
:root{--brand-green:#245C44;--accent:#358f6d;--accent-soft:#e8f5f0;--text:#171421;--muted:#5a6b63;--border:#dce8e3;--shadow:0 18px 50px rgba(36,92,68,.08);--container:1180px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(220,232,227,.85)}
    .nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .nav-wrap .brand{flex-shrink:0} .nav-wrap .nav-links{flex:1;justify-content:center} .nav-wrap .btn{flex-shrink:0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}
    .brand-badge{width:44px;height:44px;border-radius:14px;background:var(--brand-green);display:grid;place-items:center;box-shadow:0 12px 28px rgba(36,92,68,.22);overflow:hidden;flex:0 0 44px}
    .brand-badge img{width:100%;height:100%;object-fit:cover}
    .brand span strong{display:block;color:var(--text);line-height:1.1;font-size:1.25rem} .brand span small{display:none}
    .nav-links{display:flex;align-items:center;gap:28px;color:#423d52;font-size:.94rem;font-weight:500}
    .nav-links a{position:relative} .nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-links a:hover::after{width:100%}
    .nav-dropdown{position:relative}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-width:240px;padding:12px 0;opacity:0;visibility:hidden;transition:.2s ease;z-index:100}
    .nav-dropdown-menu a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text)}
    .nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;border:0;cursor:pointer;font-weight:700;font-size:.95rem;transition:.25s ease;white-space:nowrap}
    .btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#4aab8a 100%);color:#fff;box-shadow:0 16px 35px rgba(53,143,109,.22)}
    .btn-accent:hover{transform:translateY(-2px)}
    .results-hero{padding:80px 0 48px;text-align:center}
    .results-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1;margin:0 0 12px;font-weight:800;letter-spacing:-.03em}
    .results-hero h1 .accent{color:var(--accent)}
    .results-hero p{margin:0 auto;max-width:640px;font-size:1.05rem;color:var(--muted);line-height:1.7}
    .results-section{padding:56px 0 72px}
    .results-section.alt{background:#fafcfb}
    .results-platform{max-width:800px;margin:0 auto 0}
    .results-platform + .results-platform{margin-top:56px;padding-top:48px;border-top:1px solid var(--border)}
    .results-section h2.platform-title{font-size:clamp(1.75rem,3vw,2.1rem);font-weight:800;margin:0 0 8px;letter-spacing:-.02em;color:var(--brand-green)}
    .results-platform .hook{font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}
    .results-platform .hook .accent{color:var(--accent)}
    .results-platform .lede{margin:0 0 32px;font-size:1.08rem;line-height:1.9;color:var(--text)}
    .results-platform h3.subhead{font-size:1.2rem;font-weight:800;margin:36px 0 14px;color:var(--text)}
    .results-platform h4.client-type{font-size:1.1rem;font-weight:700;margin:24px 0 10px;color:var(--text)}
    .results-platform p{margin:0 0 18px;font-size:1.02rem;line-height:1.85;color:var(--text)}
    .result-links{list-style:none;margin:16px 0 8px;padding:0;display:grid;gap:12px}
    .result-links li{margin:0}
    .result-links a{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:14px 18px;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);
      font-size:.95rem;font-weight:600;color:var(--accent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
    }
    .result-links a::after{content:"↗";font-size:1rem;opacity:.7;flex-shrink:0}
    .result-links a:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 32px rgba(36,92,68,.1)}
    .spa-clients{margin:12px 0 0}
    .spa-client-aurora,.spa-client-vitaro,.spa-client-hema,.spa-client-luciel,.lead-client-zeds,.lead-client-actionpizza,.lead-client-rgs,.lead-client-heba,.lead-client-cucina,.lead-client-emend,.lead-client-ecom{margin-bottom:28px}
    .result-spa-title{text-align:center;margin:0 0 18px;padding:0 12px 20px;position:relative}
    .result-spa-title::after{
      content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
      width:min(200px,40%);height:3px;border-radius:999px;
      background:linear-gradient(90deg,transparent,var(--accent) 20%,#4aab8a 50%,var(--accent) 80%,transparent)
    }
    .result-spa-title strong{
      display:block;font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:800;letter-spacing:-.03em;
      color:var(--brand-green);line-height:1.35;max-width:32em;margin:0 auto
    }
    .result-screenshot{
      margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);max-width:100%;
      line-height:0
    }
    .result-screenshot img{
      width:100%;height:auto;display:block;margin:0
    }
    .result-slider{position:relative;margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);max-width:100%;line-height:0}
    .result-slider-viewport{overflow:hidden;background:#fff}
    .result-slider-track{display:flex;transition:transform .4s ease}
    @media (prefers-reduced-motion:reduce){.result-slider-track{transition:none}}
    .result-slider-slide{flex:0 0 100%;min-width:0;background:#fff}
    .result-slider-slide img{
      width:100%;height:auto;max-width:100%;display:block;margin:0
    }
    .result-slider button.nav{
      position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border:0;border-radius:50%;
      background:rgba(255,255,255,.92);color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.2);
      display:grid;place-items:center;transition:background .2s ease,transform .2s ease
    }
    .result-slider button.nav:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
    .result-slider button.nav:disabled{opacity:.35;cursor:not-allowed;transform:translateY(-50%)}
    .result-slider .prev{left:10px}
    .result-slider .next{right:10px}
    .result-slider-dots{display:flex;flex-wrap:wrap;row-gap:6px;justify-content:center;gap:8px;padding:12px 8px 14px;background:rgba(0,0,0,.25)}
    .result-slider-dots button{
      width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.35);transition:transform .2s ease,background .2s ease
    }
    .result-slider-dots button[aria-selected="true"]{background:var(--accent);transform:scale(1.2)}
    .result-slider-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}
    @media (max-width: 760px){.result-slider button.nav{width:36px;height:36px;font-size:1.2rem}}
    .footer{padding:48px 0;border-top:1px solid var(--border);color:var(--muted)}
    .footer-box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
    .footer .brand small{display:block;font-size:.8rem;font-weight:500;margin-top:2px}
    .footer-contact{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .footer-contact a{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600}
    .footer-contact a:hover{text-decoration:underline}
    @media (max-width: 760px){.nav-links{display:none} .results-hero{padding:60px 0 40px} .results-section{padding:40px 0 56px} .footer-box{flex-direction:column;text-align:center} .footer-contact{justify-content:center}}

/* === content === */
:root{--brand-green:#245C44;--accent:#358f6d;--accent-soft:#e8f5f0;--text:#171421;--muted:#5a6b63;--border:#dce8e3;--shadow:0 18px 50px rgba(36,92,68,.08);--container:800px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(220,232,227,.85)}
    .nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .nav-wrap .brand{flex-shrink:0} .nav-wrap .nav-links{flex:1;justify-content:center} .nav-wrap .btn{flex-shrink:0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}
    .brand-badge{width:44px;height:44px;border-radius:14px;background:var(--brand-green);display:grid;place-items:center;box-shadow:0 12px 28px rgba(36,92,68,.22);overflow:hidden;flex:0 0 44px}
    .brand-badge img{width:100%;height:100%;object-fit:cover}
    .brand span strong{display:block;color:var(--text);line-height:1.1;font-size:1.25rem} .brand span small{display:none}
    .nav-links{display:flex;align-items:center;gap:28px;color:#423d52;font-size:.94rem;font-weight:500}
    .nav-links a{position:relative} .nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-links a:hover::after,.nav-links a.active::after{width:100%}
    .nav-dropdown{position:relative}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-width:240px;padding:12px 0;opacity:0;visibility:hidden;transition:.2s ease;z-index:100}
    .nav-dropdown-menu a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text)}
    .nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;border:0;cursor:pointer;font-weight:700;font-size:.95rem;transition:.25s ease;white-space:nowrap}
    .btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#4aab8a 100%);color:#fff;box-shadow:0 16px 35px rgba(53,143,109,.22)}
    .btn-accent:hover{transform:translateY(-2px)}
    .content-hero{padding:80px 0 32px;text-align:center}
    .content-hero h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.12;margin:0 0 16px;font-weight:800;letter-spacing:-.03em}
    .content-hero h1 .accent{color:var(--accent)}
    .content-hero p{margin:0 auto;max-width:520px;font-size:1.05rem;color:var(--muted);line-height:1.7}
    .content-section{padding:24px 0 80px}
    .content-prose{max-width:var(--container);margin:0 auto}
    .content-prose h2{font-size:1.25rem;font-weight:800;margin:32px 0 12px;color:var(--brand-green);letter-spacing:-.02em}
    .content-prose p{margin:0 0 18px;font-size:1.05rem;line-height:1.85;color:var(--text)}
    .content-prose p:last-child{margin-bottom:0}
    .content-prose a{color:var(--accent);font-weight:600}
    .content-prose a:hover{text-decoration:underline}
    .content-placeholder{
      margin-top:24px;padding:28px 24px;border-radius:20px;border:1px dashed var(--border);
      background:linear-gradient(180deg,#fafcfb 0%,#fff 100%);text-align:center;color:var(--muted);font-size:.95rem;line-height:1.65
    }
    .footer{padding:48px 0;border-top:1px solid var(--border);color:var(--muted)}
    .footer-box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
    .footer .brand small{display:block;font-size:.8rem;font-weight:500;margin-top:2px}
    .footer-contact{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .footer-contact a{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600}
    .footer-contact a:hover{text-decoration:underline}
    @media (max-width: 760px){.nav-links{display:none} .content-hero{padding:60px 0 28px} .footer-box{flex-direction:column;text-align:center} .footer-contact{justify-content:center}}

/* === blogs === */
:root{--brand-green:#245C44;--accent:#358f6d;--accent-soft:#e8f5f0;--text:#171421;--muted:#5a6b63;--border:#dce8e3;--shadow:0 18px 50px rgba(36,92,68,.08);--container:1180px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(220,232,227,.85)}
    .nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .nav-wrap .brand{flex-shrink:0} .nav-wrap .nav-links{flex:1;justify-content:center} .nav-wrap .btn{flex-shrink:0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}
    .brand-badge{width:44px;height:44px;border-radius:14px;background:var(--brand-green);display:grid;place-items:center;box-shadow:0 12px 28px rgba(36,92,68,.22);overflow:hidden;flex:0 0 44px}
    .brand-badge img{width:100%;height:100%;object-fit:cover}
    .brand span strong{display:block;color:var(--text);line-height:1.1;font-size:1.25rem} .brand span small{display:none}
    .nav-links{display:flex;align-items:center;gap:28px;color:#423d52;font-size:.94rem;font-weight:500}
    .nav-links a{position:relative} .nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-links a:hover::after{width:100%}
    .nav-dropdown{position:relative}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-width:240px;padding:12px 0;opacity:0;visibility:hidden;transition:.2s ease;z-index:100}
    .nav-dropdown-menu a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text)}
    .nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;border:0;cursor:pointer;font-weight:700;font-size:.95rem;transition:.25s ease;white-space:nowrap}
    .btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#4aab8a 100%);color:#fff;box-shadow:0 16px 35px rgba(53,143,109,.22)}
    .btn-accent:hover{transform:translateY(-2px)}
    .blogs-hero{padding:80px 0 60px;text-align:center}
    .blogs-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1;margin:0;font-weight:800;letter-spacing:-.03em}
    .blogs-hero h1 .accent{color:var(--accent)}
    .blogs-section{padding:48px 0 80px}
    .blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
    .blog-card{background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}
    .blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(36,92,68,.1)}
    .blog-card .blog-media{aspect-ratio:16/10;background:linear-gradient(135deg,#eef5f2 0%,#fff 100%);display:grid;place-items:center;font-size:3rem;color:var(--accent)}
    .blog-card .blog-body{padding:24px}
    .blog-card h4{margin:0 0 12px;font-size:1.15rem;font-weight:600;line-height:1.4}
    .blog-card h4:hover{color:var(--accent)}
    .blog-card p{margin:0;font-size:.92rem;color:var(--muted);line-height:1.6}
    .blog-card .read-more{margin-top:16px;font-size:.9rem;font-weight:600;color:var(--accent)}
    .blog-card .read-more:hover{text-decoration:underline}
    .footer{padding:48px 0;border-top:1px solid var(--border);color:var(--muted)}
    .footer-box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
    .footer .brand small{display:block;font-size:.8rem;font-weight:500;margin-top:2px}
    .footer-contact{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .footer-contact a{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600}
    .footer-contact a:hover{text-decoration:underline}
    @media (max-width: 1100px){.blogs-grid{grid-template-columns:repeat(2,1fr)}}
    @media (max-width: 760px){.nav-links{display:none} .blogs-hero{padding:60px 0 48px} .blogs-grid{grid-template-columns:1fr} .footer-box{flex-direction:column;text-align:center} .footer-contact{justify-content:center}}

/* === account-audit === */
:root{--brand-green:#245C44;--accent:#358f6d;--accent-soft:#e8f5f0;--text:#171421;--muted:#5a6b63;--border:#dce8e3;--shadow:0 18px 50px rgba(36,92,68,.08);--container:1180px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(220,232,227,.85)}
    .nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .nav-wrap .brand{flex-shrink:0} .nav-wrap .nav-links{flex:1;justify-content:center} .nav-wrap .btn{flex-shrink:0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}
    .brand-badge{width:44px;height:44px;border-radius:14px;background:var(--brand-green);display:grid;place-items:center;box-shadow:0 12px 28px rgba(36,92,68,.22);overflow:hidden;flex:0 0 44px}
    .brand-badge img{width:100%;height:100%;object-fit:cover}
    .brand span strong{display:block;color:var(--text);line-height:1.1;font-size:1.25rem} .brand span small{display:none}
    .nav-links{display:flex;align-items:center;gap:28px;color:#423d52;font-size:.94rem;font-weight:500}
    .nav-links a{position:relative} .nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-links a:hover::after{width:100%}
    .nav-dropdown{position:relative}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-width:240px;padding:12px 0;opacity:0;visibility:hidden;transition:.2s ease;z-index:100}
    .nav-dropdown-menu a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text)}
    .nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;border:0;cursor:pointer;font-weight:700;font-size:.95rem;transition:.25s ease;white-space:nowrap}
    .btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#4aab8a 100%);color:#fff;box-shadow:0 16px 35px rgba(53,143,109,.22)}
    .btn-accent:hover{transform:translateY(-2px)}
    .service-hero{padding:80px 0 100px}
    .service-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1;margin:0 0 24px;font-weight:800;letter-spacing:-.03em}
    .service-hero h1 .accent{color:var(--accent)}
    .service-eyebrow{display:block;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
    .service-hero .lead{margin:0 0 28px;font-size:1.15rem;line-height:1.9;color:var(--text);max-width:720px}
    .service-hero-cta{margin:0 0 56px}
    .service-hero-cta .btn{margin-top:0}
    .service-content h2{font-size:1.5rem;margin:0 0 20px;font-weight:800;letter-spacing:-.02em}
    .service-content h3{font-size:1.35rem;margin:32px 0 16px;font-weight:700}
    .service-content p{margin:0 0 16px;font-size:1.05rem;line-height:1.9;color:var(--text)}
    .service-content ul{margin:16px 0;padding-left:24px}
    .service-content li{margin-bottom:10px;font-size:1.05rem;line-height:1.8}
    .service-cta{margin-top:48px;padding:32px;background:var(--accent-soft);border-radius:24px;text-align:center}
    .service-cta h3{margin:0 0 16px;font-size:1.2rem}
    .service-cta a{display:inline-block;margin-top:0}
    .footer{padding:48px 0;border-top:1px solid var(--border);color:var(--muted)}
    .footer-box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
    .footer .brand small{display:block;font-size:.8rem;font-weight:500;margin-top:2px}
    .footer-contact{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .footer-contact a{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600}
    .footer-contact a:hover{text-decoration:underline}
    @media (max-width: 760px){.nav-links{display:none} .service-hero{padding:60px 0 80px} .footer-box{flex-direction:column;text-align:center} .footer-contact{justify-content:center}}

/* === feed === */
:root{--brand-green:#245C44;--accent:#358f6d;--accent-soft:#e8f5f0;--text:#171421;--muted:#5a6b63;--border:#dce8e3;--shadow:0 18px 50px rgba(36,92,68,.08);--container:1180px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(220,232,227,.85)}
    .nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .nav-wrap .brand{flex-shrink:0} .nav-wrap .nav-links{flex:1;justify-content:center} .nav-wrap .btn{flex-shrink:0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem}
    .brand-badge{width:44px;height:44px;border-radius:14px;background:var(--brand-green);display:grid;place-items:center;box-shadow:0 12px 28px rgba(36,92,68,.22);overflow:hidden;flex:0 0 44px}
    .brand-badge img{width:100%;height:100%;object-fit:cover}
    .brand span strong{display:block;color:var(--text);line-height:1.1;font-size:1.25rem} .brand span small{display:none}
    .nav-links{display:flex;align-items:center;gap:28px;color:#423d52;font-size:.94rem;font-weight:500}
    .nav-links a{position:relative} .nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:2px;background:var(--accent);transition:.25s ease}
    .nav-links a:hover::after{width:100%}
    .nav-dropdown{position:relative}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-width:240px;padding:12px 0;opacity:0;visibility:hidden;transition:.2s ease;z-index:100}
    .nav-dropdown-menu a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text)}
    .nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;border:0;cursor:pointer;font-weight:700;font-size:.95rem;transition:.25s ease;white-space:nowrap}
    .btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#4aab8a 100%);color:#fff;box-shadow:0 16px 35px rgba(53,143,109,.22)}
    .btn-accent:hover{transform:translateY(-2px)}
    .service-hero{padding:80px 0 100px}
    .service-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1;margin:0 0 24px;font-weight:800;letter-spacing:-.03em}
    .service-hero h1 .accent{color:var(--accent)}
    .service-hero .lead{margin:0 0 40px;font-size:1.15rem;line-height:1.9;color:var(--text);max-width:720px}
    .service-content h3{font-size:1.35rem;margin:32px 0 16px;font-weight:700}
    .service-content p{margin:0 0 16px;font-size:1.05rem;line-height:1.9;color:var(--text)}
    .service-content ul{margin:16px 0;padding-left:24px}
    .service-content li{margin-bottom:10px;font-size:1.05rem;line-height:1.8}
    .service-cta{margin-top:48px;padding:32px;background:var(--accent-soft);border-radius:24px;text-align:center}
    .service-cta h3{margin:0 0 16px;font-size:1.2rem}
    .service-cta a{display:inline-block;margin-top:16px}
    .footer{padding:48px 0;border-top:1px solid var(--border);color:var(--muted)}
    .footer-box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
    .footer .brand small{display:block;font-size:.8rem;font-weight:500;margin-top:2px}
    .footer-contact{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .footer-contact a{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600}
    .footer-contact a:hover{text-decoration:underline}
    @media (max-width: 760px){.nav-links{display:none} .service-hero{padding:60px 0 80px} .footer-box{flex-direction:column;text-align:center} .footer-contact{justify-content:center}}