:root{--color-bg:#f8f9fa;--color-surface:#eef1f3;--color-text:#0f2c41;--color-accent:#ffbf00;--color-accent-2:#0f2c41;--color-divider:#0f2c4124;--color-neutral-100:#f8f9fa;--color-neutral-200:#eef1f3;--color-neutral-300:#dce2e7;--color-neutral-400:#b9c3cb;--color-neutral-500:#8c99a4;--color-neutral-600:#64717d;--color-neutral-700:#4a5761;--color-neutral-800:#2e3b45;--color-neutral-900:#16232d;--color-accent-100:#fff8e1;--color-accent-200:#ffedb3;--color-accent-300:#ffe07d;--color-accent-400:#ffce45;--color-accent-500:#ffbf00;--color-accent-600:#d9a200;--color-accent-700:#b38500;--color-accent-800:#8c6900;--color-accent-900:#664c00;--color-accent-2-100:#e7ecf0;--color-accent-2-200:#cbd6de;--color-accent-2-300:#a6b7c3;--color-accent-2-400:#7891a0;--color-accent-2-500:#4e6b7e;--color-accent-2-600:#375567;--color-accent-2-700:#23404f;--color-accent-2-800:#16303d;--color-accent-2-900:#0f2c41;--f-display:"Kanit", system-ui, sans-serif;--f-body:"Mona Sans Variable", system-ui, sans-serif;--space-1:4.4px;--space-2:8.8px;--space-3:13.2px;--space-4:17.6px;--space-6:26.4px;--space-8:35.2px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--shadow-sm:0 1px 2px #2e2b2524;--shadow-md:0 3px 10px #2e2b2529;--shadow-lg:0 12px 32px #2e2b2538;--max-w:1200px;--pad-x:clamp(1.5rem, 4vw, 4rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--f-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.wrap{max-width:var(--max-w);padding:0 var(--pad-x);margin:0 auto;position:relative}.skip-link{z-index:200;background:var(--color-text);color:var(--color-bg);border-radius:0 0 var(--radius-sm) 0;padding:.75rem 1.25rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.01em;color:var(--color-text);font-weight:600;line-height:1.15}h1{max-width:16ch;margin-bottom:var(--space-6);font-size:clamp(2.25rem,4.5vw,3.75rem);line-height:1.1}h1 em,.cta-headline em{color:var(--color-accent-700);font-style:normal}h2{max-width:22ch;margin-bottom:var(--space-4);font-size:clamp(1.7rem,3.4vw,2.5rem)}.section-lead{color:var(--color-neutral-800);max-width:60ch;margin-bottom:var(--space-6);font-size:1.05rem}.tag-pill{background:var(--color-accent-2-100);color:var(--color-accent-2-900);margin-bottom:var(--space-4);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.tag-pill-accent{background:var(--color-accent-100);color:var(--color-accent-700)}.badge{background:var(--color-accent-2-100);color:var(--color-accent-2-900);margin-bottom:var(--space-6);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.btn-primary,.btn-secondary{font-family:var(--f-display);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:15px 30px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-text)}.btn-primary:hover{box-shadow:var(--shadow-md);background:var(--color-accent-600);transform:translateY(-1px)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-divider);background:0 0}.btn-secondary:hover{border-color:var(--color-text);transform:translateY(-1px)}.btn-sm{padding:10px 20px;font-size:.9rem}.btn-block{width:100%}.btn-cta{padding:17px 34px;font-size:1.05rem}header{z-index:100;background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #0000;padding:1.1rem 0;transition:border-color .3s;position:sticky;top:0}header.scrolled{border-color:var(--color-divider)}.nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{font-family:var(--f-display);color:var(--color-text);font-size:1.15rem;font-weight:600}.logo em{color:var(--color-accent-700);font-style:normal}.logo-a-wrap{display:inline-block;position:relative}.logo-til{transform-origin:50% 100%;color:inherit;pointer-events:none;will-change:transform;position:absolute;top:.24em;left:50%;transform:translate(-50%)}.logo-til svg{display:block}@media (prefers-reduced-motion:reduce){.logo-til{transition:none!important}}.nav-links{color:var(--color-neutral-800);gap:1.75rem;font-size:.92rem;display:none}@media (width>=900px){.nav-links{display:flex}}.nav-links a:hover{color:var(--color-accent-700)}.hero{padding:3.5rem 0 4.5rem}.hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:3fr 2fr}}.lead{color:var(--color-neutral-800);max-width:48ch;margin-bottom:var(--space-6);font-size:1.15rem}.ctas{margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.guarantees{color:var(--color-neutral-800);flex-direction:column;gap:.6rem;font-size:.92rem;display:flex}.guarantees li{padding-left:1.6rem;position:relative}.guarantees li:before{content:"✓";color:var(--color-accent-2-700);font-weight:700;position:absolute;left:0}.hero-visual{display:none}@media (width>=900px){.hero-visual{display:block}}.hero-photo{aspect-ratio:1;max-width:420px;box-shadow:var(--shadow-lg);border-radius:50%;margin:0 auto;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}section.block{border-bottom:1px solid var(--color-divider);padding:5rem 0}section.block-tight{padding:4rem 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.niches{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=700px){.niches{grid-template-columns:repeat(2,1fr)}}@media (width>=1050px){.niches{grid-template-columns:repeat(4,1fr)}}.niche{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-6)}.niche-icon{width:48px;height:48px;margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.niche-icon-a{background:var(--color-accent-100);color:var(--color-accent-800)}.niche-icon-b{background:var(--color-accent-2-100);color:var(--color-accent-2-900)}.niche h3{margin-bottom:var(--space-2);font-size:1.2rem}.niche p{color:var(--color-neutral-800);font-size:.95rem}.works{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=700px){.works{grid-template-columns:repeat(2,1fr)}}.work{background:var(--color-neutral-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;overflow:hidden}.work:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.work-preview{aspect-ratio:16/10;background:var(--color-neutral-200);flex-direction:column;display:flex}.work-bar{flex-shrink:0;align-items:center;gap:6px;padding:10px 12px;display:flex}.work-dot{border-radius:50%;width:8px;height:8px}.work-dot-r{background:#e0837a}.work-dot-y{background:var(--color-accent-400)}.work-dot-g{background:var(--color-accent-2-500)}.work-url{color:var(--color-neutral-700);margin-left:6px;font-size:.75rem}.work-preview img{object-fit:cover;object-position:top;flex:1;width:100%;min-height:0}.work-body{padding:var(--space-6)}.work-tag{color:var(--color-accent-700);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.work h3{margin-bottom:var(--space-2);font-size:1.3rem}.work p{color:var(--color-neutral-800);margin-bottom:var(--space-4);font-size:.95rem}.work-link{color:var(--color-accent-700);font-weight:600}.work-link:hover{color:var(--color-accent-900)}.prices{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=900px){.prices{grid-template-columns:repeat(3,1fr)}}.price-card{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--color-neutral-100);flex-direction:column;display:flex}.price-card-featured{background:var(--color-accent-100);box-shadow:var(--shadow-md)}.price-card .tag-pill{align-self:flex-start}.price-name{font-family:var(--f-display);margin-bottom:var(--space-2);font-size:1.3rem;font-weight:600}.price-value{color:var(--color-accent-700);margin-bottom:var(--space-1);font-size:1.8rem;font-weight:700}.price-time{color:var(--color-neutral-700);margin-bottom:var(--space-4);font-size:.85rem}.price-desc{color:var(--color-neutral-800);margin-bottom:var(--space-6);flex-grow:1;font-size:.95rem}.compare{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=900px){.compare{grid-template-columns:repeat(3,1fr)}}.compare-card{padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-neutral-100)}.compare-card-featured{background:var(--color-accent-2-100)}.compare-card h3{margin-bottom:var(--space-3);font-size:1.1rem}.compare-card p{color:var(--color-neutral-800);font-size:.92rem}.steps{max-width:760px}.step{padding:var(--space-6) 0;border-top:1px solid var(--color-divider);grid-template-columns:60px 1fr;gap:1.5rem;display:grid}.step:last-child{border-bottom:1px solid var(--color-divider)}.step-num{font-family:var(--f-display);color:var(--color-accent-700);font-size:1.1rem;font-weight:600}.step h3{margin-bottom:var(--space-2);font-size:1.15rem}.step p{color:var(--color-neutral-800);margin-bottom:var(--space-2);font-size:.95rem}.step-time{color:var(--color-accent-2-700);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.about{grid-template-columns:1fr;align-items:start;gap:2.5rem;display:grid}@media (width>=800px){.about{grid-template-columns:260px 1fr;gap:3.5rem}}.about-photo{aspect-ratio:3/4;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.about-photo img{object-fit:cover;object-position:center top;width:100%;height:100%}.about-text p{color:var(--color-neutral-800);max-width:62ch;margin-bottom:1.2rem}.about-signature{border-left:2px solid var(--color-accent);padding-left:1rem;font-weight:600;color:var(--color-text)!important;margin-top:1.75rem!important}.wontdo{gap:var(--space-4);flex-direction:column;max-width:640px;display:flex}.wontdo li{color:var(--color-neutral-800);padding-left:1.75rem;position:relative}.wontdo li:before{content:"×";color:var(--color-accent-700);font-weight:700;position:absolute;top:0;left:0}.wontdo strong{color:var(--color-text);margin-bottom:.15rem;font-weight:700;display:block}.faq{border-top:1px solid var(--color-divider);max-width:780px}.faq details{border-bottom:1px solid var(--color-divider)}.faq summary{cursor:pointer;font-family:var(--f-display);color:var(--color-text);padding:1.4rem 2.5rem 1.4rem 0;font-size:1.05rem;font-weight:600;list-style:none;transition:color .2s;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--f-body);color:var(--color-accent-700);font-size:1.5rem;font-weight:600;transition:transform .25s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faq summary:hover{color:var(--color-accent-700)}.faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq-a{color:var(--color-neutral-800);padding:0 2.5rem 1.75rem 0;animation:.25s faqReveal}.faq-a p{max-width:65ch}@keyframes faqReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.faq-a{animation:none}}.cta-final{text-align:center;background:var(--color-surface);padding:6rem 0 7rem}.cta-headline{max-width:20ch;margin:0 auto var(--space-4)}.cta-lead{color:var(--color-neutral-800);max-width:52ch;margin:0 auto var(--space-6)}footer{color:var(--color-neutral-800);padding:3.5rem 0 2rem;font-size:.9rem}.footer-grid{border-bottom:1px solid var(--color-divider);grid-template-columns:1fr;gap:2.5rem;padding-bottom:2.5rem;display:grid}@media (width>=800px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:3rem}}.footer-col ul{flex-direction:column;gap:.5rem;display:flex}.footer-col a:hover{color:var(--color-accent-700)}.footer-tag{color:var(--color-neutral-700);max-width:32ch;margin-top:1rem}.footer-h{color:var(--color-text);margin-bottom:1rem;font-size:.85rem;font-weight:700}.footer-muted{color:var(--color-neutral-600)}.footer-bottom{color:var(--color-neutral-600);padding-top:1.5rem;font-size:.8rem}.whatsapp-float{z-index:90;background:var(--color-accent);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-size:.9rem;font-weight:600;transition:transform .15s;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem}.whatsapp-float:hover{transform:translateY(-2px)}@media (width<=640px){.whatsapp-float span{display:none}.whatsapp-float{padding:.85rem}}