*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fb;--bg-surface: #ffffff;--bg-muted: #f1f3f5;--border: #e2e5ea;--border-focus: #7c6af6;--text-1: #111318;--text-2: #4b5060;--text-3: #8990a0;--accent: #6c5ce7;--accent-soft: rgba(108,92,231,.08);--green: #10b981;--green-soft: rgba(16,185,129,.1);--red: #ef4444;--aws: #ff9900;--gcp: #4285f4;--do: #0080ff;--azure: #0078d4;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--max-w: 1400px;--ease: .15s ease}[data-theme=dark]{--bg: #0c0d11;--bg-surface: #16171e;--bg-muted: #1e2028;--border: #2a2c37;--border-focus: #8b7cf7;--text-1: #ecedf0;--text-2: #9498a8;--text-3: #5e6374;--accent: #8b7cf7;--accent-soft: rgba(139,124,247,.12);--green: #34d399;--green-soft: rgba(52,211,153,.1);--red: #f87171;--aws: #ffb347;--gcp: #6ea8fe;--do: #3399ff;--azure: #4dacf0;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.4)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-1);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.header{position:sticky;top:0;z-index:50;background:var(--bg-surface);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-left{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;min-width:0}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:var(--text-1);text-decoration:none}.logo img{flex-shrink:0;border-radius:4px}.header-stats{display:flex;gap:.5rem;flex-wrap:wrap}.stat-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:var(--bg-muted);border-radius:999px;font-size:.72rem;color:var(--text-3);font-weight:500;white-space:nowrap}.stat-fresh{color:var(--green)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.theme-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-muted);color:var(--text-2);cursor:pointer;transition:all var(--ease);flex-shrink:0}.theme-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hero{max-width:var(--max-w);margin:0 auto;padding:2rem 1.5rem 0;text-align:center}.hero-title{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--text-1);line-height:1.2}.hero-subtitle{margin-top:.5rem;font-size:.95rem;color:var(--text-3);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.container{max-width:var(--max-w);margin:0 auto;padding:1.25rem 1.5rem 5rem}.search-bar{position:relative;margin-bottom:1rem}.search-bar svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search-bar input{width:100%;padding:.7rem 2.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-1);font-size:.9rem;font-family:inherit;transition:border-color var(--ease),box-shadow var(--ease)}.search-bar input::placeholder{color:var(--text-3)}.search-bar input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1}.search-clear:hover{color:var(--text-1)}.toolbar{margin-bottom:1rem}.toolbar-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.provider-pills{display:flex;gap:.35rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-2);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--ease);font-family:inherit;white-space:nowrap}.pill:hover{border-color:var(--text-3)}.pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.range-pair{display:flex;align-items:center;gap:.25rem}.range-pair input{width:68px;padding:.4rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-size:.8rem;font-family:inherit;text-align:center;transition:border-color var(--ease)}.range-pair input::placeholder{color:var(--text-3)}.range-pair input:focus{outline:none;border-color:var(--border-focus)}.range-pair input::-webkit-outer-spin-button,.range-pair input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-pair input[type=number]{-moz-appearance:textfield}.range-dash{color:var(--text-3);font-size:.8rem}.filter-select{padding:.4rem 1.8rem .4rem .6rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-size:.8rem;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238990a0' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--ease)}.filter-select:focus{outline:none;border-color:var(--border-focus)}.filter-select option{background:var(--bg-surface);color:var(--text-1)}.toolbar-meta{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--border)}.result-count{font-size:.8rem;color:var(--text-3)}.result-count strong{color:var(--text-1);font-weight:600}.btn-clear-filters{padding:.25rem .55rem;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-3);font-size:.72rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--ease)}.btn-clear-filters:hover{border-color:var(--red);color:var(--red)}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.plan-table{width:100%;border-collapse:collapse;font-size:.85rem}.plan-table thead{position:sticky;top:0;z-index:2}.plan-table th{padding:.6rem .75rem;background:var(--bg-muted);border-bottom:1px solid var(--border);text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);white-space:nowrap;user-select:none}.plan-table tbody tr{transition:background var(--ease)}.plan-table tbody tr:hover{background:var(--bg-muted)}.plan-table tbody tr.row-selected{background:var(--accent-soft)}.plan-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.plan-table tbody tr:last-child td{border-bottom:none}.th-check{width:42px}.th-instance{min-width:160px}.th-provider,.th-region{min-width:100px}.th-vcpu{width:70px;text-align:right}.th-ram{width:90px;text-align:right}.th-price{width:100px;text-align:right}.th-hourly{width:90px;text-align:right}.th-family{min-width:120px}.td-check{text-align:center}.td-vcpu,.td-ram,.td-price,.td-hourly{text-align:right}.check-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1.5px solid var(--border);background:transparent;color:var(--text-3);cursor:pointer;transition:all var(--ease)}.check-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.check-btn.checked{border-color:var(--accent);background:var(--accent);color:#fff}.check-btn:disabled{opacity:.25;cursor:not-allowed}.instance-name{font-weight:600;color:var(--text-1);font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.82rem;letter-spacing:-.01em}.provider-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--text-2)}.provider-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pcolor);flex-shrink:0}.num{font-variant-numeric:tabular-nums;font-weight:500}.num small{font-size:.7rem;color:var(--text-3);font-weight:400}.price-val{font-weight:700;color:var(--green);font-variant-numeric:tabular-nums}.hourly-val{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:.8rem}.region-tag{font-size:.73rem;color:var(--text-3);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.family-tag{font-size:.73rem;color:var(--text-3);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.empty-state{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;color:var(--text-3);gap:.5rem}.empty-state svg{opacity:.3;margin-bottom:.5rem}.empty-state p{font-size:1rem;font-weight:600;color:var(--text-2)}.empty-state span{font-size:.85rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:1.25rem 0 .5rem}.pg-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-2);cursor:pointer;transition:all var(--ease)}.pg-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.pg-btn:disabled{opacity:.3;cursor:not-allowed}.pg-numbers{display:flex;gap:.15rem}.pg-num{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text-2);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--ease);font-family:inherit}.pg-num:hover{background:var(--bg-muted)}.pg-num.active{background:var(--accent);color:#fff;font-weight:600}.pg-ellipsis{min-width:24px;text-align:center;color:var(--text-3)}.pg-info{margin-left:.75rem;font-size:.78rem;color:var(--text-3);white-space:nowrap}.tray{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:0 -2px 16px #0000001a;animation:slide-up .2s ease}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tray-inner{max-width:var(--max-w);margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem}.tray-chips{display:flex;gap:.5rem;flex:1;overflow-x:auto;min-width:0}.tray-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);font-size:.78rem;color:var(--text-1);white-space:nowrap}.tray-chip strong{font-weight:600;font-family:monospace;font-size:.8rem}.tray-chip-price{color:var(--green);font-weight:600;font-size:.75rem}.tray-chip-x{background:none;border:none;color:var(--text-3);font-size:1rem;cursor:pointer;padding:0 .1rem;line-height:1}.tray-chip-x:hover{color:var(--red)}.tray-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-compare{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .85rem;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--ease)}.btn-compare:hover{filter:brightness(1.1)}.btn-tray-clear{padding:.45rem .7rem;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-3);font-size:.78rem;cursor:pointer;font-family:inherit;transition:all var(--ease)}.btn-tray-clear:hover{border-color:var(--red);color:var(--red)}.modal-overlay{position:fixed;inset:0;z-index:200;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:80vh;overflow-y:auto;padding:1.5rem;box-shadow:var(--shadow-lg);animation:scale-in .2s ease}@keyframes scale-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-head h2{font-size:1.1rem;font-weight:700}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:none;color:var(--text-2);cursor:pointer;transition:all var(--ease)}.modal-close:hover{background:var(--bg-muted);color:var(--text-1)}.compare-table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:.85rem}.compare-table th,.compare-table td{padding:.6rem .85rem;border-bottom:1px solid var(--border);text-align:left}.compare-table thead th{background:var(--bg-muted);font-weight:600;font-size:.78rem}.ct-head-cell{display:flex;flex-direction:column;gap:.2rem}.ct-name{font-family:monospace;font-weight:700;font-size:.85rem}.ct-badge{display:inline-block;width:fit-content;padding:.1rem .4rem;background:var(--green-soft);color:var(--green);border-radius:999px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ct-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);white-space:nowrap}.ct-best{color:var(--green);font-weight:700}.site-footer{margin-top:2rem;padding:2rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-surface)}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:.25rem}.footer-logo{font-size:.95rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em}.footer-logo span{color:var(--accent)}.footer-tagline{font-size:.75rem;color:var(--text-3)}.footer-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.footer-links a{font-size:.78rem;color:var(--text-3);text-decoration:none;transition:color var(--ease)}.footer-links a:hover{color:var(--accent)}.footer-note{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-3);line-height:1.6}.footer-note strong{color:var(--text-2);font-weight:600}.seo-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.state-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;gap:.75rem;text-align:center}.state-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red);color:#fff;font-size:1.5rem;font-weight:700}.state-title{font-size:1rem;font-weight:600;color:var(--text-1)}.state-detail{font-size:.85rem;color:var(--text-3)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem;line-height:1.7;color:var(--text-1)}.info-page h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.info-page h2{font-size:1.2rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem;color:var(--text-1)}.info-page h3{font-size:1rem;font-weight:600;margin-top:1.25rem;margin-bottom:.35rem;color:var(--text-2)}.info-page p{margin-bottom:.75rem;color:var(--text-2)}.info-page ul,.info-page ol{margin-bottom:.75rem;padding-left:1.5rem;color:var(--text-2)}.info-page li{margin-bottom:.35rem}.info-page a{color:var(--accent);text-decoration:none}.info-page a:hover{text-decoration:underline}.info-page code{background:var(--bg-muted);padding:.15rem .4rem;border-radius:4px;font-size:.85em}.info-updated{font-size:.85rem;color:var(--text-3);margin-bottom:1.5rem}.back-link{display:inline-block;margin-bottom:1.5rem;font-size:.85rem;color:var(--accent);text-decoration:none}.back-link:hover{text-decoration:underline}.contact-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1rem 0}.contact-card h2{margin-top:0;margin-bottom:.25rem;font-size:1rem}.contact-card a{color:var(--accent);font-size:1.1rem;font-weight:500}.info-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.info-table th,.info-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.info-table th{background:var(--bg-muted);font-weight:600;color:var(--text-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.info-table td{color:var(--text-2)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #0000001a}.cookie-inner{max-width:var(--max-w);margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--text-2)}.cookie-inner a{color:var(--accent);text-decoration:none}.cookie-inner a:hover{text-decoration:underline}.cookie-btn{flex-shrink:0;padding:.4rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity var(--ease)}.cookie-btn:hover{opacity:.85}@media(max-width:900px){.header-stats{display:none}.toolbar-row{gap:.75rem}.filter-group{flex:1;min-width:130px}.plan-table{font-size:.8rem}.th-region,.td-region,.th-family,.td-family,.th-hourly,.td-hourly{display:none}}@media(max-width:600px){.hero{padding:1.25rem 1rem 0}.hero-title{font-size:1.35rem}.hero-subtitle{font-size:.85rem}.container{padding:.75rem .75rem 5rem}.header-inner{padding:.6rem .75rem}.plan-table th,.plan-table td{padding:.45rem .5rem}.tray-inner{flex-direction:column;padding:.6rem .75rem}.tray-chips{width:100%}.tray-actions{width:100%;justify-content:flex-end}.modal-overlay{padding:.5rem}.info-page{padding:1.5rem 1rem 3rem}.info-page h1{font-size:1.4rem}.cookie-inner{flex-direction:column;text-align:center;padding:.75rem}}