:root{--navy:#0A2540;--teal:#0E7C7B;--gold:#C9A227;--wa:#25D366;--bg:#F6F8FA;--card:#FFFFFF;--text:#14232E;--muted:#5A6B76}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
.topwrap{position:sticky;top:0;z-index:50}
header{background:var(--navy);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.hbar{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.logo{font-size:22px;font-weight:bold;display:flex;align-items:center;gap:9px}
.logo .brand-words{color:#fff}
.logo .word-pro{color:var(--gold)}
.logo svg{flex:none}
.brand-lock .shackle{transform-box:fill-box;transform-origin:100% 100%;transform:rotate(-32deg)}
html.intro .brand-lock .shackle{animation:lockopen .6s ease-out forwards}
@keyframes lockopen{from{transform:rotate(0deg)}to{transform:rotate(-32deg)}}
html.intro .lt{opacity:0;animation:typein .01s ease-out forwards;animation-delay:calc(.6s + var(--i)*45ms + var(--w)*150ms)}
@keyframes typein{to{opacity:1}}
.caret{display:inline-block;width:2px;height:1em;background:var(--teal);vertical-align:-0.12em;margin-left:3px;opacity:0}
html.intro .caret{animation:caretblink .45s steps(1,end) 3,caretend 0s 1.55s forwards}
@keyframes caretblink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
@keyframes caretend{to{opacity:0}}
.skip{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:100;font-weight:bold}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.basenote{flex:1 1 100%;font-size:12.5px;color:#60738a;margin:0}
@media(max-width:400px){.logo{font-size:19px}.tagline{font-size:11px}}
.tagline{font-size:12px;color:#BFD6DC;font-weight:normal;display:block;letter-spacing:.4px}
.navlinks{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.navlinks a{color:#E6F0F2;font-size:14.5px;font-weight:bold}
.navlinks a:hover{color:var(--gold)}
.wabtn{background:var(--wa);color:#06310F !important;padding:14px 14px;border-radius:20px}
.toolbar{background:#fff;box-shadow:0 2px 8px rgba(10,37,64,.10)}
.tbar{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tbar input[type=search]{flex:1;min-width:180px;padding:13px 14px;border-radius:24px;border:1.5px solid #60738A;font-size:15px}
.currlabel{font-size:13.5px;font-weight:bold;color:var(--navy)}
.curr{display:flex;background:#EAF1F3;border-radius:24px;overflow:hidden;border:1.5px solid #60738A}
.curr button{background:transparent;color:var(--navy);border:none;padding:14px 14px;font-size:14px;cursor:pointer;font-weight:bold}
.curr button.active{background:var(--teal);color:#fff}
.hero{background:linear-gradient(120deg,var(--navy),#123c69);color:#fff;padding:46px 16px 38px;text-align:center}
.hero h1{font-size:34px;margin-bottom:12px;line-height:1.25}.hero h1 span{color:var(--gold)}
.hero p{max-width:760px;margin:0 auto 18px;line-height:1.6;font-size:16.5px}
.cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.cta a{padding:13px 22px;border-radius:28px;font-weight:bold;font-size:15.5px}
.cta .gold{background:var(--gold);color:#231a00}
.cta .ghost{border:2px solid #fff;color:#fff}
.trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.trust span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);padding:6px 12px;border-radius:20px;font-size:13px}
.cats{max-width:1200px;margin:0 auto;padding:10px 16px 0;display:flex;flex-wrap:wrap;gap:8px}
.cats a{background:#fff;border:1.5px solid var(--teal);color:var(--teal);padding:14px 13px;border-radius:20px;font-size:13.5px;font-weight:bold}
main{max-width:1200px;margin:0 auto;padding:6px 16px 30px}
section.cat{padding-top:28px}
section.cat h2{color:var(--navy);font-size:23px;border-left:6px solid var(--gold);padding-left:10px;margin-bottom:14px}
section.bestsellers{padding-top:28px}
section.bestsellers h2{color:var(--navy);font-size:23px;border-left:6px solid var(--gold);padding-left:10px;margin-bottom:14px}
.sortrow{display:flex;gap:10px;align-items:center;margin:14px 0 4px;flex-wrap:wrap}
.sortrow label{font-weight:bold;color:var(--navy);font-size:14.5px}
.sortrow select{padding:14px;border-radius:24px;border:1.5px solid #60738A;font-size:14.5px;background:#fff;color:var(--navy)}
.nrcats button{background:#fff;border:1.5px solid var(--teal);color:var(--teal);padding:14px 13px;border-radius:20px;font-size:13.5px;font-weight:bold;cursor:pointer;margin:3px}
.pkrunder{color:var(--muted);font-size:14px;margin-top:2px;min-height:19px}
.wa-plan{display:inline-block;background:var(--wa);color:#06310F !important;padding:14px 14px;border-radius:20px;font-weight:bold;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
@media(max-width:560px){.grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.hero h1{font-size:24px}}
.card{background:var(--card);border-radius:14px;padding:16px;box-shadow:0 2px 8px rgba(10,37,64,.08);display:flex;flex-direction:column;gap:8px;position:relative}
.card img{width:64px;height:64px;border-radius:14px}
.card h3{font-size:16.5px;color:var(--navy);line-height:1.3}
.card .pkg{font-size:14px;color:var(--teal);font-weight:bold;line-height:1.35}
.card .det{font-size:13.5px;color:var(--muted);line-height:1.5;flex:1}
.card .meta{font-size:12.5px;color:var(--muted)}
.badge{position:absolute;top:12px;right:12px;background:var(--gold);color:#231a00;font-size:11.5px;font-weight:bold;padding:4px 9px;border-radius:12px}
.avail{font-size:12px;font-weight:bold;color:var(--teal)}
.price{font-size:20px;font-weight:bold;color:var(--navy)}
.wa{display:block;text-align:center;background:var(--wa);color:#06310F;font-weight:bold;padding:13px;border-radius:10px;font-size:15px}
.details-link{display:block;text-align:center;font-size:13.5px;color:var(--teal);font-weight:bold;padding:14px 0}
.how{background:#fff;border-radius:14px;padding:22px;margin-top:34px;box-shadow:0 2px 8px rgba(10,37,64,.08)}
.how h2{color:var(--navy);margin-bottom:12px;font-size:21px}
.how ol{margin-left:20px;line-height:1.9}
.note{background:#FFF7DE;border:1px dashed #60738A;border-radius:12px;padding:16px;margin-top:16px;font-size:14.5px;line-height:1.6}
footer{background:var(--navy);color:#D7E6EA;margin-top:40px;padding:30px 16px 34px;text-align:center;line-height:1.55;font-size:14.5px}
footer .fname{color:#fff;font-size:21px;font-weight:bold;letter-spacing:.3px}
footer p{margin:5px 0}
footer .flinks{margin-top:14px}
footer .flinks a{display:inline-block;background:var(--wa);color:#06310F;font-weight:bold;padding:13px 22px;border-radius:26px;font-size:15px}
section[id],div[id],nav[id]{scroll-margin-top:168px}
@media(max-width:700px){
.hbar{flex-direction:column;align-items:center;text-align:center;gap:8px}
.navlinks{margin-left:0;justify-content:center}
.tbar{justify-content:center}
.tbar input[type=search]{flex:1 1 100%}
section[id],div[id],nav[id]{scroll-margin-top:263px}
}
.stickywa{position:fixed;right:14px;bottom:14px;background:var(--wa);color:#06310F;font-weight:bold;padding:13px 18px;border-radius:30px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:60}
.socials{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.soclabel{color:var(--gold);font-weight:bold;font-size:14px;margin-right:2px}
.soc{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);color:#fff;padding:14px 13px;border-radius:20px;font-size:13.5px;font-weight:600}
a.soc:hover{background:var(--teal)}
.followstrip{max-width:1100px;margin:22px auto 4px;padding:0 14px}
.followin{background:linear-gradient(120deg,var(--navy),#123c69);border:1px solid var(--gold);border-radius:16px;padding:20px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.followtxt{flex:1;min-width:230px}
.followtxt h2{color:var(--gold);font-size:21px;margin-bottom:5px}
.followtxt p{color:#dbe6f2;font-size:14.5px;line-height:1.55}
.followbtn{display:inline-flex;align-items:center;gap:9px;background:var(--wa);color:#06310F;font-weight:bold;padding:13px 20px;border-radius:26px;font-size:15px;white-space:nowrap}
body.searching .followstrip{display:none}
.pwrap{max-width:860px;margin:0 auto;padding:22px 16px 40px}
.pcard{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 10px rgba(10,37,64,.09)}
.pcard img{width:88px;height:88px;border-radius:16px}
.pcard h1{color:var(--navy);font-size:26px;margin:12px 0 4px;line-height:1.3}
.pcard h2{color:var(--navy);font-size:19px;margin:22px 0 8px}
.pcard p,.pcard li{line-height:1.65;font-size:15px}
.pcard ul{margin-left:20px}
.pprice{font-size:26px;font-weight:bold;color:var(--navy);margin:14px 0}
table.plans{width:100%;border-collapse:collapse;margin-top:8px}
table.plans td,table.plans th{border:1px solid #60738A;padding:9px 12px;font-size:14.5px;text-align:left}
table.plans th{background:var(--navy);color:#fff}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:10px}
.rel a{background:#fff;border:1.5px solid #60738A;border-radius:12px;padding:14px;font-size:14px;font-weight:bold;color:var(--navy)}
.back{display:inline-block;margin-top:18px;color:var(--teal);font-weight:bold;padding:13px 0}
.noresult{display:none;text-align:center;padding:30px;color:var(--muted)}
.searchinfo{display:none;align-items:center;gap:10px;flex-wrap:wrap;background:#FFF7DE;border:1.5px dashed var(--gold);border-radius:12px;padding:12px 16px;margin:14px 0 4px;font-size:15px;color:var(--navy)}
.searchinfo button{margin-left:auto;background:var(--navy);color:#fff;border:none;padding:14px 14px;border-radius:18px;font-size:13.5px;font-weight:bold;cursor:pointer}
body.searching .hero,body.searching .cats{display:none}
.rateline{flex:1 1 100%;text-align:right;font-size:12.5px;color:#60738a;padding:0 2px}
.promo-strip{display:flex;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto;padding:14px 16px 0}
.promo-strip-item{border-radius:14px;padding:14px 18px}
.promo-strip-item b{display:block;font-size:16px;margin-bottom:3px}
.promo-strip-item p{font-size:14px;line-height:1.55}
.promo-strip-flash{background:var(--navy);color:#fff;border-left:4px solid var(--gold)}
.promo-strip-bulk{background:rgba(14,124,123,.08);border:1px solid var(--teal);color:var(--navy)}
.promo-badge{position:absolute;top:12px;right:12px;font-size:11.5px;font-weight:bold;padding:4px 9px;border-radius:12px;max-width:150px;text-align:center;line-height:1.3}
.promo-badge.stacked{top:42px}
.promo-badge-flash{background:var(--gold);color:#231a00}
.promo-badge-bulk{background:var(--teal);color:#fff}
.promo-line{font-size:12.5px;color:var(--muted);line-height:1.4}
.promo-price s{color:var(--muted);font-weight:normal;margin-right:6px}
.promo-box{border-radius:14px;padding:16px;margin:18px 0}
.promo-box-flash{background:var(--navy);color:#fff;border-left:4px solid var(--gold)}
.promo-box-bulk{background:rgba(14,124,123,.08);border:1px solid var(--teal);color:var(--navy)}
.promo-box-label{font-weight:bold;font-size:16.5px}
.promo-box-terms{font-size:14px;line-height:1.55;margin:6px 0 12px}
.promo-stepper{display:flex;gap:8px;align-items:center}
.promo-stepper button{min-width:44px;height:44px;border-radius:10px;border:1.5px solid #60738A;background:#fff;font-size:21px;cursor:pointer;color:var(--navy)}
.promo-box-flash .promo-stepper button{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
.promo-stepper input{width:76px;height:44px;text-align:center;font-size:16px;font-weight:bold;border-radius:10px;border:1.5px solid #60738A;color:var(--navy)}
.promo-summary{font-weight:bold;color:var(--navy);margin-top:12px;line-height:1.65}
.promo-box-flash .promo-summary{color:#fff}
.promo-progress{font-size:13.5px;color:var(--muted);margin-top:6px}
.promo-box-flash .promo-progress{color:#dbe6f2}
.promo-countdown{font-size:13.5px;margin-top:8px}
.promo-terms{margin-top:12px;font-size:13.5px;line-height:1.6}
.promo-terms summary{cursor:pointer;font-weight:bold;color:var(--teal)}
.promo-box-flash .promo-terms summary{color:var(--gold)}
@media(max-width:560px){.promo-badge{font-size:11px;max-width:120px}}
.navlinks a.cartlink{display:inline-flex;align-items:center;position:relative}
.cartbadge{position:absolute;top:-9px;right:-9px;background:var(--gold);color:#231a00;font-size:11px;font-weight:bold;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}
@media(min-width:701px){.navlinks a:not(.wabtn){padding:14px 4px}}
@media(max-width:700px){.navlinks a.wideonly{display:none}}
.cardactions{display:flex;gap:8px;align-items:center}
.cardactions .wa{flex:1;min-width:0}
.addcart-icon{flex:none;width:44px;height:44px;border-radius:10px;border:1.5px solid var(--teal);background:#fff;color:var(--teal);cursor:pointer;display:flex;align-items:center;justify-content:center}
.orderrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.orderrow .wa{flex:1;min-width:200px}
.addcart{flex:none;height:46px;padding:0 18px;border-radius:10px;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:bold;font-size:15px;cursor:pointer}
.cart-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:76px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:24px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:70;display:flex;gap:12px;align-items:center;font-size:14.5px;opacity:0;visibility:hidden;transition:opacity 250ms ease-out,visibility 0s 250ms}
.cart-toast.show{opacity:1;visibility:visible;transition:opacity 250ms ease-out}
.cart-toast a{color:var(--gold);font-weight:bold}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
.footlinks{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.footlinks a{display:inline-block;color:#E6F0F2;font-weight:bold;font-size:14.5px;padding:14px 8px}
.paychip{display:inline-block;background:#EAF1F3;color:var(--navy);border:1px solid #60738A;border-radius:999px;padding:6px 12px;margin:3px;font-size:14px;font-weight:bold}
.payblock{margin:12px 0}
.footlinks a:hover{color:var(--gold)}
.herolinks{display:none;text-align:center;padding:12px 16px 0;font-weight:bold}
.herolinks a{display:inline-block;color:var(--teal);padding:14px 8px}
@media(max-width:700px){.herolinks{display:block}}
.cartrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cartrow img{width:64px;height:64px;border-radius:14px;flex:none}
.cartrow .cinfo{flex:1;min-width:180px}
.cartrow .cinfo h3{font-size:16.5px;color:var(--navy)}
.cartrow .cinfo p{font-size:13.5px;color:var(--muted);line-height:1.5}
.cartrow .cline{font-weight:bold;color:var(--navy);font-size:16px;white-space:nowrap}
.cartstepper{display:flex;gap:8px;align-items:center}
.cartstepper button{min-width:44px;height:44px;border-radius:10px;border:1.5px solid #60738A;background:#fff;font-size:21px;cursor:pointer;color:var(--navy)}
.cartstepper input{width:64px;height:44px;text-align:center;font-size:16px;font-weight:bold;border-radius:10px;border:1.5px solid #60738A;color:var(--navy)}
.cartremove{background:none;border:none;color:var(--teal);font-weight:bold;font-size:13.5px;cursor:pointer;padding:14px 8px}
.cartfree{border-style:dashed}
.cartfree .cline{color:var(--teal)}
.cartnote{background:#FFF7DE;border:1px dashed #60738A;border-radius:12px;padding:12px 16px;margin:12px 0;font-size:14.5px;line-height:1.6}
.cartnote:empty{display:none}
.carttotal{font-size:21px;font-weight:bold;color:var(--navy);margin:18px 0}
.cartactions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cartactions .wa{flex:1;min-width:220px}
.cartclear,.cartcopy{height:46px;padding:0 18px;border-radius:10px;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:bold;font-size:15px;cursor:pointer}
.abouttop{display:flex;gap:28px;align-items:flex-start}
.abouttop .founder{flex:none;width:180px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.abouttop .aboutcopy{flex:1;min-width:260px}
@media(max-width:700px){.abouttop{flex-direction:column;align-items:center}.abouttop .aboutcopy{width:100%}}
.founder{margin:8px 0 18px}
.founders{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:8px 0 18px}
.founders .founder{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.founder img{width:140px;height:140px;flex:none;border-radius:50%;object-fit:cover;border:3px solid var(--gold)}
.founder .fmeta{line-height:1.6}
.founder .fname2{font-size:21px;font-weight:bold;color:var(--navy)}
.founder .frole{color:var(--muted)}
.founder .finitials{width:140px;height:140px;border-radius:50%;background:linear-gradient(120deg,var(--navy),var(--teal));color:#fff;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:bold;flex:none;border:3px solid var(--gold)}
@media(max-width:560px){.founder img,.founder .finitials{width:120px;height:120px;font-size:38px}.founders{grid-template-columns:1fr}}
.breadcrumb{font-size:13.5px;color:var(--muted);margin-bottom:10px}
.breadcrumb a{color:var(--teal);font-weight:bold}
.postbody p{margin:10px 0}
.postbody h2{color:var(--navy);font-size:20px;margin:22px 0 8px}
.postbody ul{margin-left:20px}
.postbody li{margin:4px 0}
.postmeta{font-size:13.5px;color:var(--muted);margin:6px 0 14px}