@font-face{font-family:WBlack;src:url(/assets/fonts/Barlow-Black.ttf);font-display:swap}
@font-face{font-family:WSemi;src:url(/assets/fonts/Barlow-SemiBold.ttf);font-display:swap}
@font-face{font-family:WReg;src:url(/assets/fonts/Barlow-Regular.ttf);font-display:swap}
@font-face{font-family:WCond;src:url(/assets/fonts/BarlowCondensed-ExtraBold.ttf);font-display:swap}
*{box-sizing:border-box}body{margin:0;font:17px/1.5 WReg,system-ui,sans-serif;color:#1b1f24;background:#f4f5f7}
a{color:#0b3d91}.top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#fff;border-bottom:1px solid #e3e5e8}
.logo{font:26px WBlack;text-decoration:none;color:#111}.logo b{color:#0b3d91}.top nav a{margin-left:18px;text-decoration:none;font-family:WSemi}
main{max-width:1180px;margin:0 auto;padding:0 20px}.hero{padding:44px 0 12px}h1{font:44px/1.1 WBlack;margin:0 0 12px}h2{font:28px WBlack}h3{font:20px WSemi;margin:0}
.lead{font-size:20px;max-width:760px}.panel{background:#fff;border:1px solid #e3e5e8;border-radius:12px;padding:20px;margin:18px 0}
label{display:block;font-family:WSemi;font-size:14px;margin:8px 0}input{display:block;width:100%;padding:9px 10px;font:16px WReg;border:1px solid #cfd3d8;border-radius:8px;margin-top:4px}
input[type=color]{height:42px;padding:2px}.row{display:flex;gap:14px;flex-wrap:wrap}.row label{flex:1;min-width:160px}
.btn{background:#0b3d91;color:#fff;border:0;border-radius:8px;padding:12px 20px;font:17px WSemi;cursor:pointer;margin-top:10px}.btn.ghost{background:#fff;color:#0b3d91;border:2px solid #0b3d91}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.card{border:2px solid transparent;background:#fff;border-radius:10px;padding:6px;cursor:pointer;text-align:left;font:14px WSemi;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%}
.card img{width:100%;display:block;border-radius:6px;aspect-ratio:16/10;object-fit:contain;background:#f4f5f7}.card span{display:block;padding:4px 2px}.card.sel{border-color:#0b3d91;box-shadow:0 0 0 3px #f2a90055}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.plan{background:#fff;border:1px solid #e3e5e8;border-radius:12px;padding:18px}.price{font:34px WBlack;margin:4px 0}
.note{font-family:WSemi;color:#8a4b00}.muted{color:#5b6470}.unlock{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:14px}.unlock label{flex:1;min-width:240px}
details{background:#fff;border:1px solid #e3e5e8;border-radius:10px;padding:12px 16px;margin:8px 0}summary{font-family:WSemi;cursor:pointer}
footer{max-width:1180px;margin:40px auto;padding:20px;border-top:1px solid #e3e5e8;font-size:14px}footer a{margin-right:10px}