@import "https://fonts.googleapis.com/css2?family=Kanit:wght@500;600;700;800&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap";
.dunoi-landing{--cream:#f7f1e4;--white:#fff;--sand:#efe6d2;--sand-dark:#e3d8c0;--line:#d3c4a5;--ink:#221f1a;--ink-2:#635c52;--ink-3:#9a9286;--green:#1e7a4f;--green-deep:#0f5233;--green-ink:#0b3d26;--green-tint:#e7f2ea;--amber:#b8791f;--amber-tint:#f6e9d3;--amber-text:#8c5c15;--rust:#a85a44;--rust-tint:#f1e3dd}.dunoi-landing,.dunoi-landing *,.dunoi-landing :before,.dunoi-landing :after{box-sizing:border-box}.dunoi-landing{background:var(--cream);color:var(--ink);min-height:100vh;margin:0;font-family:IBM Plex Sans Thai,sans-serif}.dunoi-landing .wrap{max-width:880px;margin:0 auto;padding:0 24px}.dunoi-landing .disp{font-family:Kanit,sans-serif}.dunoi-landing section{padding:60px 0}.dunoi-landing h2.eyebrow{letter-spacing:.06em;color:var(--green-deep);margin:0 0 10px;font-family:Kanit,sans-serif;font-size:12.5px;font-weight:600}.dunoi-landing h2.h-title{color:var(--ink);margin:0 0 14px;font-family:Kanit,sans-serif;font-size:27px;font-weight:700;line-height:1.4}.dunoi-landing .h-sub{color:var(--ink-2);max-width:560px;margin:0 0 32px;font-size:14.5px;line-height:1.75}.dunoi-landing nav.top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--line);background:#f7f1e4eb;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.dunoi-landing .brand{align-items:center;gap:9px;display:flex}.dunoi-landing .brand-name{color:var(--ink);font-family:Kanit,sans-serif;font-size:18px;font-weight:700}.dunoi-landing .brand-name span{color:var(--green)}.dunoi-landing .btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:6px;padding:10px 18px;font-family:IBM Plex Sans Thai,sans-serif;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.dunoi-landing .btn-ghost{color:var(--ink-2);border:1px solid var(--line);background:0 0}.dunoi-landing .btn-primary{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-deep)}.dunoi-landing .btn-primary:hover{box-shadow:0 2px 0 var(--green-deep);transform:translateY(1px)}.dunoi-landing .btn-lg{padding:14px 30px;font-size:15px}.dunoi-landing .mark{fill:none;stroke:var(--green);stroke-width:10px}.dunoi-landing .mark-eye{fill:var(--green)}.dunoi-landing .hero{text-align:center;padding:68px 0 50px}.dunoi-landing .hero h1{color:var(--ink);max-width:640px;margin:0 auto 22px;font-family:Kanit,sans-serif;font-size:40px;font-weight:800;line-height:1.35}.dunoi-landing .hero h1 .strike{text-decoration:line-through;-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust);opacity:.55}.dunoi-landing .hero p.lede{color:var(--ink-2);max-width:480px;margin:0 auto 32px;font-size:15.5px;line-height:1.8}.dunoi-landing .hero-ctas{margin-bottom:12px}.dunoi-landing .micro-cta{color:var(--ink-3);font-size:12.5px}.dunoi-landing .pain-intro{color:var(--ink-2);max-width:620px;margin:0 0 30px;font-size:14.5px;line-height:1.8}.dunoi-landing .pain-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dunoi-landing .pain-card{background:var(--white);border-radius:16px;padding:22px;box-shadow:0 2px 10px #0f52330d}.dunoi-landing .pain-icon{margin-bottom:12px;font-size:22px;display:block}.dunoi-landing .pain-card strong{color:var(--ink);margin-bottom:8px;font-family:Kanit,sans-serif;font-size:15px;font-weight:600;display:block}.dunoi-landing .pain-card p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.7}.dunoi-landing .pain-close{text-align:center;color:var(--green-deep);margin-top:30px;font-family:Kanit,sans-serif;font-size:16px;font-weight:600}@media (max-width:640px){.dunoi-landing .pain-grid{grid-template-columns:1fr}}.dunoi-landing .journey{padding:20px 0 0;position:relative}.dunoi-landing .journey-line{background:repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 14px);z-index:0;height:2px;position:absolute;top:44px;left:60px;right:60px}.dunoi-landing .step-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.dunoi-landing .step-card{text-align:center}.dunoi-landing .step-icon{background:var(--white);border:2px solid var(--green-tint);width:52px;height:52px;color:var(--green-deep);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-family:Kanit,sans-serif;font-size:18px;font-weight:700;display:flex;box-shadow:0 3px 10px #0f523314}.dunoi-landing .step-card h3{color:var(--ink);margin:0 0 8px;font-family:Kanit,sans-serif;font-size:15.5px}.dunoi-landing .step-card p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.65}@media (max-width:640px){.dunoi-landing .step-grid{grid-template-columns:1fr}.dunoi-landing .journey-line{display:none}}.dunoi-landing .case-grid{flex-direction:column;gap:14px;display:flex}.dunoi-landing .case-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px}.dunoi-landing .case-card.featured{background:var(--green);color:#fff;border:none;box-shadow:0 10px 26px #0f523338}.dunoi-landing .case-star{background:var(--amber);color:#fff;border-radius:20px;margin-bottom:14px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-block}.dunoi-landing .case-card h3{margin:0 0 10px;font-family:Kanit,sans-serif;font-size:18px;font-weight:600}.dunoi-landing .case-card.featured h3{color:#fff}.dunoi-landing .case-hook{color:var(--green-deep);margin:0 0 14px;font-size:14px;font-weight:500}.dunoi-landing .case-card.featured .case-hook{color:#d6efdf}.dunoi-landing .case-checks{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.85}.dunoi-landing .case-card.featured .case-checks{color:#e8f5ee}.dunoi-landing .diff-box{background:var(--green-ink);color:#fff;text-align:center;border-radius:22px;padding:40px 34px}.dunoi-landing .diff-box h2{margin:0 0 16px;font-family:Kanit,sans-serif;font-size:22px;font-weight:700}.dunoi-landing .diff-box p{color:#bfe3cc;max-width:560px;margin:0 auto 18px;font-size:14px;line-height:1.85}.dunoi-landing .diff-box strong{color:#fff}.dunoi-landing .quote-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dunoi-landing .quote-card{background:var(--white);border-left:3px solid var(--green);border-radius:4px 16px 16px 4px;padding:20px 22px}.dunoi-landing .quote-card p.q{color:var(--ink);margin:0 0 10px;font-size:14px;font-style:italic;line-height:1.7}.dunoi-landing .quote-card p.attr{color:var(--ink-3);margin:0;font-size:12px}.dunoi-landing .quote-note{color:var(--ink-3);text-align:center;margin-top:18px;font-size:12px}@media (max-width:640px){.dunoi-landing .quote-grid{grid-template-columns:1fr}}.dunoi-landing .price-box{background:var(--white);text-align:center;border:1px solid var(--line);border-radius:20px;padding:34px 30px}.dunoi-landing .price-box h3{color:var(--green-deep);margin:0 0 12px;font-family:Kanit,sans-serif;font-size:21px;font-weight:700;line-height:1.5}.dunoi-landing .price-box p{color:var(--ink-2);margin:0;font-size:13.5px}.dunoi-landing .final-cta{text-align:center;background:var(--green-ink);color:#fff;border-radius:28px;padding:56px 30px}.dunoi-landing .final-cta h2{max-width:480px;margin:0 auto 20px;font-family:Kanit,sans-serif;font-size:26px;font-weight:800}.dunoi-landing .final-cta .micro-cta{color:#bfe3cc;margin-top:12px}.dunoi-landing footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-3);padding:40px 0 26px;font-size:12px}@media (max-width:640px){.dunoi-landing .hero h1{font-size:28px}.dunoi-landing section{padding:44px 0}}