@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--navy:#071938;--blue:#0866ff;--sky:#4ca9ff;--ice:#eef7ff;--white:#fff;--ink:#0d2142;--muted:#61738f;--line:#dbe9f8;--shadow:0 22px 60px rgba(11,71,147,.12);--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans Thai',system-ui,sans-serif;background:#fff;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(10,80,170,.1)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.16rem;letter-spacing:.2px}.mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#0a70ff,#0645ba);box-shadow:0 9px 22px rgba(8,102,255,.25)}.brand em{font-style:normal;color:#0757c9}footer .brand em{color:#7cc8ff}.navlinks{display:flex;gap:23px;font-size:.9rem;color:#3f5575}.navlinks a:hover,.navlinks a.active{color:var(--blue)}.actions{display:flex;gap:10px}.btn{min-height:46px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);font-weight:700;transition:.22s}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;border:0;background:linear-gradient(135deg,var(--blue),#0348be);box-shadow:0 12px 28px rgba(8,102,255,.22)}.soft{background:#f2f8ff;color:#0b57cb}.menu{display:none;border:0;background:#eef6ff;color:#1456ac;border-radius:11px;width:42px;height:42px;font-size:1.25rem}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(5,25,62,.99) 0%,rgba(6,40,91,.95) 45%,rgba(2,74,175,.35) 100%),url('/assets/taipei789-blue-hero.webp') 70% center/cover no-repeat;color:#fff;padding:105px 0 94px}.hero:after{content:'';position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,rgba(255,255,255,.06))}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:.79rem}.badge i{width:7px;height:7px;border-radius:50%;background:#6bc4ff;box-shadow:0 0 14px #6bc4ff}.hero h1{font-size:clamp(2.65rem,5.4vw,5rem);line-height:1.08;letter-spacing:0;margin:22px 0 18px}.hero h1 span{color:#7cc8ff}.lead{font-size:1.06rem;color:#c8dcf7;max-width:610px;margin:0 0 28px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero .soft{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.offer{justify-self:end;width:min(430px,100%);background:rgba(255,255,255,.96);color:var(--ink);padding:24px;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.8)}.offer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.offer-top b{font-size:1.12rem}.live{font-size:.72rem;padding:5px 9px;border-radius:99px;color:#066441;background:#e7fff4}.numbers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;background:linear-gradient(145deg,#edf7ff,#fff);border:1px solid var(--line);border-radius:20px;padding:19px 12px}.numbers strong{display:block;font-size:2.35rem;line-height:1;color:var(--blue)}.numbers span{font-size:.76rem;color:var(--muted)}.arrow{color:#74a5d8;font-size:1.4rem}.facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.fact{background:#f7fbff;border:1px solid #e3effb;border-radius:13px;padding:11px 13px}.fact b{display:block;font-size:.72rem;color:#788aa4}.fact span{font-size:.88rem}.trustbar{margin-top:-34px;position:relative;z-index:5}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.trustitem{padding:21px 22px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line)}.trustitem:last-child{border:0}.ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf5ff;color:var(--blue);font-weight:800}.trustitem b{display:block;font-size:.9rem}.trustitem small{color:var(--muted)}section{padding:86px 0}.kicker{font-size:.76rem;letter-spacing:2px;text-transform:uppercase;color:var(--blue);font-weight:800}.title{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.22;margin:8px 0 12px}.sub{color:var(--muted);max-width:680px;margin:0}.headrow{display:flex;justify-content:space-between;gap:30px;align-items:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.card{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:#fff;box-shadow:0 15px 45px rgba(22,80,145,.07);transition:.22s}.card:hover{transform:translateY(-4px);border-color:#a8d1ff}.card .ico{margin-bottom:19px}.card h3{margin:0 0 7px;font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.9rem}.bluezone{background:linear-gradient(180deg,#f3f9ff,#fff)}.terms{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}.tablebox{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:17px 20px;border-bottom:1px solid var(--line)}th{background:#eaf5ff;color:#174a88;font-size:.84rem}td:first-child{font-weight:700}tr:last-child td{border:0}.note{margin-top:15px;color:#536985;font-size:.83rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.step{padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line)}.stepnum{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);font-weight:800}.step h3{margin:20px 0 7px}.step p{margin:0;color:var(--muted)}.content{max-width:820px}.content h2{font-size:1.65rem;margin:42px 0 10px}.content p{color:#536985}.content ul{color:#536985}.faq{display:grid;gap:10px;margin-top:30px}.faq details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 20px}.faq summary{padding:18px 0;cursor:pointer;font-weight:700}.faq p{margin:0 0 18px;color:var(--muted)}.cta-band{padding:48px 0;background:linear-gradient(135deg,#075fe6,#063b99);color:#fff}.cta-in{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-in h2{margin:0 0 5px}.cta-in p{margin:0;color:#d1e4ff}footer{padding:55px 0 95px;background:#06152f;color:#fff}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.foot p,.foot a{color:#c6d7ef;font-size:.86rem}.footlinks{display:grid;gap:8px}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:22px;color:#718aaa;font-size:.78rem;display:flex;justify-content:space-between;gap:20px}.mobilebar{display:none}
@media(max-width:950px){.navlinks,.actions{display:none}.menu{display:block}.hero-grid{grid-template-columns:1fr}.offer{justify-self:start}.trustgrid{grid-template-columns:1fr 1fr}.trustitem:nth-child(2){border-right:0}.cards,.steps{grid-template-columns:1fr 1fr}.cards .card:last-child,.steps .step:last-child{grid-column:1/-1}.terms{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1160px)}.nav{height:64px}.hero{padding:80px 0 70px;background:linear-gradient(180deg,rgba(4,26,67,.7),rgba(4,25,61,.98)),url('/assets/taipei789-blue-hero.webp') 68% center/cover no-repeat}.hero h1{font-size:2.65rem;letter-spacing:0}.hero-actions .btn{width:100%}.offer{padding:17px;border-radius:22px}.trustgrid,.cards,.steps{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid var(--line)}.cards .card:last-child,.steps .step:last-child{grid-column:auto}.headrow{display:block}.terms{gap:30px}section{padding:66px 0}.foot{grid-template-columns:1fr}.foot>div:first-child{grid-column:auto}.copy{display:block}.mobilebar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:50;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));border:1px solid #cce2fa;border-radius:18px;padding:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 16px 50px rgba(0,39,91,.24)}.mobilebar a{text-align:center;font-size:.69rem;color:#5f718a}.mobilebar b{display:block;color:var(--blue);font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}