:root{--forest:#243a30;--sage:#e9ece3;--rust:#815039;scroll-padding-top:28px}
.study-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 28px;background:#edeae2;color:#66695f;font-size:10px;letter-spacing:.1em;gap:20px}.study-bar a{letter-spacing:0;border-bottom:1px solid #b3b5a9}.site-header{min-height:125px}.site-header nav{gap:24px}.site-header nav [aria-current=page]{color:var(--rust);text-decoration:underline;text-underline-offset:7px}.site-header .portal-link{font-size:12px;color:var(--muted)}
.opening{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:90px;padding-top:72px;padding-bottom:78px;align-items:center}.opening .eyebrow{color:#72766b;font-size:10px;letter-spacing:.17em}.opening h1{font-size:clamp(54px,5.5vw,80px);line-height:1.04;margin:25px 0 24px;letter-spacing:-.045em}.opening h1 em{color:var(--rust)}.opening-lead{font-size:20px;line-height:1.55;max-width:460px;margin-bottom:16px}.opening-description{font-size:15px;line-height:1.7;max-width:460px;color:var(--muted)}.opening-link{margin-top:23px;color:var(--rust);font-size:13px}.opening-link span{margin-left:23px}.content-mix{border-left:1px solid var(--line);padding-left:30px;align-self:center}.content-mix>.eyebrow{margin-bottom:25px}.mix-item{display:flex;gap:12px}.mix-mark{font-size:9px;color:#929583;padding-top:5px;line-height:2}.mix-item h2{font-size:30px;letter-spacing:-.025em;line-height:1.1}.mix-item p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:11px;max-width:250px}.mix-example{display:block;font:italic 16px/1.35 Baskerville,'Times New Roman',serif;color:var(--accent);margin-top:12px}.mix-plus{display:block;font:22px Baskerville,serif;color:#9eaa94;margin:18px 0 16px 24px}
.team-section{scroll-margin-top:25px}.team-panel{background:var(--sage);display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:75px;padding:55px 65px 44px;align-items:center;position:relative}.team-story>.eyebrow{font-size:10px;letter-spacing:.13em;color:#6a7b65}.team-story h2{font-size:clamp(49px,4.5vw,64px);margin:20px 0 22px;line-height:1.03;color:var(--forest)}.team-story h2 em{color:#657453}.team-lead{font-size:18px;line-height:1.5;margin-bottom:18px;max-width:390px}.team-description{font-size:14px;color:#616c60;line-height:1.75;max-width:395px}.example-story{border-top:1px solid #c6cdbd;margin-top:28px;padding-top:18px}.example-picker{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.example-picker label{font-size:11px;color:#596952}.example-picker select{font-size:12px;width:auto;padding:7px 23px 7px 0;min-height:38px;color:var(--forest);background:transparent;border:0;border-bottom:1px solid #929f86}.example-picker option{color:var(--forest);background:var(--paper)}.example-body{min-height:143px}.example-body blockquote{font:italic 25px/1.2 Baskerville,'Times New Roman',serif;color:var(--forest);margin:20px 0 9px;max-width:390px}.story-credit{font-size:10px;color:#6e7766}.story-outcome{display:flex;gap:10px;align-items:baseline;font-size:12px;line-height:1.5;color:#52604d;margin-top:14px}.story-outcome>span:first-child{font-size:18px;color:#8b967f}.portal-demo{width:285px;max-width:100%;justify-self:center}.portal-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;color:#65745e;padding:0 7px 13px}.portal-dot{width:5px;height:5px;background:#77895d;border-radius:50%}.app-frame{position:relative;aspect-ratio:947/1660;overflow:hidden;width:258px;max-width:100%;margin:auto;border:5px solid #fafbf6;border-radius:16px;background:#f5f4f0;box-shadow:0 10px 30px #394b3110;outline:1px solid #d3dacb}.app-frame img{position:absolute;width:100%;max-width:none;height:auto;top:-12.95%;left:0}.screen-controls{display:flex;justify-content:space-between;gap:3px;margin-top:19px;border-bottom:1px solid #c6cdbd}.screen-controls button{font-size:10px;line-height:1.4;padding:8px 4px 10px;border:0;border-bottom:2px solid transparent;background:none;color:#65705d;white-space:nowrap}.screen-controls button[aria-pressed=true]{border-bottom-color:#455a3b;color:#31452a;font-weight:600}.screen-controls button:hover{color:#31452a;background:#dfe4d7}.screen-explanation{font-size:11px;line-height:1.5;color:#5b6854;margin:12px 3px 0;min-height:34px}.screen-note{display:block;margin:10px 3px 0;font-size:9px;color:#717c6a;line-height:1.5}
.partnership{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:110px;padding-top:90px;padding-bottom:80px}.partnership-intro>.eyebrow{font-size:10px;color:var(--muted)}.partnership-intro h2{font-size:clamp(39px,3.6vw,51px);line-height:1.07;margin:23px 0}.partnership-intro>p:last-child{font-size:15px;color:var(--muted);max-width:330px;line-height:1.7}.monthly-steps{list-style:none;padding:0;margin:0}.monthly-steps li{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.monthly-steps li:first-child{padding-top:0;border-top:0}.step-index{font-size:10px;color:#96947f;line-height:2;padding-top:3px}.monthly-steps h3{font-size:29px;margin-bottom:11px}.monthly-steps p{font-size:14px;line-height:1.7;color:var(--muted);max-width:480px}.practical-details{border-top:1px solid var(--line);margin-top:9px;padding-top:5px}.practical-details details{border-bottom:1px solid var(--line)}.practical-details summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;font-size:12px;padding:16px 0}.practical-details summary::-webkit-details-marker{display:none}.practical-details summary>span{font-size:17px;color:#807958;line-height:1}.practical-details details[open] summary>span{transform:rotate(45deg)}.practical-details details>p{font-size:13px;line-height:1.7;color:var(--muted);padding:0 25px 19px 0;max-width:450px}.practical-details summary:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
.closing{border-top:1px solid var(--line);padding-top:45px;padding-bottom:55px;display:flex;justify-content:space-between;align-items:center;gap:50px}.closing .eyebrow{font-size:10px;color:var(--muted)}.closing h2{font-size:43px;margin-top:18px}.closing h2 em{color:var(--rust)}.closing-action>p{font-size:15px;color:var(--muted);margin-bottom:18px}.closing .button{background:var(--forest);border-color:var(--forest);gap:45px}.closing .button:hover{background:#405448}.closing+footer{border-top:1px solid var(--line)}footer{border-top:1px solid var(--line)}
@media(min-width:1450px){.wrap{max-width:1180px}.opening{grid-template-columns:1.6fr .8fr}.opening h1{font-size:82px}.team-panel{grid-template-columns:1fr 310px;padding-inline:75px;gap:100px}}
@media(max-width:1100px){.site-header nav{gap:15px;font-size:12px}.site-header .button.small{padding:11px}.opening{gap:45px;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr)}.opening h1{font-size:59px}.opening-lead{font-size:18px}.content-mix{padding-left:23px}.team-panel{padding:45px 40px;gap:45px;grid-template-columns:minmax(0,1fr) 258px}.portal-demo{width:258px}.partnership{gap:60px}.closing h2{font-size:40px}}
@media(max-width:760px){.study-bar{padding:8px 20px;font-size:8px;gap:12px}.study-bar>span:last-child{display:none}.site-header{min-height:105px}.site-header nav{font-size:14px}.opening{padding-top:38px;padding-bottom:40px;grid-template-columns:1fr;gap:34px}.opening h1{font-size:clamp(47px,10vw,65px);margin:21px 0;max-width:600px}.opening h1 br{display:none}.opening-lead{font-size:18px;max-width:420px}.opening-description{font-size:14px;max-width:420px}.opening-link{margin-top:15px}.content-mix{border-left:0;border-top:1px solid var(--line);padding:23px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.content-mix>.eyebrow{grid-column:1/-1;margin-bottom:-4px;font-size:9px}.mix-plus{display:none}.mix-mark{display:none}.mix-item h2{font-size:25px}.mix-item p{font-size:12px;margin-top:9px}.mix-example{font-size:14px;margin-top:11px}.team-section{width:100%;scroll-margin-top:0}.team-panel{display:flex;flex-direction:column;gap:35px;padding:38px 20px}.team-story{width:100%;max-width:480px}.team-story h2{font-size:54px;margin-top:19px}.team-lead{font-size:18px}.team-description{font-size:14px;max-width:420px}.example-story{margin-top:22px}.example-body{min-height:0}.example-body blockquote{font-size:25px;max-width:390px}.example-picker{gap:12px}.portal-demo{width:280px}.app-frame{width:252px}.portal-heading{padding-inline:15px}.screen-controls{margin-top:16px}.screen-controls button{font-size:11px;padding:11px 5px}.screen-explanation{font-size:12px;min-height:36px}.screen-note{font-size:10px}.partnership{grid-template-columns:1fr;padding-top:46px;padding-bottom:40px;gap:30px}.partnership-intro h2{font-size:41px;margin:17px 0}.partnership-intro>p:last-child{font-size:14px;max-width:410px}.monthly-steps li{gap:19px;padding:21px 0}.monthly-steps h3{font-size:27px}.monthly-steps p{font-size:13px}.practical-details summary{font-size:12px;padding-block:18px}.closing{display:block;padding-top:32px;padding-bottom:40px}.closing h2{font-size:40px}.closing-action{margin-top:25px}.closing-action>p{font-size:14px}.closing .button{width:100%;max-width:350px;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
/* Keep the screenshot crop proportional inside its frame. */
.app-frame{box-sizing:content-box;width:248px;max-width:calc(100% - 10px)}
@media(max-width:760px){.app-frame{width:242px}}
.mix-item p{font-size:14px}.monthly-steps p{font-size:15px}.screen-controls button{min-height:44px}
@media(max-width:760px){.opening h1 em{display:block;margin-top:3px}.mix-item p{font-size:13px}.monthly-steps p{font-size:14px}}

/* Keep the approved layout while giving the offer room to read. */
.opening-lead{max-width:540px}.opening-description{max-width:480px}.content-mix{min-width:0}.mix-item h2{font-size:28px}.mix-example{font-size:15px}.closing-action{max-width:350px}.closing-action>p{max-width:330px}.closing .button{gap:25px}.closing h2{font-size:40px}.partnership-intro h2{font-size:clamp(37px,3.5vw,49px)}
@media(max-width:760px){.opening h1{font-size:clamp(43px,10vw,65px)}.mix-item h2{font-size:24px}.mix-example{font-size:14px}.closing h2{font-size:37px}.closing .button{font-size:13px;gap:15px}.partnership-intro h2{font-size:39px}}

/* One body-text rhythm, with brand typography reserved for headings. */
.opening-lead,.opening-description{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.75;color:#535b54;max-width:520px;font-weight:400;letter-spacing:0}
.opening-lead{margin-bottom:17px}.opening-description{margin-bottom:0}.opening h1{margin-bottom:28px}.opening-link{margin-top:24px}
.content-mix{padding-left:30px}.mix-item h2{font-size:28px;line-height:1.15;max-width:250px}.mix-item p{font-size:14px;line-height:1.7;margin-top:12px}.mix-plus{margin-block:23px}
.team-lead{font-size:16px;line-height:1.7;color:#3d4e3c;margin-bottom:15px}.team-description{font-size:15px;line-height:1.75}.partnership-intro>p:last-child,.monthly-steps p{font-size:15px;line-height:1.75}.closing-action>p{font-size:16px;line-height:1.65}.closing .button{gap:24px}
@media(max-width:760px){.opening-lead,.opening-description{font-size:16px;line-height:1.7}.opening h1{margin-bottom:24px}.content-mix{padding-left:0;gap:20px}.mix-item h2{font-size:24px}.mix-item p{font-size:13px;line-height:1.65}.team-lead{font-size:16px}.team-description{font-size:14px}.partnership-intro>p:last-child,.monthly-steps p{font-size:14px}.closing-action>p{font-size:15px}}