:root{--ink:#14242b;--paper:#f6f5ef;--lime:#d7ef6b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #718d1a;outline-offset:6px}header,footer{max-width:1360px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:21px;font-weight:750;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.mark{background:var(--ink);color:var(--lime);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}nav{display:flex;gap:32px;font-size:14px}main{max-width:1360px;margin:auto}.hero{margin:0 3%;padding:65px 5% 55px;background:var(--ink);color:var(--paper);border-radius:28px;position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.hero .eyebrow{color:var(--lime)}h1{font-size:clamp(46px,6.7vw,92px);line-height:1.22;letter-spacing:-3px;margin:33px 0 45px;position:relative;z-index:1;font-weight:650}h1 span{color:var(--lime);display:block}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;position:relative;z-index:1}.hero p{color:#c0cacc;font-size:15px;line-height:1.9;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 23px;border-radius:100px;background:var(--lime);color:var(--ink);font-weight:650;font-size:14px;white-space:nowrap}.dark{background:var(--ink);color:white}.orbit{position:absolute;right:7%;top:70px;font-size:105px;letter-spacing:-10px;width:255px;height:255px;border:1px solid #5c7064;border-radius:50%;display:grid;place-content:center;color:var(--lime);transform:rotate(-15deg)}.orbit span{font-size:9px;letter-spacing:2px;text-align:center}.apps{padding:70px 8%}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.section-title>span{font-size:11px;letter-spacing:2px;color:#65746f}h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1px;margin:12px 0 0}.app-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#fff;padding:38px;border:1px solid #e0e3d8;border-radius:22px;align-items:center}.tag{display:inline-block;background:#edf3d8;color:#4c6325;border-radius:30px;padding:7px 12px;font-size:11px}h3{font-size:29px;letter-spacing:-1px;margin:22px 0 12px}p{font-size:14px;line-height:1.9;color:#65716b}.actions{display:flex;align-items:center;gap:20px;margin-top:30px;font-size:13px}.preview{background:#edf0e7;border-radius:16px;padding:25px;transform:rotate(2deg)}.preview-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.preview-top span{color:#5c751e;font-size:8px}.preview-title{font-size:26px;line-height:1.5;margin:35px 0 25px;font-weight:650}.tiles{display:flex;gap:8px}.tiles>div{flex:1;background:white;border-radius:10px;padding:14px;font-size:21px}.tiles small{display:block;font-size:10px;color:#68736c;margin-top:8px}.preview-bottom{font-size:11px;margin-top:25px;display:flex;justify-content:space-between}.future{border:1px dashed #c5ccbc;border-radius:18px;margin-top:23px;padding:22px 32px;display:flex;align-items:center;justify-content:space-between}.future>span:first-child{font-size:10px;letter-spacing:2px}.future p{margin:0}.plus{font-size:35px;font-weight:300}.closing{margin:0 3%;padding:55px 5%;border-radius:24px;background:#e7eccf;text-align:center}.closing .button{margin-top:25px;background:var(--ink);color:white}footer{font-size:12px;color:#67736d;padding-top:40px;padding-bottom:40px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.features article{border-top:1px solid #bbc5af;padding:20px 0}.features article>span{font-size:12px;color:#6a7d43}.features h3{font-size:23px}.entry-links a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #dce3d3;font-size:15px}@media(max-width:760px){header{padding:22px 6%}.brand{font-size:17px}nav{gap:14px;font-size:11px}nav a:first-child{display:none}.hero{padding:40px 7%;border-radius:20px}h1{letter-spacing:-2px;margin:28px 0 34px}.hero-bottom{display:block}.hero-bottom .button{margin-top:25px}.orbit{display:none}.apps{padding:45px 7%}.section-title>span{display:none}.app-card{grid-template-columns:1fr;padding:24px;gap:30px}h3{font-size:26px}.actions{flex-wrap:wrap;gap:20px}.preview{transform:none}.future{padding:22px;gap:16px}.future>span:first-child{display:none}.closing{padding:40px 7%}footer{flex-wrap:wrap;gap:18px}.features{grid-template-columns:1fr;gap:4px}.features h3{margin-top:12px}.hero p br,.app-card p br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}