:root{--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--bg:#ffffff;--bg-soft:#fffaf5;--surface:#ffffff;--line:#f3e8dd;--ink:#1c1917;--ink-soft:#57534e;--accent:var(--orange-700);--accent-strong:var(--orange-800);--accent-bright:var(--orange-500);--accent-soft:var(--orange-50);--accent-ink:#ffffff;--good:#15803d;--good-soft:#ecfdf3;--warn:#b45309;--warn-soft:#fef6e7;--bad:#b91c1c;--bad-soft:#fdecec;--code-bg:#241a12;--code-ink:#fbe9d8;--radius:12px;--radius-lg:18px;--shadow-1:0 1px 2px rgb(28 25 23/0.05);--shadow-2:0 8px 28px rgb(234 88 12/0.1);--max:1080px;--speed:150ms}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}@font-face{font-family:Noto Sans Thai Fallback Thonburi;font-weight:400;src:local("Thonburi");size-adjust:94.92%;ascent-override:111.67%;descent-override:47.41%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai Fallback Thonburi;font-weight:600;src:local("Thonburi-Bold"),local("Thonburi Bold");size-adjust:98.48%;ascent-override:107.64%;descent-override:45.69%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai Fallback Thonburi;font-weight:700;src:local("Thonburi-Bold"),local("Thonburi Bold");size-adjust:100.61%;ascent-override:105.36%;descent-override:44.73%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai Fallback Tahoma;font-weight:400;src:local("Tahoma");size-adjust:94.52%;ascent-override:112.15%;descent-override:47.61%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai Fallback Tahoma;font-weight:600;src:local("Tahoma-Bold"),local("Tahoma Bold");size-adjust:89.45%;ascent-override:118.50%;descent-override:50.31%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai Fallback Tahoma;font-weight:700;src:local("Tahoma-Bold"),local("Tahoma Bold");size-adjust:91.39%;ascent-override:115.99%;descent-override:49.24%;line-gap-override:0%;unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai Fallback Arial;font-weight:400;src:local("Arial"),local("ArialMT");size-adjust:103.32%;ascent-override:102.59%;descent-override:43.55%;line-gap-override:0%;unicode-range:u+0021-007e,u+00a1-00ff,u+2013-2014,u+2018-201d,u+2026}@font-face{font-family:Noto Sans Thai Fallback Arial;font-weight:400;src:local("Arial"),local("ArialMT");size-adjust:93.58%;ascent-override:113.27%;descent-override:48.09%;line-gap-override:0%;unicode-range:u+0020,u+00a0}@font-face{font-family:Noto Sans Thai Fallback Arial;font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:100.77%;ascent-override:105.19%;descent-override:44.66%;line-gap-override:0%;unicode-range:u+0021-007e,u+00a1-00ff,u+2013-2014,u+2018-201d,u+2026}@font-face{font-family:Noto Sans Thai Fallback Arial;font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:93.58%;ascent-override:113.27%;descent-override:48.09%;line-gap-override:0%;unicode-range:u+0020,u+00a0}@font-face{font-family:Noto Sans Thai Fallback Arial;font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:102.80%;ascent-override:103.11%;descent-override:43.77%;line-gap-override:0%;unicode-range:u+0021-007e,u+00a1-00ff,u+2013-2014,u+2018-201d,u+2026}@font-face{font-family:Noto Sans Thai Fallback Arial;font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:93.58%;ascent-override:113.27%;descent-override:48.09%;line-gap-override:0%;unicode-range:u+0020,u+00a0}:lang(th){font-family:var(--font-noto-thai),"Noto Sans Thai Fallback Thonburi","Noto Sans Thai Fallback Tahoma","Noto Sans Thai Fallback Arial",system-ui,-apple-system,sans-serif;line-height:1.8}:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height:1.35}:lang(ja){font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,Noto Sans JP,system-ui,sans-serif;line-height:1.8}:lang(zh),:lang(zh-Hans){font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;line-height:1.8}:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(zh-Hans) h1,:lang(zh-Hans) h2,:lang(zh-Hans) h3{line-height:1.4}:lang(ja),:lang(zh-Hans){word-break:normal;overflow-wrap:anywhere;line-break:strict}::selection{background:var(--orange-200)}a{color:var(--accent);text-decoration:none;transition:color var(--speed) ease}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--orange-600);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--accent-soft);padding:.1em .35em;border-radius:4px}pre{background:var(--code-bg);color:var(--code-ink);padding:14px 18px;border-radius:var(--radius);overflow-x:auto}pre code{background:none;padding:0;color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav__inner{display:flex;align-items:center;gap:24px;padding:12px 20px;max-width:var(--max);margin:0 auto}.nav__logo{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:18px;color:var(--ink)}.nav__logo:hover{text-decoration:none}.nav__links{display:flex;gap:18px;-webkit-margin-start:auto;margin-inline-start:auto;flex-wrap:wrap;align-items:center}.nav__links a{color:var(--ink-soft);font-size:15px}.nav__links a:hover{color:var(--accent);text-decoration:none}.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--radius);padding:11px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:background var(--speed) ease,transform var(--speed) ease,box-shadow var(--speed) ease}.btn:hover{background:var(--accent-strong);text-decoration:none;box-shadow:var(--shadow-2)}.btn:active{transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--accent);border:1.5px solid var(--orange-300)}.btn--ghost:hover{color:var(--accent-strong);box-shadow:none}.btn--ghost:hover,.btn--soft{background:var(--accent-soft)}.btn--soft{color:var(--accent)}.btn--soft:hover{background:var(--orange-100);color:var(--accent-strong);box-shadow:none}.btn--small{padding:6px 13px;font-size:13px}.btn--danger{background:var(--bad)}.hero{padding:76px 0 52px;text-align:center;background:radial-gradient(60% 130px at 50% 0,var(--orange-100),transparent 75%)}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:0 0 16px;letter-spacing:-.015em}.hero p{font-size:18px;color:var(--ink-soft);max-width:640px;margin:0 auto 28px}.hero--split{text-align:start}.hero--split p{max-width:520px;margin:0 0 28px}.illus--hero{max-width:520px;margin:0 auto}.closing__scene{max-width:300px;margin:0 auto 4px}@media (prefers-reduced-motion:no-preference){.illus__lift{animation:illus-lift 2.4s ease-in-out infinite}}@keyframes illus-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.section{padding-block:48px}.section h2{font-size:28px;margin:0 0 24px;letter-spacing:-.01em}.section--tint{background:var(--bg-soft)}:root{--product-accent:var(--accent-bright);--product-accent-strong:var(--accent);--product-accent-soft:var(--accent-soft);--illus-dot-1:#e8a33d;--illus-dot-2:#5dba6f;--illus-dot-3:#4fb3bf;--illus-dot-4:#9b7bd6}.figure{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:48px;gap:48px;align-items:center}.figure--start .figure__media{order:-1}.illus{display:block;width:100%;height:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow var(--speed) ease,border-color var(--speed) ease,transform var(--speed) ease}.card:hover{border-color:var(--orange-200);box-shadow:var(--shadow-2);transform:translateY(-2px)}.card h3{margin:0 0 8px;font-size:17px}.card p{margin:0 0 8px;color:var(--ink-soft);font-size:14.5px}.card p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto}table.compare,table.data{width:100%;border-collapse:collapse;font-size:14.5px}table.compare td,table.compare th,table.data td,table.data th{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}table.compare thead th,table.data thead th{background:var(--accent-soft)}.yes{color:var(--good);font-weight:600}.no{color:var(--ink-soft)}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;max-width:720px;margin:0 auto}.price-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;text-align:center;background:var(--surface);box-shadow:var(--shadow-1)}.price-card--featured{border:2px solid var(--accent-bright);box-shadow:var(--shadow-2)}.price-card .amount{font-size:46px;font-weight:750;letter-spacing:-.02em}.price-card .per,.price-card ul{color:var(--ink-soft)}.price-card ul{list-style:none;padding:0;margin:18px 0 24px;font-size:14.5px}.price-card li{padding:4px 0}.price-card__soon{margin-top:auto;color:var(--ink-soft);font-size:14px}.tax-note{text-align:center;color:var(--ink-soft);font-size:13px;margin-top:18px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge--active{background:var(--good-soft);color:var(--good)}.badge--past_due{background:var(--warn-soft);color:var(--warn)}.badge--expired,.badge--revoked{background:var(--bad-soft);color:var(--bad)}.badge--pro{color:var(--accent)}.badge--pro,.key-box{background:var(--accent-soft)}.key-box{font-family:ui-monospace,monospace;font-size:18px;letter-spacing:1px;padding:10px 16px;border-radius:var(--radius);display:inline-block;margin:8px 0}.notice{border:1px solid var(--line);-webkit-border-start:4px solid var(--accent-bright);border-inline-start:4px solid var(--accent-bright);background:var(--bg-soft);border-radius:6px;padding:12px 16px;margin:16px 0}.notice--draft{border-inline-start-color:var(--warn)}form.inline{display:inline}input[type=email],input[type=text]{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);font-size:15px;min-width:260px;transition:border-color var(--speed) ease}input[type=email]:focus,input[type=text]:focus{border-color:var(--accent-bright)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;padding:0;margin:0;list-style:none}.steps li{counter-increment:step;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px;background:var(--surface)}.steps li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:14px;margin-bottom:10px}.steps.steps--illustrated li:before{display:none}.steps__icon{display:block;width:44px;height:44px;margin-bottom:10px}.trust{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;color:var(--ink-soft);font-size:14px}.trust span{display:inline-flex;align-items:center;gap:7px}.prose{max-width:720px}.prose h1{font-size:32px}.prose h2{margin-top:36px;font-size:22px}.prose li{margin:4px 0}.footer{border-top:1px solid var(--line);margin-top:64px;padding:28px 0;color:var(--ink-soft);font-size:14px;background:var(--bg-soft)}.footer__inner{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:0 20px}.footer a{color:var(--ink-soft)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:22px;gap:22px}.gallery__item{margin:0}.gallery__item a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow var(--speed) ease,border-color var(--speed) ease,transform var(--speed) ease}.gallery__item a:hover{border-color:var(--orange-200);box-shadow:var(--shadow-2);transform:translateY(-2px)}.gallery__item img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform var(--speed) ease}.gallery__item a:hover img{transform:scale(1.015)}.gallery__item a{position:relative}.gallery__item a:before{content:"";position:relative;z-index:1;display:block;height:28px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 14px 50%,var(--line) 0 4.5px,transparent 5.5px),radial-gradient(circle at 28px 50%,color-mix(in srgb,var(--product-accent) 35%,var(--surface)) 0 4.5px,transparent 5.5px),radial-gradient(circle at 42px 50%,var(--product-accent) 0 4.5px,transparent 5.5px),color-mix(in srgb,var(--product-accent) 6%,var(--surface))}.gallery__item a:after{content:"";position:absolute;z-index:2;top:8px;right:12px;left:56px;height:12px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.gallery__item figcaption{margin-top:8px;font-size:13.5px;color:var(--ink-soft);line-height:1.5}.badge--fresh{background:var(--accent-soft);color:var(--accent);border:1px solid var(--orange-200);font-size:12px;vertical-align:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}figcaption a,li a:not(.btn),p a:not(.btn){text-decoration:underline;text-underline-offset:2px}.section-lead{max-width:68ch;margin:-6px 0 26px;color:var(--ink-soft);font-size:16.5px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 16px;padding:0}.pill-list li{background:var(--accent-soft);border:1px solid var(--orange-200);border-radius:999px;padding:6px 16px;font-size:14.5px;font-weight:600;color:var(--accent)}.perf td:last-child,.perf th:last-child{text-align:right;white-space:nowrap}.perf--chart td:last-child,.perf--chart th:last-child{text-align:left;width:58%}.perf-cell{display:flex;align-items:center;gap:12px}.perf-track{flex:1 1 auto;min-width:110px;border-left:1px solid color-mix(in srgb,var(--ink) 15%,var(--line))}.perf-bar{height:14px;min-width:2px;background:var(--product-accent);border-radius:0 4px 4px 0;transition:filter var(--speed) ease}.perf--chart tr:hover .perf-bar{filter:brightness(1.08)}.perf-cell .mono{flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.faq{max-width:78ch}.faq__item{border-bottom:1px solid var(--line);padding:2px 0}.faq__item summary{cursor:pointer;padding:14px 0;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px;transition:color var(--speed) ease}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--accent);font-size:20px;line-height:1;flex:none}.faq__item[open] summary:after{content:"\2212"}.faq__item summary:hover{color:var(--accent)}.faq__item p{margin:0 0 16px;color:var(--ink-soft);max-width:68ch}.nav__toggle{display:none;align-items:center;gap:9px;-webkit-margin-start:auto;margin-inline-start:auto;min-height:44px;padding:0 6px;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.nav__bars,.nav__bars:after,.nav__bars:before{display:block;width:18px;height:2px;border-radius:2px;background:var(--accent);content:""}.nav__bars{position:relative}.nav__bars:before{position:absolute;top:-6px}.nav__bars:after{position:absolute;top:6px}@media (max-width:760px){.figure{grid-template-columns:1fr;gap:28px}.figure--start .figure__media{order:0}.nav__inner{gap:12px;padding:10px 16px;flex-wrap:wrap}.nav__toggle{display:inline-flex}.nav__links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;border-top:1px solid var(--line)}.nav__links--open{display:flex}.nav__links a{display:flex;align-items:center;min-height:46px;font-size:16px;border-bottom:1px solid var(--line)}.nav__links a:last-child{border-bottom:0}}@media (max-width:640px){.wrap{padding:0 16px}.hero{padding:40px 0 32px}.hero p{font-size:16.5px}.section{padding-block:36px}.section h2{font-size:23px;margin-bottom:18px}.section-lead{font-size:16px;margin-bottom:20px}.grid,.pricing{gap:16px}.card,.price-card{padding:20px}.footer__inner{flex-direction:column;gap:8px;text-align:center}.table-scroll{margin-inline:-16px;padding-inline:16px}}@media (pointer:coarse){.btn,.faq__item summary,.nav__logo{min-height:44px}.footer__inner a{display:inline-block;padding:12px 4px}.btn{display:inline-flex;align-items:center;justify-content:center}.btn--small{min-height:40px}}.lang{position:relative}.lang__toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 4px;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:15px;cursor:pointer}.lang__toggle:hover{color:var(--accent)}.lang__menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;min-width:190px;max-height:60vh;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-2)}.lang__menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink);font-size:15px;white-space:nowrap}.lang__menu a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}.lang__menu a[aria-current=true]{color:var(--accent);font-weight:600}@media (max-width:760px){.lang{width:100%}.lang__toggle{width:100%;min-height:46px;font-size:16px}.lang__menu{position:static;max-height:none;border:0;box-shadow:none;padding:0 0 8px}.lang__menu a{min-height:44px;display:flex;align-items:center}}