:root{--ink:#25232b;--muted:#625d68;--purple:#7853a0;--lilac:#b59be4;--border:#e8e1ed;--soft:#f6f2fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Work Sans',sans-serif;background:#fff;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-90px;left:16px;background:#fff;padding:12px;z-index:100}.skip:focus{top:12px}h1,h2,h3,p{margin-top:0}.site-header{border-bottom:1px solid #eeeaf1;background:#fff}.nav{min-height:82px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:1.4rem;letter-spacing:-.055em;font-weight:500;white-space:nowrap}.nav nav{display:flex;gap:30px;margin-left:auto;font-size:.9rem;font-weight:600}.nav nav a:hover,.footer-inner a:hover{color:var(--purple)}.nav-action{border:1px solid #dfd4eb;border-radius:99px;padding:11px 20px;white-space:nowrap;font-size:.9rem;font-weight:600}.nav-action:hover{background:var(--soft)}.nav-action span,.button span{margin-left:8px}
.eyebrow,.kicker{font-size:.76rem;font-weight:700;letter-spacing:.13em;color:var(--purple)}.hero{padding-block:78px 110px;display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:58px}.hero h1,.section-heading h2,.teacher-copy h2,.student-copy h2,.closing h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.04em}.hero h1{font-size:clamp(4rem,5.8vw,6.4rem);line-height:1.04;margin:22px 0 25px}.hero h1 em,.section-heading em,.teacher-copy em,.student-copy em,.closing em{color:#8663ad;font-weight:400}.lead{font-size:1.1rem;line-height:1.75;color:var(--muted);max-width:490px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;padding:16px 25px;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--purple);color:#fff}.primary:hover{background:#614186}.text-link{display:inline-block;border-bottom:1px solid #a68bc5;padding-bottom:5px;font-size:.94rem;font-weight:600}.text-link:hover{color:var(--purple)}.hero-note{color:#77717d;font-size:.82rem;line-height:1.6;margin:35px 0 0}.hero-note a{text-decoration:underline;text-underline-offset:3px;color:var(--purple)}
.notebook-preview,.teacher-preview,.student-preview{position:relative;background:#fff;border:1px solid var(--border);border-radius:19px;box-shadow:0 28px 70px #4c3c6020;overflow:hidden;min-width:0}.notebook-preview{transform:rotate(-1deg)}.preview-top,.appbar,.student-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #eeeaf1;font-size:.75rem;background:#fff}.preview-brand,.appbar span:first-child,.student-top span:first-child{display:flex;align-items:center;gap:5px;font-weight:700;letter-spacing:-.04em}.preview-label{color:#856b9d;font-weight:600}.preview-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#ede6f5;color:#67468b;font-weight:700}.preview-body{padding:26px;background:#fbf9fd}.preview-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.preview-heading small,.sample-card small,.upcoming-card small,.mini-stat small,.student-quest small{font-size:.65rem;letter-spacing:.1em;font-weight:700;color:#8065a0}.preview-heading h2{font-size:1.45rem;letter-spacing:-.04em;margin:5px 0}.preview-heading p{font-size:.75rem;color:#837b88;margin:0}.preview-date{border:1px solid var(--border);background:#fff;border-radius:7px;padding:7px 9px;color:#756c7c;font-size:.68rem}.preview-columns{display:grid;grid-template-columns:1.45fr .85fr;gap:13px;margin-top:21px}.preview-main,.preview-side{display:grid;gap:12px;align-content:start}.sample-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px}.sample-title{display:flex;align-items:center;gap:7px;margin-bottom:10px}.sample-title>span{color:var(--purple)}.sample-title strong{font-size:.82rem}.sample-title small{margin-left:auto;font-size:.62rem;color:#877b91;letter-spacing:0}.sample-piece{border-top:1px solid #f0ecf2;display:flex;flex-direction:column;gap:4px;padding:10px 0 0;margin-top:8px}.sample-piece b{font-size:.75rem}.sample-piece span{font-size:.68rem;color:#77707d}.note-card{background:#f3edf8}.note-card p{font-size:.76rem;line-height:1.55;margin:10px 0}.note-card>span{font-size:.63rem;color:#7f7189}.practice-card>strong{display:block;font-size:2rem;margin:10px 0}.practice-card>strong span{font-size:.86rem;font-weight:500;color:#7b7181}.day-marks{display:flex;gap:5px}.day-marks span{width:26px;height:26px;border-radius:7px;background:#f3f0f5;display:grid;place-items:center;font-size:.6rem;font-weight:700;color:#897f90}.day-marks .filled{background:#8260a8;color:#fff}.practice-card p{font-size:.65rem;color:#7c7184;margin:10px 0 0}.quest-mini strong{display:block;font-size:.75rem;line-height:1.35;margin:10px 0}.mini-track{height:7px;border-radius:99px;background:#e7e1e8;overflow:hidden}.mini-track i{display:block;width:65%;height:100%;background:#916bbb;border-radius:99px}.quest-mini>span{font-size:.62rem;color:#7d7185}.example-caption{display:block;background:#fff;border-top:1px solid #eeeaf1;padding:8px 18px;font-size:.65rem;color:#837a89;text-align:right}
.definition{background:#f4eff9;border-block:1px solid #e9dff1}.definition-inner{min-height:112px;display:flex;align-items:center;gap:24px}.definition-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e9def3;color:var(--purple);font-size:1.5rem;flex:none}.definition p{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.25;letter-spacing:-.02em;margin:0}.definition strong{color:var(--purple);font-weight:400}
.flow{padding-block:115px 125px}.section-heading{max-width:760px}.section-heading h2,.teacher-copy h2,.student-copy h2,.closing h2{font-size:clamp(2.8rem,4.3vw,4.7rem);line-height:1.12;margin:19px 0}.section-heading p,.teacher-copy>p,.student-copy>p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:560px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.flow-grid article{border:1px solid var(--border);border-radius:15px;padding:30px;min-height:255px;background:#fff;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.flow-grid article:hover{background:#eee4f8;border-color:#b59be4;box-shadow:0 8px 24px #7853a01c}@media(prefers-reduced-motion:reduce){.flow-grid article{transition:none}}.flow-number{color:var(--purple);font-size:.76rem;font-weight:700;letter-spacing:.12em}.flow-grid h3{font-size:1.2rem;letter-spacing:-.03em;margin:32px 0 11px}.flow-grid p{font-size:.94rem;line-height:1.7;color:var(--muted);margin:0}
.teacher-section{background:#f8f6fa;border-block:1px solid #eee9f0}.teacher-grid,.student-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:75px;padding-block:112px}.teacher-copy h2,.student-copy h2{margin:20px 0}.check-list{list-style:none;margin:27px 0 0;padding:0;display:grid;gap:13px}.check-list li{position:relative;padding-left:28px;line-height:1.55;font-size:.94rem}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--purple);font-weight:700}.teacher-preview{box-shadow:0 20px 55px #4e3a601a}.appbar span:last-child{font-size:.61rem;color:#806c8e}.teacher-preview-content{padding:22px;background:#fbfafd}.teacher-preview-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;margin-bottom:12px}.teacher-preview-title span{font-size:.62rem;color:#776884;background:#f0e9f6;border-radius:7px;padding:7px}.upcoming-card{background:#f4eef9;border:1px solid #e8dbf1;border-radius:12px;padding:18px;text-align:center}.upcoming-card h3{font-size:1.35rem;margin:6px 0}.upcoming-card p{color:#746a7c;font-size:.68rem;margin-bottom:13px}.upcoming-pieces{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.upcoming-pieces span{background:#fff;border:1px solid #e8e1ed;padding:7px 9px;border-radius:7px;font-size:.62rem}.fake-action{display:inline-block;background:var(--purple);color:#fff;font-size:.63rem;font-weight:700;border-radius:7px;padding:9px 13px;margin-top:15px}.teacher-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.mini-stat,.six-week{border:1px solid var(--border);border-radius:10px;background:#fff;padding:13px}.mini-stat strong{display:block;margin-top:5px;font-size:.86rem}.six-week>div:first-child{display:flex;justify-content:space-between;gap:8px}.six-week strong{font-size:.76rem}.six-week small{font-size:.61rem;color:#847889}.bars{height:79px;display:flex;align-items:end;justify-content:space-around;gap:15px;padding:6px 16px 0;border-bottom:1px solid #e9e3ed;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#f3eef5 25px)}.bars span{width:11%;min-height:8px;background:#8a68b0;border-radius:5px 5px 0 0}.bar-labels{display:flex;justify-content:space-around;font-size:.56rem;color:#928997;margin-top:6px}
.student-section{background:#292530;color:#fff}.student-grid{grid-template-columns:.87fr 1.13fr}.student-copy .kicker{color:#c5a7ed}.student-copy h2 em{color:#c3a4e8}.student-copy>p{color:#d8d2dc}.student-copy .check-list li:before{color:#c3a4e8}.student-copy .text-link{border-color:#ad8ad9;margin-top:30px}.link-button{background:none;color:inherit;border-top:0;border-left:0;border-right:0;padding-left:0;padding-right:0}.student-preview{color:var(--ink);box-shadow:0 24px 70px #13101d6b}.student-top{background:#fff}.student-top>span:last-child{border-radius:99px;background:#f1eafa;color:#77519d;padding:7px 10px;font-size:.65rem;font-weight:700}.student-content{padding:24px;background:#fbf9fd}.student-content h3{font-size:1.3rem;margin-bottom:5px}.student-content>p{font-size:.73rem;color:#7d7580;margin-bottom:17px}.pet-card{background:#f3edf7;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.pet-badge{width:43px;height:43px;border-radius:12px;background:#e6d9f3;color:#754d9e;display:grid;place-items:center;font-size:1.4rem}.pet-card div{display:flex;flex-direction:column;gap:4px;flex:1}.pet-card strong{font-size:.75rem}.pet-card div span{font-size:.64rem;color:#74677c}.pet-card .fake-action{margin:0;white-space:nowrap}.weekly-card,.student-quest{border:1px solid var(--border);border-radius:12px;background:#fff;padding:16px;margin-top:12px}.weekly-card>strong{font-size:.78rem}.weekly-card>p{font-size:.65rem;color:#7a7181;margin:4px 0 11px}.week-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.week-boxes span{background:#f7f4f8;border:1px solid #e7e0eb;border-radius:8px;min-height:49px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#79569d;font-weight:700}.week-boxes small{font-size:.54rem;color:#8c8191;font-weight:500}.student-quest{display:flex;align-items:start;justify-content:space-between;gap:10px}.student-quest strong{display:block;font-size:.75rem;margin:6px 0}.student-quest p{color:#7d7381;font-size:.63rem;line-height:1.4;margin:0}.student-quest>span{white-space:nowrap;background:#f2eaf8;color:#765399;border-radius:99px;padding:6px 8px;font-size:.6rem;font-weight:700}
.closing{text-align:center;padding-block:115px 125px}.closing h2{margin:18px 0}.closing p{color:var(--muted);line-height:1.7;margin-bottom:28px}.footer-inner{min-height:90px;display:flex;align-items:center;gap:25px}.footer-inner>span{color:#8a818e;font-size:.8rem}.footer-inner>a:last-child{margin-left:auto;font-size:.84rem;font-weight:600}footer{border-top:1px solid #eeeaf1}
.signup-dialog{width:min(460px,calc(100% - 32px));border:1px solid #e1d5ed;border-radius:22px;padding:34px 36px 28px;color:var(--ink);background:#fff;box-shadow:0 24px 80px #22163355}.signup-dialog::backdrop{background:#211a2bc4;backdrop-filter:blur(5px)}.signup-dialog>.kicker{display:block;margin:20px 0 12px}.signup-dialog h2{font:400 3.2rem/1.05 'DM Serif Display',Georgia,serif;letter-spacing:-.04em;margin:0 0 17px}.signup-dialog>p{line-height:1.7;color:var(--muted);font-size:1rem}.signup-dialog .dialog-login{border-top:1px solid var(--border);margin:26px 0 0;padding-top:20px;font-size:.85rem}.dialog-login a{color:var(--purple);font-weight:600;text-decoration:underline;text-underline-offset:3px}.dialog-close{position:absolute;right:18px;top:16px;border:0;background:#f4eff9;border-radius:50%;width:36px;height:36px;font-size:1.5rem;line-height:1;color:var(--purple)}
@media(max-width:980px){.hero,.teacher-grid,.student-grid{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:700px}.notebook-preview,.teacher-preview,.student-preview{width:min(680px,100%);margin-inline:auto}.teacher-copy,.student-copy{max-width:700px}.teacher-grid,.student-grid{padding-block:90px}.nav{gap:20px}.nav nav{gap:15px}}
@media(max-width:650px){.container{width:min(100% - 34px,520px)}.nav{min-height:70px}.nav nav{display:none}.nav-action{margin-left:auto;padding:9px 14px;font-size:.79rem}.brand{font-size:1.25rem}.hero{padding-block:62px 78px;gap:45px}.hero h1{font-size:clamp(3.35rem,12vw,4.6rem)}.lead{font-size:1rem}.notebook-preview{transform:none}.preview-top,.appbar,.student-top{padding-inline:13px}.preview-body{padding:16px}.preview-columns{grid-template-columns:1fr}.preview-side{grid-template-columns:1fr 1fr}.practice-card,.quest-mini{padding:12px}.day-marks{gap:3px}.day-marks span{width:21px;height:22px}.definition-inner{padding-block:23px;min-height:0;align-items:flex-start}.flow{padding-block:85px}.flow-grid{grid-template-columns:1fr;margin-top:35px;gap:12px}.flow-grid article{min-height:0;padding:23px}.flow-grid h3{margin-top:20px}.teacher-grid,.student-grid{padding-block:85px}.section-heading h2,.teacher-copy h2,.student-copy h2,.closing h2{font-size:clamp(2.7rem,10vw,3.5rem)}.appbar span:last-child{font-size:.5rem}.student-content{padding:16px}.pet-card{flex-wrap:wrap}.pet-card .fake-action{margin-left:55px}.closing{padding-block:90px}.footer-inner{min-height:0;padding-block:22px;flex-wrap:wrap}.footer-inner>span{display:none}.signup-dialog{padding:30px 25px 25px}.signup-dialog h2{font-size:2.8rem}}
@media(max-width:390px){.hero-actions{align-items:start;flex-direction:column}.preview-side{grid-template-columns:1fr}.pet-card .fake-action{margin-left:0}.appbar span:last-child{display:none}.student-quest{flex-direction:column}.footer-inner>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Student demo: the pet and practice controls use fictional, in-page state only. */
.pet-card{display:grid;grid-template-columns:minmax(145px,.82fr) 1fr;gap:14px;padding:13px;background:#f5eff9;border:1px solid #e6d9f0}
.pet-scene{position:relative;min-height:152px;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#f7ede2 0 71%,#d9b8a6 71% 100%)}
.pet-scene-caption{position:absolute;left:12px;top:13px;color:#55405f;font-size:.65rem;font-weight:700;letter-spacing:.02em}
.pet-music{position:absolute;right:20px;top:23px;font-size:1.15rem;color:#8061a6;z-index:1}
.pet-avatar{position:relative;z-index:2;display:grid;place-items:center;width:108px;height:102px;margin-top:27px;border:0;border-radius:50%;background:#f8e2c5;font-size:4.35rem;line-height:1;box-shadow:0 9px 0 #73546328,0 16px 19px #533c4e2b;transition:transform .2s,box-shadow .2s}
.pet-avatar:hover,.pet-avatar:focus-visible{transform:translateY(-5px) rotate(-5deg);box-shadow:0 13px 0 #73546328,0 21px 20px #533c4e2b}
.pet-avatar:active{transform:translateY(2px) scale(.95)}
.pet-info{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}
.pet-info strong{font-size:.9rem;line-height:1.3}
.pet-info>span{font-size:.73rem;line-height:1.5;color:#695b72;min-height:2.2em}
.demo-practice{background:var(--purple);color:#fff;border:0;border-radius:8px;padding:10px 12px;font-size:.7rem;font-weight:700;line-height:1.3;text-align:left}
.demo-practice:hover:not(:disabled){background:#614186}
.demo-practice:disabled{background:#e5d9ee;color:#604a76;cursor:default}
.week-boxes .completed{background:#eae0f3;color:#69488a;border-color:#cbb6e0}
.pet-celebrate .pet-avatar{animation:petHop .6s ease-out}
.pet-celebrate .pet-music{animation:petNote .8s ease-out}
@keyframes petHop{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-18px) rotate(-10deg)}70%{transform:translateY(-5px) rotate(8deg)}}
@keyframes petNote{0%{transform:translateY(8px);opacity:0}55%{opacity:1}100%{transform:translateY(-12px);opacity:1}}
@media(max-width:650px){.pet-card{grid-template-columns:minmax(132px,.8fr) 1fr}.pet-scene{min-height:142px}.pet-avatar{width:92px;height:89px;font-size:3.8rem}.pet-info strong{font-size:.8rem}}
@media(max-width:420px){.pet-card{grid-template-columns:1fr}.pet-scene{min-height:155px}.pet-info{padding:4px 2px 2px}.pet-info>span{min-height:0}}
@media(prefers-reduced-motion:reduce){.pet-avatar{transition:none}.pet-celebrate .pet-avatar,.pet-celebrate .pet-music{animation:none}}
/* Studio pricing */
.pricing-section{padding-block:100px;background:var(--soft);border-block:1px solid var(--border);scroll-margin-top:25px}.trial-banner{margin:32px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:24px;border:1px solid #d7c6e9;background:white;border-radius:16px}.trial-banner strong{color:var(--purple);font-size:1.2rem}.trial-banner>span{font-size:1rem;line-height:1.6}.trial-banner .launch-label{font-size:.875rem;background:var(--soft);padding:7px 12px;border-radius:8px;color:var(--muted)}.plan-finder{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:30px 0}.plan-finder label{font-weight:600}.plan-finder input{width:100px;padding:12px;border:1px solid #9e84b8;border-radius:9px;font:inherit;background:white;color:var(--ink)}.plan-finder input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.plan-finder p{margin:0;color:var(--purple);font-size:.95rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{padding:25px 22px;background:#fff;border:1px solid var(--border);border-radius:16px;min-width:0}.price-card.recommended{border:2px solid var(--purple);padding:24px 21px;box-shadow:0 12px 28px #7853a012}.plan-fit{display:block;min-height:22px;color:var(--purple);font-size:.875rem;font-weight:600;margin-bottom:16px}.price-card h3{font-size:1.4rem;margin-bottom:10px}.price-card p{line-height:1.6;color:var(--muted);font-size:1rem}.price-card .student-limit{font-size:.875rem;min-height:23px}.price-card .plan-price{color:var(--ink);font-size:3rem;font-weight:600;letter-spacing:-.05em;margin:20px 0 12px;white-space:nowrap}.plan-price>span{font-size:1rem;vertical-align:super;letter-spacing:0;margin-right:3px}.plan-price small{font-size:.875rem;letter-spacing:0;color:var(--muted);font-weight:400}.price-card .button{width:100%;padding:13px 12px;min-height:48px;margin:6px 0 20px;font-size:.9rem}.secondary{background:var(--soft);color:var(--purple);border:1px solid #d7c6e9}.price-card ul{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid var(--border);display:grid;gap:12px;font-size:.875rem;line-height:1.6}.price-card li:before{content:'✓';margin-right:7px;color:var(--purple)}.pricing-note{font-size:.875rem;line-height:1.7;color:var(--muted);max-width:760px;margin:25px 0 32px}.pricing-faq{max-width:800px}.pricing-faq details{padding:20px 0;border-top:1px solid #dfd4e9}.pricing-faq summary{cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5}.pricing-faq p{font-size:1rem;color:var(--muted);line-height:1.75;margin:15px 0 0}.signup-dialog>p{line-height:1.7}.test-guide{max-width:720px;padding-block:70px}.test-guide h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:3rem;line-height:1.15;margin-top:22px}.test-guide p,.test-guide li{font-size:1rem;line-height:1.75}.test-guide li{margin-bottom:18px}.test-guide ol{padding-left:24px}.test-notice{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--soft);margin:24px 0}.test-notice p:last-child{margin:0}
@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:18px}.nav nav{gap:18px}}@media(max-width:600px){.pricing-section{padding-block:65px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:24px}.price-card.recommended{padding:23px}.plan-finder p{flex-basis:100%}.trial-banner{padding:20px}.test-guide h1{font-size:2.5rem}}

.arrow-icon{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}.nav-action,.hero-actions .text-link,.footer-inner>a:last-child{white-space:nowrap}

.price-card .plan-trial{color:var(--purple);font-weight:500;margin-bottom:10px}.price-card .button{text-align:center;line-height:1.4}

/* Guided product illustration and policy navigation. */
.hero h1{font-size:clamp(3.3rem,4.7vw,5.2rem)}
.demo-section{padding-block:0 105px;scroll-margin-top:30px}.walkthrough{display:grid;grid-template-columns:1fr 1.6fr;gap:24px;margin-top:32px;border:1px solid var(--border);border-radius:20px;padding:24px;background:var(--soft)}.demo-steps{display:flex;flex-direction:column;gap:12px}.demo-steps button{text-align:left;border:1px solid var(--border);border-radius:12px;background:#fff;padding:22px;color:var(--ink);font-size:1.05rem;line-height:1.5}.demo-steps button span{display:block;font-size:.7rem;letter-spacing:.1em;margin-bottom:6px;color:var(--purple)}.demo-steps button[aria-pressed=true]{background:var(--purple);color:#fff;border-color:var(--purple)}.demo-steps button[aria-pressed=true] span{color:#f1e8fb}.demo-steps button:hover{box-shadow:0 4px 14px #7853a025}.demo-panel{padding:28px;background:white;border:1px solid var(--border);border-radius:14px;min-width:0}.demo-panel h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:2rem;line-height:1.2;margin:14px 0}.demo-panel>p{color:var(--muted);line-height:1.65}.demo-example{padding:22px;background:var(--soft);border-left:3px solid var(--lilac);border-radius:0 12px 12px 0;margin:24px 0}.demo-example>span{font-size:.7rem;letter-spacing:.08em;color:var(--purple);display:block;line-height:1.6}.demo-example strong{display:block;font-weight:500;font-size:1.2rem;line-height:1.5;margin:10px 0}.demo-example p{color:var(--muted);font-size:.9rem;line-height:1.65;margin:0}.demo-panel .demo-caption{font-size:.75rem}.demo-followup{margin:24px 0 0;line-height:2;color:var(--muted)}.demo-followup a{margin-left:8px}.policy-links{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:.84rem;line-height:1.6;color:var(--muted)}.policy-links a{text-decoration:underline;text-underline-offset:4px}.policy-links a:hover{color:var(--purple)}.pricing-policies{margin:-10px 0 30px}.footer-policies{padding-bottom:26px}.demo-panel .button{white-space:normal;text-align:left;line-height:1.5}
@media(max-width:650px){.hero h1{font-size:clamp(3rem,11vw,4.3rem)}.walkthrough{grid-template-columns:1fr;padding:14px;gap:18px}.demo-steps{gap:8px}.demo-steps button{padding:14px 18px}.demo-panel{padding:20px}.demo-section{padding-bottom:75px}.demo-followup a{margin-left:0}.policy-links{gap:14px 22px}}