body{font-family:ui-sans-serif,system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:#0b1220;margin:0;padding:0}section{width:100%;overflow:hidden;padding-left:20px;padding-right:20px}.col-lg-3{flex:0 0 auto;width:20%}.step{max-width:220px}.industry-tag{display:inline-block;font-size:1.1rem;padding:10px 28px;border:2px solid #007bff;border-radius:50px;color:#007bff;font-weight:700;transition:all 0.3s ease}.industry-tag:hover{transform:scale(1.1);box-shadow:0 4px 12px rgb(13 110 253 / .3)}.icon-circle{width:50px;height:50px;border-radius:50%;background:var(--brand,#007bff);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:1.2rem;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.lp-header{position:sticky;top:0;z-index:1030;backdrop-filter:saturate(180%) blur(10px);background:rgb(255 255 255 / .8);border-bottom:1px solid #eef2f7}.btn-brand{background:#007bff;color:#fff;border:none}.btn-brand:hover{background:#ffca2c;color:#000}.btn-ghost{border:1px solid var(--brand);color:var(--brand);background:#fff}.btn-ghost:hover{background:#078244;color:#fff}.mblue{background:#406AEA;line-height:2.3em;color:#fff}.mgreen{background:#51825C;line-height:2.3em;color:#fff}.mgorange{background:#F60;line-height:2.3em;color:#fff}.mgred{background:#BE1006;line-height:2.3em;color:#fff}.mradius{border-radius:30px;padding:5px 0}.small_font{color:#333!important}.blue_font{color:#007bff}.hero{background:radial-gradient(1200px 300px at 80% -10%,rgb(165 0 0 / .22),transparent 80%),radial-gradient(900px 300px at 20% -10%,rgb(34 197 94 / .12),transparent 80%),linear-gradient(180deg,#ffffff 0%,#f7fafc 80%);padding:80px 0 40px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:999px;font-size:.9rem;background:#eff6ff;color:#075985;border:1px solid #dbeafe}.hero h1{font-weight:800;line-height:1.15}.hero-sub{font-size:1.15rem;color:#334155}.trust-logos img{opacity:.75;transition:opacity .2s ease}.trust-logos img:hover{opacity:1}.benefit{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px;height:100%}.benefit h5{font-weight:700}.portfolio{background:#0b0f1a;color:#e5e7eb}.portfolio .section-title{color:#fff}.work-card{display:block;position:relative;overflow:hidden;border-radius:14px;box-shadow:0 3px 12px rgb(0 0 0 / .15);transition:transform 0.3s ease;text-decoration:none;color:inherit}.work-card img{width:100%;height:auto;display:block;transition:transform 0.5s ease}.work-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgb(0 0 0 / .15)}.work-card:hover img{transform:scale(1.08)}.work-overlay{position:absolute;bottom:0;left:0;right:0;background:rgb(0 0 0 / .6);color:#fff;padding:20px;transition:all 0.4s ease}.work-card:hover .work-overlay{background:rgb(0 0 0 / .8)}.work-overlay h5{font-size:1.1rem}.work-overlay p{margin:0;font-size:.9rem;opacity:.85}.work-overlay .tag{font-size:.9rem;background:#007bff;padding:2px 8px;border-radius:6px;color:#fff;display:inline-block;margin-bottom:8px}.work-btn{align-self:flex-start;margin-top:.5rem}.work-btn a{color:#0ea5e9;text-decoration:none}.work-btn a:hover{text-decoration:underline}.text-white-opaque{color:rgb(255 255 255 / .95)!important}.benefit-card{border:#888 solid 1px!important}.projectcard-cardbox{border-radius:12px;border:#888 solid 1px;overflow:hidden;width:100%;max-width:420px;position:relative;text-align:center}.pricing{background:#fff}.price-card{border:1px solid #e5e7eb;border-radius:18px;padding:28px;height:100%;background:#fff}.price{font-size:2.25rem;font-weight:800}.note{font-size:.95rem;color:#64748b}.step{border-left:3px solid var(--brand);padding-left:16px}.step h6{font-weight:800}.testi{background:linear-gradient(180deg,#0b0f1a 0%,#0b0f1a 100%);color:#e5e7eb}.quote{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:22px;height:100%}.quote .name{color:#93c5fd;font-weight:700}.cta{background:linear-gradient(180deg,#f0f9ff 0%,#ffffff 100%);border-top:1px solid #e5e7eb}.seo-section{background:#fff;border-top:1px solid #e5e7eb}.seo-section .container{max-width:980px}.seo-toggle{cursor:pointer;color:var(--brand);text-decoration:underline}.seo-more{display:none}.lp-footer{background:#0b0f1a;color:#94a3b8;padding:28px 0;font-size:.95rem}.breadcrumbs a{color:#64748b;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.mb-0{text-align:justify!important}@media (max-width:768px){.hero{padding:110px 0 60px}.hero h1{font-size:clamp(2rem, 4vw, 3rem)}.projectcard-box{max-width:100%}.col-lg-3{width:50%}}@media (max-width:480px){.projectcard-box{max-width:100%}.col-lg-3{width:50%}}