:root{--night:#0b1f1a;--night2:#123128;--ink:#eef5f1;--muted:#93aba0;--mint:#4fd1a5;--sun:#f29a5e;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'IBM Plex Sans Thai',system-ui,sans-serif;color:var(--ink);background:var(--night);line-height:1.8}a{color:inherit;text-decoration:none}button,a{outline-offset:6px}h1,h2,h3,p{margin:0}.atmosphere{position:absolute;inset:0 0 auto;height:1000px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 90%,#1c4838 0%,#123128 35%,#0b1f1a 73%)}.glow{position:absolute;width:750px;height:750px;left:50%;bottom:-500px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle, #f29a5e55,#f29a5e18 40%,transparent 66%);filter:blur(12px)}.horizon{position:absolute;left:0;right:0;bottom:160px;height:1px;background:linear-gradient(90deg,transparent,#4fd1a555 30%,#4fd1a555 70%,transparent)}.orbit{position:absolute;width:1000px;height:1000px;border:1px solid #a6cbb40a;border-radius:50%;left:50%;top:185px;transform:translateX(-50%)}.header{position:relative;z-index:2;max-width:1540px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;gap:11px;align-items:center}.brand img{width:38px;height:38px;border-radius:11px}.brand>span{font-size:23px;letter-spacing:-.8px;font-weight:600;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:#88a394;margin-top:7px}.header-right{display:flex;gap:25px;align-items:center}.preview{font-family:system-ui,sans-serif;font-size:9px;letter-spacing:1.5px;color:#6d8e7c;display:flex;align-items:center;gap:8px}.preview i{width:4px;height:4px;background:#8aaa7d;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:40px;font-size:14px;font-weight:500;transition:transform .2s var(--ease),background .2s;min-height:44px;white-space:nowrap}.button:hover{transform:translateY(-2px)}.ghost{border:1px solid #b4ccba30;padding:10px 21px;color:#d9e7de}.ghost:hover{background:#c6d8cb0a}.ghost>span{font-size:16px;color:#9fb8a8}.primary{background:var(--sun);color:#153326;padding:15px 29px;font-size:16px;box-shadow:0 10px 40px #f29a5e18}.primary:hover{background:#f6aa77}.primary svg{width:20px;height:20px}.hero{position:relative;z-index:1;min-height:785px;text-align:center;padding:62px 24px 42px;display:flex;align-items:center;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#6d9380;display:flex;align-items:center;gap:14px;font-family:'IBM Plex Sans Thai',system-ui,sans-serif}.eyebrow>span{width:21px;height:1px;background:#41654e}.hero-mark{margin:28px 0 20px;border-radius:21px;box-shadow:0 8px 50px #0001}.hero h1{font-size:clamp(65px,9vw,110px);letter-spacing:-5px;font-weight:600;line-height:1.2;animation:rise .7s var(--ease) both}.brand-en{font-family:system-ui,sans-serif;letter-spacing:4px;font-size:11px;color:#61846e;margin-top:12px}.brand-en span{padding:0 8px;color:#3a5c47}.hero h2{font-size:clamp(23px,3.2vw,36px);font-weight:400;letter-spacing:-1px;margin-top:30px;line-height:1.7}.hero h2>span{color:var(--sun)}.hero-sub{font-size:15px;line-height:1.9;font-weight:300;color:#8fae9b;margin:13px 0 29px}.access-note{font-size:11px;color:#66866e;margin-top:13px}.scroll-note{font-size:11px;color:#6d8e78;margin-top:42px;display:flex;flex-direction:column;align-items:center;gap:5px}.scroll-note span{font-size:18px;color:#5a7c66}.made-for-you{position:relative;padding:85px 6% 100px;max-width:1300px;margin:auto;display:grid;grid-template-columns:.9fr 1.6fr;gap:65px;border-bottom:1px solid #234232}.section-intro .eyebrow{font-size:8px;letter-spacing:1.8px;line-height:1.8}.section-intro h2{font-weight:400;font-size:30px;letter-spacing:-.8px;line-height:1.7;margin:18px 0}.section-intro p{font-size:13px;color:#789b85;font-weight:300}.audiences article{border-top:1px solid #244736;padding:22px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:4px 25px}.number{font-size:9px;color:#627f68;letter-spacing:1.3px;grid-column:1/-1}.audiences h3{font-size:17px;font-weight:400;color:#c6dacf}.audiences p{font-size:13px;color:#7a9b86;font-weight:300;grid-column:2;grid-row:2/4}.audience-label{font-size:10px;color:#537b5f}.closing{padding:75px 22px 80px;text-align:center;background:radial-gradient(ellipse at center bottom,#183b2a40,transparent 65%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:30px;font-weight:400;letter-spacing:-.8px;margin:14px 0 26px}.closing .button{font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;max-width:1300px;margin:auto;padding:25px 6%;border-top:1px solid #1c3829;font-size:10px;color:#52735d}.brand-mini{font-size:14px;color:#91b19c}.brand-mini>span{font-size:10px;color:#52735d;margin-left:7px}.footer-dot{margin:0 8px}.mobile-break{display:none}.document{position:relative;padding:60px 24px 100px;max-width:760px;margin:auto;color:#b8cdbc}.document h1{font-size:32px;font-weight:500;margin-bottom:24px}.document h2{font-size:19px;font-weight:400;margin:30px 0 10px}.document p,.document li{font-size:15px;font-weight:300;color:#92af9b}.document a{color:var(--sun)}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:800px){.made-for-you{grid-template-columns:1fr;gap:35px;padding:60px 6%}.section-intro h2 br{display:none}.hero{min-height:760px}.atmosphere{height:1000px}.header{padding:23px}.preview{font-size:8px;letter-spacing:1px}.header-right{gap:15px}.audiences{max-width:650px}.section-intro .eyebrow{font-size:9px}}@media(max-width:540px){.header{padding:22px 20px}.brand img{width:34px;height:34px}.brand>span{font-size:20px}.brand small{font-size:9px}.header-right .preview{display:none}.header-right .button{font-size:12px;padding:8px 15px;min-height:38px}.hero{padding:48px 22px 30px;min-height:750px}.hero .eyebrow{font-size:7px;letter-spacing:2px;gap:8px}.hero-mark{width:58px;height:58px;margin-top:35px}.hero h1{font-size:78px;letter-spacing:-4px}.hero h2{font-size:29px;line-height:1.7;margin-top:28px}.mobile-break{display:block}.brand-en{font-size:9px;letter-spacing:3px}.hero-sub{font-size:13px;margin-top:16px;max-width:310px}.hero-sub br{display:none}.primary{padding:13px 23px;font-size:14px}.scroll-note{margin-top:36px}.atmosphere{height:900px}.glow{width:650px;height:650px;bottom:-410px}.horizon{bottom:95px}.made-for-you{padding:60px 24px}.section-intro h2{font-size:27px}.section-intro p{font-size:13px}.audiences article{grid-template-columns:1fr;padding:25px 0;gap:8px}.audiences p{grid-row:auto;grid-column:1}.audiences h3{font-size:19px}.audience-label{margin-top:5px}.closing{padding:55px 22px}.closing h2{font-size:26px}footer{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px}.document{padding:35px 24px 70px}.document h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Clock-horizon logo and app access */
.brand img{width:44px;height:44px}.hero-mark{width:126px;height:63px;border-radius:0;box-shadow:none;margin-top:31px;margin-bottom:23px}.install-link{font-size:12px;color:#a1bda9;margin-top:15px;display:inline-flex;gap:9px;align-items:center}.install-link:hover{color:var(--sun)}.install-link span{color:var(--sun)}.closing-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:540px){.header-install{display:none}.brand img{width:38px;height:38px}.hero-mark{width:112px;height:56px;margin-top:32px}.hero{min-height:790px}.install-link{margin-top:17px}}