:root{--ink:#0f172a;--muted:#55607a;--brand:#2563eb;--bg:#f6f7fb;--card:#fff;--r:18px;--sh:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
header{position:sticky;top:0;z-index:10;background:rgba(15,23,42,.88);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);color:#fff;padding:.8rem 1.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem}
header strong{font-size:1.05rem;letter-spacing:-.01em;background:linear-gradient(90deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
header nav{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem}header a{color:#e2e8f0;text-decoration:none;font-size:.95rem}header a:hover{color:#fff}
main{max-width:1040px;margin:auto;padding:1.5rem 1.2rem 3rem}
h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem);margin:.6em 0 .3em}h2{font-size:1.5rem;margin-top:2rem}h3{font-size:1.12rem;margin:.2rem 0}
p{color:#334155}a{color:var(--brand)}
.hero{position:relative;border-radius:calc(var(--r) + 6px);overflow:hidden;box-shadow:var(--sh);margin-top:.5rem}
.hero img{display:block;width:100%;height:clamp(320px,56vw,560px);object-fit:cover}
.hero .ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.2rem,4vw,3rem);background:linear-gradient(180deg,rgba(2,6,23,0) 30%,rgba(2,6,23,.82))}
.hero h1,.hero p{color:#fff;margin:.2em 0;max-width:680px}.hero p{color:#dbe4f3;font-size:1.1rem}
.btn{display:inline-block;margin-top:1rem;padding:.7rem 1.2rem;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;text-decoration:none;box-shadow:var(--sh)}
.banner{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin:.5rem 0 1rem}.banner img{display:block;width:100%;height:clamp(180px,32vw,340px);object-fit:cover}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem}
.card{background:var(--card);border:1px solid #e7eaf3;border-radius:var(--r);padding:1.2rem 1.3rem;margin:1rem 0;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.grid .card{margin:0}.card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.06),0 14px 32px rgba(15,23,42,.12)}
.card.feat{padding:0;overflow:hidden}.card.feat img{display:block;width:100%;height:180px;object-fit:cover}.card.feat div{padding:1rem 1.3rem 1.2rem}
.card.grad{background:linear-gradient(135deg,#eef2ff,#f0f9ff 60%,#fdf4ff)}
.tag{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .6rem;border-radius:99px;background:linear-gradient(90deg,#dbeafe,#ede9fe);color:#3730a3;margin-left:.4rem;vertical-align:middle}
h2 img{background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:12px;padding:6px}
footer{text-align:center;color:#64748b;font-size:.85rem;padding:2rem 1rem;border-top:1px solid #e2e8f0}
.card.feat h2{margin-top:.2rem}.card h2 a{text-decoration:none}
.buy{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.6rem 0 0;font-size:.9rem;color:var(--muted)}
.buy a{display:inline-block;padding:.4rem .9rem;border-radius:999px;font-weight:600;text-decoration:none;font-size:.85rem}
.buy .off{border:1px solid #cbd5e1;color:var(--ink)}.buy .amz{background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 8px rgba(249,115,22,.3)}
.dlbtn{display:inline-block;padding:.75rem 1.3rem;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(37,99,235,.35)}
.tip{background:#f0f9ff;border-left:4px solid #38bdf8;padding:.6rem .9rem;border-radius:8px}.flag{background:#fffbeb;border-left:4px solid #f59e0b;padding:.7rem 1rem;border-radius:8px}
.src{font-size:.85rem;color:var(--muted)}.ic{vertical-align:middle;margin-right:.5rem;background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:12px;padding:6px}
.more{font-size:.85rem;font-weight:600;margin-left:.6rem}ol li{margin:.3rem 0}.card h3{margin-top:.8rem}
.hero.full{width:100vw;margin:-1.5rem calc(50% - 50vw) 0;border-radius:0}
.hero.full img{height:clamp(520px,78vh,760px)}
.hero.full .ov{background:linear-gradient(180deg,rgba(2,6,23,.35) 0%,rgba(2,6,23,.55) 45%,rgba(2,6,23,.92) 100%);align-items:center;text-align:center;justify-content:center;padding:clamp(1.2rem,5vw,4rem)}
.hero.full h1{font-size:clamp(2.2rem,6.5vw,4.4rem);font-weight:800;letter-spacing:-.035em;max-width:900px;margin:.2em auto}
.hero.full .sub{font-size:clamp(1rem,2.2vw,1.3rem);max-width:640px;margin:.4em auto 0}
.eyebrow{display:inline-block;color:#c7d2fe!important;font-size:.8rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;border:1px solid rgba(199,210,254,.4);border-radius:999px;background:rgba(255,255,255,.06)}
.ctas{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.4rem}
.btn.pri{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 8px 24px rgba(37,99,235,.45);margin:0}
.btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(6px);margin:0;box-shadow:none}
.trust{margin-top:1.1rem!important;font-size:.95rem!important;color:#cbd5e1!important;letter-spacing:.02em}
@media(max-width:560px){.ctas .btn{width:100%;text-align:center}.hero.full img{height:640px}}
.card.ex{border-left:4px solid #a78bfa}

.qa{background:linear-gradient(135deg,#eef2ff,#f0f9ff 60%,#fdf4ff);border:1px solid #c7d2fe;border-left:4px solid #2563eb;border-radius:var(--r);padding:1.1rem 1.3rem;margin:1.2rem 0;box-shadow:var(--sh)}
.qa h2{margin:.1rem 0 .5rem;font-size:1.2rem;color:var(--ink)}
.qa p{margin:.4rem 0;color:#334155}
.qa .qa-a{font-weight:700;color:#1e40af}