/* Public website designs F0-F10. F0 = ORIGINAL (the recorded current design).
   Other designs re-skin via variables + hero arrangement only; sections,
   order, buttons and links are identical in every design. */
*{box-sizing:border-box}body.front{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:#1b2735;background:#fff}
.lg1{color:#0a7a43}.lg2{color:#d32f2f}
.fheader{display:flex;align-items:center;gap:18px;padding:12px 22px;flex-wrap:wrap;background:var(--hdr,#fff)}
.flogo{font-size:23px;font-weight:800;text-decoration:none}.flogo small{display:block;font-size:11px;color:#54687e;font-weight:600}
.fheader nav{display:flex;gap:15px;flex-wrap:wrap}.fheader nav a{color:var(--navtx,#243b55);text-decoration:none;font-size:13px;font-weight:700}
.fbtns{margin-left:auto;display:flex;gap:8px}
.fbtn{display:inline-block;border-radius:8px;padding:9px 15px;font-weight:700;font-size:13px;color:#fff;text-decoration:none}
.fbtn.teal{background:#0e9594}.fbtn.red{background:#d33}.fbtn.green{background:#1d9e57}.fbtn.blue{background:#1565d8}
.ticker{background:var(--tick,#0a7a43);color:#fff;display:flex;gap:26px;justify-content:center;padding:7px 12px;font-size:13px;flex-wrap:wrap;text-align:center}
.hero{display:flex;gap:22px;align-items:center;padding:34px 22px;background:var(--hero,linear-gradient(120deg,#0b7a75,#0e9594));color:#fff;flex-wrap:wrap}
.heroimg{flex:0 0 240px;min-height:170px;border:2px dashed rgba(255,255,255,.65);border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:19px;background:rgba(255,255,255,.14)}
.herotx{flex:1;min-width:250px}.badges{background:rgba(0,0,0,.28);display:inline-block;border-radius:7px;padding:4px 10px;font-size:12px}
.herotx h1{font-size:31px;line-height:1.25;margin:12px 0 8px}.herotx p{opacity:.94;font-size:15.5px}
.herobtns{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}
.feats,.price,.about{padding:32px 22px;max-width:1120px;margin:0 auto}
.feats h2,.price h2,.about h2{font-size:23px;margin:0 0 16px}
.fgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:11px}
.fcard{border:1.5px solid #dcebf5;border-radius:12px;padding:14px;background:var(--card,#f4faf7)}
.fcard .fic{font-size:21px}.fcard b{display:block;margin:6px 0 4px;font-size:14px}.fcard p{margin:0;font-size:12.5px;color:#54687e;line-height:1.5}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}
.pcard{border:1.5px solid var(--line,#e3eaf1);border-radius:13px;padding:15px;text-align:center;background:var(--card,#fff)}
.pcard small{color:#8496ab;font-weight:700}.pcard b{display:block;font-size:17px;margin:3px 0}
.pamt{font-size:21px;font-weight:800;color:var(--acc,#0a7a43);margin:5px 0 11px}.pamt span{font-size:11.5px;color:#8496ab;font-weight:600}
.fnote{color:#8496ab;font-size:12.5px}
.about p{line-height:1.7;color:#33475c;max-width:760px}
.ffooter{background:var(--foot,#0d2436);color:#cfe0ee;padding:24px 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;line-height:1.8}
.ffooter a{color:#9fd8ff}.fcredit{font-weight:700}
.wafloat{position:fixed;right:16px;bottom:16px;background:#25d366;color:#fff;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.3);z-index:30}
.offerpop{position:fixed;left:16px;bottom:16px;background:#fff;border:2px solid #f2a007;border-radius:14px;padding:16px 18px;max-width:280px;box-shadow:0 14px 34px rgba(0,0,0,.25);z-index:30}
.offerpop small{letter-spacing:1px;color:#b97d06;font-weight:800}.offerpop b{display:block;font-size:17px;margin:5px 0 11px}
.offerpop .ox{position:absolute;top:6px;right:9px;border:0;background:none;font-size:14px;cursor:pointer}
/* F1-F10 skins */
body[data-front="F1"]{--hdr:#fff;--tick:#2456d6;--hero:linear-gradient(120deg,#2456d6,#5b8cff);--acc:#2456d6;--card:#f2f6ff;--foot:#12275e}
body[data-front="F2"]{--hdr:#0d1120;--navtx:#cfd6ea;--tick:#7b2ff7;--hero:linear-gradient(120deg,#141a30,#3b1470);--acc:#7b2ff7;--card:#f4f0ff;--foot:#0a0e1a}
body[data-front="F3"]{--hdr:#14161c;--navtx:#dfe5ec;--tick:#0e9594;--hero:linear-gradient(120deg,#101218,#0b4f4e);--acc:#0e9594;--card:#eef7f7;--foot:#0c0e12}
body[data-front="F4"]{--hdr:#fff;--tick:#ec4899;--hero:linear-gradient(120deg,#5a48c9,#ec4899);--acc:#5a48c9;--card:#fdf2f8;--foot:#2b1055}
body[data-front="F5"]{--hdr:#fff;--tick:#0a7a43;--hero:linear-gradient(120deg,#065f33,#0a7a43);--acc:#0a7a43;--card:#f4faf7;--foot:#12291d}
body[data-front="F6"]{--hdr:#0a0a0c;--navtx:#e6e8ec;--tick:#5e6ad2;--hero:linear-gradient(120deg,#101116,#23233d);--acc:#5e6ad2;--card:#f2f2f7;--foot:#08090c}
body[data-front="F7"]{--hdr:#063a5e;--navtx:#eaf6fb;--tick:#0e9bb5;--hero:linear-gradient(130deg,#063a5e,#0e9bb5);--acc:#0e9bb5;--card:#eef8fb;--foot:#04263e}
body[data-front="F8"]{--hdr:#fff8f3;--tick:#ff7a59;--hero:linear-gradient(120deg,#2e475d,#ff7a59);--acc:#ff7a59;--card:#fff4ec;--foot:#22384c}
body[data-front="F9"]{--hdr:#232f3e;--navtx:#d5dde1;--tick:#2f7fd0;--hero:linear-gradient(120deg,#232f3e,#2f7fd0);--acc:#2f7fd0;--card:#eef3f8;--foot:#161e28}
body[data-front="F10"]{--hdr:#0a141f;--navtx:#dce8f2;--tick:#43d17c;--hero:linear-gradient(120deg,#0a141f,#14532d);--acc:#43d17c;--card:#eefaf1;--foot:#050b11}
body[data-front="F5"] .herotx,body[data-front="F9"] .herotx{text-align:center}
body[data-front="F5"] .herobtns,body[data-front="F9"] .herobtns{justify-content:center}
body[data-front="F5"] .heroimg,body[data-front="F9"] .heroimg{display:none}
@media(max-width:760px){
  .fheader{gap:10px;padding:10px 14px}.fheader nav{order:3;width:100%;gap:10px}
  .hero{padding:22px 14px}.heroimg{flex:1 1 100%;min-height:110px}
  .herotx h1{font-size:23px}
  .feats,.price,.about{padding:22px 14px}
  .offerpop{left:10px;right:10px;max-width:none}
}