:root{--ink:#20231f;--muted:#72766d;--cream:#f7f7f1;--line:#e3e5dc;--lime:#cafa91;--green:#e5f3d9;--peach:#f4e8dd;--dark:#252b26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(100% - 80px,1320px);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;background:var(--ink);color:white;padding:10px 16px;z-index:100}.skip-link:focus{top:12px}.announcement{height:34px;background:#dff3c6;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.06em}.announcement a{text-decoration:underline;text-underline-offset:3px;margin-left:4px}.announcement-dot,.status-dot,.pulse-dot{display:inline-block;width:7px;height:7px;background:#4b9b46;border-radius:50%}.site-header{background:var(--cream);position:relative;z-index:4}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:29px;line-height:1;font-weight:800;letter-spacing:-.08em}.brand-period{color:#8ebc60}.brand-symbol{width:27px;height:27px;display:inline-flex;align-items:flex-end;gap:2px}.brand-symbol i{width:7px;height:15px;background:#263526;border-radius:10px;display:block;transform:skew(18deg)}.brand-symbol i:nth-child(2){height:22px}.brand-symbol i:nth-child(3){height:28px}.desktop-nav{display:flex;gap:37px;margin-left:8vw}.desktop-nav a{font-size:13px;font-weight:700;color:#51564e;transition:color .2s}.desktop-nav a:hover{color:#83a958}.nav-cta{display:flex;align-items:center;gap:32px;border:1px solid #bac1b4;padding:13px 16px 13px 20px;font-size:12px;font-weight:800;border-radius:6px;transition:background .2s,transform .2s}.nav-cta:hover{background:var(--lime);transform:translateY(-2px)}.nav-cta span{font-size:18px;font-weight:400}.hero{min-height:650px;display:grid;grid-template-columns:48% 52%;align-items:center;padding-top:31px;padding-bottom:49px}.hero-copy{position:relative;z-index:2;padding:25px 0 24px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:#6c8860;margin:0 0 26px}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{display:block;width:26px;height:1px;background:#79a24d}.hero h1,.intro h2,.section-heading h2,.how h2,.join h2{font-family:'Noto Sans TC',sans-serif;letter-spacing:-.068em;font-weight:900}.hero h1{font-size:clamp(47px,4.3vw,69px);line-height:1.31;margin:0 0 25px;white-space:nowrap}.hero h1 em,.join h2 em{font-style:normal;color:#8cae69}.hero-description{max-width:520px;font-size:16px;line-height:2;color:#686e65;margin:0 0 30px}.hero-actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;border:0;border-radius:6px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #1a271f20}.button-dark{background:#252b26;color:#fff;min-width:201px}.button-dark:hover{background:#394638}.button-arrow,.button span:last-child{font-size:20px;font-weight:400}.text-link,.inline-link{font-size:13px;font-weight:800;border-bottom:1px solid #8f9a86;padding-bottom:6px}.text-link span,.inline-link span{font-size:17px;margin-left:12px}.hero-footnote{margin-top:59px;display:flex;align-items:center;gap:10px;font-size:11px;color:#8a9085}.hero-footnote-icon{color:#93b770;font-size:22px}.hero-visual{height:602px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual:before{content:'';position:absolute;width:535px;height:535px;border-radius:50%;background:#e3efda;top:31px;left:50%;transform:translateX(-50%)}.hero-orbit{position:absolute;border:1px solid #c9ddbd;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:610px;height:610px}.orbit-two{width:725px;height:725px;opacity:.5}.visual-caption{position:absolute;z-index:1;font-size:10px;letter-spacing:.22em;font-weight:800;color:#8da882}.visual-caption-top{top:27px;right:32px}.visual-caption-bottom{bottom:27px;left:42px}.visual-caption-bottom span{font-size:18px;margin-left:10px}.phone-shell{width:266px;height:520px;background:#202420;border:6px solid #202420;border-radius:36px;box-shadow:0 30px 50px #283c2c30,0 3px 8px #18261d25;position:relative;z-index:2;transform:rotate(-4deg);padding:5px}.phone-shell:before{content:'';position:absolute;width:76px;height:18px;background:#202420;border-radius:0 0 15px 15px;z-index:4;left:50%;top:1px;transform:translateX(-50%)}.phone-screen{position:relative;height:100%;width:100%;overflow:hidden;border-radius:26px;background:#8c8f7c}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.phone-screen:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#000b 84%);pointer-events:none}.phone-top{position:absolute;z-index:2;top:24px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:10px;font-weight:800}.live-chip{background:#f85e59;padding:7px 9px;border-radius:4px;letter-spacing:.06em;display:flex;align-items:center;gap:5px}.live-chip span{width:5px;height:5px;background:white;border-radius:50%}.viewer-chip{background:#1e262295;padding:7px 9px;border-radius:4px}.phone-bottom{position:absolute;z-index:2;bottom:13px;left:12px;right:12px;color:white}.comment{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:9px;line-height:1.45;text-shadow:0 1px 5px #0008}.comment strong{font-size:9px}.comment-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10px;color:#484141;text-shadow:none}.avatar-one{background:#f0c8bd}.avatar-two{background:#d7dfb8}.phone-message{white-space:nowrap;overflow:hidden;background:#cafa91;color:#263027;border-radius:4px;padding:8px 9px;font-size:9px;font-weight:800;margin-top:12px}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;background:#fff;border:1px solid #e5e9df;box-shadow:0 16px 32px #263d2221;border-radius:9px}.floating-card small,.floating-card strong{display:block}.floating-card small{color:#899186;font-size:10px;margin-bottom:4px}.floating-card strong{font-size:12px}.stream-card{left:0;top:122px;gap:9px;padding:12px 13px;transform:rotate(-5deg)}.mini-icon{background:#dff2d2;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-size:20px}.stream-channels{margin-left:13px;font-family:Arial,sans-serif;color:#4a78d6;font-weight:900;font-size:23px;display:flex;gap:7px;align-items:center}.stream-channels b{color:#e96988;font-size:25px;font-weight:600}.signal-card{right:4px;bottom:118px;padding:11px 14px;gap:9px;transform:rotate(5deg)}.signal-icon{color:#90c47c;font-size:20px;letter-spacing:-4px;margin-right:4px}.signal-card .status-dot{margin-left:5px}.ticker{height:60px;background:#262d27;overflow:hidden;color:#e3f0dc;display:flex;align-items:center}.ticker-track{min-width:max-content;display:flex;align-items:center;gap:48px;animation:slide 32s linear infinite}.ticker-track span{font-size:12px;letter-spacing:.25em;font-weight:800}.ticker-track b{color:#b9e992;font-size:20px;font-weight:400}@keyframes slide{to{transform:translateX(-50%)}}.section-pad{padding:108px 0}.intro-grid{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end}.intro h2,.how h2,.join h2{font-size:clamp(36px,3.55vw,54px);line-height:1.42;margin:0}.intro h2 span{color:#93ad7b}.intro-side{padding-bottom:5px}.intro-side p{font-size:16px;line-height:2.15;color:#646a62;margin:0 0 24px}.inline-link{display:inline-block}.features{background:#f0f1e9;padding-top:95px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:39px}.section-heading .section-kicker{margin-bottom:18px}.section-heading h2{font-size:clamp(35px,3.25vw,50px);margin:0;line-height:1.3}.section-heading>p{font-size:13px;line-height:1.8;color:#6d746b;margin:0 5px 4px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{border-radius:12px;min-height:515px;padding:24px 25px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column}.feature-card-green{background:#e2edd7}.feature-card-dark{background:#28312a;color:#f1f5ed}.feature-card-peach{background:#eee4da}.feature-top{display:flex;justify-content:space-between;align-items:start;font-size:11px;letter-spacing:.1em;font-weight:800}.feature-icon{height:31px;width:31px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px;line-height:1}.platform-visual,.buffer-visual,.marquee-visual{height:227px;position:relative;flex:none}.platform-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);width:119px;height:91px;border-radius:18px;background:#fbfff5;box-shadow:0 14px 22px #50774329;display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px;font-weight:900;letter-spacing:-.05em}.platform-core span{color:#abd386;font-size:14px}.platform-line{position:absolute;border:1px dashed #99b98a;width:214px;height:158px;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-16deg)}.platform-facebook,.platform-instagram,.platform-extra{position:absolute;display:grid;place-items:center;border-radius:13px;box-shadow:0 10px 16px #52754821;background:#fff}.platform-facebook{top:29px;left:34px;width:51px;height:51px;color:#4a70c3;font:900 40px Arial}.platform-instagram{right:38px;top:44px;width:54px;height:54px;color:#e36d87;font:500 45px Arial}.platform-extra{left:63px;bottom:30px;width:32px;height:32px;font-size:23px;color:#79a366}.wave-bars{position:absolute;left:10px;right:10px;top:43px;height:126px;display:flex;align-items:center;justify-content:center;gap:5px}.wave-bars i{width:6px;border-radius:9px;background:#b9e78d;display:block;height:22px}.wave-bars i:nth-child(3n){height:52px}.wave-bars i:nth-child(4n){height:83px}.wave-bars i:nth-child(5n){height:105px}.wave-bars i:nth-child(7n){height:39px}.buffer-visual:before,.buffer-visual:after{content:'';position:absolute;border:1px solid #556554;border-radius:50%;width:230px;height:180px;left:50%;top:48%;transform:translate(-50%,-50%)}.buffer-visual:after{width:304px;height:221px;opacity:.5}.buffer-status{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#3b493b;border:1px solid #5c6b56;border-radius:30px;padding:7px 12px;color:#d7e8d2;font-size:8px;letter-spacing:.15em;display:flex;align-items:center;gap:7px}.pulse-dot{background:#aee37e;width:5px;height:5px}.marquee-preview{position:absolute;width:247px;height:160px;background:linear-gradient(135deg,#a7b69c,#4b6759);left:50%;top:42%;transform:translate(-50%,-50%) rotate(-5deg);border-radius:11px;box-shadow:0 16px 24px #7e6c5c29;overflow:hidden}.marquee-preview:before{content:'';position:absolute;background:#f4e4d8;width:88px;height:105px;border-radius:50% 50% 10% 10%;left:76px;top:50px;transform:rotate(-14deg);opacity:.85}.marquee-preview:after{content:'';position:absolute;width:54px;height:54px;background:#614a3f;border-radius:50%;left:92px;top:30px;opacity:.75}.marquee-live{position:absolute;z-index:2;top:13px;left:13px;background:#ff6f69;color:white;font-size:8px;font-weight:800;padding:5px 6px;border-radius:3px}.marquee-demo{position:absolute;z-index:2;bottom:16px;left:-10px;width:270px;background:#cafa91;color:#2b3328;font-size:11px;font-weight:900;white-space:nowrap;padding:8px 12px;transform:rotate(4deg)}.marquee-lines{position:absolute;bottom:6px;right:38px;display:flex;gap:5px}.marquee-lines span{width:17px;height:3px;background:#c5b7a9;border-radius:10px}.marquee-lines span:first-child{background:#776b60;width:31px}.feature-copy{margin-top:auto}.feature-copy h3{font-size:26px;line-height:1.5;letter-spacing:-.055em;margin:0 0 12px}.feature-copy p{font-size:13px;line-height:1.9;color:#60685e;min-height:74px;margin:0 0 18px}.feature-card-dark .feature-copy p{color:#bec8ba}.feature-tag{display:inline-block;border:1px solid #adbaaa;border-radius:50px;padding:6px 12px;font-size:10px;font-weight:800}.feature-card-dark .feature-tag{border-color:#677769;color:#c9e8b5}.how-grid{display:grid;grid-template-columns:1fr .93fr;gap:120px}.how-heading>p:last-child{max-width:440px;font-size:15px;line-height:2;color:#6c736a;margin-top:23px}.steps{border-top:1px solid #d4d9ce}.step{display:grid;grid-template-columns:53px 1fr 20px;gap:10px;align-items:start;border-bottom:1px solid #d4d9ce;padding:27px 0}.step-number{font-size:12px;color:#86a574;font-weight:800;padding-top:7px}.step h3{margin:0 0 5px;font-size:19px}.step p{margin:0;color:#797f76;font-size:13px;line-height:1.8}.step-arrow{font-size:20px;color:#8ca77b}.join{background:#e3eed9;padding:92px 0 105px}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.join-copy h2{font-size:clamp(45px,4vw,60px)}.join-copy>p:not(.section-kicker){max-width:470px;color:#64705f;line-height:2.05;font-size:15px;margin:27px 0 45px}.join-note{display:flex;gap:12px;align-items:center;font-size:12px;color:#74816d}.join-note span:first-child{font-size:22px;color:#8cab75}.form-card{background:#fff;border-radius:14px;padding:33px 37px 36px;box-shadow:0 22px 52px #48683a13}.form-header{display:flex;justify-content:space-between;color:#6e8d60;font-size:10px;letter-spacing:.18em;font-weight:800}.form-header span:last-child{font-size:19px;letter-spacing:0}.form-card h3{font-size:24px;margin:10px 0 6px;letter-spacing:-.04em}.form-card>p{font-size:12px;color:#7e857a;margin:0 0 24px}.form-card form>label:not(.consent){display:block;font-size:11px;font-weight:800;margin:17px 0 8px}.form-card form>label span{color:#88ab69}.form-card input:not([type=checkbox]),.form-card select{appearance:none;width:100%;height:45px;border:1px solid #dfe5d9;border-radius:5px;background:#fcfdf9;padding:0 13px;color:#293028;font-size:12px;outline:none}.form-card select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23798273' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-card input:focus,.form-card select:focus{border-color:#86b36f;box-shadow:0 0 0 3px #cafa9170}.form-card input::placeholder{color:#a4aba0}.consent{display:flex;align-items:flex-start;gap:9px;margin:20px 0 17px;font-size:11px;line-height:1.55;color:#515b4c;cursor:pointer}.consent input{margin:3px 0 0;accent-color:#6b9b58}.consent small{display:block;color:#929a8c;font-size:10px}.form-card .button{width:100%;background:var(--lime);color:#233020;font-size:12px}.form-card .button:disabled{opacity:.65;cursor:wait;transform:none}.form-feedback{min-height:17px;font-size:11px;line-height:1.6;margin:10px 0 0}.form-feedback.success{color:#36803b}.form-feedback.error{color:#b64e43}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-footer{background:#252c26;color:#eef3e9;padding:51px 0 20px}.footer-main{display:flex;justify-content:space-between;align-items:start;padding-bottom:54px}.footer-brand{color:#fff}.footer-brand .brand-symbol i{background:#cafa91}.footer-main p{font-size:13px;color:#aab8a9;margin:18px 0 0}.footer-right{display:flex;gap:80px;align-items:center;font-size:12px;color:#adb9aa}.footer-right a{color:#e6f7dc;border-bottom:1px solid #839b7c;padding-bottom:5px}.footer-bottom{border-top:1px solid #424d43;display:flex;justify-content:space-between;padding-top:20px;color:#899a8b;font-size:10px;letter-spacing:.05em}::selection{background:#cafa91;color:#1a2518}@media(max-width:1100px){.container{width:min(100% - 56px,1320px)}.hero{grid-template-columns:50% 50%}.hero h1{font-size:clamp(40px,4.8vw,60px)}.hero-visual{transform:scale(.89);transform-origin:center}.stream-card{left:-20px}.signal-card{right:-23px}.join-grid{gap:55px}.feature-card{padding:20px}.feature-copy h3{font-size:23px}}@media(max-width:760px){.container{width:min(100% - 36px,620px)}.announcement{font-size:10px}.nav-wrap{height:70px}.brand{font-size:26px}.desktop-nav{display:none}.nav-cta{padding:10px 12px;font-size:11px;gap:13px}.hero{display:flex;flex-direction:column;padding-top:50px;padding-bottom:32px;min-height:0}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(38px,8vw,56px);white-space:normal}.hero-description{font-size:14px;line-height:1.95}.hero-footnote{margin-top:28px}.hero-visual{width:100%;height:540px;transform:none;margin-top:8px}.hero-visual:before{width:430px;height:430px;top:65px}.orbit-one{width:500px;height:500px}.orbit-two{width:590px;height:590px}.phone-shell{width:230px;height:450px}.stream-card{left:0;top:135px}.signal-card{right:0;bottom:102px}.visual-caption-top{top:32px;right:5px}.visual-caption-bottom{left:0;bottom:4px}.ticker{height:52px}.section-pad{padding:77px 0}.intro-grid,.how-grid,.join-grid{grid-template-columns:1fr;gap:30px}.intro h2,.how h2,.join h2{font-size:clamp(36px,7vw,48px)}.intro-side p{font-size:14px}.section-heading{display:block}.section-heading>p{margin-top:16px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{min-height:445px;padding:24px}.feature-card .platform-visual,.feature-card .buffer-visual,.feature-card .marquee-visual{height:205px}.feature-copy p{min-height:0}.how-grid{gap:31px}.join{padding:76px 0}.join-copy>p:not(.section-kicker){margin:20px 0 24px}.form-card{padding:26px 22px}.footer-main{padding-bottom:36px}.footer-right{display:block;text-align:right}.footer-right span{display:none}.footer-bottom span:last-child{display:none}}@media(max-width:440px){.hero h1{font-size:38px}.hero-actions{gap:18px}.button-dark{min-width:187px}.text-link{font-size:12px}.hero-visual{height:500px}.hero-visual:before{width:365px;height:365px;top:69px}.phone-shell{width:216px;height:422px}.stream-card{left:-8px;top:130px;transform:rotate(-5deg) scale(.8);transform-origin:left}.signal-card{right:-6px;bottom:93px;transform:rotate(5deg) scale(.85);transform-origin:right}.visual-caption-top{font-size:8px}.visual-caption-bottom{font-size:8px}.footer-main{display:block}.footer-right{text-align:left;margin-top:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}*,*:before,*:after{transition:none!important}}

.google-form-message{display:flex;gap:15px;align-items:flex-start;background:#f3f8ed;border:1px solid #e0ebd7;border-radius:9px;padding:22px 18px;margin:28px 0 22px}.google-form-icon{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d7edc7;color:#5b8850;font-size:22px}.google-form-message p{margin:0;color:#5e6b58;font-size:13px;line-height:1.9}.form-card>.form-external-note{font-size:11px;text-align:center;margin:13px 0 0;color:#8a9386}