:root{--blue:#2563eb;--blue-700:#1d4ed8;--blue-50:#eff6ff;--ink:#111827;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--bg:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}.site-header{justify-content:space-between;align-items:center;max-width:1180px;height:72px;margin:auto;padding:0 24px;display:flex}.brand img{width:190px;height:auto;display:block}.header-note{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px}.hero{max-width:1180px;margin:auto;padding:76px 24px 58px}.eyebrow,.section-kicker{letter-spacing:.16em;color:var(--blue);font-size:12px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:16px 0 24px;font-size:clamp(42px,6vw,74px);line-height:1.04}.hero h1 em{color:var(--blue);font-style:normal}.hero>p{color:#475569;max-width:600px;margin:0;font-size:18px;line-height:1.65}.trust-row{color:#475569;gap:20px;margin-top:32px;font-size:14px;display:flex}.trust-row span{align-items:center;gap:8px;display:flex}.trust-row i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dcfce7}.board{background:var(--surface);border:1px solid var(--line);border-radius:28px;max-width:1180px;margin:0 auto 100px;overflow:hidden;box-shadow:0 22px 70px #0f172a14}.control-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.segmented{background:#f1f5f9;border-radius:14px;gap:6px;padding:5px;display:flex}.segmented button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 16px;font-weight:700}.segmented button.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #0f172a14}.mode-switch{border:1px solid var(--line);border-radius:14px;display:flex;overflow:hidden}.mode-switch button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#fff;min-width:124px;padding:9px 16px;font-weight:800}.mode-switch button:last-child{border-right:0}.mode-switch button small{color:#94a3b8;font-size:10px;font-weight:600;display:block}.mode-switch button.active{background:var(--blue);color:#fff}.mode-switch button.active small{color:#bfdbfe}.toolbar{justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.search{border:1px solid var(--line);background:#f8fafc;border-radius:12px;align-items:center;gap:8px;width:280px;padding:0 13px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:11px 0}.check{color:#475569;gap:8px;font-size:14px;display:flex}.check input{accent-color:var(--blue)}.summary{border-top:1px solid var(--line);background:#fafcff;justify-content:space-between;align-items:end;padding:18px 28px;display:flex}.summary strong,.summary span{display:block}.summary span,.summary time{color:#94a3b8;margin-top:5px;font-size:12px}.desktop-table table{border-collapse:collapse;width:100%}.desktop-table th{text-align:left;color:#94a3b8;border-bottom:1px solid var(--line);padding:14px 20px;font-size:12px}.desktop-table td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:19px 20px;font-size:14px}.desktop-table td>span{color:#94a3b8;margin-top:5px;font-size:11px;display:block}.desktop-table tr.best{background:linear-gradient(90deg,#eff6ff 0,#fff 55%)}.desktop-table tr.unavailable{color:#64748b;background:#fafafa}.desktop-table tr.unavailable .rank{color:#94a3b8}.desktop-table tr.unavailable mark{color:#c2410c;background:#fff7ed}.previous-price{color:#64748b}.not-provided{color:#94a3b8;font-size:14px}.availability{color:#94a3b8;margin-left:8px;font-size:11px;font-weight:700}.rank{background:#f1f5f9;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.best .rank{background:var(--blue);color:#fff}.price{letter-spacing:-.03em;font-size:20px}.desktop-table mark,.card-top mark{color:var(--blue-700);background:#dbeafe;border-radius:999px;margin-left:8px;padding:4px 7px;font-size:10px;font-weight:800}.links{flex-wrap:wrap;gap:6px;display:flex}.links a{color:#475569;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:11px;text-decoration:none}.links a:hover{border-color:var(--blue);color:var(--blue)}.state{text-align:center;color:#64748b;border-top:1px solid var(--line);padding:56px 20px}.state strong{color:var(--ink)}.state.error{color:#b91c1c;background:#fef2f2}.mobile-cards{display:none}.offline{max-width:1180px;margin:0 auto 100px;padding:0 24px}.offline h2{letter-spacing:-.04em;margin:10px 0;font-size:32px}.offline>div>p{color:var(--muted)}.offline-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.offline article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.offline article strong,.offline article span{display:block}.offline article span{color:#94a3b8;margin:8px 0 16px;font-size:12px}.offline article a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}footer{text-align:center;border-top:1px solid var(--line);color:#64748b;background:#fff;justify-items:center;padding:48px 24px;display:grid}footer img{width:170px}footer p{max-width:620px;font-size:12px;line-height:1.7}footer a{color:var(--blue);font-size:13px}footer small{color:#94a3b8;margin-top:28px}.dev-badge{color:#fff;z-index:1000;background:#ef4444;border-radius:7px;padding:7px 8px;font:800 10px/1 sans-serif;position:fixed;bottom:12px;right:12px}@media (max-width:760px){.site-header{height:62px;padding:0 18px}.brand img{width:158px}.header-note{font-size:10px}.hero{padding:56px 20px 38px}.hero h1{font-size:45px}.hero>p{font-size:16px}.trust-row{flex-wrap:wrap;gap:12px;font-size:12px}.board{border-radius:22px;margin:0 12px 70px}.control-row{padding:18px;display:block}.segmented{width:100%}.segmented button{flex:1;padding:10px 8px;font-size:13px}.mode-switch{width:100%;margin-top:12px}.mode-switch button{flex:1}.toolbar{gap:12px;padding:14px 18px}.search{flex:1;width:auto}.check{font-size:12px}.summary{padding:15px 18px}.desktop-table{display:none}.mobile-cards{background:#f8fafc;gap:10px;padding:12px;display:grid}.price-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px}.price-card.best{border:1.5px solid var(--blue);box-shadow:0 8px 24px #2563eb1f}.price-card.unavailable{color:#64748b;background:#fcfcfd}.price-card.unavailable .card-price{background:#f1f5f9}.price-card.unavailable .card-top mark{color:#c2410c;background:#fff7ed}.card-top{align-items:center;display:flex}.card-top time{color:#94a3b8;margin-left:auto;font-size:11px}.price-card h3{margin:16px 0 5px;font-size:18px}.price-card>p{color:#94a3b8;margin:0;font-size:11px}.card-price{background:#f8fafc;border-radius:13px;margin:20px 0;padding:16px}.card-price span,.card-price small{color:#64748b;font-size:11px;display:block}.card-price strong{margin:4px 0;font-size:27px;display:block}.offline{margin-bottom:70px;padding:0 20px}.offline-grid{grid-template-columns:1fr}.offline h2{font-size:27px}}