:root{--color-primary:#0a8f5b!important;--color-primary-hover:#08794e!important;--link-color:#087b50!important;--bg:#ffffff!important;--bg-elevated:#f3faf6!important;--bg-card:#ffffff!important;--border:#dcebe3!important;--text:#13291f!important;--text-muted:#5f746a!important;--font-family:'Sarabun','Prompt',sans-serif!important;--radius:18px!important;--max-width:1220px!important}
body{background:#fff;color:var(--text);font-family:var(--font-family);background-image:radial-gradient(circle at 8% 5%,rgba(22,163,101,.07),transparent 22%),radial-gradient(circle at 92% 20%,rgba(52,211,153,.08),transparent 25%)}
.site-header{background:rgba(255,255,255,.9);border-color:#e3eee8;box-shadow:0 5px 24px rgba(14,68,44,.055);backdrop-filter:blur(16px)}
.header-inner{height:78px}.brand{color:#123e2b;font-size:1.16rem}.brand-logo{height:42px}.main-nav a{color:#476458}.main-nav a:hover,.main-nav a:focus-visible{color:#087b50;text-decoration:none}.main-nav a.active{color:#087b50}.main-nav #quoteNavTrigger,.nav-cta{background:linear-gradient(120deg,#087b50,#12a36b);color:#fff!important;padding:10px 20px;border-radius:10px;box-shadow:0 8px 20px rgba(8,123,80,.2)}
.hero{position:relative;padding:82px 0 70px;text-align:left;background:linear-gradient(135deg,#f7fcf9 0%,#fff 48%,#effaf4 100%);overflow:hidden}.hero:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid #b9e4cd;left:-280px;top:-180px;box-shadow:0 0 0 55px rgba(21,156,96,.025),0 0 0 110px rgba(21,156,96,.018)}
.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:52px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#087b50;background:#e9f8f0;border:1px solid #ccebd9;border-radius:999px;padding:8px 13px;font-size:.76rem;letter-spacing:.05em;margin-bottom:20px}.eyebrow-dot{width:7px;height:7px;background:#10a76a;border-radius:50%;box-shadow:0 0 0 5px rgba(16,167,106,.12)}
.hero h1{font-size:clamp(2.45rem,4.6vw,4.25rem);line-height:1.12;letter-spacing:-.035em;max-width:680px;margin:0 0 23px;color:#102d20}.hero h1::first-line{color:#087b50}.hero-lead{font-size:1.08rem;line-height:1.85;max-width:640px;margin:0 0 30px;color:#5b7166}.hero-actions{justify-content:flex-start;gap:12px}.btn{border-radius:11px;padding:13px 23px}.btn-primary{color:#fff;background:linear-gradient(120deg,#087b50,#12a36b);box-shadow:0 10px 25px rgba(8,123,80,.23)}.btn-primary:hover{background:linear-gradient(120deg,#066b45,#0d925f);text-decoration:none}.btn-ghost{color:#17452f;background:#fff;border:1px solid #cfdfd6;box-shadow:0 5px 14px rgba(19,75,48,.06)}.btn-ghost:hover{border-color:#35a978;text-decoration:none}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px;color:#476458;font-size:.78rem;font-weight:600}.hero-trust span::first-letter{color:#0a9560}
.hero-visual{position:relative}.hero-image-frame{position:relative;border-radius:28px;overflow:hidden;border:1px solid #d7e9df;background:#fff;box-shadow:0 30px 70px rgba(11,88,55,.16)}.hero-image-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);pointer-events:none}.hero-image-frame img{display:block;width:100%;aspect-ratio:1.42/1;object-fit:cover;object-position:center}.floating-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid rgba(203,229,214,.92);border-radius:14px;padding:11px 15px;box-shadow:0 16px 38px rgba(15,76,49,.16);backdrop-filter:blur(12px)}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:.84rem;color:#0a6f49}.floating-card small{font-size:.66rem;color:#6c8076;margin-top:2px}.floating-card-security{left:-25px;bottom:28px}.floating-card-support{right:-18px;top:28px}
.trust-strip{background:#0b6f49;color:#fff;padding:25px 0;border-top:1px solid #0d8054}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:4px 25px;border-right:1px solid rgba(255,255,255,.16)}.trust-grid>div:last-child{border:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:1.15rem}.trust-grid span{font-size:.76rem;color:#cce8db;margin-top:3px}
.section{padding:88px 0}.section-alt{background:linear-gradient(180deg,#f6fbf8,#eef8f2)}.section h2{position:relative;color:#123324;font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:32px}.section h2:after{content:"";display:block;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,#087b50,#52c794);margin-top:12px}.section-lead{color:#60766b;line-height:1.9}.about-rich-content{background:#fff;border:1px solid #e1eee7;border-radius:20px;padding:30px;box-shadow:0 14px 35px rgba(16,74,48,.055)}
.tag-list{gap:10px}.tag-list li{background:#fff;border-color:#d8e9df;color:#24533d;padding:9px 16px;box-shadow:0 4px 12px rgba(12,79,48,.04)}.card-grid{gap:22px}.card{position:relative;background:#fff;border-color:#dcebe3;border-radius:20px;padding:29px;box-shadow:0 12px 32px rgba(15,71,46,.065);transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:#9cd2b6;box-shadow:0 22px 45px rgba(15,91,55,.12)}.card h3{color:#153b2a}.card-featured{border-color:#4fbd88;box-shadow:0 0 0 1px #4fbd88,0 16px 36px rgba(15,110,67,.1)}.card-image{height:190px;border-radius:13px}.price{color:#087b50}.contact-links a{color:#234d39}.contact-links a:hover{color:#087b50}
.modal-overlay{background:rgba(7,39,25,.65)}.modal-box{background:#fff;border-color:#dcebe3;box-shadow:0 28px 80px rgba(5,49,29,.25)}.form-row input[type="text"],.form-row input[type="email"],.form-row input[type="tel"],.form-row input[type="file"],.form-row textarea{background:#f9fcfa;border-color:#d7e7df;color:#17372a}.form-row input:focus,.form-row textarea:focus{border-color:#159765;box-shadow:0 0 0 3px rgba(21,151,101,.12)}.modal-close{color:#60766b}.modal-close:hover{color:#123324;background:#edf7f1}
.site-footer{background:#092f20;border:0;padding:38px 0}.site-footer p,.footer-links a{color:#b9d4c7}.footer-links a:hover{color:#fff}.pdpa-banner{background:#fff;border-color:#d7e7df;box-shadow:0 -12px 35px rgba(11,64,40,.12)}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:760px}.hero-visual{max-width:760px}.hero-image-frame img{aspect-ratio:1.65/1}.trust-grid{grid-template-columns:repeat(2,1fr);gap:18px}.trust-grid>div:nth-child(2){border-right:0}}
@media(max-width:768px){.site-header{background:#fff}.main-nav{background:#fff;border-color:#dcebe3;box-shadow:0 15px 30px rgba(10,73,44,.1)}.hero{padding:58px 0 52px}.hero h1{font-size:2.45rem}.hero-inner{gap:32px}.floating-card{display:none}.hero-trust{display:grid}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:5px 12px}.section{padding:66px 0}}
@media(max-width:520px){.container{padding:0 18px}.hero h1{font-size:2.05rem}.hero-actions{display:grid}.btn{text-align:center}.hero-image-frame{border-radius:19px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:10px 4px}}
.client-logos {
    padding: 72px 0;
    background: #fff;
    border-bottom: 1px solid #e2eee8;
}

.client-logos-heading {
    max-width: 720px;
    margin: 0 auto 32px;
    text-align: center;
}

.client-logos-heading .eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #16845b;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.client-logos-heading h2 {
    margin: 0 0 10px;
    color: #123d2d;
    font-size: clamp(1.75rem, 3vw, 2.45rem);
}

.client-logos-heading p:last-child {
    margin: 0;
    color: #60756c;
}

.client-logo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    gap: 16px;
}

.client-logo-card {
    min-height: 150px;
    padding: 20px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
    background: #fbfefc;
    border: 1px solid #dcebe4;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(18, 61, 45, .06);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.client-logo-card:hover {
    transform: translateY(-4px);
    border-color: #8ecdb1;
    box-shadow: 0 16px 36px rgba(18, 61, 45, .12);
}

.client-logo-card img {
    width: 100%;
    max-width: 124px;
    height: 72px;
    object-fit: contain;
}

.client-logo-card span {
    color: #294b3e;
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.45;
}
.main-nav .admin-login-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: #fff;
    background: linear-gradient(135deg, #16845b, #0a6545);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(10, 101, 69, .18);
    font-weight: 700;
    white-space: nowrap;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.main-nav .admin-login-link:hover {
    color: #fff;
    background: linear-gradient(135deg, #0f7650, #074e36);
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(10, 101, 69, .26);
}

.main-nav .admin-login-link i {
    font-size: .82rem;
}

@media (max-width: 900px) {
    .main-nav .admin-login-link {
        justify-content: center;
        width: 100%;
        margin-top: 6px;
    }
}