@scope (.seo-approved-demo) {
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#faf9fc;color:#251d36;font:16px/1.7 Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-underline-offset:5px}button{padding:10px 16px;border:1px solid #c6b5db;background:white;color:#593899}nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;background:#251d36;color:white;padding:17px 5%;gap:20px}nav>a{font:600 27px Georgia;text-decoration:none}nav small{font:11px Inter;color:#cbb7e4}nav div{display:flex;gap:25px;font-size:13px}.intro,section,.end{max-width:1460px;margin:auto;padding:75px 5%}.intro h1{font:500 clamp(38px,5vw,70px)/1.1 'Source Serif 4',Georgia,serif;letter-spacing:-.02em}em{color:#7952bf}p{color:#62566c}.intro p,section>header p{max-width:70ch}section{border-top:1px solid #d8cce5}section>header{margin-bottom:45px}section>header>span{color:#7952bf;font-size:13px}h2{font:500 clamp(34px,4vw,56px)/1.12 'Source Serif 4',Georgia,serif;margin:20px 0}h3{font:500 30px/1.2 'Source Serif 4',Georgia,serif;margin:18px 0}.transform{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.a-notes article{min-height:65vh;padding:45px 0}.a-notes article>span{color:#7952bf;font-size:12px}.a-preview{position:sticky;top:90px;align-self:start;border:1px solid #cbbde0;background:#fff}.browser,.preview-foot{padding:13px 20px;display:flex;justify-content:space-between;gap:15px;background:#eee8f6;font-size:11px}.browser span{font-size:10px}.page{padding:30px}.page>small,.brand-label{font-size:11px;color:#315b49}.page h3{font-size:35px}.page>p{font-size:14px}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #ddd2e7;padding:15px 0}.course-grid p,.course-note{font-size:12px}.page details{font-size:13px;border-top:1px solid #ddd2e7;padding:10px 0}.page h4{font-size:15px}.page a,.primary{display:inline-block;background:#315b49;color:#fff;padding:12px 18px;border:0;text-decoration:none;margin-top:20px;font-size:14px}.preview-foot button{padding:3px 8px;font-size:11px}.journey{border:1px solid #cbbde0;background:#fff}.journey-nav{display:flex;background:#eee8f6}.journey-nav button{flex:1;border:0;background:transparent}.journey-nav [aria-pressed=true]{background:#6541c8;color:white}.journey-body{display:grid;grid-template-columns:1.4fr .8fr}.b-screen{padding:35px;min-width:0}.journey aside{background:#f2edf7;padding:30px}.journey aside>span{font-size:12px;color:#7952bf}.journey aside h3{font-size:25px}.note{font-size:11px!important}.searchbar{display:flex;margin-top:15px;gap:8px}.searchbar input{min-width:0;width:100%;font-size:14px;padding:14px;border:1px solid #cbbde0}.searchbar button{font-size:12px}.search-result{padding:25px 0}.search-result small{font-size:11px}.search-result h3 button{padding:0;border:0;color:#6541c8;text-align:left;font:500 23px/1.4 Inter}.search-result p{font-size:14px}.b-screen label{display:block;font-size:13px}.b-screen textarea,.b-screen select{display:block;width:100%;padding:12px;border:1px solid #cbbde0;margin:8px 0 20px;font-size:14px}.b-screen textarea{min-height:130px}.receipt{padding:20px;background:#eaf1ec}.receipt p{white-space:pre-wrap}.workbench{border:1px solid #cbbde0;background:#fff}.work-head{display:flex;justify-content:space-between;padding:20px;background:#251d36;color:white}.work-head span{font-size:12px}.work-grid{display:grid;grid-template-columns:.8fr 1.4fr}.tasks{background:#eee8f6;padding:20px}.tasks button{display:block;text-align:left;width:100%;padding:20px;border:0;background:transparent;margin-bottom:10px}.tasks button>*{display:block}.tasks small{font-size:10px;margin-bottom:10px}.tasks b{font-size:16px}.tasks span{font-size:11px;margin-top:10px}.tasks [aria-pressed=true]{background:#6541c8;color:#fff}.task-detail{padding:35px}.task-detail>span{font-size:11px;color:#7952bf}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison>div{background:#f2edf7;padding:20px}.comparison small{font-size:10px}.next{padding:20px;border-top:1px solid #cbbde0}.next p{margin-bottom:0}.workbench>footer{padding:25px 35px;border-top:1px solid #cbbde0}.workbench footer p{font-size:13px}.end a{display:inline-block;margin-right:25px}.flash{animation:reveal .55s ease-out}@keyframes reveal{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}[hidden]{display:none!important}:focus-visible{outline:3px solid #9876d3;outline-offset:3px}@media(max-width:800px){nav{flex-wrap:wrap;gap:12px}.intro,section,.end{padding:45px 5%}.transform,.journey-body,.work-grid{grid-template-columns:1fr}.a-preview{position:relative;top:0;grid-row:1}.a-notes article{min-height:0;padding:20px 0}.browser{flex-wrap:wrap}.b-screen,.task-detail{padding:22px}.comparison{grid-template-columns:1fr}.journey-nav button{font-size:12px;padding:12px 6px}.work-head{gap:20px}.searchbar{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}.a-notes article{min-height:0}.a-preview{position:relative;top:0}}

#a{position:relative;isolation:isolate;max-width:none;padding-inline:4%}#a>header{max-width:1300px;margin:0 auto 50px}.transform{max-width:1450px;margin:auto;grid-template-columns:.65fr 1.35fr;gap:4%}.selected-mosaic{position:absolute;inset:0;z-index:-1;overflow:hidden;background-color:#f5f0fa;background-image:conic-gradient(from 90deg at 2px 2px,#ede3f6 25%,transparent 0),conic-gradient(from 90deg at 2px 2px,#d6c4e9 25%,transparent 0);background-size:43px 43px,71px 71px;opacity:.65}.a-notes article{padding:30px;background:#fff;border:1px solid #ded1e9;min-height:0;margin-bottom:55vh}.a-notes article:first-child{margin-top:15vh}.a-preview{top:85px;max-height:calc(100svh - 100px);overflow:auto;background:#fdfbf6}.page{position:relative;padding:24px 32px;background:#fdfbf6;overflow:hidden}.mini-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-24px -32px 28px;padding:20px 32px;border-bottom:1px solid #dddccc}.mini-nav>b{font:24px Georgia;color:#274b3b}.mini-nav>b span{font-style:italic}.mini-nav>span{font:10px Inter;color:#586352}.page>small{font-size:10px}.page h3{font:500 clamp(26px,2.7vw,42px)/1.08 'Source Serif 4',Georgia;max-width:65%;color:#274b3b}.page>p{max-width:60%;font-size:13px}.mini-illustration{position:absolute;right:22px;top:105px;width:29%;height:185px;background:#e7ead9;display:grid;place-items:center}.mini-book{width:70%;height:140px;background:#315b49;transform:rotate(-8deg);padding:17px;color:#f4f0d9;display:flex;flex-direction:column;justify-content:space-between;box-shadow:5px 5px 0 #b9c3ac}.mini-book span{font:11px/1.4 Inter}.mini-book b{font:28px Georgia}.mini-stamp{position:absolute;right:-8px;bottom:5px;background:#d4a56e;padding:12px;border-radius:50%;font:italic 14px Georgia;color:#3e3525}.page [data-page-details]{margin-top:35px}.page .course-grid{border-color:#dedfce}.page .course-grid b{font:18px Georgia;color:#315b49}.page details{border-color:#dedfce}.page a{background:#315b49}.mini-bottom{margin:30px -32px -24px;padding:22px 32px;background:#e9ecdf}.mini-bottom>*{display:block}.mini-bottom span{font-size:10px;color:#57674d}.mini-bottom b{font:20px Georgia;color:#315b49;margin:8px 0}.mini-bottom small{font-size:9px;color:#57674d}.browser,.preview-foot{background:#eee8f6}.a-notes article>button{font-size:12px}@media(max-width:800px){.transform{grid-template-columns:1fr}.a-preview{position:relative;top:0;max-height:none;overflow:visible}.a-notes article{margin-bottom:25px!important;margin-top:0!important}.mini-nav>span{display:none}.mini-illustration{height:140px;top:115px}.mini-book{height:110px}.mini-book span{font-size:8px}.mini-stamp{font-size:10px;padding:8px}.page{padding:20px}.page h3{font-size:27px}.mini-nav{margin:-20px -20px 25px;padding:20px}.mini-bottom{margin:25px -20px -20px;padding:20px}}

/* The approved mosaic uses the original geometry and gentle color animation. */
#a{display:grid;grid-template-columns:minmax(0,1fr)}
#a>header{grid-column:1;grid-row:1;width:100%}
#a .selected-mosaic{position:sticky;top:70px;inset-inline:auto;bottom:auto;grid-column:1;grid-row:2;align-self:start;width:100%;height:calc(100svh - 70px);background:none;opacity:1;pointer-events:none;z-index:-1}
.selected-mosaic canvas{display:block;width:100%;height:100%}
#a .transform{grid-column:1;grid-row:2;position:relative;width:100%;padding-block:60px}
@media(prefers-reduced-motion:reduce){#a .selected-mosaic{position:relative;top:0}}

}
.seo-approved-demo{isolation:isolate;scroll-margin-top:100px}.seo-approved-demo #a{border-top:0}.seo-approved-demo .a-preview{top:110px;max-height:calc(100svh - 170px)}
@media(max-width:800px){.seo-approved-demo .a-preview{top:0;max-height:none}}