@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";
@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--brand:#2a6374;--brand-600:#22535f;--brand-700:#1b414b;--brand-900:#12303a;--brand-50:#eaf3f4;--mint:#80c9c0;--mint-50:#ecf7f5;--coral:#f0865e;--coral-600:#e0703f;--coral-50:#fdf0ea;--gold:#f3d6aa;--ink:#1d3640;--muted:#5e7379;--line:#e4eae9;--paper:#fff;--cream:#faf7f2;--font:"Noto Sans Thai", "DM Sans", system-ui, "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Microsoft YaHei", "Malgun Gothic", sans-serif;--font-latin:"DM Sans", "Noto Sans Thai", system-ui, sans-serif;--font-brand:"Fredoka", "DM Sans", sans-serif;--font-serif:Georgia, "Times New Roman", serif;--radius-sm:12px;--radius:20px;--radius-lg:28px;--shadow-sm:0 1px 2px #1d36400d, 0 4px 14px #1d36400d;--shadow:0 18px 44px #1d36401a;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--edge:clamp(16px, 2.6vw, 40px);--gutter:max(var(--edge), calc((100vw - 1240px) / 2))}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px;overflow-x:clip}body{background:var(--cream);color:var(--ink);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}::selection{background:var(--mint);color:var(--ink)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:6px}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;transition:transform .2s;position:fixed;top:10px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.wrap{width:100%;padding-inline:var(--gutter)}.section{padding-block:clamp(84px,11vw,140px);position:relative}.lede{color:var(--muted);max-width:56ch;font-size:clamp(16px,1.15vw,18px);line-height:1.85}.heading h2{letter-spacing:-.035em;font-size:clamp(32px,3.6vw,54px);font-weight:700;line-height:1.2}.heading em,.hero h1 em,.free-copy em{font-family:var(--font-serif);letter-spacing:-.02em;background:linear-gradient(100deg, var(--brand) 0%, #3f8fa3 35%, var(--coral) 50%, #3f8fa3 65%, var(--brand) 100%);color:#0000;background-position:100% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:400}.heading.is-in em,.hero h1 em{animation:shimmer 6s var(--ease) 1s infinite}html[data-lang=zh] :is(.heading em,.hero h1 em,.free-copy em),html[data-lang=ja] :is(.heading em,.hero h1 em,.free-copy em),html[data-lang=ko] :is(.heading em,.hero h1 em,.free-copy em){font-family:inherit;font-style:normal;font-weight:700}.heading-center{text-align:center}.heading-light h2{color:#fff}.heading-light em{background-image:linear-gradient(100deg, var(--gold) 0%, #fff3df 40%, var(--coral) 50%, #fff3df 60%, var(--gold) 100%)}@media (min-width:901px){.heading em{white-space:nowrap}}.btn{min-height:50px;font:600 15px/1 var(--font);cursor:pointer;transition:transform .3s var(--spring), background-color .2s, border-color .2s, color .2s, box-shadow .3s;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;display:inline-flex;position:relative;overflow:hidden}.btn svg{transition:transform .3s var(--spring)}.btn:hover svg{transform:translate(3px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px #2a637440}.btn-primary:hover{background:var(--brand-600);transform:translateY(-2px);box-shadow:0 16px 32px #2a637452}.btn-ghost{color:var(--ink);border-color:var(--line);background:var(--paper)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.btn-light{color:var(--brand-700);background:#fff}.btn-light:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0003}.btn-outline-light{color:#fff;border-color:#ffffff59}.btn-outline-light:hover{background:#ffffff0f;border-color:#fff}.btn-shine:after{content:"";animation:shine 4.5s var(--ease) 2s infinite;pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.progress{z-index:90;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.progress i{transform-origin:0;background:linear-gradient(90deg, var(--mint), var(--brand), var(--coral));height:100%;display:block;transform:scaleX(0)}.site-header{z-index:50;border-bottom:1px solid #0000;transition:background-color .3s,box-shadow .3s,border-color .3s;position:sticky;top:0}.site-header.is-scrolled{-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px);border-bottom-color:var(--line);background:#faf7f2d1}.header-inner{height:76px;padding-inline:var(--edge);align-items:center;gap:20px;display:flex}.wordmark{flex:none;align-items:center;gap:10px;display:inline-flex}.wordmark img{width:44px;height:44px;box-shadow:var(--shadow-sm);transition:transform .5s var(--spring);border-radius:12px}.wordmark:hover img{transform:rotate(-8deg)scale(1.06)}.wordmark span{flex-direction:column;line-height:1;display:flex}.wordmark b{font:700 22px/1 var(--font-brand);color:var(--brand);letter-spacing:.02em}.wordmark em{font:600 13px/1.1 var(--font-brand);color:var(--coral);margin-top:2px;font-style:normal}.nav{border-radius:999px;gap:4px;margin-inline:auto;padding:4px;transition:background-color .3s;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14.5px;font-weight:500;transition:color .2s,background-color .2s;position:relative}.nav a:after{content:"";background:var(--coral);width:4px;height:4px;transition:transform .3s var(--spring);border-radius:50%;position:absolute;bottom:3px;left:50%;transform:translate(-50%)scale(0)}.nav a:hover{color:var(--brand)}.nav a:hover:after{transform:translate(-50%)scale(1)}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.header-login{min-height:42px;padding:0 16px;font-size:14px}.menu-btn{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;display:none}.mobile-menu{display:none}.lang{position:relative}.lang-btn{border:1px solid var(--line);background:var(--paper);height:42px;color:var(--ink);font:600 13px var(--font-latin);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;transition:border-color .2s,color .2s;display:inline-flex}.lang-btn:hover{border-color:var(--brand);color:var(--brand)}.lang-btn svg:first-child{transition:transform .6s var(--ease)}.lang-btn:hover svg:first-child{transform:rotate(180deg)}.lang-menu{z-index:60;background:var(--paper);border:1px solid var(--line);min-width:180px;box-shadow:var(--shadow);animation:pop .25s var(--spring);transform-origin:100% 0;border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14.5px;display:flex}.lang-menu button:hover,.lang-menu button[aria-selected=true]{background:var(--brand-50);color:var(--brand)}.lang-menu small{color:var(--muted);font:600 11px var(--font-latin);letter-spacing:.08em;margin-left:auto}.lang-menu svg{color:var(--brand)}.hero{isolation:isolate;padding-top:clamp(16px,3vw,40px);padding-bottom:clamp(48px,6vw,80px);position:relative;overflow:hidden}.aurora{z-index:-2;pointer-events:none;filter:blur(60px);opacity:.7;height:120%;position:absolute;inset:-20% -10% auto}.aurora i{border-radius:50%;position:absolute}.aurora i:first-child{background:radial-gradient(circle,#80c9c08c,#0000 65%);width:46vw;height:46vw;animation:18s ease-in-out infinite alternate drift-a;top:0;right:-6vw}.aurora i:nth-child(2){background:radial-gradient(circle,#f3d6aa8c,#0000 65%);width:34vw;height:34vw;animation:22s ease-in-out infinite alternate drift-b;top:30%;left:30%}.aurora i:nth-child(3){background:radial-gradient(circle,#f0865e38,#0000 65%);width:30vw;height:30vw;animation:26s ease-in-out infinite alternate drift-c;top:10%;left:-8vw}.particles{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{opacity:0;animation:11s linear infinite rise;position:absolute;bottom:-30px}.particle svg{fill:var(--mint)}.particle-heart svg{fill:var(--coral);opacity:.7}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:min(720px,100svh - 120px);display:grid}.hero h1{letter-spacing:-.045em;font-size:clamp(40px,4.8vw,76px);font-weight:700;line-height:1.16}.hero h1 .line{padding-bottom:.08em;display:block;overflow:hidden}.hero h1 .line>*{animation:line-up 1s var(--ease) both;display:inline-block}.hero h1 .line:nth-child(2)>*{animation:line-up 1s var(--ease) .14s both, shimmer 6s var(--ease) 1.4s infinite}@media (min-width:641px){.hero h1 em{white-space:nowrap}}.hero .lede{margin-top:22px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-art{aspect-ratio:1;justify-self:center;place-items:center;width:100%;max-width:540px;display:grid;position:relative}.hero{--mx:0;--my:0}.hero-disc{background:radial-gradient(circle at 50% 60%, #fff 0%, var(--mint-50) 60%, #ecf7f500 74%);border-radius:50%;animation:7s ease-in-out infinite breathe;position:absolute;inset:9%}.hero-ring{border:1px dashed #2a637438;border-radius:50%;position:absolute}.hero-ring-1{animation:60s linear infinite spin;inset:2%}.hero-ring-2{border-style:solid;border-color:#80c9c073;animation:40s linear infinite reverse spin;inset:14%}.parallax{transition:transform .6s var(--ease);position:absolute}.p-1{width:70%;transform:translate(calc(var(--mx) * -10px), calc(var(--my) * -8px));position:relative}.p-2{transform:translate(calc(var(--mx) * 22px), calc(var(--my) * 16px))}.p-3{transform:translate(calc(var(--mx) * -26px), calc(var(--my) * 20px))}.hero-mascot{filter:drop-shadow(0 26px 30px #6e4c1e2e);width:100%;animation:pop-in 1s var(--spring) .2s both, bob 6s ease-in-out 1.2s infinite}.hero-sticker-a{width:28%;bottom:8%;left:-2%}.hero-sticker-b{width:22%;top:4%;right:0}.hero-sticker-a img{animation:pop-in .9s var(--spring) .5s both, bob 5s ease-in-out 1.4s infinite;filter:drop-shadow(0 12px 16px #6e4c1e24)}.hero-sticker-b img{animation:pop-in .9s var(--spring) .7s both, wave 2.6s ease-in-out 1.6s infinite;transform-origin:50% 90%;filter:drop-shadow(0 12px 16px #6e4c1e24)}.orbit-chip{z-index:3;border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--brand);font:700 12.5px var(--font-latin);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pop-in .8s var(--spring) both, float 6s ease-in-out infinite;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex;position:absolute}.orbit-chip-a{animation-delay:1s,1.8s;top:22%;left:4%}.orbit-chip-b{color:var(--coral-600);animation-delay:1.2s,2.4s;bottom:20%;right:2%}.marquee{background:var(--brand-700);color:#f4efe6;margin-block:8px;padding-block:18px;overflow:hidden;transform:rotate(-1.2deg)scale(1.02);box-shadow:0 14px 30px #12303a2e}.marquee-track{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee span{font:700 13px var(--font-latin);letter-spacing:.24em;white-space:nowrap;align-items:center;gap:28px;padding-right:28px;display:inline-flex}.marquee i{color:var(--gold);font-size:18px;font-style:normal;animation:6s linear infinite spin;display:inline-block}.features-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.feature-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:40px;display:grid}.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease), box-shadow .35s, border-color .3s;will-change:transform}.feature{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;position:relative;overflow:hidden}.feature:before{content:"";background:radial-gradient(240px circle at var(--gx,50%) var(--gy,0%), #80c9c038, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.feature:hover{box-shadow:var(--shadow);border-color:#cfe3e1}.feature:hover:before{opacity:1}.feature-icon{background:var(--brand-50);width:46px;height:46px;color:var(--brand);transition:transform .45s var(--spring), background-color .25s, color .25s;border-radius:14px;place-items:center;display:grid}.feature:hover .feature-icon{background:var(--brand);color:#fff;transform:rotate(-8deg)scale(1.08)}.feature h3{margin-top:16px;font-size:17px;font-weight:700}.feature p{color:var(--muted);margin-top:6px;font-size:14.5px;line-height:1.7}.phones{height:clamp(460px,48vw,600px);position:relative}.phone-glow{filter:blur(30px);background:radial-gradient(circle,#80c9c073,#0000 65%);border-radius:50%;animation:6s ease-in-out infinite breathe;position:absolute;inset:12% 8%}.phone{background:var(--paper);border:1px solid var(--line);border-radius:34px;width:54%;padding:7px;position:absolute;overflow:hidden;box-shadow:0 30px 60px #1d364029}.phone img{border-radius:27px;width:100%}.phone-front{z-index:2;animation:7s ease-in-out infinite float-front;top:2%;left:6%}.phone-back{animation:8s ease-in-out infinite float-back;top:14%;right:4%}.flow{background:var(--paper);border-block:1px solid var(--line)}.flow-head{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:32px;display:grid}.flow-board{margin-top:56px;position:relative}.flow-grid{grid-template-rows:repeat(3,auto);grid-template-columns:128px repeat(6,minmax(0,1fr));gap:0 16px;margin:0;padding:0;list-style:none;display:grid;position:relative}.flow-band{grid-column:1/-1;grid-row:var(--row);border-radius:var(--radius);background:var(--cream);min-height:168px;color:var(--muted);font:600 12.5px/1.35 var(--font);align-items:center;gap:8px;margin-block:6px;padding:0 16px;display:flex}.flow-band span{max-width:96px}.flow-band svg{color:var(--brand);flex:none}.flow-band-ai{background:var(--coral-50)}.flow-band-ai svg{color:var(--coral-600)}.flow-band-clinic{background:var(--mint-50)}.flow-path{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.flow-path path{fill:none;stroke-linecap:round;stroke-linejoin:round}.flow-path-base{stroke:var(--line);stroke-width:2px}.flow-path-run{stroke:var(--mint);stroke-width:2.5px;stroke-dasharray:6 12;animation:1.2s linear infinite dash}.flow-comet{fill:var(--brand)}.flow-comet-glow{fill:#80c9c073}.flow-step{z-index:2;grid-column:calc(var(--col) + 1);grid-row:var(--row);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform .45s var(--spring), box-shadow .4s, border-color .3s;cursor:default;outline:none;align-self:center;margin-block:18px;padding:14px 14px 16px;position:relative}.flow-step.is-active{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-50), var(--shadow);transform:translateY(-6px)scale(1.03)}.flow-step.is-done{border-color:#cfe3e1}.flow-step-ai.is-active{border-color:var(--coral);box-shadow:0 0 0 4px var(--coral-50), var(--shadow)}.flow-step-clinic.is-active{box-shadow:0 0 0 4px var(--mint-50), var(--shadow);border-color:#4f9e94}.flow-num{background:var(--ink);color:#fff;font:700 11px/1.6 var(--font-latin);letter-spacing:.06em;transition:background-color .3s, transform .4s var(--spring);border-radius:999px;padding:2px 8px;position:absolute;top:-12px;left:14px}.flow-step.is-active .flow-num{background:var(--brand);transform:scale(1.12)}.flow-step-ai.is-active .flow-num{background:var(--coral-600)}.flow-tag{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:none}.flow-step h3{margin-top:4px;font-size:15px;font-weight:700;line-height:1.4}.flow-step p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.6}.urgency{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.urgency li{color:var(--muted);align-items:center;gap:7px;font-size:11.5px;line-height:1.35;display:flex}.urgency i{border-radius:50%;flex:none;width:8px;height:8px}.urgency .u0 i{background:#e2554b}.urgency .u1 i{background:var(--coral)}.urgency .u2 i{background:#e8c35a}.urgency .u3 i{background:#57b08f}.flow-step-ai.is-active .urgency i{animation:1.6s ease-in-out infinite blip}.flow-step-ai.is-active .urgency li:nth-child(2) i{animation-delay:.2s}.flow-step-ai.is-active .urgency li:nth-child(3) i{animation-delay:.4s}.flow-step-ai.is-active .urgency li:nth-child(4) i{animation-delay:.6s}.free-card{border-radius:var(--radius-lg);background:linear-gradient(120deg, #fff 0%, var(--mint-50) 60%, #fdf3ea 100%);border:1px solid #d7ebe7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,40px);padding:clamp(26px,3.4vw,44px) clamp(24px,4vw,56px);display:grid;position:relative;overflow:hidden}.free-card:before{content:"";background:radial-gradient(380px circle at var(--gx,80%) var(--gy,20%), #f0865e24, transparent 60%);pointer-events:none;position:absolute;inset:0}.free-badge{place-items:center;width:104px;height:104px;display:grid;position:relative}.free-badge:before{content:"";background:conic-gradient(from var(--angle), var(--mint), var(--brand), var(--coral), var(--gold), var(--mint));border-radius:50%;animation:6s linear infinite rotate;position:absolute;inset:0}.free-badge span{width:88px;height:88px;color:var(--brand);font:700 22px var(--font-brand);letter-spacing:.02em;background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.free-copy h2{letter-spacing:-.02em;font-size:clamp(24px,2.4vw,34px);line-height:1.25}.free-copy p{color:var(--muted);max-width:62ch;margin-top:8px;font-size:15.5px;line-height:1.75}.free-donate{z-index:1;border:1px solid var(--line);color:var(--coral-600);white-space:nowrap;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-right:70px;padding:12px 18px;font-size:14.5px;font-weight:700;display:inline-flex;position:relative}.free-donate svg{animation:1.8s ease-in-out infinite heartbeat}.free-mascot{opacity:.95;pointer-events:none;width:104px;animation:5s ease-in-out infinite peek;position:absolute;bottom:-30px;right:-6px;transform:rotate(-8deg)}.partners{background:radial-gradient(1200px 600px at 100% 0%, #24596a 0%, transparent 60%), var(--brand-900);color:#fff;isolation:isolate;margin-top:clamp(64px,8vw,110px);overflow:hidden}.spotlight{z-index:-1;background:radial-gradient(520px circle at var(--px,70%) var(--py,30%), #80c9c029, transparent 60%);pointer-events:none;position:absolute;inset:0}.partners:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(at 70% 40%,#000 20%,#0000 75%)}.partners-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,5vw,80px);display:grid}.partners .lede{color:#ffffffb8;margin-top:18px}.chip-free{color:var(--gold);background:#f3d6aa24;border:1px solid #f3d6aa4d;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.benefits{grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.benefits li{border-radius:var(--radius);transition:background-color .3s, transform .4s var(--spring), border-color .3s;background:#ffffff0d;border:1px solid #ffffff17;gap:14px;padding:16px;display:flex}.benefits li:hover{background:#ffffff17;border-color:#80c9c066;transform:translateY(-3px)}.benefit-icon{width:38px;height:38px;color:var(--mint);transition:transform .45s var(--spring);background:#80c9c029;border-radius:12px;flex:none;place-items:center;display:grid}.benefits li:hover .benefit-icon{transform:rotate(-10deg)scale(1.1)}.benefits h3{color:#fff;font-size:15px;font-weight:700}.benefits p{color:#ffffffa8;margin-top:4px;font-size:13.5px;line-height:1.6}.partner-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.partners-visual{perspective:1400px;position:relative}.dash{color:var(--ink);transform-style:preserve-3d;transition:transform .8s var(--ease);background:#f7f9f9;border-radius:22px;animation:9s ease-in-out infinite float-dash;position:relative;overflow:hidden;transform:rotateY(-9deg)rotateX(4deg)rotate(-.5deg);box-shadow:0 50px 90px #00000059,0 0 0 1px #ffffff14}.partners-visual:hover .dash{transform:rotateY(-2deg)rotateX(1deg)}.dash-chrome{border-bottom:1px solid var(--line);background:#eef2f2;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.dash-chrome i{background:#e2554b;border-radius:50%;width:10px;height:10px}.dash-chrome i:nth-child(2){background:#e8c35a}.dash-chrome i:nth-child(3){background:#57b08f}.dash-chrome span{color:var(--muted);font:500 11px var(--font-latin);background:#fff;border-radius:999px;margin-left:12px;padding:3px 12px}.dash-body{grid-template-columns:56px minmax(0,1fr);min-height:380px;display:grid}.dash-side{background:var(--brand-700);flex-direction:column;align-items:center;gap:10px;padding:14px 0;display:flex}.dash-side img{border-radius:9px;width:30px;height:30px;margin-bottom:6px}.dash-side span{color:#ffffff8c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.dash-side span.is-on{background:var(--brand);color:#fff;box-shadow:0 6px 14px #00000040}.dash-main{align-content:start;gap:12px;padding:16px;display:grid}.dash-kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dash-kpis div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.dash-kpis small{color:var(--muted);font-size:11.5px;display:block}.dash-kpis b{font:700 24px/1.1 var(--font-latin);color:var(--brand);margin-top:2px;display:block}.dash-kpis b.is-warn{color:#c9881f}.dash-kpis b.is-accent{color:var(--coral-600)}.dash-referral{background:#fff;border:1px solid #f6d3c3;border-radius:14px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:relative;box-shadow:0 10px 24px #f0865e24}.is-in .dash-referral{animation:ref-in .8s var(--spring) .6s both}.dash-ref-photo{background:#fde9dd;border-radius:12px;width:64px;height:64px;position:relative;overflow:hidden}.dash-ref-photo img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.dash-scan{background:var(--coral);height:2px;box-shadow:0 0 10px var(--coral);animation:2.2s ease-in-out infinite scan;position:absolute;left:0;right:0}.dash-ref-info small{color:var(--coral-600);font-size:11px;font-weight:700}.dash-ref-info b{font-size:13.5px;display:block}.dash-ref-info span{color:var(--muted);font-size:12px;display:block}.dash-ref-info em{background:var(--coral-50);color:var(--coral-600);font:600 11px var(--font);border-radius:999px;align-items:center;gap:5px;margin-top:4px;padding:2px 8px;font-style:normal;display:inline-flex}.dash-ref-info em i{background:var(--coral);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite blip}.dash-accept{background:var(--brand);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;animation:3s ease-in-out 2s infinite nudge}.dash-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:12px;display:grid}.dash-list,.dash-chart{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.dash-list small,.dash-chart small{color:var(--muted);margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.dash-row{border-top:1px solid #f0f3f3;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;display:grid}.is-in .dash-row{animation:row-in .6s var(--ease) var(--d) both}.dash-row time{color:var(--brand);font:700 11.5px var(--font-latin)}.dash-row b{font-size:12.5px;line-height:1.2;display:block}.dash-row span{color:var(--muted);font-size:10.5px}.dash-row em{font:600 10.5px var(--font);white-space:nowrap;border-radius:999px;padding:2px 8px;font-style:normal}.dash-row em.is-ok{color:#1e6b52;background:#d9f2e8}.dash-row em.is-wait{color:#8a5a12;background:#fbebcb}.dash-bars{align-items:flex-end;gap:6px;height:104px;display:flex}.dash-bars i{height:var(--h);background:linear-gradient(180deg, var(--mint), var(--brand));transform-origin:bottom;border-radius:6px 6px 3px 3px;flex:1}.is-in .dash-bars i{animation:bar-up .9s var(--spring) var(--d) both}.dash-bars i:nth-child(6){background:linear-gradient(180deg, #f7b79c, var(--coral))}.dash-toast{background:var(--ink);color:#fff;animation:toast 6s var(--ease) 2.4s infinite;opacity:0;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 14px 30px #0000004d}.dash-toast svg{color:var(--gold);animation:1s ease-in-out infinite ring}.trust-head{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end;gap:32px;display:grid}.trust-side .lede{margin-bottom:20px}.tech{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tech span{color:var(--muted);margin-right:6px;font-size:13px}.tech b{background:var(--paper);border:1px solid var(--line);color:var(--brand);font:700 12.5px var(--font-latin);letter-spacing:.06em;border-radius:999px;padding:6px 12px}.cert-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:48px 0 0;padding:0;list-style:none;display:grid}.cert{background:var(--line);border-radius:26px;padding:2px;position:relative}.cert:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent 0 55%, var(--mint) 70%, var(--brand) 82%, var(--coral) 92%, transparent 100%);-webkit-mask-composite:xor;opacity:.55;padding:2px;transition:opacity .3s;animation:5s linear infinite rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cert:hover:before{opacity:1;animation-duration:2.5s}.cert:hover{box-shadow:0 26px 50px #1d364024}.cert-inner{background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%), #80c9c024, transparent 60%), var(--paper);border-radius:24px;flex-direction:column;height:100%;padding:24px 22px 22px;display:flex;position:relative}.cert-top{justify-content:space-between;align-items:center;display:flex}.cert-num{font:italic 400 48px/1 var(--font-serif);color:#0000;-webkit-text-stroke:1.5px var(--brand);transition:color .4s}.cert:hover .cert-num{color:var(--brand)}.cert-stamp{white-space:nowrap;background:var(--mint-50);color:var(--brand);border:1px solid #cfe7e3;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex;transform:rotate(-4deg)}.cert.is-in .cert-stamp{animation:stamp .7s var(--spring) calc(var(--d,0s) + .45s) both}.cert h3{margin-top:22px;font-size:16.5px;font-weight:700;line-height:1.5}.cert-inner>p{color:var(--muted);margin-top:6px;font-size:13.5px;line-height:1.6}.cert dl{border-top:1px dashed var(--line);grid-template-columns:1fr 1fr;gap:12px 10px;margin:auto 0 0;padding-top:18px;display:grid}.cert-inner>p{margin-bottom:18px}.cert-wide{grid-column:1/-1}.cert dt{color:#7a8a82;font-size:11px}.cert dd{color:var(--brand);font:700 14.5px var(--font-latin);margin:2px 0 0}.mascots{isolation:isolate;background:radial-gradient(900px 480px at 50% 0%, var(--mint-50), transparent 70%), var(--cream);overflow:hidden}.mascot-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.mascot-float{opacity:.22;filter:saturate(.9);width:clamp(70px,8vw,120px);animation:drift-sticker 16s ease-in-out calc(var(--i) * -1.7s) infinite alternate;position:absolute}.mascot-float:first-child{top:10%;left:4%}.mascot-float:nth-child(2){top:70%;left:16%}.mascot-float:nth-child(3){top:30%;left:30%}.mascot-float:nth-child(4){top:82%;left:46%}.mascot-float:nth-child(5){top:14%;left:62%}.mascot-float:nth-child(6){top:64%;left:74%}.mascot-float:nth-child(7){top:26%;left:88%}.mascot-float:nth-child(8){top:78%;left:92%}.mascot-float:nth-child(9){top:46%;left:2%}.hint{text-align:center;color:var(--muted);margin-top:12px;font-size:14px}.pal-grid{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:clamp(20px,4vw,56px);margin-top:40px;display:grid}.pal{text-align:center}.pal-stage{cursor:pointer;width:100%;height:300px;transition:transform .4s var(--spring), box-shadow .3s;background:radial-gradient(circle at 50% 78%,#fff8ea 0%,#fbe9cf 70%);border:0;border-radius:32px;place-items:end center;padding:0 0 24px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #6e4c1e0f}.pal-cat .pal-stage{background:radial-gradient(circle at 50% 78%,#fff3ec 0%,#fbdfcf 70%)}.pal-stage:hover{box-shadow:inset 0 0 0 1px #6e4c1e14, var(--shadow);transform:translateY(-6px)}.pal-img{z-index:1;filter:drop-shadow(0 18px 18px #6e4c1e29);transform-origin:50% 100%;width:auto;height:210px;animation:3.6s ease-in-out infinite idle;position:relative}.pal-img.is-boing{animation:boing .8s var(--spring), idle 3.6s ease-in-out .8s infinite}.pal-shadow{filter:blur(4px);background:#6e4c1e24;border-radius:50%;width:130px;height:16px;animation:3.6s ease-in-out infinite shadow;position:absolute;bottom:22px}.pal-bubble{z-index:2;max-width:86%;color:var(--ink);box-shadow:var(--shadow-sm);animation:bubble .5s var(--spring) both;background:#fff;border-radius:18px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.4;position:absolute;top:20px;left:50%;transform:translate(-50%)}.pal-bubble:after{content:"";background:#fff;border-radius:3px;width:14px;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.pal-heart{z-index:3;bottom:140px;left:calc(50% + var(--hx));color:var(--coral);pointer-events:none;animation:heart-burst 1.2s var(--ease) forwards;font-size:22px;position:absolute}.pal h3{font:700 24px var(--font-brand);color:var(--brand);margin-top:20px}.pal b{color:var(--coral-600);margin-top:2px;font-size:14px;font-weight:600;display:block}.pal p{max-width:34ch;color:var(--muted);margin:10px auto 0;font-size:14.5px;line-height:1.7}.footer{background:var(--paper);border-top:1px solid var(--line);padding-block:64px 28px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.footer-brand{align-items:center;gap:20px;max-width:460px;display:flex}.footer-brand img{width:96px;transition:transform .6s var(--spring);flex:none}.footer-brand img:hover{transform:rotate(-4deg)scale(1.05)}.footer-brand p{color:var(--muted);font-size:14.5px}.footer nav{flex-wrap:wrap;gap:8px 22px;display:flex}.footer nav a{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s;position:relative}.footer nav a:after{content:"";transform-origin:0;height:1px;transition:transform .3s var(--ease);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.footer nav a:hover{color:var(--brand)}.footer nav a:hover:after{transform:scaleX(1)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);font:500 12px var(--font-latin);margin-top:40px;padding-top:20px}.music{z-index:70;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:46px;color:var(--muted);box-shadow:var(--shadow-sm);cursor:pointer;transition:color .2s, border-color .2s, transform .3s var(--spring);background:#ffffffeb;border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 14px;display:inline-flex;position:fixed;bottom:20px;left:20px}.music:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.music.is-playing{color:var(--brand)}.music.is-playing:before{content:"";border-radius:inherit;border:1px solid var(--mint);pointer-events:none;animation:2.4s ease-out infinite ping;position:absolute;inset:-1px}.music-eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.music-eq i{opacity:.5;background:currentColor;border-radius:2px;width:3px;height:4px}.music.is-playing .music-eq i{opacity:1;animation:1s ease-in-out infinite eq}.music.is-playing .music-eq i:nth-child(2){animation-delay:.2s}.music.is-playing .music-eq i:nth-child(3){animation-delay:.4s}.music.is-playing .music-eq i:nth-child(4){animation-delay:.1s}.music-label{font:600 13px var(--font-latin)}[data-reveal]{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s), filter .9s var(--ease) var(--d,0s)}[data-reveal=up]{filter:blur(6px);transform:translateY(26px)}[data-reveal=scale]{filter:blur(8px);transform:scale(.92)translateY(20px)}[data-reveal].is-in{opacity:1;filter:none;transform:none}.tilt[data-reveal].is-in{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:opacity .9s var(--ease) var(--d,0s), transform .35s var(--ease), filter .9s var(--ease) var(--d,0s), box-shadow .35s, border-color .3s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes float-front{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-12px)}}@keyframes float-back{0%,to{transform:rotate(6deg)translateY(0)}50%{transform:rotate(5deg)translateY(10px)}}@keyframes float-dash{0%,to{translate:0}50%{translate:0 -10px}}@keyframes wave{0%,60%,to{rotate:none}70%{rotate:-10deg}80%{rotate:8deg}90%{rotate:-5deg}}@keyframes pop-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}@keyframes line-up{0%{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 0}40%,to{background-position:-100% 0}}@keyframes shine{0%{transform:translate(-120%)}30%,to{transform:translate(120%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rotate{to{--angle:360deg}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes drift-a{to{transform:translate(-8vw,6vh)scale(1.1)}}@keyframes drift-b{to{transform:translate(6vw,-8vh)scale(.9)}}@keyframes drift-c{to{transform:translate(10vw,10vh)scale(1.15)}}@keyframes rise{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.7}90%{opacity:.5}to{opacity:0;transform:translateY(-110vh)rotate(160deg)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes dash{to{stroke-dashoffset:-18px}}@keyframes blip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.6)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.22)}30%{transform:scale(1)}45%{transform:scale(1.14)}}@keyframes peek{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-8px)}}@keyframes scan{0%,to{top:6%}50%{top:92%}}@keyframes ref-in{0%{opacity:0;transform:translate(30px)scale(.96)}to{opacity:1;transform:none}}@keyframes row-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes bar-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes nudge{0%,80%,to{transform:none}85%{transform:scale(1.08)}90%{transform:scale(.98)}}@keyframes toast{0%,4%{opacity:0;transform:translateY(16px)}10%,55%{opacity:1;transform:none}62%,to{opacity:0;transform:translateY(16px)}}@keyframes ring{0%,to{rotate:none}25%{rotate:14deg}75%{rotate:-14deg}}@keyframes stamp{0%{opacity:0;transform:rotate(-18deg)scale(2.2)}70%{opacity:1;transform:rotate(-2deg)scale(.92)}to{transform:rotate(-4deg)scale(1)}}@keyframes drift-sticker{0%{transform:translate(0)rotate(-6deg)}to{transform:translate(18px,-26px)rotate(8deg)}}@keyframes idle{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-6px)scaleY(1.02)}}@keyframes boing{0%{transform:scale(1)}25%{transform:scale(1.12,.86)translateY(4px)}50%{transform:scale(.92,1.12)translateY(-28px)}75%{transform:scale(1.04,.96)}to{transform:scale(1)}}@keyframes shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.86)}}@keyframes bubble{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.8)}to{opacity:1;transform:translate(-50%)}}@keyframes heart-burst{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-110px)scale(1.3)rotate(18deg)}}@keyframes eq{0%,to{height:4px}50%{height:14px}}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.6)}}@media (max-width:1180px){.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{grid-template-columns:1fr}}@media (max-width:1060px){.nav{display:none}.menu-btn{display:grid}.mobile-menu.is-open{padding:8px var(--edge) 20px;background:var(--cream);border-bottom:1px solid var(--line);animation:pop .25s var(--spring);gap:4px;display:grid}.mobile-menu a{border-bottom:1px solid var(--line);padding:12px 4px;font-weight:600}.mobile-menu .btn{border:0;margin-top:12px}}@media (max-width:1000px){.flow-grid{grid-template-rows:none;grid-template-columns:1fr;gap:14px;padding-left:44px}.flow-band{display:none}.flow-step{grid-area:auto/1;margin-block:0}.flow-tag{display:inline-flex}.flow-step:before{content:"";background:var(--paper);border:2px solid var(--mint);border-radius:50%;width:12px;height:12px;position:absolute;top:22px;left:-29px}.flow-step.is-active:before{background:var(--brand);border-color:var(--brand)}.flow-step-ai.is-active:before{background:var(--coral);border-color:var(--coral)}.flow-step.is-active{transform:translate(4px)}}@media (max-width:900px){.hero-inner,.features-inner,.partners-inner,.flow-head,.trust-head{grid-template-columns:1fr}.hero-inner{min-height:0}.hero-art{order:-1;max-width:400px}.phones{justify-self:center;width:100%;max-width:460px;height:440px}.free-card{grid-template-columns:1fr;justify-items:start}.free-donate{margin-right:0}.free-mascot{width:90px}.dash{transform:none}}@media (max-width:640px){:root{--edge:16px;--gutter:20px}.header-inner{gap:10px;height:66px}.header-login{display:none}.wordmark img{width:38px;height:38px}.wordmark b{font-size:19px}.hero h1{font-size:clamp(34px,10vw,44px)}html[data-lang=th] .hero h1 em,html:not([data-lang]) .hero h1 em{white-space:nowrap;font-size:.86em}.hero-actions .btn{flex:auto}.orbit-chip{padding:6px 10px;font-size:11px}.feature-grid,.cert-grid,.pal-grid{grid-template-columns:1fr}.phones{height:380px}.dash-body{grid-template-columns:44px minmax(0,1fr)}.dash-cols{grid-template-columns:1fr}.dash-kpis b{font-size:20px}.music{height:44px;padding:0 14px;bottom:14px;left:14px}.music-label{display:none}.footer-brand{flex-direction:column;align-items:flex-start}}html[data-lang=zh] :is(h1,h2,h3),html[data-lang=ja] :is(h1,h2,h3),html[data-lang=ko] :is(h1,h2,h3){word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.02em}html[data-lang=ko] p,html[data-lang=ko] li{word-break:keep-all}html[data-lang=zh] .hero h1 em,html[data-lang=ja] .hero h1 em,html[data-lang=ko] .hero h1 em{white-space:normal}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;filter:none;transform:none}.particles,.aurora{display:none}}.header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.header-inner .wordmark{justify-self:start}.header-inner .nav{justify-self:center;margin-inline:0}.header-inner .header-actions{justify-self:end;margin-left:0}@media (max-width:1060px){.header-inner{grid-template-columns:auto 1fr}.header-inner .header-actions{grid-column:2}}.hero h1 .line{margin:-.22em -.14em -.16em 0;padding:.22em .14em .16em 0}.hero h1 em{padding-right:.08em}.heading em,.hero h1 em,.free-copy em{margin:-.32em -.14em -.22em -.02em;padding:.32em .14em .22em .02em}.heading em,.free-copy em{-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero h1 .line>em{margin-top:-.32em;margin-bottom:-.22em}.hero-copy{container-type:inline-size}.hero h1{font-size:min(clamp(40px,4.8vw,76px),10.4cqi)}html[data-lang=zh] .hero h1,html[data-lang=ja] .hero h1,html[data-lang=ko] .hero h1{font-size:min(clamp(34px,4.1vw,62px),10cqi)}@media (max-width:640px){.hero h1{font-size:min(clamp(34px,10vw,44px),11.5cqi)}}.divider{background:var(--from);height:clamp(64px,7vw,110px);margin-block:-1px;position:relative;overflow:hidden}.divider svg{width:200%;height:100%;position:absolute;bottom:-1px;left:0}.divider path{fill:var(--to)}.divider .w1{opacity:.35;animation:22s linear infinite wave-x}.divider .w2{opacity:.55;animation:15s linear infinite reverse wave-x}.divider .w3{opacity:1;animation:28s linear infinite wave-x}.paw-trail{pointer-events:none;position:absolute;inset:0 0 40%}.paw-trail span{opacity:0;animation:paw-step 7s ease-in-out calc(var(--i) * .45s) infinite;position:absolute;transform:rotate(90deg)}.paw-trail svg{fill:var(--mint)}@keyframes wave-x{to{transform:translate(-50%)}}@keyframes paw-step{0%,4%{opacity:0;scale:.4}10%,55%{opacity:.75;scale:1}70%,to{opacity:0;scale:.8}}.flow{border-block:0}.free{padding-block:clamp(40px,5vw,70px)}.partners{margin-top:0}.trust{background:linear-gradient(180deg, var(--cream), #f3efe7)}@supports (animation-timeline:view()){.section>.wrap,.free>.wrap{animation:linear both section-in;animation-timeline:view();animation-range:entry entry 55%}.divider svg{animation:linear both divider-rise;animation-timeline:view();animation-range:entry cover 50%}}@keyframes section-in{0%{opacity:.35;transform:translateY(60px)scale(.97)}to{opacity:1;transform:none}}@keyframes divider-rise{0%{transform:translateY(40%)scaleY(.6)}to{transform:none}}.divider-flip svg{animation:none}@media (prefers-reduced-motion:reduce){.section>.wrap,.free>.wrap,.divider svg{animation:none!important}.paw-trail{display:none}}.divider-flip svg{transform:none}.divider-flip .w1,.divider-flip .w3{animation-direction:reverse}.divider-flip .w2{animation-direction:normal}@supports (animation-timeline:view()){.divider-flip svg{animation:linear both divider-rise;animation-timeline:view();animation-range:entry cover 50%}}.slider-bar{justify-content:space-between;align-items:center;gap:16px;margin-top:44px;display:flex}.slider-tabs{background:var(--cream);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;padding:5px;display:inline-grid;position:relative}.slider-tabs button{z-index:1;min-height:42px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;transition:color .3s;display:inline-flex;position:relative}.slider-tabs button.is-active{color:#fff}.slider-pill{z-index:0;background:var(--brand);width:calc(50% - 5px);transform:translateX(calc(var(--x) * 100%));transition:transform .55s var(--spring);border-radius:999px;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 8px 18px #2a637447}.slider-arrows{gap:8px;display:flex}.slider-arrows button{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:background-color .2s, color .2s, transform .3s var(--spring), border-color .2s;border-radius:50%;place-items:center;display:grid}.slider-arrows button:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:scale(1.06)}.slider-viewport{transition:height .6s var(--ease);touch-action:pan-y;margin-top:28px;position:relative;overflow:hidden}.slider-track{transform:translateX(calc(var(--slide) * -100%));transition:transform .8s var(--ease);align-items:flex-start;display:flex}.slide{min-width:0;transition:opacity .6s var(--ease), filter .6s var(--ease), transform .8s var(--ease);flex:0 0 100%;padding:16px 2px 8px}.slide[aria-hidden=true]{opacity:.25;filter:blur(4px);pointer-events:none;transform:scale(.96)}.flow-board{margin-top:0}.flow-head .lede{animation:fade-swap .6s var(--ease) both}@keyframes fade-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eco{position:relative;container-type:inline-size}.eco-cols{height:28px;position:relative}.eco-cols span{text-align:center;color:var(--muted);font:700 11.5px var(--font-latin);letter-spacing:.16em;text-transform:uppercase;position:absolute;top:0}html[data-lang=th] .eco-cols span,html:not([data-lang]) .eco-cols span{font-family:var(--font);letter-spacing:.04em;font-size:13px}.eco-map{aspect-ratio:1200/640;font-size:clamp(11px,1.2cqi,15px);position:relative}.eco-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eco-link path{fill:none;stroke-linecap:round}.eco-link-flow{stroke:url(#eco-grad);stroke-width:2.5px;stroke-dasharray:5 11;opacity:.25;transition:opacity .4s,stroke-width .4s;animation:1.1s linear infinite dash}.eco-link.is-hot .eco-link-flow{opacity:1;stroke-width:3px}.eco-node{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .5s var(--spring), box-shadow .4s, border-color .4s;cursor:default;border-radius:1.4em;flex-direction:column;gap:.8em;padding:1.1em;display:flex;position:absolute}.eco-node b{color:var(--ink);font-size:1.12em;font-weight:700;line-height:1.25;display:block}.eco-node small{color:var(--muted);font-size:.84em;line-height:1.35;display:block}.eco-head{align-items:center;gap:.7em;display:flex}.eco-icon{background:var(--brand-50);width:2.5em;height:2.5em;color:var(--brand);transition:transform .5s var(--spring), background-color .3s, color .3s;border-radius:.8em;flex:none;place-items:center;display:grid}.eco-node.is-hot .eco-icon{background:var(--brand);color:#fff;transform:rotate(-8deg)scale(1.06)}.eco-app{background:linear-gradient(180deg, #fff, var(--cream))}.eco-phone{border:1px solid var(--line);background:#fff;border-radius:1.2em;flex-direction:column;flex:1;align-items:center;gap:.7em;padding:.9em .8em;display:flex;box-shadow:inset 0 0 0 .3em #f4f7f6}.eco-phone img{border-radius:.7em;width:2.4em;height:2.4em}.eco-phone ul{grid-template-columns:1fr 1fr;gap:.45em;width:100%;margin:0;padding:0;list-style:none;display:grid}.eco-phone li{background:var(--brand-50);color:var(--brand);text-align:center;border-radius:.7em;padding:.5em .4em;font-size:.86em;font-weight:600;line-height:1.25}.eco-app.is-hot .eco-phone li{animation:chip-pulse 1.8s ease-in-out calc(var(--i) * .12s) infinite}.eco-vision,.eco-vet,.eco-insight{flex-direction:row;align-items:center;gap:.7em;padding:.8em .9em}.eco-api{background:radial-gradient(circle at 50% 0%, var(--mint-50), #fff 70%);border-color:#cfe7e3;justify-content:flex-start}.eco-hub-ring{pointer-events:none;border:1.5px dashed #2a637440;border-radius:1.8em;animation:4s ease-in-out infinite hub-breathe;position:absolute;inset:-10px}.eco-services{gap:.45em;margin:0;padding:0;list-style:none;display:grid}.eco-services li{border:1px solid var(--line);color:var(--ink-2,#34515b);background:#fff;border-radius:.7em;align-items:center;gap:.55em;padding:.45em .65em;font-size:.9em;font-weight:600;display:flex}.eco-services svg{color:var(--brand);flex:none}.eco-live{background:var(--ink);color:#fff;font:700 .76em var(--font-latin);letter-spacing:.06em;border-radius:999px;align-items:center;gap:.4em;padding:.25em .7em;display:inline-flex;position:absolute;top:-.8em;right:1em}.eco-live i{background:#57d6a3;border-radius:50%;width:.5em;height:.5em;animation:1.4s ease-in-out infinite blip}.eco-partner{background:linear-gradient(#fff,#f2faf8)}.eco-kinds{flex-wrap:wrap;gap:.4em;display:flex}.eco-kinds span{background:var(--mint-50);color:#3c8a80;border:1px solid #cfe7e3;border-radius:999px;padding:.3em .7em;font-size:.82em;font-weight:600}.eco-features{gap:.45em;margin:0;padding:0;list-style:none;display:grid}.eco-features li{border:1px solid var(--line);background:#fff;border-radius:.8em;align-items:center;gap:.55em;padding:.55em .7em;font-size:.92em;font-weight:600;display:flex}.eco-features svg{color:#3c8a80;flex:none}.eco-partner.is-hot .eco-features li{animation:row-glow 1.8s ease-in-out calc(var(--i) * .15s) infinite}.eco-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.eco-steps button{border:1px solid var(--line);background:var(--paper);color:var(--muted);text-align:left;cursor:pointer;transition:border-color .3s, color .3s, box-shadow .3s, transform .4s var(--spring);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.eco-steps button:hover{transform:translateY(-2px)}.eco-steps button.is-active{border-color:var(--brand);color:var(--ink);box-shadow:0 0 0 3px var(--brand-50)}.eco-step-num{background:var(--cream);width:28px;height:28px;color:var(--brand);font:700 11.5px var(--font-latin);border-radius:50%;flex:none;place-items:center;transition:background-color .3s,color .3s;display:grid}.eco-steps button.is-active .eco-step-num{background:var(--brand);color:#fff}.eco-step-title{font-size:13.5px;font-weight:600;line-height:1.35}.eco-step-bar{background:linear-gradient(90deg, var(--mint), var(--brand));transform-origin:0;width:100%;height:3px;animation:4.2s linear both step-progress;position:absolute;bottom:0;left:0}.eco-caption{min-height:3.4em;color:var(--muted);text-align:center;animation:fade-swap .5s var(--ease) both;margin-top:16px;font-size:15.5px;line-height:1.7}@keyframes chip-pulse{0%,to{background:var(--brand-50)}50%{background:#d4ecea}}@keyframes row-glow{0%,to{border-color:var(--line)}50%{border-color:var(--mint)}}@keyframes hub-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes step-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:900px){.eco-cols,.eco-links{display:none}.eco-app{order:1}.eco-api{order:2}.eco-vision{order:3}.eco-vet{order:4}.eco-insight{order:5}.eco-partner{order:6}.eco-app:after,.eco-api:after,.eco-insight:after{content:"";background:repeating-linear-gradient(180deg, var(--mint) 0 4px, transparent 4px 8px);width:2px;height:16px;animation:1s linear infinite dash-v;position:absolute;bottom:-15px;left:50%}.eco-phone ul{grid-template-columns:repeat(3,1fr)}.eco-steps{grid-template-columns:1fr}.slider-bar{flex-wrap:wrap}.slider-arrows{display:none}}@media (max-width:480px){.slider-tabs button{padding:0 12px;font-size:13px}}@keyframes dash-v{to{background-position:0 8px}}@media (prefers-reduced-motion:reduce){.slider-track,.slide,.slider-pill{transition:none!important}}.eco-panel{position:relative}.eco-map{aspect-ratio:auto}.eco-cols span{color:var(--muted)}.eco-link-base{stroke:var(--line);stroke-width:2px}.eco-link-flow{stroke:var(--mint);stroke-width:2.5px;opacity:0}.eco-link.is-hot .eco-link-base{stroke:var(--line);stroke-width:2px}.eco-link.is-hot .eco-link-flow{opacity:1}.eco-packet{fill:var(--brand)}.eco-packet-glow{fill:#80c9c073}.eco-node{background:var(--paper);border:1px solid var(--line);box-shadow:none}.eco-node.is-hot{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-50), var(--shadow-sm);transform:translateY(-3px)}.eco-app,.eco-partner,.eco-api{background:var(--paper)}.eco-api{border-color:var(--line)}.eco-phone{background:var(--cream);box-shadow:none;border:0}.eco-phone li{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.eco-app.is-hot .eco-phone li,.eco-partner.is-hot .eco-features li{animation:none}.eco-services li,.eco-features li{background:var(--cream);color:var(--ink);border:0;font-weight:500}.eco-kinds span{background:var(--cream);color:var(--muted);border:0}.eco-icon{background:var(--brand-50);color:var(--brand)}.eco-node.is-hot .eco-icon{background:var(--brand);color:#fff;box-shadow:none;transform:none}.eco-icon-ai{background:var(--coral-50);color:var(--coral-600)}.eco-node.is-hot .eco-icon-ai{background:var(--coral)}.eco-icon-partner{background:var(--mint-50);color:#3c8a80}.eco-node.eco-partner.is-hot .eco-icon-partner{color:#fff;background:#3c8a80}.eco-hub-ring{display:none}.eco-story{text-align:center;animation:fade-swap .5s var(--ease) both;margin-top:18px}.eco-story p{max-width:62ch;color:var(--muted);margin:0 auto;font-size:15.5px;line-height:1.7}.eco-route{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.eco-route span{background:var(--brand-50);color:var(--brand);font:600 12px var(--font-latin);animation:pop-in .4s var(--spring) calc(var(--i) * .1s) both;border-radius:999px;padding:3px 10px;position:relative}.eco-route span+span{margin-left:12px}.eco-route span+span:before{content:"→";color:var(--muted);position:absolute;left:-13px}.eco-steps{margin-top:18px}@media (max-width:900px){.eco.is-compact .eco-cols{display:none}.eco-map{font-size:11px;display:block}.eco-links{display:block}.eco-node{text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:.45em;padding:.6em .5em;position:absolute}.eco-node.is-hot{transform:none}.eco-app:after,.eco-api:after,.eco-insight:after,.eco-phone,.eco-services,.eco-features,.eco-kinds,.eco-node small{display:none}.eco-head{flex-direction:column;gap:.4em}.eco-node b{font-size:11.5px;line-height:1.2}.eco-icon{border-radius:10px;width:30px;height:30px}.eco-vision,.eco-vet,.eco-insight{flex-direction:column;gap:.3em;padding:.45em .35em}.eco-vision .eco-icon,.eco-vet .eco-icon,.eco-insight .eco-icon{border-radius:8px;width:24px;height:24px}.eco-vision b,.eco-vet b,.eco-insight b{font-size:10.5px}.eco-story p{font-size:14px}.eco-steps{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.eco-steps::-webkit-scrollbar{display:none}.eco-steps button{scroll-snap-align:start;flex:none;padding:10px 12px}}@media (max-width:760px){.flow.section{padding-top:40px}.slider-bar{margin-top:24px}.slider-tabs{width:100%}.slider-tabs button{padding:0 10px;font-size:13px}.slider-viewport{margin-top:16px}}.site-header,.site-header.is-scrolled{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.site-header{pointer-events:none}.header-inner{height:auto;padding-block:14px}.header-inner>*,.mobile-menu{pointer-events:auto}.glass,.wordmark,.nav,.lang-btn,.header-login,.menu-btn{-webkit-backdrop-filter:saturate(170%)blur(16px);backdrop-filter:saturate(170%)blur(16px);transition:box-shadow .3s, background-color .3s, transform .3s var(--spring);background:#ffffffb8;border:1px solid #fffc;box-shadow:0 6px 24px #1d364014,0 1px 2px #1d36400d}.site-header.is-scrolled :is(.wordmark,.nav,.lang-btn,.header-login,.menu-btn){background:#ffffffdb;box-shadow:0 10px 30px #1d36401f,0 1px 2px #1d36400f}.wordmark{border-radius:999px;padding:5px 16px 5px 5px}.wordmark img{width:40px;height:40px;box-shadow:none;border-radius:50%}.wordmark:hover{transform:translateY(-1px)}.nav{border-radius:999px;gap:2px;padding:5px;position:relative}.site-header.is-scrolled .nav{background:#ffffffdb}.nav a{z-index:1;color:var(--muted);padding:9px 16px;font-weight:500;transition:color .3s;position:relative}.nav a:after{display:none}.nav a:hover{color:var(--ink);background:0 0}.nav a.is-active{color:#fff}.nav-pill{z-index:0;background:var(--brand);opacity:0;width:0;transition:transform .55s var(--spring), width .55s var(--spring), opacity .3s;border-radius:999px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 6px 16px #2a63744d}.nav-pill.is-on{opacity:1}.nav-pill:after{content:"";background:var(--coral);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.lang-btn,.header-login,.menu-btn{border-radius:999px;height:46px}.header-login{border-color:#fffc}.header-login:hover{color:var(--brand);transform:translateY(-1px)}.menu-btn{border-radius:50%;width:46px}.mobile-menu.is-open{margin:0 var(--edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #fffc;border-radius:22px;padding:10px;box-shadow:0 18px 44px #1d364024}.mobile-menu a{border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;border:0!important}.mobile-menu a.is-active{background:var(--brand-50);color:var(--brand)}.mobile-menu a.is-active:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px}main#main{margin-top:-74px}.hero{padding-top:96px}@media (max-width:640px){.header-inner{padding-block:10px}.wordmark{padding:4px 12px 4px 4px}.wordmark img{width:34px;height:34px}.lang-btn,.menu-btn{height:42px}.menu-btn{width:42px}main#main{margin-top:-62px}.hero{padding-top:80px}}.hero-photo{aspect-ratio:4/5;justify-self:end;width:100%;max-width:520px;margin:0;position:relative}.hero-photo-frame{animation:frame-in 1.2s var(--ease) .1s both;background:#dfeee5;border-radius:260px 260px 32px 32px;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 70px -30px #1d364073}.hero-photo-frame img{object-fit:cover;object-position:50% 60%;transform:scale(1.08) translate(calc(var(--mx,0) * -10px), calc(var(--my,0) * -8px));transition:transform .8s var(--ease);animation:photo-settle 2.2s var(--ease) both}.hero-photo-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000,#12303a73);position:absolute;inset:55% 0 0}.hero-photo-caption{color:#fff;font:italic 400 clamp(17px, 1.5vw, 22px)/1.2 var(--font-serif);letter-spacing:-.01em;text-shadow:0 2px 12px #00000040;animation:fade-up .9s var(--ease) .9s both;position:absolute;bottom:24px;left:28px}.hero-stamp{background:var(--paper);width:120px;height:120px;animation:pop-in .8s var(--spring) .7s both;border-radius:50%;place-items:center;display:grid;position:absolute;top:18%;left:-46px;box-shadow:0 14px 30px #1d364024}.hero-stamp svg{width:100%;height:100%;animation:22s linear infinite spin;position:absolute;inset:0}.hero-stamp text{fill:var(--brand);font:700 9.6px var(--font-latin);letter-spacing:.14em}.hero-stamp img{border-radius:50%;width:52px;height:52px}@keyframes frame-in{0%{opacity:0;clip-path:inset(18% 0 0 round 260px 260px 32px 32px)}to{opacity:1;clip-path:inset(0 round 260px 260px 32px 32px)}}@keyframes photo-settle{0%{transform:scale(1.22)}to{transform:scale(1.08)}}@media (max-width:900px){.hero-photo{aspect-ratio:1;order:-1;justify-self:center;max-width:420px}.hero-photo-frame{border-radius:200px 200px 28px 28px}.hero-stamp{width:96px;height:96px;top:auto;bottom:-26px;left:-10px}.hero-stamp img{width:42px;height:42px}}@media (max-width:640px){.hero-photo{aspect-ratio:5/4;max-width:100%}.hero-photo-frame{border-radius:160px 160px 24px 24px}.hero-photo-caption{bottom:16px;left:18px}.hero-stamp{width:84px;height:84px;bottom:-28px;left:auto;right:10px}.hero-stamp text{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.hero-stamp svg,.hero-photo-frame,.hero-photo-frame img{animation:none!important}}.header-app{border:0;height:46px;min-height:46px;padding:0 18px;font-size:14px;box-shadow:0 8px 20px #2a637447}.hero-note{color:var(--muted);margin-top:14px;font-size:13.5px}.feature-cta{margin-top:26px}@media (max-width:1060px){.header-login{display:none}}@media (max-width:640px){.header-app{display:none}}button.free-donate{cursor:pointer;font:inherit;transition:transform .2s var(--spring,ease), box-shadow .2s ease;font-size:14.5px;font-weight:700}button.free-donate:hover{box-shadow:var(--shadow-md,0 10px 24px #2a637424);transform:translateY(-2px)}.free-chev{transition:transform .3s}.free-chev.is-open{transform:rotate(180deg)}.donate-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.donate-panel[hidden]{display:none}.donate-panel.is-open{animation:.35s cubic-bezier(.2,.8,.2,1) donate-in}@keyframes donate-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.donate-bank,.donate-side{border-radius:var(--radius-lg,28px);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #d7ebe7;padding:clamp(20px,3vw,28px)}.donate-bank-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.donate-bank-head img{border-radius:12px}.donate-bank-head small{color:var(--muted,#5e7379);font-size:12.5px;display:block}.donate-bank-head b{color:var(--ink,#1d3640);font-size:18px}.donate-bank dl{background:var(--mint-50,#eef8f6);border-radius:18px;gap:12px;margin:0 0 16px;padding:16px;display:grid}.donate-bank dt{color:var(--muted,#5e7379);font-size:12.5px}.donate-bank dd{color:var(--ink,#1d3640);overflow-wrap:anywhere;margin:2px 0 0;font-weight:700}.donate-number{letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums;font-size:clamp(22px,3vw,28px);color:var(--brand,#2a6374)!important}.donate-copy{justify-content:center;width:100%}.donate-note{color:var(--muted,#5e7379);margin:12px 0 0;font-size:12.5px;line-height:1.7}.donate-side{flex-direction:column;gap:12px;display:flex}.donate-uses{gap:10px;margin:0 0 4px;padding:0;list-style:none;display:grid}.donate-uses li{color:var(--ink,#1d3640);align-items:center;gap:10px;font-weight:600;display:flex}.donate-uses span{background:var(--coral-50,#fdf0ea);width:28px;height:28px;color:var(--coral-600,#e0703f);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.donate-link{border:1px solid var(--line,#e4eae9);color:var(--brand,#2a6374);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.donate-link:hover{background:var(--mint-50,#eef8f6)}.donate-link small{color:var(--muted,#5e7379);overflow-wrap:anywhere;flex-basis:100%;padding-left:26px;font-weight:500}@media (max-width:760px){.donate-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.donate-panel.is-open{animation:none}}.donate-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr)}.donate-paypal{border-radius:var(--radius-lg,28px);box-shadow:var(--shadow-sm);text-align:center;background:#fff;border:1px solid #d7ebe7;flex-direction:column;align-items:center;padding:clamp(18px,2.6vw,24px);display:flex}.donate-pp-title{color:var(--ink,#1d3640);align-items:center;gap:8px;margin:0 0 12px;font-weight:800;display:flex}.donate-qr{border:1px solid var(--line,#e4eae9);border-radius:16px;width:auto;max-width:100%;height:auto;max-height:260px}.donate-save{margin-top:10px}@media (max-width:1080px){.donate-panel{grid-template-columns:1fr 1fr}.donate-side{grid-column:1/-1}}@media (max-width:760px){.donate-panel{grid-template-columns:1fr}}