.landing-header,.landing-hero,.landing-footer{background:var(--black);color:var(--rail-ink);--focus:var(--mint)}[data-theme=light] .landing-header,[data-theme=light] .landing-hero,[data-theme=light] .landing-footer{--focus:var(--rail-ink)}.landing-header{flex-wrap:wrap;align-items:center;gap:24px;padding:20px clamp(20px,5vw,72px);display:flex}.landing-header nav,.landing-controls,.landing-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.landing-header nav a{color:var(--rail-ink-2);padding:8px 0;text-decoration:none}.landing-header nav a:hover{color:var(--rail-ink)}.landing-controls{gap:8px;margin-left:auto}.landing-controls>a{color:var(--rail-ink-2)}.landing-controls>a:hover{background:var(--rail-hover);color:var(--rail-ink)}.landing-controls button,.landing-secondary{border-color:var(--rail-line);color:var(--rail-ink);background:0 0}.landing-controls button:hover:not(:disabled),.landing-secondary:hover{background:var(--rail-hover);color:var(--rail-ink)}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:clamp(32px,4vw,64px);padding:clamp(40px,6vw,80px) clamp(20px,5vw,72px) 0;display:grid}.landing-copy{padding-bottom:64px}.landing-copy h1{font-size:var(--t-display);text-wrap:balance;max-width:12ch;font-weight:600;line-height:1.04}.landing-lead{max-width:44ch;color:var(--rail-ink-2);margin-top:24px;font-size:18px;line-height:1.6}.landing-actions{margin-top:32px}.landing-ready{color:var(--rail-ink-2);font-size:var(--t-sm);max-width:54ch;margin-top:20px}.landing-sample{border:1px solid var(--line);border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--panel);color:var(--ink);border-bottom:0;min-width:0;padding:24px;scroll-margin-top:24px}.landing-sample h2{font-size:var(--t-base);font-weight:500}.sample-scope{font-size:var(--t-xs);color:var(--ink-2);margin-top:8px}.landing-sample h3{font-size:var(--t-lg);margin-top:32px;font-weight:600}.sample-performance{font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px;display:grid}.sample-performance>div+div{border-left:1px solid var(--line);padding-left:20px}.sample-performance dt,.landing-sample figcaption{font-size:var(--t-sm);color:var(--ink-2)}.sample-performance dd{font-size:var(--t-xl);margin-top:8px;font-weight:600}.landing-sample figure{margin-top:32px}.landing-sample svg{width:100%;height:auto;margin-top:12px}.sample-explanation{font-size:var(--t-xs);color:var(--ink-2);margin-top:12px;line-height:1.6}.sample-values{border-top:1px solid var(--line);font-size:var(--t-sm);margin-top:20px;padding-top:16px}.landing-page summary{cursor:pointer}.sample-table-scroll{margin-top:16px;overflow-x:auto}.sample-values table{font-variant-numeric:tabular-nums;width:100%}.sample-values th,.sample-values td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px;font-weight:400}.sample-values th:first-child{text-align:left}.landing-section{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding:64px clamp(20px,5vw,72px);scroll-margin-top:24px;display:grid}.landing-section h2{font-size:var(--t-2xl);text-wrap:balance;max-width:20ch;font-weight:600;line-height:1.25}.landing-section h3{font-size:var(--t-md);font-weight:600}.landing-section p{color:var(--ink-2);max-width:65ch;line-height:1.65}.landing-section h2+p,.landing-section h3+p{margin-top:12px}.landing-steps{padding-left:24px;list-style:decimal}.landing-steps li+li{margin-top:32px}.landing-steps li::marker{color:var(--ink-2);font-variant-numeric:tabular-nums}.landing-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.landing-faq details{border-top:1px solid var(--line);padding:20px 0}.landing-faq summary{font-size:var(--t-md);font-weight:500}.landing-faq p{margin-top:16px}.landing-footer{font-size:var(--t-xs);color:var(--rail-ink-2);flex-wrap:wrap;justify-content:space-between;gap:24px;padding:32px clamp(20px,5vw,72px);display:flex}.landing-footer p{max-width:90ch}[lang=th] .landing-copy h1{line-height:1.3}@media (max-width:1100px){.landing-header nav{order:3;width:100%}}@media (max-width:900px){.landing-hero,.landing-section{grid-template-columns:minmax(0,1fr);gap:32px}.landing-copy{padding-bottom:0}.landing-copy h1{max-width:15ch}.landing-section{padding-top:48px;padding-bottom:48px}.landing-header nav a,.landing-header>a,.landing-footer a,.sample-values summary,.landing-faq summary{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:600px){.landing-header{gap:12px}.landing-header nav{column-gap:20px}.landing-controls{flex-basis:100%;justify-content:flex-end}.landing-sample{padding:20px}.sample-performance{grid-template-columns:minmax(0,1fr);gap:12px}.sample-performance>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sample-performance dd{margin:0}.sample-performance>div+div{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.landing-principles{grid-template-columns:minmax(0,1fr)}}