/* vivi-plover: hand port of Plover FSE look (Inter/Cardo, dark chrome, blue accents) */
@font-face{font-family:'Inter';src:url('../fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:'Cardo';src:url('../fonts/cardo_normal_400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Cardo';src:url('../fonts/cardo_normal_700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--pv-950:#09090b;--pv-800:#27272a;--pv-600:#61616a;--pv-400:#ceced5;--pv-200:#f4f4f5;--pv-0:#fff;--pv-blue:#3b82f6;--pv-cyan:#22d3ee;--pv-grad:linear-gradient(135deg,#314edf 0%,#22eaee 100%)}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,sans-serif;background:var(--pv-0);color:var(--pv-950);font-size:1.125rem;line-height:1.7}
a{color:var(--pv-blue)}
.pv-wrap{max-width:1280px;margin:0 auto;padding:0 2rem}
.pv-narrow{max-width:720px;margin:0 auto;padding:0 2rem}
/* header dark */
.pv-header{background:var(--pv-950);color:var(--pv-0)}
.pv-topbar{height:4px;background:linear-gradient(90deg,#f472b6,#a78bfa,#22d3ee,#34d399)}
.pv-head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0}
.pv-brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--pv-0)}
.pv-logo{width:44px;height:44px;border-radius:50%;background:var(--pv-grad);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:#fff;flex:0 0 auto}
.pv-brand b{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:1rem}
.pv-brand small{display:block;color:var(--pv-400);font-size:.8rem}
.pv-nav{display:flex;align-items:center;gap:1.4rem}
.pv-nav a{color:var(--pv-0);text-decoration:none;font-size:.95rem}
.pv-nav a:hover{color:var(--pv-cyan)}
.pv-cta{background:var(--pv-grad);color:#fff !important;border-radius:9999px;padding:.55rem 1.3rem;font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.pv-search{display:flex;background:var(--pv-800);border-radius:9999px;padding:.25rem .25rem .25rem 1rem}
.pv-search input{background:transparent;border:0;color:#fff;outline:none;width:150px;font-size:.9rem}
.pv-search button{background:var(--pv-grad);border:0;color:#fff;border-radius:9999px;padding:.4rem .9rem;cursor:pointer;font-size:.8rem}
/* hero */
.pv-hero{background:var(--pv-950);color:#fff;text-align:center;padding:4rem 2rem 3.4rem}
.pv-hero h1{font-family:'Cardo',serif;font-size:clamp(2.4rem,5vw,4rem);margin:0 0 .8rem;font-weight:700}
.pv-hero h1 span{background:var(--pv-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pv-hero p{color:var(--pv-400);margin:0}
/* grid */
.pv-section{padding:3rem 0}
.pv-sec-title{font-family:'Cardo',serif;text-align:center;font-size:2rem;margin:0 0 2rem}
.pv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.pv-card{border:1px solid var(--pv-200);border-radius:1rem;padding:1.6rem;background:#fff;display:flex;flex-direction:column;gap:.7rem}
.pv-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--pv-blue)}
.pv-card h3{font-family:'Cardo',serif;font-size:1.35rem;line-height:1.35;margin:0}
.pv-card h3 a{color:var(--pv-950);text-decoration:none}
.pv-card h3 a:hover{color:var(--pv-blue)}
.pv-meta{font-size:.82rem;color:var(--pv-600)}
.pv-more{margin-top:auto;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
/* list rows */
.pv-list{display:flex;flex-direction:column;gap:1.2rem}
.pv-row{border:1px solid var(--pv-200);border-radius:1rem;padding:1.4rem 1.6rem;background:#fff}
.pv-row h2{font-family:'Cardo',serif;font-size:1.5rem;margin:.2rem 0 .4rem}
.pv-row h2 a{color:var(--pv-950);text-decoration:none}
.pv-row h2 a:hover{color:var(--pv-blue)}
/* single */
.pv-single{padding:3rem 0}
.pv-single .pv-narrow{max-width:1020px}
.pv-entry .product-content{grid-template-columns:1fr !important;gap:18px}
.pv-entry .product-image-wrapper{max-width:460px;margin:0 auto}
.pv-entry .rank-circle{margin:0}
.pv-single h1{font-family:'Cardo',serif;font-size:clamp(1.9rem,4vw,3rem);line-height:1.2;margin:.6rem 0 1rem}
.pv-entry img{max-width:100%;height:auto;border-radius:1rem}
.pv-entry table{max-width:100%}
.pv-pill{display:inline-block;border:1px solid var(--pv-400);border-radius:9999px;padding:.2rem .9rem;font-size:.8rem;margin:.2rem .3rem .2rem 0}
.pv-disclose{background:#f0f9ff;border:1px solid #bae6fd;border-radius:1rem;padding:1rem 1.3rem;font-size:.95rem;margin-bottom:1.5rem}
/* pages */
.pv-pages{margin:2rem 0;text-align:center}
.pv-pages a{display:inline-block;margin:0 .25rem;padding:.5rem .95rem;border:1px solid var(--pv-200);border-radius:9999px;text-decoration:none;color:var(--pv-950)}
.pv-pages a:hover{background:var(--pv-950);color:#fff}
/* footer dark */
.pv-footer{background:var(--pv-950);color:var(--pv-400);margin-top:3rem}
.pv-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding:3rem 0}
.pv-footer h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem}
.pv-footer ul{list-style:none;margin:0;padding:0}
.pv-footer li{margin:.45rem 0}
.pv-footer li a{color:var(--pv-400);text-decoration:none;font-size:.92rem}
.pv-footer li a:hover{color:var(--pv-cyan)}
.pv-bottom{border-top:1px solid var(--pv-800);padding:1.2rem 0;display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;flex-wrap:wrap}
.pv-bottom a{color:var(--pv-400)}
@media(max-width:900px){.pv-grid{grid-template-columns:1fr}.pv-cols{grid-template-columns:1fr 1fr}.pv-head{flex-wrap:wrap}.pv-nav{flex-wrap:wrap}}