.flow-landing .student-home-preview.student-showcase{isolation:isolate;color:#fffdf2;background:radial-gradient(at 78% 17%,#43644580,#0000 45%),linear-gradient(145deg,#113d33,#0b2926 70%);border:1px solid #527b68;border-radius:1.15rem;width:100%;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden;box-shadow:0 20px 48px #132e2426,inset 0 1px #fff6}.student-showcase:before{z-index:-1;background-image:linear-gradient(#b1dab407 1px,#0000 1px),linear-gradient(90deg,#b1dab407 1px,#0000 1px);background-size:28px 28px}.student-showcase .showcase-topline,.student-showcase .showcase-bottomline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:1rem 1.3rem;font-size:.67rem;line-height:1.5;display:flex}.student-showcase .showcase-topline{color:#edf2db;letter-spacing:.03em;border-bottom:1px solid #bddac525}.showcase-topline>span:first-child,.showcase-bottomline>span:first-child{align-items:center;gap:.55rem;display:inline-flex}.student-showcase .showcase-topline i,.student-showcase .showcase-bottomline i{background:#a3e6b4;border-radius:50%;width:.4rem;height:.4rem;display:block;box-shadow:0 0 12px #a3e6b466}.showcase-level{color:#e1ce95;text-transform:uppercase;letter-spacing:.08em;border:1px solid #afcbb249;border-radius:999px;padding:.15rem .6rem;font-size:.61rem}.showcase-welcome{grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:1.25rem;padding:1.8rem 1.6rem 1.6rem;display:grid}.showcase-eyebrow{color:#d3dda9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem;font-size:.61rem;font-weight:650;line-height:1.6;display:block}.flow-landing .student-showcase .showcase-welcome h3{color:#fffaf0;letter-spacing:-.045em;text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.85rem,2.8vw,2.6rem);font-weight:400;line-height:1.08}.flow-landing .showcase-welcome-copy>p{color:#d6e0d4;max-width:27ch;margin:.85rem 0 0;font-size:.8rem;line-height:1.65}.showcase-book-scene{perspective:700px;padding:.3rem .4rem .6rem;position:relative}.showcase-book-shadow{filter:blur(12px);background:#030f0ba3;position:absolute;inset:12% 0 0;transform:rotate(-6deg)translate(10px,10px)}.showcase-book{color:#174838;background:linear-gradient(110deg,#f6efd6,#e3dab3);border:1px solid #c8b578;border-left:5px solid #bdab71;border-radius:2px 5px 5px 2px;flex-direction:column;min-height:180px;padding:.9rem .9rem .8rem 1.15rem;display:flex;position:relative;transform:rotate(-7deg)rotateY(-10deg);box-shadow:3px 3px #d8cdab,5px 5px #efe9d9,8px 12px 20px #0615114d}.showcase-book:after{content:"";pointer-events:none;border:1px solid #88885c60;position:absolute;inset:.38rem}.showcase-book-brand{letter-spacing:.12em;font-size:.46rem;font-weight:700;position:relative}.showcase-book>svg{color:#6c8050;width:100%;max-height:79px;margin:.25rem 0}.showcase-book>strong{letter-spacing:-.025em;font-family:Georgia,serif;font-size:1rem;font-weight:400;line-height:1.12}.showcase-book>small{letter-spacing:.08em;margin-top:.6rem;font-size:.33rem;font-weight:650}.showcase-lesson{background:#fffdf5;border:1px solid #ffffff21;border-radius:.7rem;margin:0 .9rem;overflow:hidden;box-shadow:0 8px 20px #04140f33}.showcase-lesson-heading{color:#325447;background:#edf0e4;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .8rem;padding:.85rem 1rem .65rem;font-size:.72rem;font-weight:700;display:flex}.showcase-lesson-heading>small{color:#496453;font-size:.6rem;font-weight:400}.showcase-step-buttons{background:#edf0e4;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:0 .6rem .6rem;display:grid}.student-showcase .showcase-step-buttons button{color:#365245;min-width:0;min-height:58px;font:inherit;text-align:left;cursor:pointer;background:#fffdf5;border:1px solid #c3cfbd;border-radius:.4rem;align-items:center;gap:.4rem;padding:.65rem .5rem;transition:background-color .18s,box-shadow .18s;display:flex;position:relative}.student-showcase .showcase-step-buttons button:hover{background:#f5f4e6;box-shadow:0 2px 5px #193e3214}.student-showcase .showcase-step-buttons button[aria-pressed=true]{color:#fffdf0;background:#194737;border-color:#194737;box-shadow:0 3px 7px #0c2e2721}.flow-landing .student-showcase .showcase-step-buttons button:focus-visible{outline-offset:-4px;outline:3px solid #945915}.student-showcase .showcase-step-buttons button[aria-pressed=true]:focus-visible{outline-color:#ffe5a7}.showcase-step-buttons button>svg{flex-shrink:0;width:20px;height:20px}.showcase-step-buttons button>span{min-width:0;font-size:.8rem;font-weight:650;line-height:1.3}.showcase-step-buttons button small{margin-top:.2rem;font-size:.57rem;font-weight:400;line-height:1.4;display:block}.showcase-step-buttons button>b{opacity:.7;font-size:.46rem;font-weight:500;position:absolute;top:.3rem;right:.4rem}.showcase-sample-panel{color:#153d31;min-height:251px;padding:1.2rem 1.1rem 1.15rem}.showcase-panel-eyebrow{color:#596944;letter-spacing:.075em;text-transform:uppercase;margin-bottom:.45rem;font-size:.62rem;font-weight:700;display:block}.flow-landing .showcase-sample-panel h4{color:#183d31;text-wrap:pretty;max-width:29ch;font-family:Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.25}.flow-landing .showcase-sample-panel>p{color:#456151;margin:.55rem 0 .95rem;font-size:.8rem;line-height:1.6}.showcase-takeaway{background:#f2efe0;border-left:2px solid #b79a51;border-radius:0 .35rem .35rem 0;align-items:flex-start;gap:.7rem;padding:.75rem .8rem;display:flex}.showcase-takeaway>svg{color:#5f7549;flex:0 0 19px;width:19px;height:19px;margin-top:.1rem}.showcase-takeaway strong{color:#53633e;font-size:.63rem;font-weight:650;display:block}.flow-landing .showcase-takeaway p{color:#2d493a;margin:.25rem 0 0;font-size:.75rem;line-height:1.5}.student-showcase .showcase-bottomline{color:#c7d7be;padding:.85rem 1.15rem .95rem;font-size:.6rem}@media (max-width:1100px) and (min-width:901px){.showcase-welcome{grid-template-columns:minmax(0,1fr) 125px;gap:.75rem;padding-inline:1.25rem}.showcase-step-buttons button>svg{display:none}.showcase-sample-panel{min-height:275px}}@media (max-width:650px){.student-showcase .showcase-topline{padding:.85rem 1rem;font-size:.61rem}.showcase-welcome{grid-template-columns:minmax(0,1fr) 118px;gap:.6rem;padding:1.4rem 1.1rem}.showcase-eyebrow{font-size:.55rem}.flow-landing .student-showcase .showcase-welcome h3{font-size:1.95rem}.flow-landing .showcase-welcome-copy>p{font-size:.74rem}.showcase-book{min-height:162px;padding:.85rem .7rem .65rem .9rem}.showcase-book>strong{font-size:.86rem}.showcase-book>svg{max-height:62px}.showcase-book-brand{font-size:.37rem}.showcase-book>small{font-size:.29rem}.showcase-lesson{margin-inline:.6rem}.showcase-step-buttons{gap:.3rem;padding-inline:.4rem}.student-showcase .showcase-step-buttons button{text-align:center;justify-items:center;gap:.35rem;padding:.65rem .25rem;display:grid}.showcase-step-buttons button>span{font-size:.76rem}.showcase-step-buttons button small{display:none}.showcase-sample-panel{min-height:280px;padding:1rem .9rem}.student-showcase .showcase-bottomline{text-align:center;justify-content:center;gap:.25rem 1rem;padding-inline:.8rem}}@media (max-width:380px){.showcase-welcome{grid-template-columns:minmax(0,1fr) 94px;gap:.45rem;padding-inline:.9rem}.flow-landing .student-showcase .showcase-welcome h3{font-size:1.65rem}.showcase-book{min-height:142px;padding-inline:.6rem .5rem}.showcase-book>strong{font-size:.77rem}.showcase-book>small{letter-spacing:0;font-size:.26rem}.showcase-book>svg{max-height:52px}.showcase-sample-panel{min-height:315px}}@media (prefers-reduced-motion:reduce){.student-showcase .showcase-step-buttons button{transition:none}}
