/* Public Tutor feature page; the live learning workspace remains unchanged. */
.tutor-feature-page{--ink:#14231d;--muted:#53645c;--green:#08784f;--line:#dfe7df;background:#f8f7f1;color:var(--ink)}
.tutor-feature-page .wrap{width:min(1320px,calc(100% - 56px));max-width:none}
.tutor-feature-page .site-intro{padding:44px 0 46px;background:linear-gradient(90deg,#031d17f2,#05271edf 55%,#062c20c7),url('/assets/home-cinematic-workspace.webp') center 48%/cover no-repeat;color:#fff}
.tutor-feature-page .site-intro .eyebrow{color:#8ce6b7;font-size:11px;letter-spacing:.17em;margin-bottom:14px}
.tutor-feature-page .site-intro h1{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;max-width:950px}
.tutor-feature-page .site-intro h1 em{color:#88e1ba}
.tutor-feature-page .site-intro p:last-child{color:#d5e5d9;font-size:19px;line-height:1.6;margin-top:16px;max-width:740px}
.tutor-feature-page .tf-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.tutor-feature-page .button{min-height:46px;padding:13px 20px;border:1px solid #0b8b5c;border-radius:9px;background:#078252;color:#fff;font:800 13px/1.3 Manrope,Arial,sans-serif;box-shadow:0 8px 18px #001b1326;white-space:normal}
.tutor-feature-page .button:hover{background:#065f3e}
.tutor-feature-page .tf-secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:12px 18px;border:1px solid #85b39a;border-radius:9px;color:#effff4;font-size:13px;font-weight:700}
.tutor-feature-page .tf-secondary:hover{background:#ffffff12}
.tutor-feature-page .tutor-feature-content{max-width:1200px;padding-bottom:36px}
.tutor-feature-page .tf-section{padding:36px 0;border-bottom:1px solid var(--line)}
.tutor-feature-page .tf-section .eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:12px}
.tutor-feature-page h2{font-size:clamp(27px,3vw,38px);line-height:1.16;letter-spacing:-.04em;overflow-wrap:anywhere}
.tutor-feature-page h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}
.tutor-feature-page .tf-lead{max-width:820px;font-size:16px;line-height:1.65;color:var(--muted);margin-top:15px}
.tutor-feature-page .tf-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:45px;align-items:center}
.tutor-feature-page .tf-context-points{display:grid;gap:15px}
.tutor-feature-page .tf-context-points p{display:grid;grid-template-columns:34px minmax(0,1fr);gap:3px 13px}
.tutor-feature-page .tf-context-points span{grid-row:1/3;display:grid;place-items:center;align-self:start;width:34px;height:34px;background:#eaf4ed;border:1px solid #c7ddce;border-radius:9px;color:#08774e;font-size:11px;font-weight:700}
.tutor-feature-page .tf-context-points strong{font-size:15px}
.tutor-feature-page .tf-context-points small{color:var(--muted);font-size:13px;line-height:1.5}
.tutor-feature-page .tf-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.tutor-feature-page .tf-capabilities article{padding:23px;min-width:0;border:1px solid #dce7de;border-radius:14px;background:#fffef9;box-shadow:0 8px 24px #173d2309}
.tutor-feature-page .tf-capabilities article>span{font-size:11px;font-weight:700;color:#08774e}
.tutor-feature-page .tf-capabilities h3{margin-top:12px}
.tutor-feature-page .tf-capabilities p{font-size:14px;line-height:1.55;color:var(--muted);margin-top:10px}
.tutor-feature-page .tf-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:23px}
.tutor-feature-page .tf-section-heading>p{max-width:310px;font-size:14px;line-height:1.55;color:var(--muted)}
.tutor-feature-page .tf-preview{margin:0;padding:10px;border:1px solid #407456;border-radius:20px;background:linear-gradient(135deg,#12392a,#20503a);box-shadow:0 18px 40px #12372920}
.tutor-feature-page .tf-preview .pbc-tutor-workspace{position:relative;inset:auto;top:auto;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:600px;max-height:none;margin:0;border-radius:13px;box-shadow:none}
.tutor-feature-page .tf-preview .tw-header{position:relative;background:linear-gradient(120deg,#063d2d,#0e563c)}
.tutor-feature-page .tf-preview .tw-header h2{font-size:19px;letter-spacing:-.03em;color:#fff}
.tutor-feature-page .tf-preview .tw-sidebar h3{font-size:14px}
.tutor-feature-page .tf-preview .tw-sidebar{overflow:hidden}
.tutor-feature-page .tf-preview .tw-welcome h3{font-size:26px}
.tutor-feature-page .tf-preview .tw-context small{color:#08774e}
.tutor-feature-page .tf-preview figcaption{color:#d4e7d9;font-size:12px;line-height:1.5;padding:12px 7px 3px}
.tutor-feature-page .tf-continuity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:24px}
.tutor-feature-page .tf-continuity p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}
.tutor-feature-page .tf-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.tutor-feature-page .tf-comparison-grid article{min-width:0;padding:27px;border:1px solid #dce7de;border-radius:15px;background:#fffef9}
.tutor-feature-page .tf-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#53645c}
.tutor-feature-page .tf-comparison-grid h3{margin-top:13px}
.tutor-feature-page .tf-comparison-grid p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:11px}
.tutor-feature-page .tf-comparison-grid ul{padding-left:20px;margin:16px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
.tutor-feature-page .tf-comparison-grid .tf-focused{background:linear-gradient(135deg,#12392a,#20503a);border-color:#407456;color:#fff}
.tutor-feature-page .tf-focused .tf-label{color:#9ce3b8}
.tutor-feature-page .tf-focused p,.tutor-feature-page .tf-focused ul{color:#d4e7d9}
.tutor-feature-page .tf-access{border-bottom:0}
.tutor-feature-page .tf-support-note{max-width:820px;margin-top:17px;padding:15px 18px;border-left:3px solid #8bbf9b;background:#edf5eb;color:#53645c;font-size:14px;line-height:1.6}
.tutor-feature-page .tf-final{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:32px;border:1px solid #407456;border-radius:18px;background:linear-gradient(135deg,#12392a,#20503a);color:#fff}
.tutor-feature-page .tf-final .eyebrow{font-size:11px;color:#9ce3b8;margin-bottom:12px}
.tutor-feature-page .tf-final p:not(.eyebrow){font-size:15px;line-height:1.6;color:#d4e7d9;max-width:650px;margin-top:14px}
.tutor-feature-page .tf-final-actions{display:grid;gap:10px}
.tutor-feature-page .tf-final .button{background:#a2f3c8;border-color:#a1dfba;color:#07593b}
.tutor-feature-page .tf-final .button:hover{background:#c4f8da}
.tutor-feature-page a:focus-visible{outline:3px solid #19845c;outline-offset:4px}
.tutor-feature-page .site-intro a:focus-visible,.tutor-feature-page .tf-final a:focus-visible{outline-color:#c4f8da}
@media(max-width:1000px){.tutor-feature-page .tf-context{gap:28px}.tutor-feature-page .tf-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.tutor-feature-page .tf-final{grid-template-columns:1fr}.tutor-feature-page .tf-final-actions{display:flex;flex-wrap:wrap;gap:12px}.tutor-feature-page .tf-preview .tw-sidebar-open .tw-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.tutor-feature-page .tf-preview .tw-sidebar{display:none}.tutor-feature-page .tf-preview .tw-sidebar-open .tw-layout{grid-template-columns:1fr}.tutor-feature-page .tf-preview .tw-header{gap:8px;padding:12px}.tutor-feature-page .tf-preview .tw-header h2{font-size:16px}.tutor-feature-page .tf-preview .tw-history-toggle{font-size:12px}.tutor-feature-page .tf-preview .tw-header .tw-back{font-size:12px}.tutor-feature-page .tf-preview .pbc-tutor-workspace{height:610px}.tutor-feature-page .tf-section-heading{display:block}.tutor-feature-page .tf-section-heading>p{max-width:600px;margin-top:13px}}
@media(max-width:620px){
 .tutor-feature-page .wrap{width:calc(100% - 32px)}
 .tutor-feature-page .site-intro{padding:30px 0 32px}
 .tutor-feature-page .site-intro p:last-child{font-size:17px}
 .tutor-feature-page .tf-section{padding:28px 0}
 .tutor-feature-page .tf-context,.tutor-feature-page .tf-continuity,.tutor-feature-page .tf-comparison-grid{grid-template-columns:1fr;gap:22px}
 .tutor-feature-page .tf-lead{font-size:15px}
 .tutor-feature-page .tf-capabilities{gap:12px}
 .tutor-feature-page .tf-capabilities article{padding:18px 15px}
 .tutor-feature-page .tf-capabilities h3{font-size:18px}
 .tutor-feature-page .tf-capabilities p{font-size:13px}
 .tutor-feature-page .tf-preview{padding:6px;border-radius:16px}
 .tutor-feature-page .tf-preview .tw-header{flex-wrap:wrap;justify-content:space-between}
 .tutor-feature-page .tf-preview .tw-brand{order:-1;width:100%}
 .tutor-feature-page .tf-preview .tw-header h2{font-size:17px}
 .tutor-feature-page .tf-preview .tw-welcome h3{font-size:22px}
 .tutor-feature-page .tf-comparison-grid article{padding:23px}
 .tutor-feature-page .tf-final{padding:25px 22px;gap:22px}
 .tutor-feature-page .tf-final-actions{display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.tutor-feature-page .button{transition:none}.tutor-feature-page .button:hover{transform:none}}
