:root{--navy:#0f1b3d;--navy-2:#1a2f66;--primary:#2563eb;--cta:#c2410c;--cta-hover:#9a3412;--ink:#1e293b;--muted:#475569;--bg:#f8fafc;--card:#fff;--line:#e2e8f0;--soft:#e9eff8;--on-navy:#fff;--on-navy-muted:#c7d2ee;--radius:16px;--font:"Plus Jakarta Sans", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:16px;line-height:1.7}h1,h2,h3{margin:0;line-height:1.3}p{margin:0}a{color:var(--primary)}.container{width:min(1120px,100% - 40px);margin-inline:auto}:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:6px}.skip{z-index:100;background:var(--navy);color:#fff;border-radius:8px;padding:8px 16px;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.site-header{z-index:20;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--cta));border-radius:8px;flex:none;width:26px;height:26px}nav{align-items:center;gap:4px;display:flex}.nav-link{color:var(--ink);border-radius:8px;padding:10px 12px;font-size:.95rem;font-weight:500;text-decoration:none}.nav-link:hover{background:var(--soft)}.btn{background:var(--cta);color:#fff;border:2px solid var(--cta);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 22px;font-family:inherit;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover{background:var(--cta-hover);border-color:var(--cta-hover)}.btn:active{transform:translateY(1px)}.btn-small{min-height:40px;margin-left:8px;padding:6px 18px;font-size:.9rem}.btn-lg{min-height:52px;padding:12px 28px;font-size:1.05rem}.btn-outline{color:#fff;background:0 0;border-color:#fff9}.btn-outline:hover{background:#ffffff1f;border-color:#fff}.hero{background:radial-gradient(900px 400px at 85% -10%, #2563eb8c, transparent 70%), linear-gradient(160deg, var(--navy), var(--navy-2));color:var(--on-navy);padding:80px 0 96px;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.seg{display:inline-block}.eyebrow{color:var(--on-navy-muted);letter-spacing:.04em;margin-bottom:16px;font-size:.95rem;font-weight:600}.hero h1{margin-bottom:20px;font-size:clamp(1.7rem,3.7vw,3rem);font-weight:800}.hero-lead{color:var(--on-navy-muted);max-width:34em;margin-bottom:32px;font-size:1.1rem}.actions{flex-wrap:wrap;gap:12px;display:flex}.visual{min-height:340px;position:relative}.screen{background:#0a1330;border:1px solid #ffffff24;border-radius:18px;width:92%;padding:18px 22px 26px;box-shadow:0 30px 60px #00000059}.screen-bar{gap:6px;margin-bottom:18px;display:flex}.screen-bar span{background:#ffffff40;border-radius:50%;width:9px;height:9px}.screen-label{color:#fbbf24;text-align:center;letter-spacing:.1em;font-size:.95rem;font-weight:700}.slots{gap:10px;max-width:280px;margin:16px auto 14px;display:grid}.slots span{text-align:center;color:var(--on-navy-muted);background:#ffffff12;border-radius:10px;padding:10px;font-size:1.15rem;font-weight:700}.slots .hit{color:#1e1b0b;background:#fbbf24;font-size:1.5rem;transform:scale(1.04)}.screen-sub{color:var(--on-navy-muted);text-align:center;font-size:.9rem}.phone{width:170px;color:var(--ink);text-align:center;background:#fff;border:6px solid #111a36;border-radius:26px;padding:18px 16px 20px;position:absolute;bottom:-28px;right:0;box-shadow:0 24px 50px #0006}.phone-title{margin-bottom:10px;font-size:.9rem;font-weight:700}.phone-qr{color:var(--navy);border:2px dashed var(--line);border-radius:12px;place-items:center;padding:10px;display:grid}.phone-sub{color:var(--muted);margin-top:10px;font-size:.78rem;line-height:1.4}section{padding:88px 0}section h2{text-align:center;color:var(--navy);margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.lead{text-align:center;color:var(--muted);max-width:36em;margin:0 auto 48px;font-size:1.05rem}.bento{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-column:span 2;padding:28px;transition:box-shadow .2s,transform .2s}.card:not(.wide){grid-column:span 2}.card.wide{background:linear-gradient(160deg, #fff, var(--soft));grid-column:span 2}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f1b3d1a}.icon-badge{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:16px;display:inline-grid}.card h3{color:var(--navy);margin-bottom:8px;font-size:1.15rem}.card p{color:var(--muted);font-size:.97rem}.band{background:var(--soft)}.roles{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.role{border-radius:var(--radius);border-top:4px solid var(--primary);background:#fff;padding:24px}.role h3{color:var(--navy);margin-bottom:8px;font-size:1.1rem}.role p{color:var(--muted);font-size:.95rem}.steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding-top:56px;position:relative}.steps li:before{content:counter(step);background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:grid;position:absolute;top:0;left:0}.steps li:after{content:"";background:var(--line);height:2px;position:absolute;top:20px;left:54px;right:-12px}.steps li:last-child:after{display:none}.steps h3{color:var(--navy);margin-bottom:6px;font-size:1.1rem}.steps p{color:var(--muted);font-size:.95rem}.cta{background:linear-gradient(160deg, var(--navy), var(--navy-2));text-align:center}.cta h2{color:#fff}.cta .lead{color:var(--on-navy-muted);margin-bottom:32px}.cta .actions{justify-content:center}.cta-mail{color:var(--on-navy-muted);margin-top:20px;font-size:.95rem}.site-footer{color:var(--on-navy-muted);background:#0a1330;padding:24px 0;font-size:.92rem}.foot{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.site-footer a{color:#fff}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:56px}.visual{max-width:460px;margin-bottom:24px}.bento,.roles,.steps{grid-template-columns:repeat(2,1fr)}.card,.card.wide,.card:not(.wide){grid-column:span 1}.steps li:after{display:none}}@media (width<=640px){.nav-link{display:none}section{padding:64px 0}.hero{padding:56px 0 72px}.bento,.roles,.steps{grid-template-columns:1fr}.visual{min-height:0}.screen{width:100%}.phone{width:170px;margin:-20px 12px 0 auto;position:relative;bottom:auto;right:auto}.btn-lg{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}