:root{--ink:#171718;--paper:#f5f2ec;--yellow:#e9ff68;--purple:#6b4cff;--line:#d8d4cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans TC",sans-serif}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.topbar{height:33px;background:var(--ink);color:#aaa;display:flex;justify-content:space-between;align-items:center;padding:0 4.5%;font-size:10px;letter-spacing:2px}.topbar span:last-child{color:var(--yellow);letter-spacing:1px}.nav{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:15px}.brand>b{width:31px;height:31px;background:var(--ink);color:var(--yellow);display:grid;place-items:center;font-size:18px;font-style:italic}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#858178;font-weight:500;margin-top:2px}.nav-links{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700}.nav-cta{background:var(--ink);color:#fff;padding:13px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;align-items:center;gap:50px;padding-top:42px;padding-bottom:90px}.eyebrow,.section-no{font-size:11px;letter-spacing:1.5px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;color:#6e6a64;margin-bottom:27px}.eyebrow i{width:8px;height:8px;background:var(--purple);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6vw,84px);line-height:1.04;letter-spacing:-5px;margin-bottom:25px;font-weight:900}h1 em,h2 em{font-style:normal;color:var(--purple)}.lead{font-size:16px;line-height:1.8;color:#635f58;max-width:410px}.actions{display:flex;align-items:center;gap:24px;margin-top:35px}.btn{display:inline-flex;border:0;align-items:center;justify-content:center;padding:17px 23px;font-size:13px;font-weight:800;cursor:pointer}.dark{color:#fff;background:var(--ink)}.yellow{background:var(--yellow);color:var(--ink);width:100%;padding:18px}.underlink{font-size:12px;font-weight:800;border-bottom:1px solid #b8b4ad;padding-bottom:6px}.proof{display:flex;align-items:center;gap:14px;margin-top:52px;color:#7b766e;font-size:11px;line-height:1.5}.avatars{display:flex}.avatars>*{width:28px;height:28px;border-radius:50%;border:2px solid var(--paper);display:grid;place-items:center;font-size:9px;color:#fff;margin-left:-5px;background:#818cad}.avatars b:first-child{background:#e38e64}.avatars b:nth-child(3){background:#383839}.avatars strong{background:var(--yellow);color:var(--ink)}.hero-visual{height:470px;position:relative;background:#242326;margin-right:12px;padding:33px;box-shadow:18px 18px 0 var(--yellow)}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px}.live{position:relative;color:#aaa;font-size:9px;letter-spacing:1.5px}.live b{color:var(--yellow);padding-left:6px}.dash{background:#faf9f6;color:var(--ink);position:absolute;box-shadow:0 12px 30px #1116}.main-dash{left:35px;right:35px;top:80px;padding:22px 24px}.dash-head{font-size:10px;display:flex;justify-content:space-between}.dash-head span{font-weight:400;color:#888}.main-dash small{display:block;font-size:10px;color:#888;margin-top:32px}.metric{display:block;font-size:27px;margin-top:4px}.metric em,.stat em{color:#42a461;font-size:10px;font-style:normal;font-weight:700;margin-left:8px}.chart{height:87px;display:flex;align-items:flex-end;gap:7px;margin-top:16px;border-bottom:1px solid #ddd}.chart i{width:8%;display:block;background:var(--purple)}.chart i.last{background:var(--yellow)}.axis{display:flex;justify-content:space-between;color:#aaa;font-size:8px;margin-top:8px}.stat{left:48px;bottom:34px;width:150px;padding:17px}.stat span,.audience>span{font-size:9px;color:#777;display:block}.stat strong{font-size:28px;display:block;margin-top:20px}.audience{right:32px;bottom:30px;width:170px;padding:17px}.donut{width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--purple) 0 68%,#e5e2d8 68%);display:grid;place-items:center;margin:13px auto 12px}.donut:after{content:"";position:absolute;width:61px;height:61px;background:#faf9f6;border-radius:50%}.donut b{z-index:1;font-size:18px}.donut small{font-size:9px}.legend{font-size:8px;color:#777;display:flex;justify-content:space-between}.sticker{position:absolute;right:-30px;top:30px;color:var(--yellow);font-size:11px;line-height:1.4;letter-spacing:1px;transform:rotate(8deg)}.sticker strong{font-size:10px}.ticker{background:var(--yellow);overflow:hidden}.ticker div{height:54px;display:flex;justify-content:space-around;align-items:center;font-size:12px;font-weight:800;letter-spacing:2px;min-width:800px}.ticker b{font-size:17px}.section{padding-top:120px;padding-bottom:132px}.split{display:grid;grid-template-columns:42% 58%;gap:0}.section-no{color:#858078}.section h2,.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.13;letter-spacing:-3px;margin:25px 0 24px;font-weight:900}.muted{font-size:14px;line-height:1.8;color:#6d6861;max-width:420px}.feature-list{border-top:1px solid var(--line)}.feature-list article{position:relative;border-bottom:1px solid var(--line);padding:29px 50px 30px 58px;display:flex}.feature-list article>b{position:absolute;left:0;top:33px;color:#938e86;font-size:10px}.feature-list h3{font-size:19px;margin-bottom:8px}.feature-list p{font-size:13px;line-height:1.8;color:#6d6861;max-width:430px;margin:0}.feature-list article>span{position:absolute;right:3px;top:34px;color:var(--purple);font-size:18px}.dark-section{background:var(--ink);color:#fff}.dark-section .section-no{color:#aaa}.dark-section h2 em{color:var(--yellow)}.dark-muted{color:#aaa;line-height:1.8;font-size:14px;max-width:350px}.steps{border-top:1px solid #ffffff30}.steps article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #ffffff30}.steps article>b{color:var(--yellow);font-size:11px}.steps h3{font-size:19px;margin-bottom:8px}.steps p{font-size:13px;line-height:1.7;color:#aaa;margin:0}.case{gap:100px}.quote{border-left:1px solid #c8c3ba;padding:38px 0 30px 45px;align-self:center}.quote>span{color:var(--purple);font-size:64px;line-height:.4}.quote blockquote{font-size:28px;line-height:1.45;letter-spacing:-1px;margin:18px 0 35px;font-weight:800;max-width:420px}.quote p{font-size:12px}.quote small{display:block;color:#8b867e;margin-top:4px}.contact{background:var(--purple);color:#fff;padding:105px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact .section-no{color:#d8d0ff}.contact h2 em{color:var(--yellow)}.contact>div>div>p:not(.section-no){color:#ded8ff;max-width:400px;line-height:1.8;font-size:14px}.details{display:flex;gap:24px;margin-top:45px;font-size:13px}.contact form{background:#fff;color:var(--ink);padding:31px}.contact label{display:block;font-size:11px;font-weight:800;margin-bottom:18px}.contact input,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #d8d5ce;background:transparent;padding:11px 0 10px;font:inherit;font-size:14px;outline:none;resize:vertical}.contact input:focus,.contact textarea:focus{border-color:var(--purple)}.contact form>small{font-size:10px;color:#999;display:block;text-align:center;margin-top:14px}.form-success{text-align:center;padding:35px 15px}.form-success>b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);margin:0 auto 20px;font-size:24px}.form-success h3{font-size:24px;margin-bottom:10px}.form-success p{font-size:13px;color:#777}.footer{height:105px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#858078;letter-spacing:1px}.mobile-float{display:none}@media(max-width:800px){.container{padding-left:20px;padding-right:20px}.topbar{padding:0 20px}.topbar span:last-child,.nav-links a:not(.nav-cta){display:none}.nav{height:74px}.nav-cta{padding:11px 13px;font-size:11px}.hero{display:block;padding-top:52px;padding-bottom:68px}.hero-visual{height:365px;margin:70px 8px 15px 0;padding:22px;box-shadow:10px 10px 0 var(--yellow)}h1{font-size:57px;letter-spacing:-3px}.lead{font-size:14px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.proof{margin-top:37px}.main-dash{left:22px;right:22px;top:62px;padding:17px}.main-dash small{margin-top:22px}.metric{font-size:22px}.chart{height:65px}.stat{left:25px;bottom:22px;width:125px;padding:13px}.audience{right:18px;bottom:20px;width:145px;padding:13px}.donut{width:65px;height:65px}.donut:after{width:49px;height:49px}.sticker{right:-7px;top:20px}.section,.split{display:block}.section{padding-top:78px;padding-bottom:82px}.section h2,.contact h2{font-size:40px;letter-spacing:-2px}.feature-list{margin-top:50px}.feature-list article{padding:25px 30px 26px 42px}.feature-list h3{font-size:17px}.feature-list p{font-size:12px}.steps{margin-top:52px}.steps h3{font-size:17px}.steps p{font-size:12px}.case{padding-top:82px;padding-bottom:83px}.quote{margin-top:60px;padding:30px 0 20px 24px}.quote blockquote{font-size:23px}.contact{padding:78px 0 45px}.contact-grid>div{margin-bottom:48px}.details{display:block;margin-top:30px}.details span{display:block;margin-bottom:10px}.contact form{padding:23px}.footer{height:125px;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:25px;padding-bottom:25px}.footer .brand{grid-column:1/-1}.footer>a:last-child{justify-self:end}.mobile-float{display:flex;position:fixed;bottom:15px;left:20px;right:20px;height:50px;background:var(--yellow);z-index:10;align-items:center;justify-content:center;font-weight:800;font-size:13px;box-shadow:0 7px 20px #0002}}
/* Brand refresh */
:root{--ink:#102846;--paper:#f7f6f1;--yellow:#e7b84b;--purple:#0b4b7a;--line:#d8d4cc}
.brand img{display:block;width:170px;height:auto;object-fit:contain}.footer .brand img{width:145px}.hero-visual{background:#102846;box-shadow:18px 18px 0 var(--yellow)}.dark-section{background:#102846}.contact{background:#0b4b7a}.telegram-card{display:flex;flex-direction:column;gap:8px;width:max-content;margin-top:30px;padding:17px 20px;border:1px solid #ffffff55;color:#fff}.telegram-card span{font-size:9px;letter-spacing:2px;color:#c9dded}.telegram-card strong{font-size:18px;color:var(--yellow)}
@media(max-width:800px){.brand img{width:140px}.footer .brand img{width:135px}.telegram-card{margin-top:25px}}