:root{--green:#42b900;--blue:#14a7ee;--orange:#ff7900;--navy:#102b59;--cream:#fffaf2;--soft-green:#f6fbf1;--soft-blue:#f2f9ff;--soft-orange:#fff8f0}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--navy);background:#fff}header{max-width:1200px;margin:auto;display:flex;align-items:center;gap:28px;padding:16px 24px}.logo{width:170px;height:80px;object-fit:cover;object-position:center}nav{display:flex;gap:24px;margin-left:auto}a{text-decoration:none;color:var(--navy);font-weight:700}.btn{background:var(--orange);color:#fff;border:0;border-radius:30px;padding:14px 22px;font-weight:800;display:inline-block}.hero{max-width:1260px;margin:auto;padding:52px 24px 62px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.hero h1{font-size:50px;line-height:1.08;margin:0 0 24px}.hero p{font-size:18px;line-height:1.6;max-width:680px}.green{color:var(--green)}.blue{color:var(--blue)}.orange{color:var(--orange)}.discover{margin-top:10px}

/* OLM message panel replaces the old emoji artwork. Inspired by the supplied O/L/M purpose graphic, but built as readable responsive HTML. */
.olm-message-panel{display:grid;gap:14px}.olm-message{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center;border-radius:24px;padding:18px 22px;background:#fff;box-shadow:0 12px 30px rgba(16,43,89,.08);border:2px solid}.olm-message .olm-letter{font-size:78px;line-height:.9;font-weight:900;text-align:center;font-family:Arial Rounded MT Bold,Arial,sans-serif;letter-spacing:-5px;text-shadow:inset 0 2px 0 rgba(255,255,255,.6)}.olm-message-copy h3{margin:0 0 7px;text-transform:uppercase;letter-spacing:.02em;font-size:20px}.olm-message-copy p{font-size:14.5px;line-height:1.48;margin:5px 0;max-width:none}.olm-message-copy strong{font-weight:800}.message-note{padding-top:3px}.olm-o{border-color:#79c85a;background:linear-gradient(135deg,#fff 0%,var(--soft-green) 100%)}.olm-o .olm-letter,.olm-o h3,.olm-o strong{color:#379a18}.olm-l{border-color:#82c8f5;background:linear-gradient(135deg,#fff 0%,var(--soft-blue) 100%)}.olm-l .olm-letter,.olm-l h3,.olm-l strong{color:#087dcc}.olm-m{border-color:#ffba74;background:linear-gradient(135deg,#fff 0%,var(--soft-orange) 100%)}.olm-m .olm-letter,.olm-m h3,.olm-m strong{color:#f26600}

.pillars,.products,.stages{max-width:1200px;margin:0 auto 65px;display:grid;gap:18px;padding:0 24px}.pillars{grid-template-columns:repeat(3,1fr)}article{border-radius:20px;padding:25px;line-height:1.55}h2{text-align:center;font-size:32px;margin:35px 20px 12px}.center{text-align:center;font-size:18px;line-height:1.6}.center strong{color:var(--green)}.greenCard{border:2px solid #9bd174;background:var(--soft-green)}.greenCard h3,.greenCard b{color:#379a18}.blueCard{border:2px solid #86c8f4;background:var(--soft-blue)}.blueCard h3,.blueCard b{color:#087dcc}.orangeCard{border:2px solid #ffbf7d;background:var(--soft-orange)}.orangeCard h3,.orangeCard b{color:#f26600}.products{grid-template-columns:repeat(7,1fr)}.products article{text-align:center;padding:22px 14px}.products b{font-size:17px}.products p{font-size:14px}.stages{grid-template-columns:repeat(4,1fr);margin-top:28px;text-align:center}.guide{max-width:1200px;margin:30px auto 70px;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border:2px solid #ffb767;border-radius:24px;background:var(--cream)}.guide h2{text-align:left;margin:0 0 15px}.guide form{display:flex;flex-direction:column;gap:12px}.guide input:not([type=checkbox]){padding:14px;border:1px solid #ccd3dd;border-radius:7px;font-size:16px}.consent{display:flex;gap:10px;font-size:13px;line-height:1.4;align-items:flex-start}.consent input{margin-top:3px}footer{background:var(--blue);color:#fff;display:flex;gap:35px;align-items:center;justify-content:center;padding:35px}footer img{width:170px;height:85px;object-fit:cover}footer p{max-width:520px;line-height:1.5}

@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-copy{max-width:800px}.olm-message-panel{max-width:850px}.products{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){nav{display:none}.hero h1{font-size:40px}.pillars{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.stages{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr}}
@media(max-width:620px){header{padding:12px 16px}.logo{width:145px;height:68px}.hero{padding:35px 16px 48px}.hero h1{font-size:34px}.olm-message{grid-template-columns:62px 1fr;padding:16px 15px;gap:12px}.olm-message .olm-letter{font-size:58px}.olm-message-copy h3{font-size:17px}.olm-message-copy p{font-size:13.5px}.products,.stages{grid-template-columns:1fr}.guide{margin:20px 12px;padding:22px}footer{flex-direction:column;text-align:center}}
@media(max-width:420px){header .btn{display:none}.olm-message{grid-template-columns:1fr}.olm-message .olm-letter{text-align:left;font-size:54px}.olm-message-copy h3{margin-top:-4px}}

/* MailerLite-connected OLM guide form */
.guide-form{width:100%}.guide-form h2{text-align:left;margin:0 0 8px}.form-intro{margin:0 0 14px;line-height:1.5;color:#40516f}.guide-form form{display:flex;flex-direction:column;gap:12px}.guide-form .ml-form-fieldRow{width:100%}.guide-form input[type="text"],.guide-form input[type="email"]{width:100%;padding:14px;border:1px solid #ccd3dd;border-radius:7px;font-size:16px;font-family:inherit;color:var(--navy);background:#fff}.guide-form input[type="text"]:focus,.guide-form input[type="email"]:focus{outline:3px solid rgba(20,167,238,.18);border-color:var(--blue)}.guide-form .consent{display:flex;gap:10px;font-size:13px;line-height:1.45;align-items:flex-start;color:var(--navy)}.guide-form .consent input{margin-top:3px;flex:0 0 auto}.guide-form .ml-form-embedSubmit{width:100%}.guide-form .ml-form-embedSubmit .btn{width:100%;font-size:15px;cursor:pointer}.guide-form .privacy-note{font-size:11.5px;line-height:1.4;color:#63718b;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.success-card{background:#fff;border:2px solid #9bd174;border-radius:20px;padding:28px;text-align:center;box-shadow:0 12px 30px rgba(16,43,89,.08)}.success-card h2{text-align:center;color:#379a18;margin:8px 0 12px}.success-card p{line-height:1.55}.success-tick{width:54px;height:54px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:30px;font-weight:900}
