*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--color-text: #1a1a1a;--color-secondary: #444;--color-muted: #717171;--color-border: #e0e0e0;--color-bg: #fff;--color-link: #1a1a1a;--color-hover: #444}html{font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-weight:400;color:var(--color-text);background:var(--color-bg);line-height:1.65}.container{max-width:620px;margin:0 auto;padding:56px 24px 80px}header{margin-bottom:56px}.site-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.706rem;color:var(--color-muted)}nav{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:.824rem}.nav-right{display:flex;gap:24px}.nav-link{color:var(--color-muted);text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--color-text)}.lang-switch{padding-left:16px;border-left:1px solid var(--color-border)}a{color:var(--color-link);text-decoration-color:var(--color-border);text-underline-offset:.15em;transition:text-decoration-color .15s ease}a:hover{color:var(--color-hover);text-decoration-color:var(--color-muted)}.text-lead{font-size:1.118rem;font-weight:400;line-height:1.55;letter-spacing:-.005em}.text-body{font-size:1rem;font-weight:400;line-height:1.65;color:var(--color-secondary)}.text-small{font-size:.824rem;color:var(--color-muted);line-height:1.55}.section-label{font-family:var(--font-mono);font-size:.706rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:16px}.page-title{font-size:1.412rem;font-weight:600;letter-spacing:-.01em}.mono-link{font-family:var(--font-mono);font-size:.824rem;text-decoration:none;color:var(--color-muted)}.mono-link:hover{color:var(--color-text)}hr{border:none;border-top:1px solid var(--color-border);margin:40px 0}table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.882rem;table-layout:fixed}th:first-child,td:first-child{width:65%}th:last-child,td:last-child{width:35%}th,td{text-align:left;padding:10px 0;border-bottom:1px solid var(--color-border);vertical-align:baseline}th{font-family:var(--font-mono);font-size:.706rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-weight:400}td{color:var(--color-secondary)}.price-vnd{display:block;font-family:var(--font-mono);font-size:.706rem;color:var(--color-muted);margin-top:2px}.case-study-entry{display:block;text-decoration:none;color:var(--color-text);padding:12px 0;border-bottom:1px solid var(--color-border)}.case-study-entry:first-of-type{border-top:1px solid var(--color-border)}.case-study-entry:hover{background:#fafafa}.case-study-entry .header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.case-study-entry .name{font-weight:600;font-size:1rem}.case-study-entry .type{font-family:var(--font-mono);font-size:.706rem;color:var(--color-muted)}.case-study-entry .desc{font-size:.882rem;color:var(--color-muted);line-height:1.5}.case-study-card{padding:16px 0;border-bottom:1px solid var(--color-border)}.case-study-card:first-of-type{border-top:1px solid var(--color-border)}.case-study-card .name{font-weight:600;font-size:1rem}.case-study-card .year{font-family:var(--font-mono);font-size:.706rem;color:var(--color-muted)}.case-study-card .type{font-family:var(--font-mono);font-size:.706rem;color:var(--color-muted);margin-bottom:8px}.case-study-card .results p{font-size:.882rem;color:var(--color-muted);line-height:1.55}.example-item,.step{margin-bottom:12px}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:first-child{border-top:1px solid var(--color-border)}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 0;background:none;border:none;font:inherit;font-size:1rem;cursor:pointer;text-align:left;color:var(--color-text)}.faq-question:hover{color:var(--color-muted)}.faq-toggle{font-size:1.111rem;color:var(--color-muted);flex-shrink:0;margin-left:16px}.faq-answer{font-size:.882rem;color:var(--color-muted);line-height:1.6;padding-bottom:16px}
