.try-demo-page{min-height:100vh;background:var(--paper);color:var(--ink)}
.try-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 max(calc((100vw - 1180px)/2),5vw);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px)}
.try-header nav,.try-header-actions{display:flex;align-items:center;gap:26px}.try-header nav a,.try-signin{color:var(--muted);font-size:12px;font-weight:600}.try-header nav a:hover,.try-signin:hover{color:#347b5b}.try-header .theme-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink)}
.try-language{padding:8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.try-language:hover{color:#347b5b}
.try-main{max-width:1180px;margin:0 auto;padding:46px 26px 20px}.try-eyebrow{display:flex;align-items:center;gap:12px;color:#548264;font-size:9px;font-weight:800;letter-spacing:.16em}.try-eyebrow i{height:1px;flex:1;background:var(--line)}.try-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:30px 0 28px}.try-intro h1{margin:11px 0 13px;color:var(--ink);font:800 clamp(36px,5.4vw,62px)/1.03 var(--display);letter-spacing:-.065em}.try-intro h1 span{color:#43865f}.try-intro>div:first-child>p{max-width:690px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.try-intro-note{display:flex;align-items:center;gap:12px;flex:none;padding:14px 17px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.try-intro-note>span{color:#43865f;font-size:24px}.try-intro-note p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.try-intro-note b{color:var(--ink)}
.graph-lab{padding:clamp(18px,3vw,32px);border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:0 18px 55px #2036220c}.graph-lab-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.graph-lab-heading h2{margin:7px 0 0;color:var(--ink);font:800 clamp(20px,2.5vw,28px)/1.2 var(--display);letter-spacing:-.04em}.graph-lab-heading .section-kicker{color:#548264}.graph-lab-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.graph-lab-status i{width:7px;height:7px;border-radius:50%;background:#4fa876;box-shadow:0 0 0 4px #4fa87620}
.graph-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:22px 0 14px}.graph-demo-tab{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:9px;min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.graph-demo-tab:hover{transform:translateY(-1px);border-color:#91b99a}.graph-demo-tab.is-active{border-color:#54946a;background:#edf6ec;box-shadow:0 0 0 2px #54946a1c}.graph-demo-tab>span{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e1eee0;color:#347b5b;font-size:19px}.graph-demo-tab b{font-size:11px}.graph-demo-tab small{color:var(--muted);font-size:8px}
.graph-lab-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.95fr);gap:13px}.graph-stage{min-width:0;overflow:hidden;border:1px solid #263043;border-radius:14px;background:#090b14;color:#dce7f5}.graph-stage-top{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #ffffff13;color:#40d9a0;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.graph-stage-top span:last-child{color:#a7b6ca}.graph-stage canvas{display:block;width:100%;height:350px;touch-action:none;cursor:crosshair}.graph-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #ffffff13;color:#a7b6ca;font-size:9px}.graph-stage-footer button{padding:8px 10px;border:1px solid #38bd8d66;border-radius:8px;background:#12352c;color:#b8f4dc;font-size:9px;font-weight:700;white-space:nowrap}.graph-stage-footer button:hover{background:#18513d}.graph-controls{display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 70%,var(--white))}.graph-expression{padding:3px 2px 10px;border-bottom:1px solid var(--line)}.graph-expression>span{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.14em}.graph-expression strong{display:block;margin:8px 0;color:#347b5b;font:700 15px ui-monospace,SFMono-Regular,Consolas,monospace}.graph-expression small{color:var(--muted);font-size:8px}.graph-slider{display:block;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.graph-slider>span{display:flex;align-items:center;justify-content:space-between}.graph-slider b{color:var(--ink);font:800 12px ui-monospace,monospace}.graph-slider output{color:#347b5b;font:700 10px ui-monospace,monospace}.graph-slider input{display:block;width:100%;height:16px;margin:5px 0 1px;accent-color:#348a64;cursor:pointer}.graph-slider small{color:var(--muted);font-size:8px}.graph-reset{min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--muted);font-size:9px;font-weight:700}.graph-reset:hover{border-color:#72a17e;color:#347b5b}.graph-step-row{display:flex;align-items:center;gap:14px;padding:14px 1px;border-bottom:1px solid var(--line)}.graph-step-row button{flex:none;padding:9px 12px;border:0;border-radius:8px;background:#347b5b;color:#fff;font-size:10px;font-weight:700}.graph-step-row p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.graph-check{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 1px 4px}.graph-check .section-kicker{display:block;margin-bottom:7px;color:#548264}.graph-check>div:first-child>b{color:var(--ink);font-size:11px}.graph-answer-actions{display:flex;gap:6px}.graph-answer-actions button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font-size:9px;font-weight:700}.graph-answer-actions button:hover{border-color:#4c956a;background:#edf6ec}.graph-check>p{grid-column:1/-1;min-height:14px;margin:0;color:#347b5b;font-size:9px}.graph-disclaimer{margin:12px 0 0;color:var(--muted);font-size:8px}.try-bottom-cta{display:flex;align-items:center;justify-content:center;gap:18px;padding:34px 0}.try-bottom-cta p{margin:0;color:var(--muted);font-size:12px}.try-bottom-cta .button{text-decoration:none}.try-footer{display:flex;justify-content:space-between;max-width:1180px;margin:0 auto;padding:16px 26px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.try-footer a:hover{color:#347b5b}
html[data-theme="dark"] .try-header{border-color:#3a4b3d}html[data-theme="dark"] .try-intro h1 span{color:#9acb9a}html[data-theme="dark"] .try-intro-note,html[data-theme="dark"] .graph-lab{border-color:#3a4b3d;background:#1c251e;box-shadow:0 18px 55px #0002}html[data-theme="dark"] .graph-demo-tab{border-color:#3a4b3d;background:#202b22;color:#edf3eb}html[data-theme="dark"] .graph-demo-tab.is-active{border-color:#70a878;background:#26372a}html[data-theme="dark"] .graph-demo-tab>span{background:#2c4432;color:#a9d1a1}html[data-theme="dark"] .graph-controls{border-color:#3a4b3d;background:#121914}html[data-theme="dark"] .graph-slider,html[data-theme="dark"] .graph-reset,html[data-theme="dark"] .graph-answer-actions button{border-color:#3a4b3d;background:#202b22;color:#edf3eb}html[data-theme="dark"] .graph-answer-actions button:hover{border-color:#70a878;background:#26372a}html[data-theme="dark"] .graph-step-row{border-color:#3a4b3d}
@media(max-width:760px){.try-header{min-height:62px;padding:0 18px}.try-header nav{display:none}.try-header-actions{gap:12px}.try-main{padding:32px 16px 10px}.try-intro{display:block;padding:26px 0 22px}.try-intro-note{display:inline-flex;margin-top:18px}.graph-lab{padding:16px;border-radius:17px}.graph-demo-tabs{grid-template-columns:1fr;gap:7px;margin:17px 0 12px}.graph-demo-tab{min-height:54px}.graph-lab-grid{grid-template-columns:1fr}.graph-stage canvas{height:300px}.graph-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.graph-expression,.graph-reset{grid-column:1/-1}.graph-slider{min-width:0}.graph-step-row{align-items:flex-start}.graph-check{grid-template-columns:1fr}.graph-answer-actions{flex-wrap:wrap}.try-bottom-cta{flex-direction:column;gap:11px}.try-footer{padding-right:16px;padding-left:16px}}
@media(prefers-reduced-motion:reduce){.graph-demo-tab,.button{transition:none}}
.graph-slider[hidden]{display:none}
.demo-course-map{padding:48px 0 12px}.demo-course-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.demo-course-heading .section-kicker{color:#548264}.demo-course-heading h2{margin:8px 0;color:var(--ink);font:800 clamp(25px,3.5vw,38px)/1.12 var(--display);letter-spacing:-.05em}.demo-course-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.demo-course-total{flex:none;padding:9px 12px;border:1px solid var(--line);border-radius:20px;background:var(--white);color:#43865f;font-size:9px;font-weight:800}.demo-domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-domain-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 12px 35px #2036220a}.domain-visual{position:relative;height:185px;display:grid;place-items:center;overflow:hidden;margin-bottom:13px;border:1px solid var(--line);border-radius:14px;background:#f5f8f4}.domain-visual-caption{position:absolute;right:10px;bottom:8px;padding:5px 8px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--muted);font-size:8px}.equation-steps{display:flex;width:84%;flex-direction:column;align-items:center;gap:7px;color:var(--ink);font:500 clamp(11px,1.4vw,15px) ui-monospace,SFMono-Regular,Consolas,monospace}.equation-steps>div{display:flex;justify-content:space-around;width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--white)}.equation-steps>div b{color:#43865f}.equation-steps>i{padding:3px 10px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--muted);font-size:9px;font-style:normal}.equation-steps .equation-answer{border-color:#b9d9bf;background:#e7f5e8;animation:answer-glow 2.8s ease-in-out infinite}.domain-advanced svg,.domain-geometry svg{width:100%;height:100%}.domain-grid-line{fill:none;stroke:#dfe6df;stroke-width:1}.domain-axis{fill:none;stroke:#9ca89d;stroke-width:1.5}.domain-curve{fill:none;stroke:url(#demoCurve);stroke-width:4;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;animation:draw-curve 3.3s ease-in-out infinite alternate}.domain-tracer{fill:#d88844;stroke:#fff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:trace-vertex 3.3s ease-in-out infinite alternate}.data-bars{display:flex;align-items:flex-end;justify-content:center;gap:13px;width:65%;height:70%;padding-bottom:10px;border-bottom:2px solid #98a798}.data-bars i{width:9%;height:var(--bar);border-radius:5px 5px 0 0;background:linear-gradient(#79b583,#3e8a62);transform-origin:bottom;animation:bar-grow 2.5s ease-in-out infinite alternate}.data-bars i:nth-child(2n){animation-delay:.3s}.data-bars i:nth-child(3n){animation-delay:.6s}.geometry-shape{fill:#dff1e3aa;stroke:#43865f;stroke-width:3}.geometry-arc{fill:none;stroke:#db9c4f;stroke-width:3}.geometry-point{fill:#43865f}.domain-geometry text{fill:#bf8444;font:16px var(--font)}.domain-tag{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.12em}.demo-domain-card h3{margin:10px 0 7px;color:var(--ink);font:800 20px/1.2 var(--display);letter-spacing:-.035em}.demo-domain-card>p{min-height:38px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.domain-meta{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 9px;padding-top:12px;border-top:1px solid var(--line)}.domain-meta>span{padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:8px}.domain-meta b{color:var(--ink);font-size:9px}.domain-meta i{font-style:normal}.domain-lessons{border-top:1px solid var(--line)}.domain-lessons summary{display:flex;align-items:center;justify-content:space-between;padding:10px 1px 2px;color:#4d8a60;font-size:9px;font-weight:800;cursor:pointer;list-style:none}.domain-lessons summary::-webkit-details-marker{display:none}.domain-lessons summary>span:last-child{transition:transform .2s}.domain-lessons[open] summary>span:last-child{transform:rotate(180deg)}.domain-lessons ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:10px 0 2px;padding-left:18px;color:var(--muted);font-size:9px;line-height:1.5}.domain-lessons li::marker{color:#55936a}.demo-domain-note{margin:13px 0 0;color:var(--muted);font-size:8px;text-align:center}
@keyframes draw-curve{to{stroke-dashoffset:0}}@keyframes trace-vertex{to{transform:translate(70px,-20px)}}@keyframes bar-grow{to{transform:scaleY(.58)}}@keyframes answer-glow{50%{box-shadow:0 0 0 4px #68a87922}}
html[data-theme="dark"] .demo-domain-card{border-color:#3a4b3d;background:#1c251e;box-shadow:0 18px 55px #0002}html[data-theme="dark"] .demo-course-total{border-color:#3a4b3d;background:#1c251e;color:#a9d1a1}html[data-theme="dark"] .domain-visual{border-color:#3a4b3d;background:#172019}html[data-theme="dark"] .domain-visual-caption{border-color:#3a4b3d;background:#202b22;color:#b3c0b2}html[data-theme="dark"] .equation-steps>div{border-color:#3a4b3d;background:#202b22;color:#edf3eb}html[data-theme="dark"] .equation-steps .equation-answer{border-color:#4f7956;background:#263a2a}html[data-theme="dark"] .equation-steps>i{border-color:#3a4b3d;background:#121914;color:#b3c0b2}html[data-theme="dark"] .domain-grid-line{stroke:#344338}html[data-theme="dark"] .domain-axis{stroke:#819184}html[data-theme="dark"] .domain-geometry text{fill:#e8bb7a}html[data-theme="dark"] .geometry-shape{fill:#294332}html[data-theme="dark"] .demo-domain-card .domain-meta>span{border-color:#3a4b3d}html[data-theme="dark"] .domain-lessons{border-color:#3a4b3d}
@media(max-width:760px){.demo-course-map{padding-top:34px}.demo-course-heading{align-items:flex-start;flex-direction:column;gap:10px}.demo-domain-grid{grid-template-columns:1fr}.domain-visual{height:170px}.domain-lessons ol{grid-template-columns:1fr}}
.domain-information{background:linear-gradient(145deg,#f5faf4,#edf5ed)}.evidence-chart{display:grid;gap:12px;width:78%;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.evidence-row{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:8px;color:var(--muted);font-size:8px}.evidence-row i{height:10px;overflow:hidden;border-radius:8px;background:#e7eee7}.evidence-row i:after{display:block;width:var(--evidence);height:100%;border-radius:inherit;background:linear-gradient(90deg,#55a9d6,#61b98b);content:'';transform-origin:left;animation:evidence-grow 2.2s ease-in-out infinite alternate}.evidence-row:nth-child(2) i:after{animation-delay:.35s}.evidence-row:nth-child(3) i:after{animation-delay:.7s}.evidence-row b{color:#42865c;font:700 8px ui-monospace,monospace}.evidence-conclusion{padding:8px;border-radius:8px;background:#e9f5ec;color:#488768;font-size:8px;text-align:center;animation:conclusion-pulse 3s ease-in-out infinite}.domain-craft{background:linear-gradient(145deg,#f6f8fc,#eef2f8)}.word-card{display:grid;gap:5px;width:76%;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.word-card>b{justify-self:center;padding:4px 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font:800 18px var(--display);animation:word-pop 2.5s ease-in-out infinite}.word-choice{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:7px}.word-choice small{opacity:.8}.word-choice.is-correct{border-color:#bfdfc7;background:#e8f6ed;color:#315c40;animation:correct-pulse 2.5s ease-in-out infinite}.domain-expression{align-content:center;gap:9px;padding:14px;background:linear-gradient(145deg,#f8f9f6,#edf5ef)}.sentence-compare{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:7px;width:100%}.sentence-chip{min-height:44px;display:grid;place-items:center;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font-size:8px;text-align:center}.sentence-compare>b{display:grid;place-items:center;width:25px;height:25px;border:1px dashed #86c9aa;border-radius:50%;color:#43865f;animation:question-bob 1.8s ease-in-out infinite}.transition-options{display:flex;flex-wrap:wrap;gap:5px}.transition-options i{padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--muted);font-size:7px;font-style:normal}.transition-options i.is-correct{border-color:#bfdfc7;background:#e8f6ed;color:#347b5b;animation:correct-pulse 2.3s ease-in-out infinite}.domain-conventions{background:linear-gradient(145deg,#f8f8f4,#edf3ea)}.edit-example{display:grid;gap:6px;width:82%;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.edit-example>div{padding:6px 8px;border-radius:8px;background:var(--paper)}.edit-example span{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.edit-example p{margin:4px 0 0;color:var(--ink);font-size:8px;line-height:1.45}.edit-example>div:first-child p b{color:#bc6d61;text-decoration:line-through}.edit-fixed{border:1px solid #c5e1ca;background:#eaf5ec!important;animation:correct-pulse 2.4s ease-in-out infinite}.edit-fixed p b{color:#347b5b}.edit-arrow{color:#57956b;font-size:12px;text-align:center;animation:question-bob 1.8s ease-in-out infinite}
@keyframes evidence-grow{from{transform:scaleX(.55)}to{transform:scaleX(1)}}@keyframes conclusion-pulse{50%{box-shadow:0 0 0 3px #60a97422}}@keyframes word-pop{50%{transform:translateY(-2px);box-shadow:0 5px 14px #38795018}}@keyframes correct-pulse{50%{box-shadow:0 0 0 3px #5baa6a1c}}@keyframes question-bob{50%{transform:translateY(-3px)}}
html[data-theme="dark"] .domain-information{background:linear-gradient(145deg,#172019,#1c2a20)}html[data-theme="dark"] .evidence-chart,html[data-theme="dark"] .word-card,html[data-theme="dark"] .sentence-chip,html[data-theme="dark"] .transition-options i,html[data-theme="dark"] .edit-example{border-color:#3a4b3d;background:#202b22;color:#edf3eb}html[data-theme="dark"] .evidence-row i{background:#304333}html[data-theme="dark"] .evidence-conclusion,html[data-theme="dark"] .word-choice.is-correct,html[data-theme="dark"] .transition-options i.is-correct,html[data-theme="dark"] .edit-fixed{border-color:#4b7152;background:#263a2a!important;color:#c9e7c8}html[data-theme="dark"] .domain-craft,html[data-theme="dark"] .domain-expression,html[data-theme="dark"] .domain-conventions{background:linear-gradient(145deg,#172019,#1d2920)}html[data-theme="dark"] .sentence-compare>b{border-color:#4b7152;color:#a9d1a1}html[data-theme="dark"] .edit-example>div{background:#19231b}html[data-theme="dark"] .edit-example p,html[data-theme="dark"] .sentence-chip,html[data-theme="dark"] .word-card>b{color:#edf3eb}
@media(prefers-reduced-motion:reduce){.evidence-row i:after,.evidence-conclusion,.word-card>b,.word-choice.is-correct,.sentence-compare>b,.transition-options i.is-correct,.edit-fixed,.edit-arrow{animation:none}}
/* A quiet motion cue brings the geometry model to life without moving its angles. */
.domain-geometry .geometry-shape{stroke-dasharray:360;stroke-dashoffset:0;transform-box:fill-box;transform-origin:center;animation:triangle-draw 4.8s ease-in-out infinite alternate}
.domain-geometry .geometry-arc{stroke-dasharray:48;stroke-dashoffset:0;transform-box:fill-box;transform-origin:0% 100%;animation:angle-highlight 2.8s ease-in-out infinite alternate}
.domain-geometry .geometry-point{transform-box:fill-box;transform-origin:center;animation:vertex-pulse 2.4s ease-in-out infinite}
.domain-geometry .geometry-point:nth-of-type(2){animation-delay:.22s}
.domain-geometry .geometry-point:nth-of-type(3){animation-delay:.44s}
@keyframes triangle-draw{0%{stroke-dashoffset:360;transform:translateY(3px);fill-opacity:.08}60%,100%{stroke-dashoffset:0;transform:translateY(0);fill-opacity:.48}}
@keyframes angle-highlight{0%{stroke-dashoffset:48;opacity:.55}100%{stroke-dashoffset:0;opacity:1}}
@keyframes vertex-pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}}
@media(prefers-reduced-motion:reduce){.domain-geometry .geometry-shape,.domain-geometry .geometry-arc,.domain-geometry .geometry-point{animation:none}}