@font-face{font-family:mcdUI;font-style:normal;font-weight:300;src:url(/fonts/Roboto-Light.woff2) format("woff2");font-display:swap}@font-face{font-family:mcdUI;font-style:normal;font-weight:400;src:url(/fonts/Roboto-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:mcdUI;font-style:italic;font-weight:400;src:url(/fonts/Roboto-Italic.woff2) format("woff2");font-display:swap}@font-face{font-family:mcdUI;font-style:normal;font-weight:500;src:url(/fonts/Roboto-Medium.woff2) format("woff2");font-display:swap}@font-face{font-family:mcdUI;font-style:normal;font-weight:700;src:url(/fonts/Roboto-Bold.woff2) format("woff2");font-display:swap}@font-face{font-family:"STIX Two Math";font-style:normal;font-weight:400;src:url(/fonts/STIXTwoMath.woff2) format("woff2");font-display:swap}:root{--font-sans: mcdUI, system-ui, -apple-system, Segoe UI, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--bg: #ffffff;--bg-alt: #f3f6f7;--bg-sunken: #eef2f3;--ink: #0b1620;--muted: #51646d;--line: rgba(11, 22, 32, .12);--teal: #0a5d76;--teal-bright:#0c7493;--blue: #01579b;--accent: #c05607;--accent-ink:#9c4504;--card: #ffffff;--shadow: 0 1px 2px rgba(11,22,32,.06), 0 12px 32px -16px rgba(11,22,32,.22);--maxw: 68rem;--radius: 14px;--ease: cubic-bezier(.2, .7, .2, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0a1216;--bg-alt: #0f1b21;--bg-sunken: #0c171c;--ink: #e8eef0;--muted: #9fb2bb;--line: rgba(255, 255, 255, .13);--teal: #5fd0ee;--teal-bright:#7fdcf4;--blue: #7fb4e6;--accent: #ff9e4d;--accent-ink:#ffb877;--card: #111f26;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 18px 40px -20px rgba(0,0,0,.7)}}:root[data-theme=dark]{--bg: #0a1216;--bg-alt: #0f1b21;--bg-sunken: #0c171c;--ink: #e8eef0;--muted: #9fb2bb;--line: rgba(255, 255, 255, .13);--teal: #5fd0ee;--teal-bright:#7fdcf4;--blue: #7fb4e6;--accent: #ff9e4d;--accent-ink:#ffb877;--card: #111f26;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 18px 40px -20px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box}img,svg,picture,video{box-sizing:content-box;max-width:100%}html{font-size:18px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(max-width:849px){html{font-size:16px}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--teal-bright);font-weight:500;text-decoration:none;text-underline-offset:3px;transition:color .2s var(--ease)}a:hover,a:focus-visible{color:var(--accent);text-decoration:underline}:focus-visible{outline:3px solid var(--teal-bright);outline-offset:2px;border-radius:4px}em{color:var(--accent-ink);font-style:italic}p{margin:0 0 1rem;max-width:60ch}.eyebrow{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin:0 0 1rem;display:inline-flex;align-items:center;gap:.6rem}.eyebrow:before{content:"";width:2.2rem;height:2px;background:var(--accent)}h1,h2,h3{color:var(--ink);line-height:1.08;letter-spacing:-.02em;margin:0 0 .5rem}.display{font-size:clamp(2.6rem,7vw,5rem);font-weight:700;letter-spacing:-.035em;line-height:.98}.display .hl{color:var(--teal)}h1{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:700}h2{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:700}.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--muted);max-width:46ch}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.5rem}.section{padding-block:clamp(3rem,7vw,6rem)}.section--alt{background:var(--bg-alt)}.rule{border:none;border-top:1px solid var(--line);margin:0}.prose>h1{margin-top:2.5rem}.prose>h1:first-child{margin-top:0}.prose img.float{float:right;margin:.4rem 0 1.2rem 2rem;max-width:38%;height:auto;border-radius:10px}@media(max-width:669px){.prose img.float{max-width:8rem;width:33%;height:auto;margin:.25rem 0 .5rem 1rem}.optional{display:none}}.site-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.site-header__bar{display:flex;align-items:center;gap:1.5rem;min-height:4rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:var(--ink);font-size:1.05rem;letter-spacing:-.01em}.brand:hover{color:var(--ink);text-decoration:none}.brand img{height:1.6rem}.nav{margin-left:auto;display:flex;gap:.25rem;flex-wrap:wrap}.nav a{position:relative;color:var(--muted);font-weight:500;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .7rem;border-radius:8px;transition:color .2s var(--ease),background .2s var(--ease)}.nav a:hover{color:var(--ink);background:var(--bg-sunken);text-decoration:none}.nav a[aria-current=page]{color:var(--teal)}.nav a[aria-current=page]:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.15rem;height:2px;background:var(--accent);border-radius:2px}.nav-toggle{display:none}.nav-toggle__box{position:relative;width:1.15rem;height:.82rem}.nav-toggle__bar{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--ease),opacity .15s var(--ease)}.nav-toggle__bar:nth-child(1){top:0}.nav-toggle__bar:nth-child(2){top:50%;transform:translateY(-50%)}.nav-toggle__bar:nth-child(3){bottom:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}@media(max-width:1024px){html.js .nav-toggle{flex:none;display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;order:4;border:1px solid var(--line);border-radius:50%;background:var(--bg-sunken);color:var(--muted);cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}html.js .nav-toggle:hover{color:var(--ink);border-color:var(--teal-bright)}.theme-toggle{order:3}html.js .theme-toggle{margin-left:auto}html.js .nav{display:none;margin:0;order:5;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 16px 32px -20px #00000073;padding:.4rem 1.5rem 1rem}html.js .nav.is-open{display:flex}html.js .nav.is-open a{padding:.85rem .45rem;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}html.js .nav.is-open a:last-child{border-bottom:0}html.js .nav.is-open a[aria-current=page]:after{display:none}html.js .nav.is-open a[aria-current=page]{background:var(--bg-sunken)}html:not(.js) .nav{order:1;width:100%;margin:0 0 .4rem;justify-content:flex-start}html:not(.js) .theme-toggle{margin-left:auto}}@media(prefers-reduced-motion:reduce){.nav-toggle__bar{transition:none}}.theme-toggle{display:none}html.js .theme-toggle{flex:none;display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--bg-sunken);color:var(--muted);cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.theme-toggle:hover{color:var(--ink);border-color:var(--teal-bright)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{width:1.2rem;height:1.2rem}.theme-toggle__sun{display:none}.theme-toggle__moon{display:block}:root[data-theme=dark] .theme-toggle__sun{display:block}:root[data-theme=dark] .theme-toggle__moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle__sun{display:block}:root:not([data-theme]) .theme-toggle__moon{display:none}}:root[data-theme=light] .theme-toggle__sun{display:none}:root[data-theme=light] .theme-toggle__moon{display:block}.ribbon{display:block;background:var(--accent);color:#fff;text-align:center;font-weight:500;letter-spacing:.01em;padding:.65rem 1rem;font-size:.98rem;transition:filter .2s var(--ease)}.ribbon:hover{color:#fff;text-decoration:none;filter:brightness(1.06)}.ribbon strong{font-weight:700}.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;letter-spacing:.01em;padding:.7rem 1.2rem;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:transform .15s var(--ease),background .2s,box-shadow .2s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn--primary{background:var(--teal);color:#fff}.btn--primary:hover{background:var(--teal-bright);color:#fff;box-shadow:var(--shadow)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn--ghost:hover{color:var(--ink);border-color:var(--teal)}.hero{padding-block:clamp(3rem,8vw,6.5rem) clamp(2rem,5vw,4rem)}.hero__grid{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center;grid-template-columns:1.15fr .85fr}@media(max-width:849px){.hero__grid{grid-template-columns:1fr}}.hero__audience{margin:1.4rem 0 0;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;color:var(--muted)}.hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.25rem}.hero__art{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-alt);box-shadow:var(--shadow);width:100%;max-width:300px;justify-self:center}.hero__art img{display:block;width:100%;height:auto}.stat-row{display:flex;gap:2.5rem;margin-top:2.5rem;flex-wrap:wrap}.stat{line-height:1.1}.stat b{display:block;font-size:2rem;font-weight:700;color:var(--teal);letter-spacing:-.03em}.stat>span{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.trust-strip{background:var(--bg-sunken);border-block:1px solid var(--line);padding-block:1.1rem}.trust-strip__inner{display:flex;align-items:center;justify-content:center;gap:1.25rem 2.5rem;flex-wrap:wrap}.trust-strip__logos{display:flex;align-items:center;gap:1.75rem}.trust-strip__logos img{height:3rem;width:auto;display:block}.trust-strip__items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.trust-strip__items li{display:inline-flex;align-items:center}.trust-strip__items li:not(:first-child):before{content:"";display:inline-block;width:1px;height:1rem;background:var(--line);margin-right:1.4rem}.trust-strip__items a{color:var(--muted);font-weight:500}.trust-strip__items a:hover{color:var(--teal)}.feature-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-top:2.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;transition:transform .18s var(--ease),box-shadow .2s var(--ease),border-color .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--teal) 40%,var(--line))}.card h2,.card h3{margin-top:0;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700}.card .num{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.1em}.card p{margin-bottom:0;color:var(--muted)}.card--wide{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}@media(max-width:669px){.card--wide{grid-template-columns:1fr}}.demo{margin-top:1.5rem}.demo__frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--bg-alt)}.demo__frame:before{content:"Math I Can Do · live editor";display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.55rem .9rem;border-bottom:1px solid var(--line);background:var(--bg-sunken)}#editor{width:100%;height:min(70vh,640px);border:none;overflow:hidden}.options{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1rem;max-width:40rem}.options li{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;transition:border-color .2s,transform .15s var(--ease)}.options li:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}.options .icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:12px;color:#fff;padding:.6rem}.options li:nth-child(5n+1) .icon{background:#3d074d}.options li:nth-child(5n+2) .icon{background:#1b5e20}.options li:nth-child(5n+3) .icon{background:#bf360c}.options li:nth-child(5n+4) .icon{background:#006064}.options li:nth-child(5n+5) .icon{background:#ad1457}.options .icon svg{width:100%;height:100%}.options .text h2{font-size:1.05rem;margin:0}.options .text p{margin:0;color:var(--muted);font-size:.92rem}.quickstart{display:block;background:color-mix(in srgb,#1b5e20 14%,var(--card));border:1px solid color-mix(in srgb,#1b5e20 35%,var(--line));border-radius:12px;padding:1.1rem 1.2rem;margin:0 0 .25rem}.quickstart strong{font-size:1.05rem;color:#1b8a2a}@media(prefers-color-scheme:dark){.quickstart strong{color:#6bd47e}}.badge-float{float:right;width:6rem;height:auto;margin:0 0 1rem 1.5rem}.site-footer{border-top:1px solid var(--line);background:var(--bg-alt);padding-block:2.5rem;margin-top:3rem}.site-footer .wrap{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.site-footer p{color:var(--muted);font-size:.85rem;margin:0;max-width:none}.site-footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}.site-footer nav a{color:var(--muted);font-size:.85rem}.placeholder-note{display:flex;gap:.9rem;align-items:flex-start;background:color-mix(in srgb,var(--accent) 12%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;padding:1.1rem 1.3rem;margin:1.5rem 0;max-width:48rem}.placeholder-note .tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--accent);padding:.2rem .5rem;border-radius:6px;flex:none;margin-top:.15rem}.placeholder-note p{margin:0}.e1:before{content:"@"}.e2:before{content:"."}.e3{display:none}html.js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease);will-change:opacity,transform}html.js [data-reveal].is-visible{opacity:1;transform:none}html.js [data-reveal][data-delay="1"]{transition-delay:.08s}html.js [data-reveal][data-delay="2"]{transition-delay:.16s}html.js [data-reveal][data-delay="3"]{transition-delay:.24s}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:12px;margin-bottom:.9rem;background:color-mix(in srgb,var(--teal) 14%,var(--card));color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));transition:transform .2s var(--ease),background .2s var(--ease)}.card:hover .card__icon{transform:translateY(-2px) scale(1.05)}.card__icon svg{width:1.4rem;height:1.4rem}.media-panel{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--teal) 12%,var(--bg-alt)),var(--bg-alt));box-shadow:var(--shadow);min-height:14rem;display:grid;place-items:center;padding:1.5rem}.specimen{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:1.4rem 1.6rem;max-width:100%;font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;color:var(--ink);letter-spacing:.01em}.specimen .frac{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;margin:0 .15em}.specimen .frac>span:first-child{border-bottom:.08em solid currentColor;padding:0 .25em}.specimen .frac>span:last-child{padding:0 .25em}.specimen sup{font-size:.62em}.specimen .muted{color:var(--muted);font-size:.55em;display:block;margin-top:.6rem;letter-spacing:.04em}.specimen math{font-family:"STIX Two Math","Latin Modern Math","Cambria Math","TeX Gyre Termes Math","DejaVu Math TeX Gyre",math;font-size:1.06em;line-height:normal;color:var(--ink)}.specimen math[display=block]{margin:0}.specimen--features{font-size:clamp(1.05rem,2.3vw,1.4rem)}.specimen__tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 .9rem;display:inline-flex;align-items:center;gap:.55rem}.specimen__tag:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--accent)}.specimen__list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.specimen__list li{display:flex;align-items:center;gap:.7rem;color:var(--ink)}.specimen__list li:before{content:"✓";flex:none;color:var(--teal);font-weight:700}.tutoring-art{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}.tutoring-art .ta-screen{fill:var(--card);stroke:var(--ink);stroke-width:2.4}.tutoring-art .ta-deck{fill:color-mix(in srgb,var(--ink) 12%,var(--card));stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}.tutoring-art .ta-hinge{fill:color-mix(in srgb,var(--ink) 22%,var(--card))}.tutoring-art .ta-dot{fill:var(--ink);opacity:.35}.tutoring-art .ta-divider{stroke:var(--ink);opacity:.14;stroke-width:1.5}.tutoring-art .ta-tile{fill:color-mix(in srgb,var(--teal) 14%,var(--card));stroke:var(--teal);stroke-width:1.5;opacity:.95}.tutoring-art .ta-avatar{fill:var(--teal)}.tutoring-art .ta-live{fill:var(--accent)}.tutoring-art .ta-axis{stroke:var(--ink);opacity:.4;stroke-width:1.6;stroke-linecap:round}.tutoring-art .ta-curve{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}.tutoring-art .ta-pt{fill:var(--accent)}.tutoring-art .ta-eq{fill:var(--teal);font-family:var(--font-mono);font-size:15px;font-style:italic}.frow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-block:clamp(2rem,5vw,3.5rem)}.frow+.frow{border-top:1px solid var(--line)}.frow__body h2{margin-top:0}.frow__body p{color:var(--muted);max-width:42ch}.frow__media{min-width:0}@media(min-width:850px){.frow--rev .frow__body{order:2}.frow--rev .frow__media{order:1}}@media(max-width:849px){.frow{grid-template-columns:1fr;gap:1.5rem}}.compare{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--card)}.compare__tabs{display:flex}.compare input{position:absolute;opacity:0;pointer-events:none}.compare__tab{flex:1;text-align:center;cursor:pointer;user-select:none;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.7rem .5rem;border-bottom:2px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.compare__tab:hover{background:var(--bg-sunken);color:var(--ink)}.compare__panel{display:none;padding:1.5rem}.compare__panel .specimen{box-shadow:none}.compare__hand{font-family:Comic Sans MS,Segoe Print,cursive;transform:rotate(-1.5deg);color:var(--muted);font-size:clamp(1.2rem,2.6vw,1.6rem);line-height:1.8}.compare__hand s{text-decoration-color:var(--accent)}.compare__cap{display:block;margin-top:.9rem;font-size:.85rem;color:var(--muted);font-family:var(--font-sans);letter-spacing:0}#cmp-hand:checked~.compare__tabs label[for=cmp-hand],#cmp-digital:checked~.compare__tabs label[for=cmp-digital]{color:var(--teal);border-bottom-color:var(--accent)}#cmp-hand:checked~.compare__view .compare__panel--hand,#cmp-digital:checked~.compare__view .compare__panel--digital{display:block}.compare input:focus-visible~.compare__tabs label[for=cmp-hand],.compare input:focus-visible~.compare__tabs label[for=cmp-digital]{outline:3px solid var(--teal-bright);outline-offset:-3px}.formats{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.formats input{position:absolute;opacity:0;pointer-events:none}.formats__chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1rem 0}.formats__chip{cursor:pointer;user-select:none;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--bg-alt);transition:all .18s var(--ease)}.formats__chip:hover{border-color:var(--teal);color:var(--ink);transform:translateY(-1px)}.formats__out{margin:1rem;padding:1rem 1.1rem;border-radius:10px;min-height:5.5rem;background:var(--bg-sunken);border:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word}.formats__panel{display:none}#fmt-tex:checked~.formats__chips label[for=fmt-tex],#fmt-mathml:checked~.formats__chips label[for=fmt-mathml],#fmt-png:checked~.formats__chips label[for=fmt-png],#fmt-svg:checked~.formats__chips label[for=fmt-svg]{background:var(--teal);color:#fff;border-color:var(--teal)}#fmt-tex:checked~.formats__out .formats__panel--tex,#fmt-mathml:checked~.formats__out .formats__panel--mathml,#fmt-png:checked~.formats__out .formats__panel--png,#fmt-svg:checked~.formats__out .formats__panel--svg{display:block}.formats input:focus-visible~.formats__chips label.is-active-target{outline:3px solid var(--teal-bright);outline-offset:2px}.snippet{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#0c171c}.snippet__bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:#0a1216;border-bottom:1px solid rgba(255,255,255,.08)}.snippet__dot{width:.7rem;height:.7rem;border-radius:50%;display:inline-block}.snippet__dot--r{background:#ff5f56}.snippet__dot--y{background:#ffbd2e}.snippet__dot--g{background:#27c93f}.snippet__name{margin-left:.6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:#9fb2bb}.snippet pre{margin:0;padding:1.1rem 1.2rem;overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;color:#e8eef0}.snippet .tok-tag{color:#5fd0ee}.snippet .tok-attr{color:#ffb877}.snippet .tok-str{color:#9ae6b4}.snippet .tok-com{color:#6b8694}.method-list{display:grid;gap:1rem}.method{display:flex;gap:1rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem;transition:transform .18s var(--ease),box-shadow .2s,border-color .2s}.method:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--teal) 40%,var(--line))}.method__icon{flex:none;width:2.6rem;height:2.6rem;border-radius:12px;display:grid;place-items:center;color:var(--teal);background:color-mix(in srgb,var(--teal) 14%,var(--card));border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line))}.method__icon svg{width:1.4rem;height:1.4rem}.method h3{font-size:1.05rem;margin:0 0 .2rem;font-weight:700}.method p{margin:0;color:var(--muted);font-size:.92rem}.cred{display:grid;gap:1rem;align-content:center;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt);box-shadow:var(--shadow)}.cred__badges{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cred__badges img{height:4.5rem;width:auto}.cred p{margin:0;font-size:.9rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{.site-header,.ribbon,.site-footer,#editor,.demo,.optional{display:none!important}body{color:#000}a{color:#000;text-decoration:none}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}