:root{--ink:#182024;--muted:#5f6b72;--line:#d8e0dd;--paper:#f7faf8;--panel:#fff;--teal:#147c72;--coral:#c85f3f;--gold:#b1842c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{align-items:center;background:rgba(247,250,248,.94);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:72px;padding:0 6vw;position:sticky;top:0;z-index:10}.brand{align-items:center;display:inline-flex;font-size:1.05rem;font-weight:800;gap:10px}.brand-mark{align-items:center;background:var(--teal);color:#fff;display:inline-flex;font-weight:900;height:34px;justify-content:center;width:34px}nav{align-items:center;display:flex;gap:24px}nav a,.footer-links a,.back-link{color:var(--muted);font-size:.94rem;font-weight:650}nav a:hover,.footer-links a:hover,.back-link:hover{color:var(--teal)}
.hero{display:grid;gap:56px;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);min-height:calc(100vh - 72px);padding:76px 6vw 64px}.hero-copy{align-self:center;max-width:760px}.eyebrow{color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:0;line-height:.96;margin-bottom:26px;max-width:880px}h2{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:0;line-height:1.02;margin-bottom:18px}h3{font-size:1.12rem;line-height:1.25;margin-bottom:10px}p{color:var(--muted);line-height:1.7}.hero-text{font-size:1.12rem;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{align-items:center;border:1px solid var(--line);display:inline-flex;font-weight:750;justify-content:center;min-height:46px;padding:0 18px}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.secondary{background:#fff;color:var(--ink)}
.dashboard-visual{align-self:center;background:var(--panel);border:1px solid var(--line);box-shadow:0 28px 80px rgba(38,55,50,.12);padding:22px}.visual-toolbar,.table-head,.table-row,.site-footer,.data-grid{align-items:center;display:flex;justify-content:space-between}.visual-toolbar{border-bottom:1px solid var(--line);padding-bottom:16px}.visual-toolbar span,.metric-row span,.table-head span,.updated{color:var(--muted);font-size:.82rem}.visual-toolbar strong{color:var(--coral);font-size:1.35rem}.metric-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.metric-row div{background:#f3f7f4;border:1px solid var(--line);min-height:92px;padding:14px}.metric-row strong{display:block;font-size:1.35rem;margin-top:10px}.order-table{border:1px solid var(--line)}.table-head,.table-row{display:grid;gap:12px;grid-template-columns:1.35fr .7fr .8fr;padding:14px}.table-head{background:#edf3ef}.table-row{border-top:1px solid var(--line)}.table-row em{background:#eef6f3;color:var(--teal);font-style:normal;font-weight:750;padding:4px 8px;text-align:center}.accent-a{border-left:4px solid var(--teal)}.accent-b{border-left:4px solid var(--gold)}.accent-c{border-left:4px solid var(--coral)}
.section,.split-section,.vn-note{padding:76px 6vw}.section-heading{max-width:760px}.feature-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}.feature-card,.data-grid>div,.policy-card{background:var(--panel);border:1px solid var(--line)}.feature-card{min-height:220px;padding:26px}.split-section{background:#182024;color:#fff;display:grid;gap:52px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr)}.split-section p{color:#c6d2ce}.workflow-list{counter-reset:flow;display:grid;gap:12px;list-style:none;margin:0;padding:0}.workflow-list li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#f8fbfa;counter-increment:flow;font-weight:700;padding:18px 18px 18px 58px;position:relative}.workflow-list li:before{color:#91d1c9;content:counter(flow,decimal-leading-zero);font-family:monospace;left:18px;position:absolute}.data-section{background:#eef4f1}.data-grid{align-items:stretch;gap:18px;margin-top:36px}.data-grid>div{flex:1;padding:26px}.vn-note{background:#fff}.vn-note p{font-size:1.05rem;max-width:960px}.site-footer{border-top:1px solid var(--line);gap:24px;padding:36px 6vw}.site-footer p{margin-bottom:0}.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.policy-page{min-height:100vh;padding:42px 6vw 80px}.back-link{display:inline-flex;margin-bottom:28px}.policy-card{margin:0 auto;max-width:900px;padding:46px}.policy-card h1{font-size:clamp(2.35rem,5vw,4.2rem)}.policy-card h2{font-size:1.28rem;margin-top:30px}.policy-card a{color:var(--teal);font-weight:750}
@media(max-width:980px){.site-header{align-items:flex-start;flex-direction:column;gap:16px;padding-bottom:18px;padding-top:18px;position:static}nav{flex-wrap:wrap;gap:14px 18px}.hero,.split-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:54px}.feature-grid,.data-grid,.site-footer{flex-direction:column;grid-template-columns:1fr}}@media(max-width:620px){.metric-row{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1fr}.dashboard-visual,.policy-card{padding:22px}.hero-actions,.footer-links{align-items:stretch;flex-direction:column}}