:root{--bg:#f5f7f6;--surface:#fff;--surface-2:#e9f2ed;--text:#14211c;--muted:#526159;--line:#d8e1dc;--accent:#0f9f6e;--accent-strong:#087a55;--accent-soft:#dff5eb;--dark-section:#14211c;--dark-section-text:#f6fbf8;--dark-muted:#c1d0c7;--danger:#a83232;--danger-bg:#fff0f0;--shadow:0 24px 70px rgba(31,74,53,.12);--radius:18px;--control:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 40px))}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--text);color:var(--surface);padding:10px 16px;z-index:20}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:#fff;font-weight:900}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{text-decoration:none;font-weight:650;color:var(--muted);white-space:nowrap}.main-nav a:hover{color:var(--text)}.main-nav .nav-cta{padding:10px 18px;background:var(--text);color:var(--surface);border-radius:999px}.menu-button{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 14px;border-radius:10px;font:inherit;font-weight:700}.hero{padding:58px 0 72px;min-height:calc(100dvh - 72px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:64px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--accent-strong);margin:0 0 18px}.hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px}.hero-sub{font-size:19px;line-height:1.75;color:var(--muted);max-width:520px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;text-decoration:none;font:inherit;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:active{transform:translateY(1px) scale(.99)}.button.primary{background:var(--accent-strong);color:#fff}.button.primary:hover{background:#066446}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.button.secondary:hover{border-color:var(--accent)}.button.full{width:100%}.hero-media{margin:0;min-height:500px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--surface-2)}.hero-media img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:57% center}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid p{margin:0;padding:26px 30px;border-right:1px solid var(--line)}.trust-grid p:last-child{border-right:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid span{color:var(--muted);font-size:14px}.section{padding:110px 0}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}.section-lead{font-size:18px;color:var(--muted);max-width:680px;margin:0 0 50px}.problem-section{background:var(--bg)}.problem-list{margin-top:48px}.problem-list article{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.problem-list article:first-child{border-top:1px solid var(--line)}.problem-list article>span{font-weight:900;color:var(--accent-strong)}.problem-list h3{font-size:23px;margin:0 0 6px}.problem-list p{margin:0;color:var(--muted)}.pricing-section{background:var(--surface)}.pricing-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.price-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column}.price-card.featured{background:var(--dark-section);color:var(--dark-section-text);border-color:var(--dark-section);box-shadow:var(--shadow)}.plan-name{font-weight:900;margin:0 0 14px}.price{margin:0 0 6px}.price strong{font-size:48px;letter-spacing:-.04em}.price-note{color:var(--muted);margin:0 0 26px}.featured .price-note{color:#bed0c5}.price-card ul{padding-left:22px;margin:0 0 30px;flex:1}.price-card li{margin:10px 0}.featured .button.primary{background:var(--accent);color:#08261c}.pricing-disclaimer{color:var(--muted);font-size:13px;max-width:760px;margin:22px 0 0}.process-section{background:var(--surface-2)}.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.process-list{list-style:none;margin:0;padding:0;counter-reset:steps}.process-list li{position:relative;padding:0 0 30px 54px;counter-increment:steps}.process-list li:before{content:counter(steps);position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.process-list li:not(:last-child):after{content:"";position:absolute;left:16px;top:38px;bottom:4px;width:2px;background:var(--line)}.process-list strong,.process-list span{display:block}.process-list strong{font-size:20px}.process-list span{color:var(--muted)}.contact-section{background:var(--dark-section);color:var(--dark-section-text)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.contact-copy{position:sticky;top:110px}.contact-copy p{font-size:18px;color:var(--dark-muted)}.line-link{display:inline-block;margin-top:20px;color:#7fe2b8;font-weight:800}.form-panel{background:var(--surface);color:var(--text);padding:34px;border-radius:var(--radius)}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-weight:800}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--control);padding:12px 14px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);border-color:var(--accent)}.consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:var(--muted);font-size:14px;margin:5px 0 20px}.consent input{margin-top:4px}.hp-field{position:absolute;left:-9999px}.error-box{background:var(--danger-bg);color:var(--danger);border:1px solid #e7b3b3;padding:16px;border-radius:var(--control);margin-bottom:20px}.error-box ul{margin:8px 0 0;padding-left:20px}.success-box{text-align:center;padding:30px 12px}.success-box h3{font-size:28px;margin:0 0 8px}.lead-id{font-family:Consolas,monospace;color:var(--muted);font-size:13px;margin:20px 0}.faq-section{background:var(--bg)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-of-type{border-top:1px solid var(--line)}summary{font-weight:850;font-size:18px;cursor:pointer}details p{color:var(--muted);max-width:700px}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:44px 0 24px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{margin:6px 0;color:var(--muted)}.photo-credit{text-align:center;font-size:12px;color:var(--muted);margin:28px 20px 0}.menu-button:focus,.button:focus,a:focus,summary:focus{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}@media(max-width:850px){.container,.narrow{width:min(100% - 28px,700px)}.menu-button{display:block}.main-nav{display:none;position:absolute;top:72px;left:14px;right:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:11px 12px}.main-nav .nav-cta{text-align:center;margin-top:5px}.hero{padding:42px 0 58px;min-height:auto}.hero-grid,.pricing-grid,.process-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(40px,12vw,60px)}.hero-media,.hero-media img{min-height:340px}.trust-grid{grid-template-columns:1fr}.trust-grid p{border-right:0;border-bottom:1px solid var(--line);padding:18px 4px}.trust-grid p:last-child{border-bottom:0}.section{padding:76px 0}.process-list li{padding-bottom:24px}.contact-copy{position:static}.form-panel{padding:24px}.footer-grid{display:grid}.price-card{padding:28px}}@media(prefers-color-scheme:dark){:root{--bg:#101713;--surface:#18221d;--surface-2:#1e2c25;--text:#edf5f0;--muted:#adbbb2;--line:#33443a;--accent:#47c994;--accent-strong:#32ad7c;--accent-soft:#173d2d;--danger:#ffb5b5;--danger-bg:#431f1f;--shadow:0 24px 70px rgba(0,0,0,.32)}.button.primary{color:#081b13}.main-nav .nav-cta{background:var(--accent);color:#071b12}.featured .button.primary{color:#071b12}.photo-credit a{color:var(--accent)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
