: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}:lang(th){font-family:var(--font-noto-thai),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(--accent-bright);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}.section{padding-block:48px}.section h2{font-size:28px;margin:0 0 24px;letter-spacing:-.01em}.section--tint{background:var(--bg-soft)}.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}.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;width:28px;height:28px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;margin-bottom:10px}.steps li:before,.trust{justify-content:center;font-size:14px}.trust{display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--ink-soft)}.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 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}.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){.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}}