:root{--bg:#14181f;--bg-2:#1a1f27;--panel:#21262f;--panel-2:#282e39;--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.17);--ink:#f7f4ee;--ink-dim:#b8b2a6;--orange:#f26522;--orange-2:#f58220;--orange-soft:rgba(242,101,34,.16);--green:#3ddc84;--radius:14px;--font-head:"Chakra Petch",sans-serif;--font-body:"Anuphan",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.65;overflow-x:hidden;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px}::selection{background:var(--orange);color:#fff}h1,h2,h3,.num{font-family:var(--font-head)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.dotline{display:inline-block;width:4px;height:44px;background-image:radial-gradient(var(--orange) 2px,transparent 2.4px);background-size:4px 9px;background-repeat:repeat-y}body>header{position:fixed;inset:0 0 auto;z-index:100;background:#14181fd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:28px;height:68px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{width:34px;height:34px}.logo-text{font-family:var(--font-head);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.logo-text b{color:var(--orange);font-weight:700}.logo-sub{display:block;font-family:var(--font-body);font-size:.58rem;font-weight:500;letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase;margin-top:-3px}.nav-links{display:flex;gap:4px;margin-left:auto;align-items:center}.nav-links a{padding:8px 14px;border-radius:8px;font-size:.95rem;font-weight:500;color:var(--ink-dim);transition:.18s}.nav-links a:hover{color:var(--ink);background:#ffffff0f}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-family:var(--font-head);font-weight:600;font-size:.95rem;padding:11px 22px;border-radius:10px;border:1px solid transparent;transition:.18s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--orange-2),var(--orange));color:#fff;box-shadow:0 4px 18px #f2652259}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px #f2652280}.btn-ghost{border-color:var(--line-2);color:var(--ink)}.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}.nav .btn{padding:9px 18px}.quote-cat-link{display:flex;align-items:flex-end;margin-left:-26px;flex-shrink:0}.quote-cat{width:66px;margin-top:8px;transform:scaleX(-1)}.quote-cat .blink-eyes{animation-delay:-3.1s}.point-arm{transform-box:fill-box;transform-origin:9% 80%;animation:pointTap 2.8s ease-in-out infinite}@keyframes pointTap{0%,48%,to{transform:rotate(0)}58%,74%{transform:rotate(-13deg)}66%,82%{transform:rotate(2deg)}}.menu-toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;color:var(--ink)}.rc-tail{transform-box:fill-box;transform-origin:100% 85%;animation:rcWag 3.4s ease-in-out infinite}@keyframes rcWag{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.rc-idle{transform-box:fill-box;transform-origin:center bottom;animation:idleBob 3.6s ease-in-out infinite}@keyframes idleBob{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.5px) scaleY(1.025)}}.rc-head{transform-box:fill-box;transform-origin:center 72%;animation:headTilt 8s ease-in-out infinite}@keyframes headTilt{0%,22%,58%,to{transform:rotate(0)}32%,42%{transform:rotate(-8deg)}72%,84%{transform:rotate(6deg)}}.ear-twitch{transform-box:fill-box;transform-origin:bottom center;animation:earTwitch 5.5s linear infinite}@keyframes earTwitch{0%,88%,to{transform:rotate(0)}91%,94%{transform:rotate(-16deg)}}.blink-eyes{animation:catblink 5s infinite;transform-origin:center 40%}.head-tilt{transform-origin:center 60%;transition:.4s}@keyframes catblink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.paw-zone{position:relative;display:inline-flex}.paw-zone>:not(.paw-arm){position:relative;z-index:1}.paw-arm{position:absolute;left:50%;top:50%;width:152px;height:44px;margin:-22px 0 0 -16px;z-index:0;pointer-events:none;overflow:visible;transform:rotate(var(--paw-ang,0deg));transform-origin:16px 22px;will-change:transform}.pg-limb{stroke-dasharray:110;stroke-dashoffset:calc(110 - var(--pl,0))}.pg-paw{transform:translate(calc(var(--pl,0)*1px))}.pg-pad,.pg-toe{transform-box:fill-box;transform-origin:center;transition:transform .13s ease}.paw-zone.grab .pg-t1{transform:translate(2px,-3px) rotate(-14deg)}.paw-zone.grab .pg-t2{transform:translate(3px)}.paw-zone.grab .pg-t3{transform:translate(2px,3px) rotate(14deg)}.paw-zone.grab .pg-pad{transform:scale(1.07)}.pg-swing{transform-origin:16px 22px}.paw-zone.fishing .pg-swing{animation:pawFish 1.15s ease-in-out infinite}@keyframes pawFish{0%,to{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}.tail-wag{transform-origin:8px 54px;animation:wag 3s ease-in-out infinite}@keyframes wag{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)}}.badge-sway{transform-box:fill-box;transform-origin:50% 0%;animation:badgeSway 4.5s ease-in-out infinite}@keyframes badgeSway{0%,to{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}.marquee{border-block:1px solid var(--line);background:var(--bg-2);overflow:hidden;padding:14px 0}.marquee-track{display:flex;gap:0;width:max-content;animation:scroll 30s linear infinite}.marquee span{font-family:var(--font-head);font-weight:600;font-size:.88rem;letter-spacing:.08em;color:var(--ink-dim);padding:0 26px;white-space:nowrap;display:flex;align-items:center;gap:26px}.marquee span:after{content:"●";color:var(--orange);font-size:.5rem}@keyframes scroll{to{transform:translate(-50%)}}section{padding:90px 0}.sec-head{display:flex;align-items:center;gap:18px;margin-bottom:14px}.sec-head h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:-.01em}.sec-head h2 em{font-style:normal;color:var(--orange)}.sec-sub{color:var(--ink-dim);max-width:64ch;margin-bottom:44px}.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;transition:.22s;position:relative;overflow:hidden}.feat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange);opacity:0;transition:.22s}.feat:hover{transform:translateY(-4px);border-color:var(--line-2);background:var(--panel-2)}.feat:hover:before{opacity:1}.feat .ic{width:42px;height:42px;border-radius:10px;background:var(--orange-soft);display:grid;place-items:center;margin-bottom:16px;color:var(--orange-2)}.feat h3{font-size:1.02rem;font-weight:600;margin-bottom:6px}.feat p{font-size:.88rem;color:var(--ink-dim)}#pricing{background:var(--bg-2);border-block:1px solid var(--line);position:relative}.tabs{display:flex;gap:8px;margin-bottom:34px;flex-wrap:wrap}.tab{font-family:var(--font-head);font-weight:600;font-size:.95rem;padding:10px 20px;background:none;border:1px solid var(--line-2);border-radius:99px;color:var(--ink-dim);transition:.18s}.tab:hover{color:var(--ink);border-color:var(--ink-dim)}.tab.active{background:var(--orange);border-color:var(--orange);color:#fff}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;position:relative;transition:.25s;display:flex;flex-direction:column}.plan:hover{transform:translateY(-5px);border-color:#f2652280}.plan.popular{border-color:var(--orange)}.plan .flag{position:absolute;top:-11px;right:18px;font-size:.72rem;font-weight:700;font-family:var(--font-head);background:var(--orange);color:#fff;padding:3px 12px;border-radius:99px}.plan.spotlight{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft),0 14px 40px #f2652240;transform:translateY(-5px)}.plan h3{font-size:1.05rem;font-weight:600;color:var(--ink-dim);margin-bottom:4px}.plan .price{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}.plan .price .num{font-size:2rem;font-weight:700;color:var(--ink)}.plan .price span{font-size:.85rem;color:var(--ink-dim)}.plan ul{list-style:none;display:grid;gap:9px;font-size:.9rem;margin-bottom:22px;flex:1}.plan li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:9px}.plan li b{font-weight:600;font-family:var(--font-head);font-size:.86rem}.plan li span{color:var(--ink-dim)}.plan .btn{width:100%}.pricing-note{margin-top:26px;font-size:.86rem;color:var(--ink-dim);display:flex;gap:10px;align-items:flex-start}.pricing-note svg{flex-shrink:0;margin-top:3px}.others{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:54px}.other{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--panel);display:flex;flex-direction:column;gap:4px;transition:.2s}.other:hover{border-color:var(--orange);transform:translateY(-3px)}.other b{font-family:var(--font-head);font-weight:600}.other span{font-size:.82rem;color:var(--ink-dim)}.other .from{margin-top:10px;font-size:.85rem;color:var(--orange-2);font-weight:600;font-family:var(--font-head)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;position:relative;counter-increment:step}.step:before{content:"0" counter(step);position:absolute;top:20px;right:22px;font-family:var(--font-head);font-weight:700;font-size:2.2rem;color:#f2652238}.step h3{font-size:1.05rem;margin-bottom:8px}.step h3 span{color:var(--orange-2);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px}.step p{font-size:.9rem;color:var(--ink-dim)}.step-track{height:4px;background:var(--line);border-radius:2px;margin:38px 0 0;position:relative;overflow:visible}.step-track:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--orange),var(--orange-2));border-radius:2px;transform-origin:left;animation:grow 2.4s ease forwards}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#faq{background:var(--bg-2);border-block:1px solid var(--line)}.faq-list{display:grid;gap:12px;max-width:820px}.faq{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;background:none;border:none;color:var(--ink);font-family:var(--font-head);font-weight:600;font-size:1rem;padding:19px 22px;transition:.18s}.faq-q:hover{color:var(--orange-2)}.faq-q .plus{flex-shrink:0;width:26px;height:26px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;font-size:1rem;transition:.25s;color:var(--orange-2)}.faq.open .plus{transform:rotate(45deg);background:var(--orange);border-color:var(--orange);color:#fff}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a p{padding:0 22px 20px;color:var(--ink-dim);font-size:.94rem;max-width:70ch}.cta-box{border:1px solid rgba(242,101,34,.4);border-radius:20px;background:radial-gradient(ellipse at 20% 0%,rgba(242,101,34,.18),transparent 55%),var(--panel);padding:56px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:visible}.cta-box h2{font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:8px}.cta-box p{color:var(--ink-dim)}.cta-box .row{display:flex;gap:14px;flex-wrap:wrap}footer{border-top:1px solid var(--line);padding:60px 0 0;background:var(--bg-2)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:44px}.foot-grid h4{font-family:var(--font-head);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:16px}.foot-grid ul{list-style:none;display:grid;gap:9px;font-size:.92rem}.foot-grid ul a{color:var(--ink-dim);transition:.15s}.foot-grid ul a:hover{color:var(--orange-2)}.foot-about p{font-size:.88rem;color:var(--ink-dim);margin-top:14px;max-width:34ch}.foot-contact li{display:flex;gap:10px;color:var(--ink-dim)}.foot-contact svg{flex-shrink:0;margin-top:4px;color:var(--orange-2)}.foot-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem;color:var(--ink-dim)}.foot-bottom b{color:var(--orange-2);font-weight:600}.cat-runner{position:fixed;bottom:0;left:0;z-index:90;pointer-events:none;width:90px;animation:runAcross linear forwards}.cat-runner.flip{transform:scaleX(-1)}@keyframes runAcross{0%{left:-120px}to{left:110vw}}.cat-runner .leg{transform-box:fill-box;transform-origin:top center;animation:gallop var(--gd,.28s) ease-in-out infinite alternate}.cat-runner .leg.l2{animation-delay:calc(var(--gd,.28s) / -2)}.cat-runner .cat-body{animation:bob var(--gd,.28s) ease-in-out infinite alternate}@keyframes gallop{0%{transform:rotate(34deg)}to{transform:rotate(-34deg)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(2.5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cat-runner{display:none}html{scroll-behavior:auto}}@media(max-width:1000px){.feat-grid,.plans,.others{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:1080px){.quote-cat-link{display:none}}@media(max-width:1000px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--line);padding:16px 24px;align-items:stretch}.menu-toggle{display:block;margin-left:auto}.nav .paw-zone{display:none}}@media(max-width:640px){.feat-grid,.plans,.others,.steps,.foot-grid{grid-template-columns:1fr}.cta-box{padding:40px 28px;justify-content:center;text-align:center}section{padding:40px 0}.sec-sub{margin-bottom:28px}.marquee{display:none}#steps .steps{gap:12px}#steps .step{padding:18px 20px}#steps .step:before{font-size:1.8rem;top:14px;right:16px}#steps .sec-sub{margin-bottom:22px}#steps .step-track{display:none}}