:root{--ocean-dark: #0f2a4a;--ocean: #1a5276;--ocean-light: #2980b9;--sand: #f5e6cc;--sand-dark: #e8d5b8;--white: #ffffff;--off-white: #f8f6f2;--text: #1a1a2e;--text-light: #5a5a7a;--accent: #e67e22;--accent-hover: #d35400;--surf-green: #27ae60;--shadow: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 20px rgba(0,0,0,.12);--radius: 12px;--max-width: 1100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--off-white);line-height:1.7}a{color:var(--ocean-light);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;border-radius:var(--radius)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.hero{background:linear-gradient(135deg,var(--ocean-dark) 0%,var(--ocean) 50%,var(--ocean-light) 100%);color:var(--white);padding:80px 20px;text-align:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top right,transparent 49%,var(--ocean-dark) 50%);opacity:.3}.hero h1{font-size:2.8rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.hero p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto 30px}.hero-cta{display:inline-block;background:var(--accent);color:var(--white);padding:14px 36px;border-radius:50px;font-weight:600;font-size:1.1rem;transition:background .2s,transform .2s}.hero-cta:hover{background:var(--accent-hover);transform:translateY(-2px);text-decoration:none}section{padding:60px 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:10px;color:var(--ocean-dark)}.section-subtitle{color:var(--text-light);margin-bottom:40px;font-size:1.1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-img{width:100%;height:200px;object-fit:cover;display:block;background:var(--sand)}.card-body{padding:20px}.card-title{font-size:1.2rem;font-weight:600;margin-bottom:8px}.card-text{color:var(--text-light);font-size:.95rem;margin-bottom:16px;line-height:1.6}.article-content{background:var(--white);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow);margin:40px 0}.article-content h2{font-size:1.8rem;color:var(--ocean-dark);margin-top:40px;margin-bottom:16px}.article-content h3{font-size:1.3rem;color:var(--ocean);margin-top:30px;margin-bottom:12px}.article-content p{margin-bottom:16px;color:var(--text)}.article-content ul,.article-content ol{margin-bottom:16px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content hr{border:none;border-top:2px solid var(--sand);margin:40px 0}.affiliate-box{background:var(--off-white);border:1px solid var(--sand-dark);border-radius:var(--radius);padding:20px;margin:24px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.affiliate-box-img{width:100px;height:100px;object-fit:cover;border-radius:8px;background:var(--sand);flex-shrink:0}.affiliate-box-content{flex:1;min-width:200px}.affiliate-box-title{font-weight:600;font-size:1.05rem;margin-bottom:4px}.affiliate-box-desc{color:var(--text-light);font-size:.9rem;margin-bottom:8px}.btn{display:inline-block;padding:10px 24px;border-radius:50px;font-weight:600;font-size:.9rem;transition:background .2s,transform .2s;border:none;cursor:pointer}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--ocean-dark)}.btn-green{background:var(--surf-green);color:var(--white)}.btn-green:hover{background:#1e8449}.tag{display:inline-block;background:var(--ocean);color:var(--white);padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:500}.disclosure-note{background:var(--sand);padding:12px 20px;border-radius:8px;font-size:.85rem;color:var(--text-light);margin-top:40px}.comparison-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}.comparison-table th{background:var(--ocean-dark);color:var(--white);padding:12px 16px;text-align:left;font-weight:600}.comparison-table th:first-child{border-radius:8px 0 0}.comparison-table th:last-child{border-radius:0 8px 0 0}.comparison-table td{padding:12px 16px;border-bottom:1px solid var(--sand-dark)}.comparison-table tr:nth-child(2n){background:var(--off-white)}.comparison-table tr:hover{background:var(--sand)}.star-rating{color:var(--accent)}@media (max-width: 768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.article-content{padding:20px}.card-grid{grid-template-columns:1fr}}.site-header[data-astro-cid-3ef6ksr2]{background:var(--ocean-dark);padding:0 20px;position:sticky;top:0;z-index:100}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:60px}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.2rem;color:var(--white);text-decoration:none}.logo[data-astro-cid-3ef6ksr2]:hover{text-decoration:none;opacity:.9}.logo-icon[data-astro-cid-3ef6ksr2]{font-size:1.5rem}.nav-list[data-astro-cid-3ef6ksr2]{display:flex;list-style:none;gap:4px}.nav-link[data-astro-cid-3ef6ksr2]{color:#ffffffd9;padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s}.nav-link[data-astro-cid-3ef6ksr2]:hover{background:#ffffff1a;color:var(--white);text-decoration:none}.header-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px}.lang-switch[data-astro-cid-3ef6ksr2]{background:#ffffff26;color:var(--white);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.05em;transition:background .2s}.lang-switch[data-astro-cid-3ef6ksr2]:hover{background:#ffffff40;text-decoration:none}.menu-toggle[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;width:24px;height:2px;background:var(--white);border-radius:2px}@media (max-width: 768px){.nav[data-astro-cid-3ef6ksr2]{display:none}.nav[data-astro-cid-3ef6ksr2].open{display:block;position:absolute;top:60px;left:0;right:0;background:var(--ocean-dark);padding:16px 20px}.nav[data-astro-cid-3ef6ksr2].open .nav-list[data-astro-cid-3ef6ksr2]{flex-direction:column}.menu-toggle[data-astro-cid-3ef6ksr2]{display:flex}}.site-footer[data-astro-cid-sz7xmlte]{background:var(--ocean-dark);color:#ffffffd9;padding:50px 20px 20px;margin-top:60px}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-logo[data-astro-cid-sz7xmlte]{font-size:1.3rem;font-weight:700;color:var(--white)}.footer-tagline[data-astro-cid-sz7xmlte]{margin-top:10px;font-size:.9rem;opacity:.7;max-width:280px}.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{color:var(--white);font-size:1rem;margin-bottom:16px}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:8px}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#ffffffb3;font-size:.9rem}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--white)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;text-align:center;font-size:.85rem;opacity:.6}@media (max-width: 768px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:30px}}