*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#073b73;background:#fff}.top{height:30px;background:linear-gradient(90deg,#07578d,#1595d3);color:#fff;padding:0 3.5%;display:flex;justify-content:space-between;align-items:center;font-size:12px}header{height:78px;display:flex;align-items:center;padding:0 3.5%;gap:28px;box-shadow:0 2px 12px #1232;position:relative;z-index:5;background:#fff}.brand{display:flex;align-items:center;text-decoration:none;color:#12609b;min-width:310px}.mark{border:4px solid #dfad2e;border-radius:50%;font-size:27px;width:47px;height:47px;text-align:center;line-height:38px;margin-right:9px}.brand b{font-size:28px;letter-spacing:.5px}.brand b span{color:#dcae38}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#193c5b}nav{display:flex;gap:24px;margin-left:auto}nav a{text-decoration:none;color:#071d3d;font-size:13px;padding:28px 0 10px}nav a.active{font-weight:800;border-bottom:3px solid #073b73}.gold,.outline{display:inline-block;padding:13px 28px;border-radius:28px;text-decoration:none;font-weight:800}.gold{background:linear-gradient(#ffd768,#f5b82e);color:#10243b;box-shadow:0 8px 18px #e4a71c33}.outline{border:2px solid #fff;color:#fff}.join{white-space:nowrap}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:455px;background:linear-gradient(115deg,#06477e 0,#087db9 53%,#dff5ff 100%);display:grid;grid-template-columns:48% 52%;overflow:hidden;color:#fff}.hero-copy{padding:32px 0 22px 4%}.hero h1{font-size:44px;line-height:1.02;margin:0 0 12px}.hero h1 em{font-style:normal;color:#ffd05a}.hero p{font-size:18px;line-height:1.4}.actions{display:flex;gap:14px;margin:16px 0}.hero-icons{display:flex;gap:26px;margin-top:18px}.hero-icons>div{font-size:32px;text-align:center;border-right:1px solid #ffffff33;padding-right:22px}.hero-icons small{display:block;font-size:11px;line-height:1.1}.script{font-family:Pacifico,cursive;font-size:23px;line-height:1.15;margin:20px 0 0 25px;transform:rotate(-4deg)}.hero-art{height:455px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.trust{margin:10px 2%;background:#eaf7ff;border-radius:12px;display:grid;grid-template-columns:repeat(5,1fr);padding:14px}.trust div{display:flex;align-items:center;gap:10px;padding:0 20px;border-right:1px solid #a9d3ec;font-size:24px}.trust div:last-child{border:0}.trust span{font-size:11px}.product{display:grid;grid-template-columns:38% 29% 33%;min-height:320px;padding:12px 3.5% 6px;background:linear-gradient(#fff,#f1fbff)}.product-copy h2{font-size:42px;margin:3px 0;color:#0966a6}.product-copy h2 em{font-style:normal;color:#d5a62c}.product-copy h3,.product-copy h4{margin:5px 0}.product-copy p,.product-copy li{font-size:12px;line-height:1.45}.product-copy ul{padding-left:18px}.product-copy .gold{padding:11px 20px;font-size:12px}.product-art img{width:100%;height:100%;object-fit:contain}.nutrients{padding:20px 0}.nutrients div{display:flex;align-items:center;gap:12px;font-size:28px;margin:12px}.nutrients b,.nutrients small{display:block}.nutrients b{font-size:15px}.nutrients small{font-size:10px}.business{display:grid;grid-template-columns:28% 47% 25%;background:linear-gradient(110deg,#0878b8,#eaf9ff);padding:18px 3.5%;min-height:285px}.biz-intro{color:#fff}.biz-intro h2{font-size:29px;margin:0}.biz-intro h3{font-size:16px}.biz-intro p{font-size:12px;line-height:1.5}.biz-intro .gold{font-size:11px;padding:11px 18px}.plans>h3{text-align:center;margin:0 0 8px}.cards{display:flex;gap:18px;justify-content:center}.cards article{background:#fff;border:2px solid #f3c243;border-radius:12px;text-align:center;width:200px;padding:8px;box-shadow:0 6px 18px #003a6b20}.cards article>strong{font-size:11px}.cards article h2{font-size:30px;margin:5px}.income{background:linear-gradient(#0c88ca,#064b8a);color:#fff;border-radius:10px;padding:7px;font-size:9px}.income b{display:block;font-size:24px}.income small{display:block}.cards p{text-align:left;font-size:10px;line-height:1.65}.cards a{display:inline-block;background:#073b73;color:#fff;text-decoration:none;border-radius:20px;padding:7px 24px;font-size:10px}.tree{text-align:center}.tree h3{font-size:22px;margin:4px;color:#0b5b91}.you{display:block;font-size:30px;margin:18px}.branches{display:flex;justify-content:space-around;border-top:2px solid #d6a51f;padding-top:18px}.branches span{font-size:35px}.branches small{display:block;font-size:9px}.benefits{display:grid;grid-template-columns:22% 78%;padding:17px 3.5%;background:#f4fff9}.benefits h2{margin:0;font-size:26px}.benefits p{font-size:12px}.benefit-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.benefit-row span{text-align:center;font-size:25px}.benefit-row small{display:block;font-size:9px;font-weight:700;margin-top:6px}.closing{min-height:150px;background:linear-gradient(90deg,#0063a5aa,#0063a555),url('assets/footer-scene.webp') center/cover;display:flex;justify-content:space-between;align-items:center;padding:22px 4%;color:#fff;font-size:20px}.closing>div:last-child{text-align:center}.closing p{font-size:12px}footer{background:#043d70;color:#fff;padding:18px 4%;display:flex;gap:15px;align-items:center}footer small{margin-left:auto}.green{color:#288c45}.blue{color:#087dc1}.orange{color:#db7a0a}.purple{color:#6541a2}
@media(max-width:900px){.top span:last-child{display:none}header{height:68px;padding:0 18px}.brand{min-width:0}.brand b{font-size:22px}.brand small{font-size:6px;letter-spacing:2px}.mark{width:39px;height:39px;line-height:31px;font-size:22px}.menu{display:block;margin-left:auto}.join{display:none}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:10px 20px;box-shadow:0 10px 20px #0002}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:12px;border-bottom:1px solid #eee}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 24px 10px}.hero h1{font-size:38px}.hero-art{height:330px}.hero-icons{gap:12px;justify-content:space-between}.hero-icons>div{padding-right:10px}.trust{grid-template-columns:1fr 1fr}.trust div{border:0;padding:9px}.product{grid-template-columns:1fr}.product-art{height:280px}.business{grid-template-columns:1fr}.biz-intro{text-align:center}.tree{padding-top:20px}.benefits{grid-template-columns:1fr}.benefit-row{grid-template-columns:repeat(4,1fr)}.closing{flex-direction:column;text-align:center;gap:18px}footer{flex-wrap:wrap}footer small{margin-left:0;width:100%}}
@media(max-width:520px){.top{font-size:9px}.brand b{font-size:19px}.hero h1{font-size:33px}.hero p{font-size:15px}.actions a{padding:11px 16px;font-size:12px}.hero-art{height:270px}.script{font-size:18px}.trust{grid-template-columns:1fr}.product-copy h2{font-size:36px}.cards{flex-direction:column;align-items:center}.benefit-row{grid-template-columns:repeat(2,1fr)}}

/* Exact approved hero artwork — optimized WebP, while the rest of the page stays HTML/CSS. */
.hero-exact{position:relative;width:100%;overflow:hidden;background:#075b95;line-height:0}
.hero-exact picture,.hero-exact img{display:block;width:100%;height:auto}
.hero-hotspot{position:absolute;display:block;z-index:2;border-radius:30px}
.hero-products{left:4.1%;top:48.2%;width:21.0%;height:8.8%}
.hero-join{left:26.6%;top:48.2%;width:14.0%;height:8.8%}
@media(max-width:700px){.hero-exact{overflow-x:hidden}.hero-exact img{width:155%;max-width:none;transform:translateX(-1.5%)}.hero-products{left:6.3%;top:48.2%;width:31%;height:9%}.hero-join{left:40.8%;top:48.2%;width:21.5%;height:9%}}

/* Inner pages: lightweight HTML/CSS matching the approved blue/white/gold PROMOCASH visual language. */
.pagehero{min-height:260px;padding:38px 6%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;color:#fff;background:linear-gradient(105deg,#075a98 0%,#0c8cca 58%,#dff6ff 100%)}
.pagehero>div:first-child{max-width:650px}.pagehero h1{font-size:42px;line-height:1.05;margin:0 0 8px}.pagehero h1 em,.pagehero h2 em{font-style:normal;color:#ffd15b}.pagehero h2{margin:0 0 12px;font-size:23px}.pagehero p{max-width:620px;line-height:1.6;font-size:14px}.hero-symbol{font-size:110px;filter:drop-shadow(0 12px 18px #003b6b33);padding-right:8%}.pagehero>img{width:340px;height:210px;object-fit:contain;margin-right:7%}.content-wrap{padding:35px 6%;max-width:1280px;margin:auto}.section-title{text-align:center;font-size:28px;margin:0 0 25px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-card{padding:25px;border:1px solid #d9edf8;border-radius:18px;text-align:center;box-shadow:0 10px 30px #074c7d0c}.roundicon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eaf7ff;margin:auto;font-size:28px}.info-card p{font-size:13px;line-height:1.7;color:#345}.value-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.value-grid div{background:#f3fbff;border-radius:16px;padding:20px 8px;text-align:center;font-size:26px}.value-grid b{display:block;font-size:11px;margin-top:8px}.value-grid.four{grid-template-columns:repeat(4,1fr)}.scenic-strip{min-height:145px;background:linear-gradient(#075a9877,#075a98aa),url('assets/footer-scene.webp') center/cover;color:#fff;display:grid;place-items:center;font-size:20px;text-align:center;padding:25px}.filterbar{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.filterbar button{border:0;border-radius:18px;padding:9px 22px;background:#eaf6fc;color:#0a4778}.filterbar .selected{background:#075b95;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid #d7eaf4;border-radius:16px;text-align:center;padding:18px;background:#fff;box-shadow:0 8px 25px #075a980d}.product-img{height:260px;background:linear-gradient(#f7fdff,#eaf8ff);border-radius:12px}.product-img img{width:100%;height:100%;object-fit:contain}.product-card h3{margin:15px 0 4px}.product-card p{font-size:12px}.smallbtn{padding:9px 18px;font-size:11px}.source-note{text-align:center;margin-top:28px;font-size:12px;color:#567}.detail-wrap{display:grid;grid-template-columns:34% 38% 28%;padding:35px 5%;max-width:1300px;margin:auto;background:linear-gradient(#fff,#f2fbff)}.detail-product{min-height:430px}.detail-product img{width:100%;height:100%;object-fit:contain}.detail-copy{padding:30px 20px}.eyebrow{font-weight:800;color:#d4a32b}.detail-copy h1{font-size:34px;margin:5px 0}.detail-copy h3{font-size:16px}.detail-copy p,.checks{font-size:13px;line-height:1.65}.checks{list-style:none;padding:0}.checks li:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;background:#0879bd;color:#fff;border-radius:50%;margin-right:8px;font-size:10px}.price{display:inline-block;background:#fff2e9;border-radius:9px;padding:9px 15px;margin:10px 8px 18px 0}.detail-nutrients{padding:35px 10px}.detail-nutrients div{display:grid;grid-template-columns:45px 1fr;font-size:28px;margin:18px 0}.detail-nutrients b,.detail-nutrients small{display:block;grid-column:2}.detail-nutrients b{font-size:15px}.detail-nutrients small{font-size:10px;color:#567}.tabs-section{padding:28px 6%;background:#fff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-grid>div{background:#f5fbff;border-radius:14px;padding:20px}.feature-grid p{font-size:12px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps div{background:#f5fbff;border-radius:16px;padding:20px;text-align:center}.steps i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0a80c3;color:#fff;font-style:normal;font-weight:800;margin:0 auto 10px}.steps b{display:block}.steps p{font-size:11px;line-height:1.5}.plan-split{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;margin-top:35px}.freedom{background:#f5fbff;border-radius:18px;padding:20px}.binary-art{width:340px;display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:35px;padding-right:6%}.binary-art b{grid-column:1/3;background:#ffd15b;color:#075b95;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;margin:auto}.binary-art span{background:#fff;color:#075b95;border-radius:50px;padding:15px;font-weight:800}.binary-layout{display:grid;grid-template-columns:58% 42%;gap:35px}.package-row{display:flex;gap:22px}.package{width:230px;border:2px solid #f1c34c;border-radius:14px;text-align:center;padding:12px}.package h2{font-size:34px;margin:7px}.package .income{padding:12px}.package a{display:inline-block;margin-top:12px;background:#073b73;color:#fff;text-decoration:none;border-radius:20px;padding:8px 26px;font-size:11px}.how-binary ol{padding-left:20px;line-height:1.8;font-size:13px}.notice{background:#fff6d9;border-left:4px solid #e9b630;padding:13px;font-size:11px;line-height:1.5}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.gallery-grid figure{margin:0;border-radius:15px;overflow:hidden;background:#f4fbff}.gallery-grid img{width:100%;height:260px;object-fit:cover;display:block}.gallery-grid figcaption{padding:12px;font-size:12px;font-weight:700}.contact-grid,.join-grid{display:grid;grid-template-columns:40% 60%;gap:35px}.contact-copy p{font-size:13px;line-height:1.6}.contact-line{display:flex;gap:14px;align-items:center;font-size:25px;margin:18px 0}.contact-line b,.contact-line small{display:block;font-size:13px}.contact-line small{font-size:11px;color:#567}.form-card{background:#fff;border:1px solid #d8eaf4;border-radius:18px;padding:24px;box-shadow:0 12px 35px #064b8012}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-card input,.form-card select,.form-card textarea,.login-card input{width:100%;border:1px solid #cfe2ed;border-radius:8px;padding:12px;margin-bottom:12px;font:inherit;font-size:12px}.form-card textarea{resize:vertical}.form-card button{border:0}.choice{display:flex;align-items:center;border:2px solid #e9c050;border-radius:14px;padding:15px;margin:12px 0;cursor:pointer}.choice input{width:auto;margin-right:14px}.choice span{display:grid;grid-template-columns:1fr auto;width:100%;align-items:center}.choice strong{font-size:24px;color:#075b95}.choice small{grid-column:1/3;margin-top:4px}.agree{display:flex;gap:8px;font-size:11px;align-items:flex-start}.agree input{width:auto}.login-page{min-height:650px;display:grid;grid-template-columns:48% 52%;background:linear-gradient(120deg,#fff,#effaff)}.login-card{max-width:460px;width:80%;margin:auto;padding:32px;background:#fff;border-radius:20px;box-shadow:0 20px 50px #075a981a;text-align:center}.brand.centered{justify-content:center;margin:auto auto 25px}.login-card h1{margin-bottom:5px}.login-card p{font-size:12px}.login-options{display:flex;justify-content:space-between;font-size:10px;margin-bottom:18px}.login-options input{width:auto}.loginbtn{width:100%;border:0;background:#075b95;color:#fff;padding:12px;border-radius:8px;font-weight:800}.login-side{display:grid;place-items:center;text-align:center;padding:50px;background:linear-gradient(150deg,#eaf9ff,#fff)}.login-side h2{font-size:30px;line-height:1.3}.login-side em{color:#d1a12c}.plant{font-size:120px}
@media(max-width:900px){.pagehero{min-height:220px;padding:30px 24px}.pagehero h1{font-size:34px}.hero-symbol{font-size:70px;padding:0}.pagehero>img{width:230px;margin:0}.value-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:1fr 1fr}.detail-wrap{grid-template-columns:1fr 1fr}.detail-nutrients{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.binary-layout,.contact-grid,.join-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-side{min-height:300px}.plan-split{grid-template-columns:1fr}}
@media(max-width:600px){.pagehero{min-height:250px}.pagehero h1{font-size:30px}.pagehero>img,.hero-symbol{display:none}.twocol,.product-grid,.feature-grid,.form-row{grid-template-columns:1fr}.value-grid,.value-grid.four{grid-template-columns:1fr 1fr}.detail-wrap{grid-template-columns:1fr}.detail-product{min-height:280px}.detail-nutrients{grid-column:1;grid-template-columns:1fr}.steps{grid-template-columns:1fr}.package-row{flex-direction:column;align-items:center}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:auto}.login-card{width:92%}}