@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--green:#173f35;--muted:#65736b;--cream:#f7f6f0;--gold:#b99b65;--line:#dce2d8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#213d32;font-family:'Noto Sans Thai',Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;background:#fffef9;border-bottom:1px solid var(--line);gap:24px}.brand{font:600 25px Georgia,serif;letter-spacing:3px;display:inline-flex;flex-direction:column}.brand span{font:10px sans-serif;letter-spacing:5px;margin-top:5px}nav{display:flex;gap:29px;font-size:13px}nav a:hover,nav a.active{color:#a07a3d}.small-button,.button{display:inline-block;border:1px solid var(--green);padding:12px 23px;border-radius:5px;background:var(--green);color:white;font-size:14px}.button.light{background:transparent;color:var(--green)}.eyebrow{font-size:11px;letter-spacing:3px;color:#8b754e;text-transform:uppercase}.hero{max-width:1600px;margin:auto;padding:65px 5% 0;display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center}.hero h1{font-size:clamp(40px,4.2vw,68px);line-height:1.25;font-weight:500;letter-spacing:-2px;margin:20px 0}.hero h1 em{font-style:normal;color:#829363}.hero p{font-size:16px;line-height:1.9;color:var(--muted);max-width:450px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-art{position:relative;background:#e9e6d9;border-radius:160px 160px 12px 12px;min-height:490px;display:flex;align-items:center;overflow:hidden}.hero-art img{width:100%;height:auto;object-fit:contain}.art-label{position:absolute;bottom:25px;left:28px;font:21px Georgia;letter-spacing:7px}.seal{position:absolute;right:20px;top:25px;background:#faf8eddf;border-radius:100%;width:94px;height:94px;display:grid;place-content:center;text-align:center;font-size:10px;letter-spacing:2px}.strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:50px 5% 0;font-size:13px}.strip span{color:#8a7651}.section{padding:75px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:32px}.section h2{font-size:34px;line-height:1.4;font-weight:500;margin:12px 0}.muted{color:var(--muted);line-height:1.8}.wide-photo{width:100%;border-radius:10px;display:block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fffef9;border:1px solid var(--line);padding:28px;border-radius:10px}.card .number{font:30px Georgia;color:var(--gold)}h3{font-size:20px;font-weight:500}.dark{background:var(--green);color:#fff}.dark .muted{color:#c0cfc1}.dark .eyebrow{color:#c8b789}.dark .button{background:#e2d4ad;color:var(--green);border:0}.product-visual{height:230px;background-image:url('/assets/veluva-original.png');background-size:auto 270px;background-repeat:no-repeat;background-color:#c4b39d;border-radius:7px;margin:-10px -10px 25px}.product-card button{background:none;border:0;border-bottom:1px solid #b99b65;padding:7px 0;color:var(--green)}.notice{padding:14px 22px;background:#eee8d7;border:1px solid #d9c99f;border-radius:6px;font-size:13px;line-height:1.8}.page-intro{padding:60px 5% 15px}.page-intro h1{font-size:43px;font-weight:500;margin:14px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px}.form{max-width:620px;margin:auto}.form label{display:block;margin:20px 0 7px}input,select{width:100%;border:1px solid #b6c2b4;border-radius:5px;padding:12px;background:white}input[type=checkbox]{width:auto}.status{padding:15px;background:#e6ecdf;border-radius:6px;margin-top:20px}.dashboard{display:grid;grid-template-columns:215px 1fr;min-height:720px;background:#f0f3ed}.sidebar{padding:30px 18px;background:#fff;border-right:1px solid var(--line)}.sidebar button{display:block;text-align:left;width:100%;border:0;padding:14px;margin:5px 0;background:none;color:var(--muted);border-radius:6px}.sidebar button.selected{background:var(--green);color:white}.demo-content{padding:35px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric{padding:22px;background:white;border-radius:8px;border:1px solid var(--line)}.metric strong{display:block;font:34px Georgia;margin:14px 0}.metric small{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:17px 10px;text-align:left;border-bottom:1px solid var(--line)}.tree{text-align:center;padding:30px 0}.node{border:1px solid #bdcbb8;border-radius:8px;background:white;padding:17px;max-width:210px;margin:auto;cursor:pointer}.node:hover{border-color:var(--green)}.branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px auto;max-width:600px}.branches>div{border-top:1px solid #a9b79f;padding-top:20px}.bar-row{display:grid;grid-template-columns:70px 1fr 45px;align-items:center;gap:15px;margin:22px 0}.bar{height:18px;background:#e4e9de;border-radius:4px}.bar i{display:block;height:100%;background:#789368;border-radius:4px}footer{padding:45px 5%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px}footer p{font-size:14px}footer small{font-size:11px;color:var(--muted);line-height:1.8}dialog{border:1px solid var(--line);border-radius:12px;padding:35px;max-width:600px;width:90%;color:var(--green)}dialog::backdrop{background:#12372e88}.close{float:right;border:0;background:none;font-size:28px}.content-preview{padding:30px;background:#e3e9dc;border-radius:8px;margin-top:25px}button:focus-visible,a:focus-visible{outline:3px solid #b99b65;outline-offset:4px}@media(max-width:950px){header{flex-wrap:wrap}nav{order:3;justify-content:center;width:100%;gap:20px;flex-wrap:wrap}.hero{padding-top:35px;gap:20px}.hero-art{min-height:370px}.metrics{grid-template-columns:1fr 1fr}.grid{gap:15px}.card{padding:20px}}@media(max-width:650px){header{padding:18px 5%;gap:18px}.brand{font-size:21px}nav{font-size:12px;gap:15px}.small-button{padding:10px 12px;font-size:12px}.hero{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-art{min-height:310px;border-radius:90px 90px 8px 8px}.hero-art img{min-height:270px}.seal{width:75px;height:75px}.strip{font-size:11px;flex-wrap:wrap;margin-top:30px}.section{padding:45px 5%}.section h2{font-size:28px}.section-heading{align-items:start;flex-direction:column}.grid,.split{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.sidebar{display:flex;gap:6px;flex-wrap:wrap;padding:15px}.sidebar button{width:auto;padding:9px;font-size:12px}.demo-content{padding:20px 5%}.metric{padding:15px}.metric strong{font-size:29px}th,td{padding:13px 4px;font-size:11px}.branches{gap:10px}.node{padding:12px;font-size:12px}footer{grid-template-columns:1fr}.page-intro h1{font-size:34px}}
/* V2 — Modern Corporate Network */
header{padding-top:22px;padding-bottom:22px}.brand{font-family:Arial,sans-serif;font-weight:800;font-size:25px;letter-spacing:2px}.brand span{letter-spacing:4px}.button,.small-button{font-weight:600;border-radius:4px}.eyebrow{font-weight:600;color:#79613c}.corporate-hero{max-width:none;padding:60px 5%;grid-template-columns:1fr 1.05fr;gap:50px;background:linear-gradient(115deg,#eaf0e7,#f8f8f3 58%)}.corporate-hero h1{font-size:clamp(40px,4.2vw,65px);font-weight:700;line-height:1.3;letter-spacing:-1.5px}.corporate-hero h1 em{color:#527349}.corporate-hero p{font-size:18px;max-width:520px}.corporate-art{border-radius:8px;min-height:440px;display:block;box-shadow:0 18px 40px #153e3517;overflow:hidden;background:#d8dfd3}.corporate-art img{width:100%;height:440px;object-fit:cover;display:block}.team-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 27px 25px;background:linear-gradient(transparent,#0d302be8);color:#fff}.team-caption strong{display:block;font-size:13px;letter-spacing:1px}.team-caption span{display:block;font-size:14px;margin-top:8px}.hero-note{font-size:12px;display:flex;align-items:center;gap:10px;color:#56715f}.note-dot{height:7px;width:7px;background:#8c9e60;border-radius:100%}.strip{margin-top:0;background:#173f35;color:#fff;padding:24px 4%;border:0;border-radius:0 0 6px 6px}.strip span{color:#e0c389}.section h2{font-weight:600}.product-visual{display:block;width:calc(100% + 20px);height:auto;aspect-ratio:2047/980;object-fit:contain;background:#e7dfd2;margin:-10px -10px 25px}.product-card h3{overflow-wrap:anywhere}.product-card{display:flex;flex-direction:column}.product-card button{align-self:start;margin-top:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-left:22px;line-height:1.9;margin:35px 0}.text-link{padding:12px 5px;color:#fff}.opportunity-intro{padding-top:35px}input{min-width:0}.demo-content .card{min-width:0}td{overflow-wrap:anywhere}img{max-width:100%}
@media(max-width:950px){.corporate-hero{gap:25px}.corporate-art,.corporate-art img{min-height:380px;height:380px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.corporate-hero{padding:36px 5%;grid-template-columns:1fr;gap:30px}.corporate-hero h1{font-size:40px;letter-spacing:-1px}.corporate-hero p{font-size:16px}.corporate-art{min-height:290px}.corporate-art img{height:310px;min-height:0}.team-caption{padding:50px 20px 20px}.steps{grid-template-columns:1fr;gap:15px}.strip{margin:0;padding:22px 5%;border-radius:0}.product-visual{height:auto}.notice{overflow-wrap:anywhere}.brand{font-size:22px}.page-intro h1{overflow-wrap:anywhere}}
/* V3 package boundaries and isolated demonstration */
.demo-disclaimer{padding:16px 5%;background:#173f35;color:white;text-align:center;font-size:14px;line-height:1.8}.demo-panel-meta{color:#7b633c;font-size:11px;letter-spacing:1px;padding:8px 0 15px}.scope-note{font-size:12px;line-height:1.9;color:#637166}.scope-note a,.scope-link{color:#285b44;text-decoration:underline}.scope-link{display:block;padding:16px 8px;font-size:12px}.package-card{padding:36px}.package-card h2{font-size:28px}.package-price{font-size:36px;font-weight:600;margin:24px 0}.package-price small{font-size:15px;font-weight:400}.package-card ul{padding-left:22px;line-height:2.2}.package-card.platform{border-top:4px solid #b99b65}.doc-note{font-size:13px;line-height:1.9;margin-top:24px}.glossary{margin-top:24px}.demo-content h2{font-size:28px;line-height:1.5}.sidebar .scope-note{padding:8px}.dashboard table{table-layout:fixed}.dashboard td,.dashboard th{overflow-wrap:anywhere}.demo-content .card{margin-top:20px}@media(max-width:650px){.demo-disclaimer{font-size:12px;text-align:left}.package-card{padding:24px}.package-card h2{font-size:25px}.demo-content h2{font-size:24px}.sidebar .scope-note{width:100%;margin:0}.scope-link{padding:10px}.dashboard td,.dashboard th{font-size:11px}.glossary{gap:16px}}