
:root{--ink:#123e40;--teal:#007c78;--mint:#daf0e6;--cream:#faf8ef;--yellow:#f9d75c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d56735;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 38px}.notice{background:var(--ink);color:white;text-align:center;font-size:11px;letter-spacing:1px;padding:9px}header{display:flex;align-items:center;justify-content:space-between;height:98px}.logo{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.logo small{display:block;font-size:10px;letter-spacing:3.8px;margin-top:1px}.mark{display:inline-flex;background:var(--teal);color:var(--yellow);width:39px;height:43px;align-items:center;justify-content:center;border-radius:20px 20px 7px 7px;transform:rotate(10deg);font-size:32px}nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 23px;background:var(--ink);color:white;border-radius:8px;font-size:13px;font-weight:700;border:0;cursor:pointer}.button.yellow{background:var(--yellow);color:var(--ink)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero{padding:35px 0 67px;display:grid;grid-template-columns:1.08fr 1fr;gap:38px;align-items:center}.pill{display:inline-block;background:#e3eee1;padding:9px 12px;border-radius:30px;font-size:10px;letter-spacing:1.4px;font-weight:bold}h1{font-size:clamp(48px,5.3vw,72px);line-height:1.03;letter-spacing:-3.7px;font-weight:800;margin:23px 0}h1 em{font-style:normal;color:var(--teal);position:relative}p{line-height:1.7;font-size:15px}.hero p{max-width:410px;color:#4f6866;margin-bottom:27px}.actions{display:flex;gap:24px;align-items:center}.textlink{font-size:13px;font-weight:bold;border-bottom:1px solid;padding-bottom:5px}.micro{font-size:11px!important;margin-top:23px;color:#486562}.photo{position:relative;padding:18px 0 25px 15px}.photo:before{content:'';position:absolute;inset:0 15px 15px 0;background:var(--yellow);border-radius:180px 180px 24px 24px;transform:rotate(-5deg)}.photo img{position:relative;width:100%;height:443px;object-fit:cover;object-position:49% center;border-radius:180px 180px 24px 24px}.photo .badge{position:absolute;right:-12px;top:32px;background:var(--mint);width:105px;height:105px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-weight:bold;font-size:13px;box-shadow:0 2px 0 #123e40}.badge span{font-size:30px;margin-bottom:3px}.float{position:absolute;bottom:4px;left:-10px;background:white;padding:19px 25px;border-radius:12px;box-shadow:0 8px 35px #123e4014;display:flex;gap:15px;align-items:center;font-size:13px}.float b{display:block;margin-bottom:5px}.float span{font-size:11px;color:#56716b}.float .icon{font-size:31px;color:var(--teal)}.ribbon{background:var(--mint);padding:22px 0}.ribbon .wrap{display:flex;justify-content:space-between;font-size:12px;font-weight:bold}.ribbon i{font-style:normal;color:var(--teal);margin-right:10px}.intro{padding:74px 0 68px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}h2{font-size:39px;line-height:1.13;letter-spacing:-1.5px;margin:13px 0 0}.sectionhead p{max-width:360px;color:#58706b;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #dce2d5;border-radius:14px;padding:28px}.card:nth-child(2){background:#eef1e3}.card:nth-child(3){background:#f8edcd}.symbol{display:inline-grid;place-items:center;font-size:25px;width:46px;height:46px;background:white;border-radius:50%;margin-bottom:13px}h3{font-size:21px;letter-spacing:-.5px;margin:10px 0}.card p{font-size:13px;color:#4c6662;margin-bottom:0}.growth{background:var(--ink);color:white;border-radius:22px;padding:43px;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin-bottom:72px}.growth h2{font-size:37px}.growth p{color:#c4d9d1;font-size:13px}.growth .eyebrow{color:var(--yellow)}label{display:flex;justify-content:space-between;font-size:13px;margin:25px 0 12px}input[type=range]{width:100%;accent-color:var(--yellow);cursor:pointer}.rangeends{display:flex;justify-content:space-between;font-size:10px;color:#c4d9d1;margin-top:6px}.result{background:#205454;border-radius:13px;padding:25px 26px;display:flex;flex-direction:column;justify-content:center}.result small{color:#d2e9df}.total{font-size:48px;font-weight:bold;letter-spacing:-2px;color:var(--yellow);margin:8px 0}.chart{display:flex;align-items:end;gap:11px;height:135px;border-bottom:1px solid #74948c;margin-top:15px;padding:0 8px}.bar{flex:1;background:#70b6a0;border-radius:5px 5px 0 0}.bar:last-child{background:var(--yellow)}.chartlabels{display:flex;justify-content:space-between;font-size:10px;margin:8px 8px 16px;color:#c4d9d1}.fineprint{font-size:10px!important;line-height:1.55!important;margin-bottom:0}.learn{padding-bottom:70px}.lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson{border-top:2px solid #adcabc;padding:20px 0}.lesson small{font-size:10px;font-weight:bold;letter-spacing:1.4px;color:var(--teal)}summary{cursor:pointer;list-style:none;font-size:19px;font-weight:bold;line-height:1.4;margin:12px 0}summary:after{content:' +';color:var(--teal)}details[open] summary:after{content:' −'}details p{font-size:13px;color:#4c6662}.join{background:var(--yellow);border-radius:20px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:52px}.join h2{margin:0;font-size:34px}.join p{margin:12px 0 0;font-size:13px;max-width:550px}.join .button{white-space:nowrap}footer{border-top:1px solid #d9e0d4;padding:25px 0 35px;font-size:11px;color:#526d67;display:flex;justify-content:space-between;gap:25px}dialog{border:0;border-radius:20px;padding:35px;max-width:480px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#123e4080}dialog h2{font-size:29px}dialog p{font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;padding:10px;z-index:20}
@media(max-width:750px){.wrap{padding:0 22px}header{height:85px}nav a:not(.button){display:none}nav{gap:0}.logo{font-size:24px}nav .button{padding:12px 15px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:18px;gap:22px}h1{font-size:55px;letter-spacing:-2.5px}.hero p{font-size:14px}.photo{max-width:480px;width:100%;margin:auto}.photo img{height:360px}.photo .badge{right:0}.float{left:0}.ribbon .wrap{gap:15px;flex-wrap:wrap;justify-content:center;font-size:10px}.intro{padding-top:50px}.sectionhead{display:block}.sectionhead p{margin-top:20px}h2{font-size:33px}.cards,.lessons{grid-template-columns:1fr}.growth{padding:28px 22px;grid-template-columns:1fr;gap:25px;margin-bottom:50px}.growth h2{font-size:33px}.join{padding:28px;display:block}.join .button{margin-top:23px}footer{display:block;line-height:1.8}.notice{font-size:9px}.card{padding:22px}.learn{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
