:root{--night:#07151c;--panel:#0d2530;--line:#244652;--cyan:#42e4ed;--coral:#ff7163;--text:#ecfbff}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--text);font-family:"Noto Sans Thai",sans-serif}a{color:inherit}.mast{height:64px;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,60px);display:flex;justify-content:space-between;align-items:center}.logo{font:700 22px "Chakra Petch",sans-serif;color:var(--cyan);text-decoration:none}.mast nav{display:flex;gap:24px}.mast nav a{text-decoration:none;font-size:12px}.workstation{width:min(1240px,calc(100% - 36px));margin:38px auto;border:1px solid var(--line);background:var(--panel);box-shadow:14px 14px 0 #02090c}.toolbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:700 10px "Chakra Petch";color:#96b4bd}.hero{display:grid;grid-template-columns:1fr .82fr}.hero-copy{padding:56px 46px;border-right:1px solid var(--line)}.eyebrow{font:700 10px "Chakra Petch";color:var(--coral);letter-spacing:.12em}.hero h1{font:700 clamp(47px,6vw,82px)/.94 "Chakra Petch";margin:18px 0}.hero p{font-size:18px;line-height:1.65;color:#b8d1d8}.buttons{display:flex;gap:10px;margin-top:24px}.buttons a{background:var(--cyan);color:#041216;padding:12px 15px;text-decoration:none;font-weight:800}.buttons a.alt{background:transparent;color:var(--text);border:1px solid var(--line)}.demo{padding:38px 30px}.screen{height:100%;min-height:320px;border:1px solid var(--line);background:#061016;padding:22px;display:flex;flex-direction:column}.screen-head{display:flex;justify-content:space-between;font:700 10px "Chakra Petch"}.screen-head i{color:var(--cyan);font-style:normal}.dialogue{font:14px/1.7 monospace;color:#b6cbd1;flex:1;padding-top:24px}.dialogue b{color:var(--coral)}.wave{height:110px;display:flex;gap:3px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.wave i{display:block;flex:1;background:var(--cyan);min-width:1px}.timeline{display:flex;justify-content:space-between;color:#6f9099;font:9px monospace;padding-top:8px}.feature-rack{width:min(1240px,calc(100% - 36px));margin:60px auto;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.feature{padding:24px;border-right:1px solid var(--line)}.feature:last-child{border:0}.feature small{color:var(--coral);font:700 10px "Chakra Petch"}.feature h2{font:700 18px "Chakra Petch"}.feature p{font-size:13px;line-height:1.55;color:#a9c0c7}.notes{width:min(1080px,calc(100% - 36px));margin:64px auto}.notes h2{font:700 39px "Chakra Petch"}.note{display:grid;grid-template-columns:110px 1fr auto;gap:20px;padding:20px 8px;border-top:1px solid var(--line);text-decoration:none}.note span,.note em{font:700 10px "Chakra Petch";color:var(--coral)}.note em{font-style:normal;color:var(--cyan)}.process{background:#eaf8f8;color:#09202a;padding:64px max(18px,calc((100vw - 1080px)/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.process h2{font:700 46px "Chakra Petch";margin-top:0}.steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#9fc1c4}.step{background:#eaf8f8;padding:20px}.step b{font:700 12px "Chakra Petch";color:#007983}.step p{line-height:1.5}.footer{padding:30px clamp(18px,4vw,60px);display:flex;justify-content:space-between;font-size:12px}.managed-slot{display:none}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line)}.feature-rack{grid-template-columns:1fr 1fr}.feature{border-bottom:1px solid}.process{grid-template-columns:1fr}}@media(max-width:520px){.mast nav a:not(:last-child){display:none}.hero-copy{padding:38px 24px}.hero h1{font-size:46px}.feature-rack,.steps{grid-template-columns:1fr}.note{grid-template-columns:75px 1fr}.note em{grid-column:2}.buttons{flex-wrap:wrap}}