:root{--blue:#0f62fe;--blue2:#0043ce;--ink:#161616;--muted:#525252;--line:#e0e0e0;--soft:#f4f4f4;--green:#198038}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);letter-spacing:.16px;background:#fff;margin:0;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif}button,input,select{font:inherit}button,a{transition:background .18s,color .18s,border-color .18s}button{cursor:pointer;border-radius:0}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fffffff5;align-items:center;height:64px;display:flex;position:sticky;top:0}.brand{letter-spacing:1px;align-items:center;gap:12px;margin-left:32px;font-size:17px;display:flex}.brand b{color:var(--blue);font-weight:500}.brand-mark{background:var(--ink);color:#fff;place-items:center;width:32px;height:32px;font:500 12px IBM Plex Mono;display:grid}.topbar nav{height:100%;margin-left:auto;display:flex}.topbar nav a{padding:22px 24px;font-size:14px}.topbar nav a:hover{background:var(--soft)}.nav-action{background:var(--blue);color:#fff;border:0;height:64px;margin-left:8px;padding:0 28px}.nav-action:hover,.primary:hover,.generate:hover{background:var(--blue2)}.nav-action span,.primary span,.feature-grid button span,.closing button span{margin-left:28px}.hero{border-bottom:1px solid var(--line);grid-template-columns:52% 48%;max-width:1584px;min-height:660px;margin:auto;display:grid}.hero-copy{padding:84px 7vw 56px 5vw}.kicker{margin:0 0 24px;font-size:14px}.hero h1{letter-spacing:-1.2px;margin:0 0 28px;font-size:clamp(52px,5.2vw,76px);font-weight:300;line-height:1.08}.hero h1 span{color:var(--blue)}.lead{color:var(--muted);max-width:620px;font-size:18px;line-height:1.65}.actions{margin-top:36px;display:flex}.actions button,.closing button{border:1px solid var(--ink);padding:17px 20px;font-size:14px}.primary{background:var(--blue);color:#fff;text-align:left;min-width:224px;border-color:var(--blue)!important}.secondary{background:#fff;margin-left:8px}.secondary:hover{background:var(--soft)}.trust-row{color:var(--muted);gap:28px;margin-top:44px;font-size:13px;display:flex}.trust-row i{color:var(--green);margin-right:6px;font-style:normal}.hero-console{color:#f4f4f4;border-left:4px solid var(--blue);background:#161616;align-self:center;min-height:450px;margin-right:5vw}.console-head{border-bottom:1px solid #393939;align-items:center;gap:16px;height:64px;padding:0 24px;font-size:12px;display:flex}.console-head span{background:var(--blue);padding:4px 8px}.console-head code{font:400 12px IBM Plex Mono}.console-head i{color:#42be65;margin-left:auto;font-style:normal}.hero-console pre,.code-card pre{white-space:pre-wrap;margin:0;padding:28px;font:400 13px/1.8 IBM Plex Mono}.blue{color:#78a9ff}.green{color:#42be65}.purple{color:#be95ff}.muted{color:#8d8d8d}.pipeline{border-top:1px solid #393939;align-items:center;padding:24px;display:flex}.pipeline>div{align-items:center;gap:10px;display:flex}.pipeline b{border:1px solid #525252;place-items:center;width:28px;height:28px;font:400 11px IBM Plex Mono;display:grid}.pipeline span{font-size:12px}.pipeline small{color:#8d8d8d;display:block}.pipeline em{color:#6f6f6f;margin:0 12px;font-style:normal}.pipeline .done b{background:var(--green);border-color:var(--green)}.pipeline .active b{background:var(--blue);border-color:var(--blue)}.metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.metrics div{border-right:1px solid var(--line);padding:32px 4vw}.metrics strong{font-size:30px;font-weight:300;display:block}.metrics span{color:var(--muted);font-size:13px}.platform,.workspace{max-width:1584px;margin:auto;padding:96px 5vw}.section-intro{grid-template-columns:1fr 2fr;margin-bottom:56px;display:grid}.section-intro h2,.workspace-head h2,.closing h2{letter-spacing:-.4px;margin:0;font-size:42px;font-weight:300;line-height:1.2}.feature-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.feature-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:320px;padding:28px;display:flex}.feature-grid article:hover{background:var(--soft)}.num{color:var(--blue);font:12px IBM Plex Mono}.feature-grid h3{margin:36px 0 12px;font-size:25px;font-weight:400}.feature-grid p{color:var(--muted);font-size:15px;line-height:1.6}.feature-grid button{color:var(--blue);text-align:left;background:0 0;border:0;margin-top:auto;padding:16px 0 0}.workspace{background:var(--soft);max-width:none;padding-left:max(5vw,50vw - 792px);padding-right:max(5vw,50vw - 792px)}.workspace-head{justify-content:space-between;align-items:end;margin-bottom:48px;display:flex}.tabs{display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:1px solid #8d8d8d;padding:14px 22px}.tabs .selected{border-bottom:3px solid var(--blue);color:var(--ink);font-weight:600}.api-panel{background:#fff;grid-template-columns:1fr 1fr;min-height:590px;display:grid}.api-copy{padding:48px}.tag,.deploy-grid article>span{color:var(--blue);font:12px IBM Plex Mono}.api-copy h3{font-size:38px;font-weight:300;line-height:1.2}.api-copy>p{color:var(--muted);max-width:520px;line-height:1.6}.api-copy ol{margin:0;padding:10px 0 0;list-style:none}.api-copy li{border-top:1px solid var(--line);gap:20px;padding:16px 0;display:flex}.api-copy li>b{color:var(--blue);font:12px IBM Plex Mono}.api-copy li span{flex-direction:column;display:flex}.api-copy li small{color:var(--muted);margin-top:4px}.code-card{color:#f4f4f4;background:#161616}.code-title{border-bottom:1px solid #393939;align-items:center;height:56px;padding:0 24px;font-size:13px;display:flex}.code-title button{color:#c6c6c6;background:0 0;border:1px solid #525252;margin-left:auto;padding:7px 14px}.form-shell{background:#fff;grid-template-columns:1.2fr .8fr;display:grid}.form-shell form{border-right:1px solid var(--line);padding:40px}.form-step{align-items:center;gap:14px;margin-bottom:32px;display:flex}.form-step>span{background:var(--blue);color:#fff;place-items:center;width:32px;height:32px;display:grid}.form-step small{color:var(--muted);display:block}.fields{grid-template-columns:1fr 1fr;gap:24px 16px;display:grid}.fields label{font-size:13px}.fields input,.fields select{background:var(--soft);border:0;border-bottom:1px solid #8d8d8d;outline:none;width:100%;margin-top:8px;padding:13px 16px;display:block}.fields input:focus,.fields select:focus{outline:2px solid var(--blue);border-bottom-color:var(--blue)}.form-total{border-top:1px solid var(--line);justify-content:flex-end;gap:48px;margin-top:32px;padding:20px 0;display:flex}.form-total span{color:var(--muted);font-size:13px}.form-total b,.form-total strong{color:var(--ink);font-size:18px;display:block}.form-total strong{font-size:24px;font-weight:400}.generate{background:var(--blue);color:#fff;text-align:left;border:0;min-width:240px;padding:16px 22px}.generate span{float:right}.doc-preview{background:#fff;padding:40px}.preview-top{color:var(--muted);justify-content:space-between;font:11px IBM Plex Mono;display:flex}.preview-top i{color:var(--green);font-style:normal}.doc-preview h3{margin:36px 0 6px;font-size:27px;font-weight:400}.doc-preview p{color:var(--muted);font-size:13px}.preview-line{background:var(--blue);height:3px;margin:28px 0}.doc-preview>small{color:var(--muted);display:block}.doc-preview>b{margin:6px 0;display:block}.amount-row,.grand{border-top:1px solid var(--line);justify-content:space-between;margin-top:24px;padding:14px 0;display:flex}.amount-row+.amount-row{margin-top:0}.grand{background:var(--soft);align-items:center;margin-top:0;padding:20px}.grand strong{font-size:24px;font-weight:400}.success{border-left:4px solid var(--green);color:#0e6027;background:#defbe6;margin-top:20px;padding:16px}.deploy-grid{grid-template-columns:1fr 1fr;display:grid}.deploy-grid article{border-right:1px solid var(--line);background:#fff;min-height:480px;padding:48px}.deploy-grid .recommended{border-top:4px solid var(--blue)}.deploy-grid h3{margin-top:48px;font-size:32px;font-weight:300}.deploy-grid p{color:var(--muted);max-width:520px}.deploy-grid ul{padding:20px 0;list-style:none}.deploy-grid li{border-top:1px solid var(--line);padding:12px 0}.deploy-grid li:before{content:"✓";color:var(--green);margin-right:12px}.deploy-grid button{background:var(--ink);color:#fff;border:0;margin-top:20px;padding:16px}.recommended button{background:var(--blue)}.closing{background:var(--blue);color:#fff;justify-content:space-between;align-items:center;padding:72px 5vw;display:flex}.closing .kicker{color:#d0e2ff}.closing button{color:var(--blue);text-align:left;background:#fff;border-color:#fff;min-width:220px}footer{color:#c6c6c6;background:#161616;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:64px 5vw;display:grid;position:relative}.footer-brand{color:#fff;margin-left:0}.footer-brand .brand-mark{color:#161616;background:#fff}footer p{font-size:14px;line-height:1.7}footer div:nth-of-type(2){flex-direction:column;gap:10px;font-size:14px;display:flex}footer a:hover{color:#fff}footer small{color:#6f6f6f;position:absolute;bottom:20px;right:5vw}@media (width<=900px){.topbar nav{display:none}.topbar{height:56px}.nav-action{height:56px;margin-left:auto;padding:0 16px}.brand{margin-left:16px}.hero{grid-template-columns:1fr}.hero-copy{padding:64px 24px}.hero h1{font-size:48px}.hero-console{margin:0 24px 48px}.metrics{grid-template-columns:1fr 1fr}.section-intro,.feature-grid{grid-template-columns:1fr}.workspace-head{display:block}.tabs{margin-top:28px;overflow:auto}.api-panel,.form-shell,.deploy-grid{grid-template-columns:1fr}.code-card{min-height:420px}.form-shell form{border-right:0;border-bottom:1px solid var(--line)}.closing{display:block}.closing button{margin-top:32px}footer{grid-template-columns:1fr 1fr}}@media (width<=560px){.nav-action span{display:none}.nav-action{font-size:12px}.brand{font-size:14px}.hero h1{font-size:40px}.lead{font-size:16px}.actions{display:block}.actions button{width:100%;margin:6px 0}.trust-row{display:block}.trust-row span{margin:8px 0;display:block}.hero-console{border-left:0;margin:0 0 32px}.pipeline{overflow:auto}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:24px 18px}.platform,.workspace{padding:64px 18px}.section-intro h2,.workspace-head h2,.closing h2{font-size:34px}.workspace{padding-left:0;padding-right:0}.workspace-head{padding:0 18px}.api-copy,.form-shell form,.doc-preview,.deploy-grid article{padding:28px 20px}.fields{grid-template-columns:1fr}.form-total{justify-content:flex-start;gap:24px}.closing{padding:56px 20px}footer{grid-template-columns:1fr;padding:48px 20px 72px}.feature-grid article{min-height:260px}}@media (width>=901px){.hero{grid-template-columns:54% 46%}.hero h1{font-size:clamp(50px,4.7vw,68px)}}.nav-action,.actions button,.feature-grid button{justify-content:space-between;align-items:center;gap:10px;display:inline-flex}.nav-action{justify-content:center}.secondary{justify-content:flex-start!important}.feature-top{color:var(--blue);justify-content:space-between;align-items:center;display:flex}.feature-grid button svg{margin-left:auto}.brand-logo{width:174px;height:auto;display:block}.form-brand-logo{width:176px;height:auto;margin-bottom:22px}.footer-logo{filter:brightness(0)invert();width:174px}@media (width<=560px){.brand-logo{width:132px}.form-brand-logo{width:150px}.nav-action{gap:6px}.nav-action svg:last-child{display:none}}.logo-crop{background-image:url(./etax-logo-system.png);background-repeat:no-repeat;background-size:260px;width:196px;height:50px;display:block}.logo-sign{background-position:-20px -16px}.logo-form{background-position:-20px -79px;width:196px}.footer-brand .logo-crop{filter:grayscale()brightness(4);opacity:.92}.topbar .brand{margin-left:24px}.topbar .logo-crop{transform-origin:0;margin-right:-34px;transform:scale(.82)}.workspace-head .logo-form{transform-origin:0;margin:4px 0 0;transform:scale(1.2)}.form-step>span{place-items:center;display:grid}.logo-crop{width:174px}.logo-form{width:184px}@media (width<=560px){.topbar .logo-crop{margin-right:-62px;transform:scale(.68)}.workspace-head .logo-form{transform:scale(.95)}}