:root{--ink:#14232f;--navy:#123048;--muted:#5e6e79;--cream:#f6f4ee;--warm:#e9e4d9;--lime:#c9e65e;--line:#d7d9d3;--orange:#ff7b57}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC",Manrope,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.6px}.brand small{display:block;font-family:"Noto Sans TC";font-size:10px;font-weight:600;letter-spacing:1px;opacity:.62}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--navy);color:var(--lime);font-size:19px}.nav nav{display:flex;gap:30px}.nav nav a{font-size:13px;color:var(--muted);text-decoration:none}.nav nav a:hover{color:var(--ink)}.nav-cta{padding:11px 16px;border:1px solid var(--ink);border-radius:99px;color:var(--ink);text-decoration:none;font-size:13px}.nav-cta span{margin-left:8px}.hero{min-height:615px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;padding:55px 0 75px}.eyebrow{font:500 11px/1.3 "DM Mono",monospace;letter-spacing:.55px;color:#6e786b;margin:0 0 20px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9bb647;margin-right:8px;vertical-align:1px}.hero h1,.section-heading h2,.steps h2,.principles h2,.download h2{font-family:Manrope,"Noto Sans TC",sans-serif;letter-spacing:-3.3px;margin:0;line-height:1.07}.hero h1{font-size:clamp(54px,6.4vw,82px);font-weight:800}.hero h1 em,.download h2 em{font-family:"Noto Sans TC";font-style:normal;font-weight:700}.hero h1 em{color:#a9c840}.hero-lede{max-width:455px;font-size:16px;line-height:1.9;color:var(--muted);margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;border-radius:99px;padding:15px 18px 15px 22px;text-decoration:none;font-size:14px;font-weight:700;transition:.2s transform}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--navy)}.button span{font-size:18px;font-weight:400}.text-link{color:var(--ink);font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:7px}.trust-line{margin-top:39px;color:#697679;font-size:12px;display:flex;align-items:center;gap:8px}.mini-shield{display:grid;place-items:center;width:17px;height:17px;background:#dce8b8;border-radius:5px;color:#5e7621;font-size:11px;font-weight:800}.hero-art{position:relative;height:510px;display:grid;place-items:center}.phone{position:relative;width:260px;height:505px;border:8px solid #162b3a;border-radius:35px;background:#f8f8f5;overflow:hidden;box-shadow:0 28px 44px #14232f33;z-index:2}.phone-island{position:absolute;z-index:4;top:7px;left:50%;transform:translateX(-50%);width:83px;height:22px;background:#162b3a;border-radius:16px}.app-top{height:85px;padding:39px 18px 0;display:flex;justify-content:space-between;font-size:13px;font-weight:700}.map{height:270px;background:#d5dfce;position:relative;overflow:hidden}.street{position:absolute;background:#fbfbf7;height:10px;border:1px solid #c6cdc3;transform:rotate(-30deg);border-radius:10px}.s1{width:330px;top:65px;left:-30px}.s2{width:280px;top:161px;left:6px;transform:rotate(42deg)}.s3{width:250px;top:220px;left:-35px;transform:rotate(-9deg)}.s4{width:190px;top:115px;right:-53px;transform:rotate(85deg)}.district{position:absolute;border:1px solid #b7c4b4;background:#c4d6bd;border-radius:35%}.d1{width:62px;height:48px;left:20px;top:15px}.d2{width:100px;height:75px;right:-18px;bottom:26px}.d3{width:48px;height:70px;left:99px;bottom:0}.safe-ring{position:absolute;width:175px;height:175px;top:46px;left:42px;border:1px solid #547440;border-radius:50%;background:#b2d65442}.safe-ring:before,.safe-ring:after{content:"";position:absolute;border:1px solid #668a4d;border-radius:50%;inset:18px}.safe-ring:after{inset:42px}.pin{position:absolute;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:12px 12px 12px 2px;transform:rotate(-45deg);font-size:14px;color:#fff}.pin::first-letter{transform:rotate(45deg)}.home{top:120px;left:116px;background:var(--navy)}.alert{top:68px;right:38px;background:var(--orange);font-weight:800}.map-label{position:absolute;z-index:2;top:211px;left:73px;background:#fff;padding:5px 9px;border-radius:6px;font-size:9px;font-weight:700}.app-card{height:77px;margin:10px;border-radius:14px;background:#fff;box-shadow:0 4px 13px #19304210;display:flex;align-items:center;gap:9px;padding:11px}.card-icon{display:grid;place-items:center;width:33px;height:33px;background:#e5edcb;border-radius:10px;color:#65812d;font-weight:800}.app-card small,.float-note small{display:block;color:#7e898a;font-size:9px}.app-card strong{font-size:11px;white-space:nowrap}.chevron{margin-left:auto;color:#809099;font-size:21px}.tabbar{position:absolute;bottom:0;width:100%;height:58px;border-top:1px solid #e3e4df;display:flex;justify-content:space-around;align-items:center;color:#90a0a3;font-size:13px;text-align:center}.tabbar span{display:flex;flex-direction:column;gap:1px}.tabbar small{font-size:7px}.tabbar .active{color:#395a31}.float-note{position:absolute;z-index:3;background:#fff;border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 25px #102b3830}.float-note b{display:block;font-size:11px}.note-top{top:78px;left:0}.note-bottom{bottom:42px;right:0}.note-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e6efc7;color:#526d2a;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:#8dae45}.orbit{position:absolute;border:1px solid #dfe5d4;border-radius:50%;z-index:0}.orbit-one{width:490px;height:490px}.orbit-two{width:400px;height:400px}.dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange)}.dot-one{top:69px;right:63px}.dot-two{bottom:79px;left:40px;background:var(--lime)}.intro{padding:66px 0 120px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line)}.intro p{font-size:clamp(22px,2.8vw,35px);line-height:1.55;letter-spacing:-1.4px;margin:0}.intro strong{color:#698433}.intro-arrow{font-size:28px;color:#819264}.features{padding-bottom:130px}.section-heading{margin-bottom:44px}.section-heading h2{font-size:clamp(34px,4vw,50px)}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px}.feature{min-height:346px;border-radius:17px;padding:24px;position:relative;overflow:hidden}.feature-number{position:absolute;right:22px;top:23px;font:11px "DM Mono";color:#8b9991}.feature h3{font-size:19px;margin:12px 0 8px}.feature p{font-size:13px;line-height:1.75;color:#5d6b72;max-width:255px;margin:0}.feature-icon{font-size:26px;font-family:Manrope;color:#3a593c}.feature-map{background:#e3ecd5}.feature-check{background:#fee6dc}.feature-news{background:#d9e4e7}.rings-graphic{position:absolute;width:185px;height:185px;border:1px solid #6e8d5a;border-radius:50%;right:-30px;bottom:-43px}.rings-graphic b{position:absolute;inset:20px;border:1px solid #7f9e68;border-radius:50%}.rings-graphic b:nth-child(2){inset:45px}.rings-graphic b:nth-child(3){inset:70px}.rings-graphic span{position:absolute;left:79px;top:73px;width:32px;height:32px;background:var(--navy);display:grid;place-items:center;color:#fff;border-radius:11px}.check-graphic{position:absolute;right:-10px;bottom:23px;transform:rotate(-4deg);background:#fffefa;border-radius:12px;padding:11px;width:183px;box-shadow:0 10px 20px #b1796740}.check-graphic span{font-size:9px;color:#8d9490}.check-graphic b{font-size:10px;display:block;margin-top:6px}.check-graphic i{float:right;background:#c9e65e;border-radius:50%;font-style:normal;padding:1px 4px}.news-graphic{position:absolute;bottom:22px;right:22px;width:150px;padding:12px;border-radius:11px;background:#f8fcfc}.news-graphic span{font-size:9px;color:#667a80}.news-graphic b{height:7px;background:#c7d3d4;border-radius:4px;display:block;margin-top:7px}.news-graphic b:nth-child(3){width:83%}.news-graphic b:nth-child(4){width:60%}.steps{background:var(--navy);color:#edf2e8;padding:106px 0}.steps-inner{display:grid;grid-template-columns:1fr 1fr;gap:120px}.eyebrow.light{color:#b9c5b9}.steps h2{font-size:clamp(39px,4.2vw,58px)}.steps-copy>p:not(.eyebrow){max-width:355px;color:#b9c5c8;line-height:1.85;font-size:14px;margin:25px 0}.button.ghost{border:1px solid #728791;color:#fff}.steps ol{list-style:none;padding:0;margin:0;border-top:1px solid #466072}.steps li{display:grid;grid-template-columns:75px 1fr;gap:13px;padding:23px 0;border-bottom:1px solid #466072}.steps li>span{font:11px "DM Mono";color:#b9dc5d;padding-top:5px}.steps h3{font-size:17px;margin:0 0 6px}.steps li p{font-size:13px;color:#b9c5c8;line-height:1.7;margin:0}.principles{padding:130px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.principles h2{font-size:clamp(37px,4vw,53px)}.principles-title>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:275px;margin-top:22px}.principle-list{border-top:1px solid var(--line)}.principle-list article{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.principle-list article>span{font:11px "DM Mono";color:#79934b;padding-top:5px}.principle-list h3{margin:0 0 7px;font-size:17px}.principle-list p{margin:0;font-size:13px;color:var(--muted);line-height:1.8}.quote{background:#cde56b;padding:117px 0 103px;text-align:center}.quote-mark{font:70px Georgia;color:#5e7b38;display:block;height:47px}.quote p{font-size:clamp(31px,4vw,52px);line-height:1.35;letter-spacing:-2px;margin:0}.quote em{font-style:normal;color:#3d5a35;font-weight:800}.download{padding:118px 0;display:flex;justify-content:space-between;align-items:end}.download h2{font-size:clamp(39px,4.7vw,62px)}.download h2 em{color:#94b23f}.download-side{text-align:right}.download-side p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 21px}footer{background:#142c3c;color:#eff3ed;padding:33px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner .brand{color:#fff}.footer-inner .brand-mark{background:#e5ecc5;color:#21404b}.footer-inner p,.footer-inner>span{font-size:11px;color:#b6c5c9}.footer-inner strong{color:#e1f27f;font-family:Manrope;font-size:13px}@media(max-width:760px){.wrap{width:min(100% - 34px,560px)}.nav{height:76px}.nav nav,.nav-cta{display:none}.hero{grid-template-columns:1fr;padding:50px 0 25px;gap:14px}.hero-art{height:485px;transform:scale(.86);margin:-22px}.intro{padding:50px 0 80px}.intro-arrow{display:none}.feature-grid,.steps-inner,.principles{grid-template-columns:1fr;gap:14px}.feature{min-height:285px}.features{padding-bottom:80px}.steps{padding:77px 0}.steps-inner{gap:48px}.principles{padding:85px 0;gap:38px}.download{padding:80px 0;display:block}.download-side{text-align:left;margin-top:31px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner>span{display:none}}@media(max-width:390px){.hero h1{font-size:50px}.hero-art{margin-left:-40px;margin-right:-40px}.hero-actions{gap:14px}.button{padding-left:17px;gap:14px}}