:root{font-family:Arial,Helvetica,sans-serif;color:#173c45;background:#e8f1ee;font-synthesis:none;--teal:#137f75}*{box-sizing:border-box}body{margin:0;padding:40px 24px}.shell{max-width:1160px;margin:auto;background:#fbfcfa;border:1px solid #dce7e3;border-radius:26px;overflow:hidden;box-shadow:0 24px 80px #173c4512}a{color:inherit;text-underline-offset:4px}header{display:flex;align-items:center;gap:20px;padding:27px 40px;border-bottom:1px solid #dce5e2}.wordmark{text-decoration:none;display:flex;align-items:baseline;gap:7px;color:var(--teal)}.wordmark strong{font-size:39px;font-style:italic;font-weight:900;letter-spacing:-3px}.wordmark span{font-size:12px;font-weight:700;color:#71848a}.product{font-size:14px;font-weight:700;border-left:1px solid #cbdad5;padding-left:20px}small{display:block;font-size:12px;color:#6d8085;font-weight:400;margin-top:7px}.academy{margin-left:auto;font-size:14px;font-weight:700;text-decoration:none}main{padding:56px 48px 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px 64px}.eyebrow,.step{font-size:11px;font-weight:700;letter-spacing:1.6px}.eyebrow{margin:0 0 25px;color:#52736f}h1{font-size:clamp(50px,6vw,78px);line-height:1.02;letter-spacing:-3px;margin:0 0 27px;font-weight:600}h1 span{color:var(--teal)}.lead{font-size:19px;line-height:1.5;margin:0 0 14px}.description{font-size:15px;line-height:1.7;max-width:400px;color:#536f75}.features{padding:0;list-style:none;font-size:13px;line-height:2;color:#3f6565}.features li:before{content:'↗';color:var(--teal);margin-right:12px}.access{align-self:center;background:#edf4f1;border:1px solid #dce8e2;padding:34px;border-radius:18px}.step{color:var(--teal);font-size:10px}h2{font-size:30px;letter-spacing:-1px;margin:17px 0 13px}.access p{font-size:14px;line-height:1.6;color:#526c71}label{display:block;font-size:13px;font-weight:700;margin:25px 0 9px}input{width:100%;font:inherit;color:#173c45;background:white;border:1px solid #b5cbc4;border-radius:8px;padding:15px;min-width:0}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #37aba0;outline-offset:3px}button{cursor:pointer;font:inherit}form>button{background:var(--teal);color:white;border:0;border-radius:8px;display:flex;justify-content:space-between;width:100%;padding:16px;margin-top:14px;font-size:14px;font-weight:700}button:disabled{opacity:.6;cursor:wait}.secondary{display:flex;justify-content:space-between;gap:8px;margin-top:15px}.secondary button,#pause-quotes{background:none;border:0;color:#216b63;padding:4px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.access .privacy{font-size:11px;border-top:1px solid #d6e3dd;padding-top:17px}.status{min-height:22px;overflow-wrap:anywhere}.status.error{color:#982e2e}#code{font-size:25px;letter-spacing:8px}.quotes{grid-column:1/-1;border-top:1px solid #dce5e2;padding-top:28px;min-height:190px}.quote-top{display:flex;justify-content:space-between;align-items:baseline}.quote-top .eyebrow{margin:0}blockquote{font-size:21px;line-height:1.5;max-width:850px;margin:22px 0 14px}.quotes p{font-size:12px;color:#607c7d;line-height:1.8}.quotes strong{color:#173c45}.quotes small{font-size:10px}.quotes a{margin-left:8px}footer{padding:22px 40px;background:#f1f5f2;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#627a7b;line-height:1.6}[hidden]{display:none!important}@media(max-width:740px){body{padding:14px}.shell{border-radius:18px}header{padding:20px;gap:12px;flex-wrap:wrap}.product{padding-left:12px;font-size:12px}.academy{width:100%;margin:3px 0 0;font-size:12px}.academy small{display:inline;margin-left:8px}main{display:block;padding:32px 24px}.access{margin:30px 0;padding:25px}h1{font-size:58px}.quotes{min-height:220px}blockquote{font-size:18px}footer{padding:20px 24px;flex-direction:column;gap:5px}}
/* Compact welcome: content determines height; zoom and keyboards may still scroll. */
body{padding:16px 24px}
header{padding:16px 30px}
main{padding:26px 32px 20px;gap:22px 40px;grid-template-columns:1.1fr 1fr}
.eyebrow{margin-bottom:14px}
h1{font-size:clamp(44px,5.2vw,64px);margin-bottom:18px}
.lead{font-size:17px;line-height:1.4;margin-bottom:10px}
.description{font-size:14px;line-height:1.5;margin:10px 0}
.features{display:none}
.access{padding:22px 26px}
h2{font-size:27px;margin:10px 0}
.access p{line-height:1.45;margin:10px 0}
label{margin:16px 0 7px}
input{padding:12px;min-height:44px;font-size:16px}
form>button{padding:13px;margin-top:10px;min-height:44px}
.status:empty{display:none}
.access .privacy{padding-top:10px;margin-top:16px}
.quotes{padding-top:16px;min-height:150px}
blockquote{font-size:18px;line-height:1.4;margin:12px 0 8px}
.quotes p{margin:7px 0;line-height:1.4}
.quotes small{margin-top:6px}
footer{padding:12px 30px}
@media(min-width:741px) and (max-height:740px){
 body{padding:10px 20px}header{padding:12px 28px}
 main{padding:20px 28px 14px;gap:16px 36px}
 h1{font-size:46px;margin-bottom:14px}.access{padding:18px 24px}
 .quotes{min-height:128px;padding-top:12px}blockquote{font-size:17px;margin-top:10px}
}
@media(max-width:740px){
 body{padding:8px}.shell{border-radius:16px}
 header{padding:12px 16px;gap:10px;flex-wrap:nowrap}
 .wordmark strong{font-size:31px}.product{display:none}
 .academy{width:auto;margin:0 0 0 auto;font-size:12px;text-align:right}
 .academy small{display:block;margin:4px 0 0;font-size:11px}
 main{display:grid;grid-template-columns:minmax(0,1fr);padding:14px 18px;gap:12px}
 .intro>.eyebrow{display:none}
 h1{font-size:clamp(23px,6.5vw,38px);line-height:1.15;letter-spacing:-1px;margin:0 0 10px}
 h1 br{display:none}h1 br:after{content:' '}
 .lead{font-size:15px;line-height:1.35;margin:0 0 8px}.lead br{display:none}
 .description{font-size:13px;line-height:1.4;max-width:none;margin:0}
 .access{margin:0;padding:12px 16px;border-radius:12px}
 .step{display:none}h2{font-size:24px;margin:6px 0}
 .access p{font-size:13px;margin:7px 0}label{margin-top:10px;font-size:12px}
 .access .privacy{font-size:10px;margin-top:10px;padding-top:8px}
 .quotes{min-height:0;padding-top:12px}
 .quote-top .eyebrow{font-size:9px;letter-spacing:1px}
 blockquote{font-size:15px;line-height:1.35;margin:8px 0}
 .quotes p{font-size:11px;margin:5px 0}.quotes small{font-size:9px}
 footer{padding:10px 18px;font-size:9px;gap:3px;flex-direction:column}
 footer>span:first-child{display:none}
}