:root{--ink:#0b1f3a;--muted:#58708e;--paper:#edf5ff;--card:#f8fbff;--lime:#72ddff;--green:#1256a3;--line:rgba(11,31,58,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 5%,rgba(202,255,112,.3),transparent 24rem),var(--paper);font-family:Inter,"Noto Sans TC",system-ui,sans-serif}main,footer{width:min(1160px,calc(100% - 40px));margin-inline:auto}nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-weight:750;display:flex;align-items:center;gap:10px}.brand span{width:21px;height:21px;border:6px solid var(--green);border-radius:50%;background:var(--lime)}.nav-link,.actions a{color:var(--ink);font-size:.9rem;text-decoration:none;border-bottom:1px solid currentColor}.hero{min-height:650px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(40px,8vw,110px);padding:70px 0 96px}.eyebrow{font-family:ui-monospace,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#64d34d;box-shadow:0 0 0 5px rgba(100,211,77,.16)}h1{margin:24px 0;max-width:790px;font-size:clamp(3rem,6.5vw,6rem);line-height:.98;letter-spacing:-.065em}h1 span{display:block;color:var(--green)}.intro{max-width:600px;color:var(--muted);font-size:1.08rem;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;margin-top:35px}button{border:0;border-radius:999px;padding:15px 22px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 9px 25px rgba(20,35,28,.15);transition:.2s}button:hover{transform:translateY(-2px);background:var(--green)}button:disabled{cursor:default;background:var(--green)}.signal-card{background:var(--green);color:#fff;border-radius:32px;padding:28px;min-height:430px;box-shadow:0 30px 80px rgba(33,79,59,.22);transform:rotate(2deg)}.signal-top,.signal-meta{display:flex;justify-content:space-between;font:500 .68rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em}.signal-top strong{color:var(--lime)}.orb{height:180px;position:relative;display:grid;place-items:center}.orb i{position:absolute;border:1px solid rgba(202,255,112,.4);border-radius:50%;animation:pulse 3s ease-in-out infinite}.orb i:nth-child(1){width:72px;height:72px;background:var(--lime);box-shadow:0 0 35px rgba(202,255,112,.55)}.orb i:nth-child(2){width:112px;height:112px;animation-delay:.35s}.orb i:nth-child(3){width:156px;height:156px;animation-delay:.7s}@keyframes pulse{50%{transform:scale(1.08);opacity:.65}}.signal-label{margin:8px 0;color:rgba(255,255,255,.62);font:500 .68rem ui-monospace,monospace;letter-spacing:.12em}.signal-value{margin:0 0 22px;font-size:2.6rem;font-weight:700;letter-spacing:-.04em}.meter{height:6px;border-radius:4px;background:rgba(255,255,255,.15);overflow:hidden}.meter span{display:block;width:100%;height:100%;background:var(--lime);transform-origin:left;animation:load 1.2s ease-out}@keyframes load{from{transform:scaleX(0)}}.signal-meta{margin-top:18px;color:rgba(255,255,255,.6)}.checks{border-top:1px solid var(--line);padding:92px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}h2{margin:0;max-width:640px;font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.05em}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}article{position:relative;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,254,248,.65)}article b{float:right;color:var(--muted);font:500 .7rem ui-monospace,monospace}article>i{width:44px;height:44px;display:grid;place-items:center;color:var(--green);background:var(--lime);border-radius:50%;font-style:normal;font-weight:800}h3{margin:52px 0 12px;font-size:1.35rem}article p{color:var(--muted);line-height:1.7}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 42px;color:var(--muted);font:500 .72rem ui-monospace,monospace}
body{background:radial-gradient(circle at 82% 5%,rgba(59,159,255,.3),transparent 25rem),linear-gradient(145deg,#f8fbff 0%,var(--paper) 58%,#dcecff 100%)}
.brand span{box-shadow:0 0 0 4px rgba(49,168,255,.12)}
.eyebrow i{background:#31a8ff;box-shadow:0 0 0 5px rgba(49,168,255,.16)}
button{background:#082f68;box-shadow:0 9px 25px rgba(8,47,104,.2)}
.signal-card{background:linear-gradient(155deg,#176fc4 0%,#082f68 100%);box-shadow:0 30px 80px rgba(18,86,163,.3)}
.orb i{border-color:rgba(114,221,255,.46)}
.orb i:nth-child(1){box-shadow:0 0 38px rgba(114,221,255,.62)}
article{background:rgba(248,251,255,.76);box-shadow:0 12px 35px rgba(18,86,163,.06)}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:35px}.signal-card{max-width:480px;transform:none}.section-heading{display:block}.check-grid{grid-template-columns:1fr}}@media(max-width:520px){main,footer{width:calc(100% - 28px)}nav{height:72px}.hero{min-height:auto;padding-bottom:72px}h1{font-size:3.1rem}.actions,footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}