:root{--ink:#123b38;--muted:#5a716d;--teal:#075c57;--mint:#e5f1e9;--paper:#faf9f5;--line:#cddad2;--accent:#e6a86b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #bc6b25;outline-offset:5px}img{max-width:100%;display:block}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{max-width:1280px;margin:auto;min-height:94px;padding:20px 48px;display:flex;align-items:center;gap:32px}.brand{display:flex;gap:11px;align-items:center;font-size:24px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:11px}.product-name{font-size:13px;font-weight:500;letter-spacing:0;margin-left:7px;color:var(--muted)}.nav nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.nav nav .active{font-weight:750}.language{display:flex;gap:3px;border:1px solid var(--line);border-radius:30px;padding:4px;font-size:11px;white-space:nowrap}.language a{padding:4px 8px;border-radius:20px}.language a[aria-current=true]{background:var(--teal);color:white}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:740px;border-bottom:1px solid var(--line)}.hero-copy{padding:100px 40px 70px max(48px,calc((100vw - 1184px)/2));align-self:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;text-transform:uppercase;margin:0 0 26px}.hero h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-4px;line-height:1.08;font-weight:650;margin:0 0 30px}.lead{font-size:18px;line-height:1.8;max-width:475px;color:var(--muted);margin:0 0 33px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border-radius:5px;padding:13px 19px;font-size:13px;font-weight:650;display:inline-flex;gap:12px;align-items:center}.primary{background:var(--teal);color:white;border:1px solid var(--teal)}.secondary{border:1px solid var(--line)}.audience{margin-top:28px;font-size:12px;color:var(--muted)}.hero-visual{position:relative;background:var(--mint);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:55px 25px}.orbit{width:490px;height:490px;position:absolute;border:1px solid #a5c4b4;border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;inset:30px;border:1px solid #bad1c4;border-radius:50%}.orbit:after{inset:-34px}.phone{position:relative;width:254px;border:7px solid #173e38;border-radius:35px;overflow:hidden;background:#fff;box-shadow:15px 28px 35px #123b3826;transform:rotate(-5deg);z-index:1}.phone img{width:100%;height:auto}.visual-label{position:absolute;bottom:37px;left:50%;transform:translateX(-50%);border:1px solid #b6cfc0;background:#faf9f5e8;border-radius:30px;display:flex;gap:9px;align-items:center;padding:10px 20px;font-size:11px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.features,.inside{max-width:1280px;margin:auto;padding:96px 48px}.section-head{margin-bottom:48px}.section-head h2{font-size:36px;font-weight:550;line-height:1.25;letter-spacing:-1.2px;max-width:650px;margin:0}.section-head>p:last-child:not(.eyebrow){font-size:14px;color:var(--muted);max-width:620px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.feature{border-top:1px solid var(--line);padding-top:24px}.number{font-size:12px;color:#6b8b80}.feature h3{font-size:21px;font-weight:600;margin:24px 0 13px;letter-spacing:-.5px}.feature p{font-size:14px;color:var(--muted);line-height:1.85}.workflow{background:var(--teal);color:#f4f6e9;padding:65px max(48px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.workflow h2{font-size:42px;font-weight:500;letter-spacing:-1px;margin:0}.workflow ol{padding:0;margin:0;list-style:none}.workflow li{display:flex;gap:25px;padding:15px 0;border-top:1px solid #ffffff30;align-items:baseline}.workflow li span{font-size:11px;color:#b3d5c6}.workflow li p{margin:0;font-size:15px}.inside{padding-top:95px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery figure{margin:0}.screen{background:#e9ede6;border-radius:10px;padding:24px 35px;overflow:hidden}.screen img{border:1px solid #c1cfc7;border-radius:13px;width:100%;height:auto;box-shadow:0 9px 20px #123b3810}.gallery figcaption{font-size:13px;font-weight:600;margin-top:18px}.gallery figcaption span{font-size:10px;color:var(--muted);margin-right:10px}.contact-band{max-width:1184px;margin:0 auto 95px;border:1px solid var(--line);padding:50px;background:#eef1e7;position:relative}.contact-band h2{font-size:42px;font-weight:500;margin:0 0 15px;letter-spacing:-1px}.email{font-size:clamp(14px,2vw,22px);text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere}.other-app{display:block;font-size:12px;margin-top:30px;color:var(--muted)}footer{max-width:1280px;margin:auto;padding:45px 48px 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px}footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:13px 22px;align-content:start;font-size:12px}footer p{font-size:13px;color:var(--muted)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;left:15px;z-index:10;padding:10px;background:white}.skip:focus{top:10px}.document-head{max-width:1184px;margin:0 auto;padding:72px 0 48px;border-bottom:1px solid var(--line)}.document-head h1{font-size:clamp(38px,4.5vw,64px);font-weight:550;letter-spacing:-2px;line-height:1.1;margin:0 0 25px}.document-head>p:last-child{font-size:12px;color:var(--muted)}.document-grid{max-width:1184px;margin:0 auto;padding:48px 0 85px;display:grid;grid-template-columns:230px minmax(0,760px);gap:65px}.document-grid aside{display:flex;flex-direction:column;gap:17px;font-size:12px;align-self:start;position:sticky;top:25px}.document section{margin:0 0 34px}.document h2{font-size:22px;font-weight:600;letter-spacing:-.4px;line-height:1.4;margin:0 0 13px}.document h2 span{font-size:11px;color:var(--muted);margin-right:13px}.document p{color:var(--muted);font-size:15px;line-height:1.95;margin:0}.document-contact{background:var(--mint);padding:28px;margin-top:40px;border-radius:8px}.document-contact p{font-size:11px;margin-top:15px}.document .provider{font-size:12px;line-height:2}.provider a{text-decoration:underline}.document-contact .email{font-size:clamp(14px,2vw,21px)}[data-product=ticketing]{--mint:#e8f7fc;--paper:#f3faff;--line:#cce0e9;--ink:#142b3b;--muted:#526d80;--teal:#287f8d;--accent:#7fbbd3}[data-product=ticketing] .hero-visual .orbit{border-color:#b1d8e5}[data-product=ticketing] .orbit:before,[data-product=ticketing] .orbit:after{border-color:#c1e0ed}[data-product=ticketing] .phone{transform:rotate(5deg)}[lang=zh-CN] .hero h1{letter-spacing:-2px;font-weight:600;line-height:1.22}[lang=ms-MY] .hero h1{font-size:clamp(44px,4.8vw,70px)}
@media(min-width:1500px){.hero-copy{padding-left:128px}}@media(max-width:1000px){.nav{padding:20px 28px;gap:18px}.nav nav{gap:15px}.hero-copy{padding:65px 28px}.hero{min-height:640px}.hero h1{letter-spacing:-2.5px}.hero-visual{padding:45px 20px}.phone{width:235px}.features,.inside{padding:65px 28px}.screen{padding:20px}.workflow{padding:55px 28px;gap:35px}.contact-band{margin:0 28px 65px}.document-head,.document-grid{margin-left:28px;margin-right:28px}.document-grid{grid-template-columns:180px minmax(0,1fr);gap:35px}footer{padding:40px 28px}.product-name{display:block;margin-left:0;font-size:11px;line-height:1;letter-spacing:0}.footer-brand .product-name{display:inline}}
@media(max-width:700px){.nav{flex-wrap:wrap;gap:18px;padding:18px 22px;min-height:80px}.brand{font-size:22px}.brand img{width:34px;height:34px}.nav nav{order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.language{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 24px 35px}.hero h1{font-size:clamp(42px,9.7vw,64px);letter-spacing:-2px}.lead{font-size:16px;max-width:none}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.audience{font-size:11px}.hero-visual{min-height:570px;padding:42px 20px 68px}.phone{width:218px}.orbit{width:355px;height:355px}.visual-label{bottom:24px}.features,.inside{padding:55px 24px}.section-head h2{font-size:30px}.section-head{margin-bottom:34px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.feature h3{margin:0 0 8px;font-size:21px}.feature p{grid-column:2;margin:0}.number{padding-top:4px}.workflow{display:block;padding:45px 24px}.workflow h2{font-size:34px;margin-bottom:25px}.workflow li{gap:20px}.workflow li p{font-size:14px}.gallery{grid-template-columns:1fr;gap:30px;max-width:340px;margin:auto}.screen{padding:25px 45px}.contact-band{padding:30px 24px;margin:0 24px 50px}.contact-band h2{font-size:33px}.contact-band .email{font-size:15px}.document-head{padding:45px 0 25px;margin:0 24px}.document-grid{display:flex;flex-direction:column;margin:0 24px;padding:25px 0 50px;gap:30px}.document-grid aside{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 18px;border-bottom:1px solid var(--line);padding-bottom:20px}.document h2{font-size:20px}.document p{font-size:14px}.document-contact{padding:22px 18px}footer{grid-template-columns:1fr;padding:30px 24px 22px;gap:20px}footer nav{justify-content:flex-start}.footer-bottom{gap:20px;flex-wrap:wrap}.footer-brand p{margin-bottom:0}[lang=ms-MY] .hero h1{font-size:clamp(39px,9.2vw,60px)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.button{transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}}

/* The terminal App uses pale aqua and blue surfaces. */
[data-product=ticketing] .hero-visual{background:linear-gradient(145deg,#ddf4fa,#eef7ff)}
[data-product=ticketing] .screen{background:#e5f3f9}
[data-product=ticketing] .screen img{border-color:#bfd9e5}
[data-product=ticketing] .contact-band{background:#e5f4fb}
[data-product=ticketing] .visual-label{background:#f3faffeb;border-color:#bdd9e5}
[data-product=ticketing] .phone{border-color:#173e4b;box-shadow:15px 28px 35px #143c5126}