/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:"Pretendard", "MathButton Round", sans-serif;--font-mono:"Pretendard", "MathButton Round", sans-serif;--spacing:.25rem;--font-weight-bold:700;--leading-relaxed:1.625;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand:#0e7c66;--color-brand-deep:#0a6552;--color-brand-soft:#dcf1ea;--color-brand-ink:#075244;--color-accent:#f2b233;--color-accent-soft:#fff3cf;--color-accent-ink:#7a5200;--color-ink:#191b22;--color-gray:#626776;--color-line:#e2e5ed;--color-line-strong:#c5cad7;--color-paper:#f5f6fa;--color-teal:#1d6a96;--color-brand-lip:#075244;--color-accent-lip:#b77f10;--color-line-lip:#c9d4d0;--color-teal-lip:#174f70;--color-pick:#1d6a96;--color-action:#d92840;--color-action-hover:#b91e33;--radius-key:.75rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.btn-key{background:var(--color-brand);color:#fff;box-shadow:0 3px 0 var(--color-brand-ink);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;font-weight:700;transition:transform 90ms ease-out,box-shadow 90ms ease-out,background-color .12s;display:inline-flex}.btn-key:hover:not(:disabled){background:var(--color-brand-deep)}.btn-key:active:not(:disabled){box-shadow:0 1px 0 var(--color-brand-ink);transform:translateY(2px)}.btn-key:disabled{opacity:.4;box-shadow:none}.btn-go{background:var(--color-brand);color:#fff;letter-spacing:-.01em;min-height:3rem;box-shadow:0 1.5px 0 var(--color-brand-ink), 0 8px 18px -10px #0e7c668c;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:16px;font-weight:650;transition:transform 90ms ease-out,box-shadow 90ms ease-out,background-color .12s;display:inline-flex}.btn-go:hover:not(:disabled){background:var(--color-brand-deep)}.btn-go:active:not(:disabled){box-shadow:0 .5px 0 var(--color-brand-ink), 0 4px 10px -8px #0e7c668c;transform:translateY(1px)scale(.99)}.btn-go:disabled{opacity:.4;box-shadow:none}.btn-soft{border:1.5px solid var(--color-line);color:var(--color-ink);box-shadow:0 2px 0 var(--color-line);background:#fff;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:transform 90ms ease-out,box-shadow 90ms ease-out,border-color .12s;display:inline-flex}.btn-soft:hover:not(:disabled){border-color:var(--color-line-strong)}.btn-soft:active:not(:disabled){box-shadow:0 1px 0 var(--color-line);background:var(--color-brand-soft);transform:translateY(1px)}.btn-soft:disabled{opacity:.45}.btn-danger{color:#b91e33;background:#fff;border:2px solid #b91e33;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.btn-danger:disabled{opacity:.45}.btn-chunky{--edge:var(--color-brand-ink);background:var(--color-brand);color:#fff;letter-spacing:-.01em;box-shadow:0 5px 0 var(--edge);border-radius:1.125rem;justify-content:center;align-items:center;gap:.5rem;font-weight:800;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .12s;display:inline-flex}.btn-chunky:hover{background:var(--color-brand-deep)}.btn-chunky:active{box-shadow:0 1px 0 var(--edge);transform:translateY(4px)}.btn-chunky.is-white{color:var(--color-brand-ink);background:#fff}.btn-chunky.is-white:hover{background:var(--color-brand-soft)}.key-soft{border:2px solid var(--color-line-strong);color:var(--color-ink);box-shadow:0 4px 0 var(--color-line-strong);background:#fff;border-radius:.875rem;justify-content:center;align-items:center;font-weight:800;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .12s,border-color .12s;display:inline-flex}.key-soft:active:not(:disabled){box-shadow:0 1px 0 var(--color-line-strong);transform:translateY(3px)}.key-soft:disabled{opacity:.35}.key-soft.is-on{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand-ink);box-shadow:0 4px 0 var(--color-brand)}.key-soft.is-miss{background:var(--color-accent-soft);color:var(--color-accent-ink);border-color:#d99a1c;box-shadow:0 4px #d99a1c}.btn-cta{border-radius:var(--radius-key);background:var(--color-brand);color:#fff;letter-spacing:-.01em;min-height:3.5rem;box-shadow:0 4px 0 var(--color-brand-lip);justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:17px;font-weight:800;transition:transform 80ms linear,box-shadow 80ms linear,background-color .12s;display:inline-flex}.btn-cta:hover:not(:disabled){background:var(--color-brand-deep)}.btn-cta:active:not(:disabled){box-shadow:0 0 0 var(--color-brand-lip);transform:translateY(4px)}.btn-cta:disabled{color:#8a9a95;background:#e5ebe9;box-shadow:0 4px #d3dcd9}.btn-cta.is-think{background:var(--color-accent);color:var(--color-ink);box-shadow:0 4px 0 var(--color-accent-lip)}.btn-cta.is-think:hover:not(:disabled){background:#e9a820}.btn-cta.is-think:active:not(:disabled){box-shadow:0 0 0 var(--color-accent-lip)}.btn-cta.is-info{background:var(--color-teal);box-shadow:0 4px 0 var(--color-teal-lip)}.btn-cta.is-info:active:not(:disabled){box-shadow:0 0 0 var(--color-teal-lip)}.btn-cta-soft{border-radius:var(--radius-key);border:2px solid var(--color-line);min-height:3.5rem;color:var(--color-brand-ink);box-shadow:0 4px 0 var(--color-line-lip);background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:17px;font-weight:800;transition:transform 80ms linear,box-shadow 80ms linear;display:inline-flex}.btn-cta-soft:active:not(:disabled){box-shadow:0 0 0 var(--color-line-lip);transform:translateY(4px)}.lesson-progress{background:#e5ebe9;border-radius:9999px;height:12px;overflow:hidden}.lesson-progress>span{background:var(--color-brand);border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:inset 0 3px #ffffff40}.sheet{border:1px solid var(--color-line);background:#fff;border-radius:1.5rem}.stitch-y{background-image:repeating-linear-gradient(to bottom, var(--color-line-strong) 0 7px, transparent 7px 13px);background-position:50%;background-repeat:no-repeat;background-size:3px 100%}.stitch-x{background-image:repeating-linear-gradient(to right, var(--color-line-strong) 0 7px, transparent 7px 13px);background-position:50%;background-repeat:no-repeat;background-size:100% 3px}.thread-y{background:linear-gradient(var(--color-brand), var(--color-brand)) center / 3px 100% no-repeat}.thread-x{background:linear-gradient(var(--color-brand), var(--color-brand)) center / 100% 3px no-repeat}.grid-paper{background-color:#fff;background-image:linear-gradient(#0e7c6612 1px,#0000 1px),linear-gradient(90deg,#0e7c6612 1px,#0000 1px);background-position:-1px -1px;background-size:24px 24px}.action-bar{border-top:1px solid var(--color-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5}.hl{background-image:linear-gradient(transparent 58%, var(--color-accent-soft) 58%, var(--color-accent-soft) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.stage-path{--node:64px;--amp:clamp(12px, 10cqw, 80px);container-type:inline-size}@media (width>=640px){.stage-path{--node:76px}}@media (width>=1024px){.stage-path{--amp:clamp(12px, 16cqw, 180px)}}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-x-0{inset-inline:0}.top-0{top:0}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-px{height:1px}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.border-t-\[1\.5px\]{border-top-style:var(--tw-border-style);border-top-width:1.5px}.border-current{border-color:currentColor}.bg-current{background-color:currentColor}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.pt-\[0\.55em\]{padding-top:.55em}.pt-px{padding-top:1px}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.62em\]{font-size:.62em}.text-\[0\.68em\]{font-size:.68em}.text-\[0\.82em\]{font-size:.82em}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-nowrap{white-space:nowrap}.text-brand-ink{color:var(--color-brand-ink)}.text-gray{color:var(--color-gray)}.text-ink{color:var(--color-ink)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog){--soft-cream:#f7f7f8;--soft-paper:#fff;--soft-board:#202124;--soft-lime:#d8e9ba;--soft-line:#e5e5e8;--soft-wood:#e5e5e8;--soft-red:#d92840;--soft-red-lip:#b91e33;--soft-muted:#62666f;--soft-control-shadow:0 1px 2px #0000000f}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame){--color-paper:var(--soft-cream);--color-ink:#202124;--color-gray:var(--soft-muted);--color-line:var(--soft-line);--color-line-strong:#d7d9dc;--color-line-lip:#e5e5e8;--color-brand:#2e705a;--color-brand-ink:var(--soft-board);--color-brand-soft:#e5efd3;--color-brand-deep:#245746;--color-brand-lip:#254b45;--color-right-bg:#e5efd3;--color-accent:#efd079;--color-accent-soft:#fff0c7;--color-accent-ink:#755526;--color-accent-lip:#ae8740;--color-think-bg:#fff0c7;--color-teal:#37687c;--color-teal-soft:#e5eef0;--color-pick:#37687c;--color-pick-bg:#e5eef0;--color-action:var(--soft-red);--color-action-hover:var(--soft-red-lip);--learning-ink:var(--color-ink);--learning-muted:var(--soft-muted);--learning-line:var(--soft-line);font-family:var(--font-sans);color:var(--color-ink);background:var(--soft-cream)}html body .learning-welcome header{border:0}html body .learning-welcome h1{color:var(--soft-board);letter-spacing:-.025em;font-weight:800}html body .learning-next-card{background:var(--soft-paper);border:2px solid var(--soft-board);--tw-ring-shadow:0 0 #0000;border-radius:28px;box-shadow:0 1px 2px #0000000f,0 8px 20px #0000000a}html body .learning-next-card :is(h2,p){color:var(--soft-board)}html body .learning-next-card>div>a{color:var(--soft-muted)}html body .learning-side-card{background:var(--soft-paper);border:2px solid var(--soft-line);--tw-ring-shadow:0 0 #0000;border-radius:24px;box-shadow:0 1px 2px #0000000f}html body .learning-side-card>span:first-child{color:var(--soft-board);font-weight:800}html body .learning-side-card>span:first-child>span{width:36px;height:36px;color:var(--soft-red);background:#fff2f4;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}html body .learning-side-card>span:nth-child(2){color:var(--soft-muted)}html body .learning-side-card:active{box-shadow:none;transform:translateY(2px)}html body .learning-next-action{border:2px solid var(--soft-red);background:linear-gradient(135deg,#fff,#fff2f4);border-radius:26px;box-shadow:0 1px 2px #d928401f}html body .learning-world-picker{background:var(--soft-paper);border:2px solid var(--soft-line);border-radius:24px}html body .learning-world-icon{border-radius:18px;outline:2px solid #0000001a}html body .learning-world-picker label,html body .learning-section-picker>span{color:var(--soft-muted)}html body .learning-world-picker select,html body .learning-section-picker select{color:var(--soft-board)}html body .learning-course-board{background:var(--soft-paper);border:2px solid var(--soft-line);box-shadow:none;border-radius:26px}html body .learning-course-board nav{border-color:var(--soft-line)}html body .learning-course-board .stage-path{background:var(--soft-cream)}html body .learning-course-board .stage-path :is(a,button)>span:last-child>span{border-radius:18px;box-shadow:0 2px #00000014}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(.btn-go,.btn-cta,.btn-key,.btn-chunky){background:var(--soft-red);color:#fff;border:2px solid var(--soft-red-lip);cursor:pointer;touch-action:manipulation;border-radius:18px;font-weight:800;transition:background-color .15s,box-shadow .1s,transform .1s;box-shadow:0 1px 2px #00000014}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(.btn-go,.btn-cta,.btn-key,.btn-chunky):hover:not(:disabled){background:var(--soft-red-lip)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(.btn-go,.btn-cta,.btn-key,.btn-chunky):active:not(:disabled){box-shadow:0 1px 0 var(--soft-red-lip),inset 0 1px 0 #ffffff26;transform:translateY(3px)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(.btn-go,.btn-cta,.btn-key,.btn-chunky):disabled{color:#9a9da3;opacity:1;cursor:default;background:#e8e8ea;border-color:#d7d9dc;box-shadow:0 2px #d7d9dc}html body .lesson-shell .btn-cta.is-think:not(:disabled){background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent-lip);box-shadow:0 4px 0 var(--color-accent-lip)}html body .lesson-shell .btn-cta.is-info:not(:disabled){background:var(--color-pick);border-color:#294c5c;box-shadow:0 4px #294c5c}html body .lesson-shell .btn-cta.is-think:hover:not(:disabled){background:#e5c36b}html body .lesson-shell .btn-cta.is-info:hover:not(:disabled){background:#294c5c}html body .lesson-shell .btn-cta.is-think:active:not(:disabled){box-shadow:0 1px 0 var(--color-accent-lip)}html body .lesson-shell .btn-cta.is-info:active:not(:disabled){box-shadow:0 1px #294c5c}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(.btn-soft,.key-soft){border:2px solid var(--soft-line);background:var(--soft-paper);color:var(--soft-board);box-shadow:var(--soft-control-shadow);border-radius:16px}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame) .btn-chunky.is-white{background:var(--soft-paper);color:var(--soft-board);border-color:var(--soft-line);box-shadow:var(--soft-control-shadow)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame) .btn-chunky.is-white:hover:not(:disabled){background:var(--color-brand-soft)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame) .btn-chunky.is-white:active:not(:disabled){box-shadow:0 1px #e5e5e8}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame) .key-soft.is-on{background:var(--color-brand-soft);border-color:var(--color-brand);color:var(--soft-board);box-shadow:0 3px 0 var(--color-brand)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame) .key-soft.is-miss{background:var(--color-accent-soft);border-color:var(--color-accent-lip);color:var(--color-accent-ink);box-shadow:0 3px 0 var(--color-accent-lip)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame) .key-soft.is-on:active:not(:disabled){box-shadow:0 1px 0 var(--color-brand)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame) .key-soft.is-miss:active:not(:disabled){box-shadow:0 1px 0 var(--color-accent-lip)}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(a,button,select,input):focus-visible{outline:3px solid var(--soft-board);outline-offset:3px}html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) button:disabled{cursor:default}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) .btn-soft:hover:not(:disabled){border-color:#d7d9dc}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) .btn-soft:active:not(:disabled){box-shadow:none;transform:translateY(2px)}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) .btn-soft:disabled{opacity:.55;box-shadow:none}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) .btn-danger{border:2px solid var(--soft-red-lip);background:var(--soft-paper);color:var(--soft-red-lip);box-shadow:0 3px 0 var(--soft-red-lip);cursor:pointer;touch-action:manipulation;border-radius:16px;font-weight:800;transition:background-color .15s,box-shadow .1s,transform .1s}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) .btn-danger:hover:not(:disabled){background:#fff2f4}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) .btn-danger:active:not(:disabled){box-shadow:0 1px 0 var(--soft-red-lip);transform:translateY(2px)}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) .btn-danger:disabled{color:#9a9da3;box-shadow:none;cursor:default;background:#f0f0f1;border-color:#d7d9dc}html body :is(.mathbutton-app-frame,.learning-welcome,.app-dialog) :is(.btn-key,.btn-go,.btn-soft,.btn-danger)[aria-busy=true]{cursor:progress}html body :is(.lesson-shell,.mission-shell,.learning-device-frame)>header,html body .mission-shell>header+div{background:var(--soft-paper)}html body :is(.mission-shell,.learning-device-frame) .sheet{background:var(--soft-paper);border:2px solid var(--soft-line);border-radius:24px}html body .lesson-shell>footer{background:var(--soft-paper);border-color:var(--soft-wood)}html body .lesson-shell .lesson-progress{background:#e5e5e8;border:1px solid #d7d9dc;border-radius:100px;height:12px}html body .lesson-shell .lesson-progress>span{background:var(--soft-red);border-radius:100px;box-shadow:inset 0 -2px #b91e332e}html body .lesson-shell .lesson-header-inner button{color:var(--soft-board);border-radius:14px}html body .lesson-shell .lesson-header-inner button:hover{background:#f7f7f8}html body :is(.lesson-shell,.learning-device-frame) :is(h2,[data-page-title]){color:var(--soft-board);letter-spacing:-.02em}html body .learning-device-frame :is(h1,h2,h3)[tabindex="-1"]{outline:none}html body :is(.lesson-shell,.learning-device-frame) .bench{border-radius:22px;background:var(--soft-paper)!important;box-shadow:0 1px 2px #0000000f!important}html body :is(.lesson-shell,.learning-device-frame) .bench>div{background:var(--soft-paper);outline:2px solid var(--soft-line);outline-offset:-2px;border-radius:22px}html body :is(.lesson-shell,.learning-device-frame) .bench button{box-shadow:var(--soft-control-shadow);cursor:pointer;border-width:2px;border-radius:14px;transition:box-shadow .1s,transform .1s}html body :is(.lesson-shell,.learning-device-frame) .bench button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}html body :is(.lesson-shell,.learning-device-frame) .bench button:disabled{cursor:default}html body :is(.lesson-shell,.learning-device-frame) .bench button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #00000029}html body .learning-device-frame [role=group] button:not(.btn-go,.btn-key,.btn-cta,.btn-chunky,.btn-soft,.key-soft){box-shadow:var(--soft-control-shadow);cursor:pointer;border-width:2px;border-radius:14px;transition:box-shadow .1s,transform .1s}html body .learning-device-frame [role=group] button:not(.btn-go,.btn-key,.btn-cta,.btn-chunky,.btn-soft,.key-soft):active:not(:disabled){box-shadow:none;transform:translateY(2px)}html body .learning-device-frame [role=group] button:disabled{cursor:default}html body .lesson-shell :is(.decimal-digit,.decimal-trace,.decimal-finished,.written-division){background:var(--soft-paper)}html body .lesson-shell :is(.decimal-digit,.decimal-trace,.decimal-finished){border-color:var(--soft-line);border-width:2px;border-radius:22px}html body .lesson-shell .decimal-controls button{box-shadow:var(--soft-control-shadow);border-width:2px;border-radius:14px}html body .lesson-shell .decimal-controls button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}html body .lesson-shell input:not([type=range]){background:var(--soft-paper);border-color:#d7d9dc;border-radius:16px}html body .lesson-shell .lesson-feedback{box-shadow:inset 0 2px #00000014}html body .mathbutton-app-frame .sheet{background:var(--soft-paper);border:2px solid var(--soft-line);border-radius:24px}html body .mathbutton-app-frame .ring-line{--tw-ring-color:var(--soft-line)}html body .mathbutton-app-frame nav[aria-label=하단\ 탭]{box-shadow:none;background:0 0;border:0}html body .mathbutton-app-frame nav[aria-label=하단\ 탭]>div{background:var(--soft-paper);border:2px solid var(--soft-line);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;box-shadow:0 1px 2px #0000000f}html body .mathbutton-app-frame nav[aria-label=하단\ 탭] a{border-radius:16px}html body .mathbutton-app-frame nav[aria-label=하단\ 탭] a[aria-current=page]{color:var(--soft-red);background:#fff2f4}html body .mathbutton-app-frame :is(input,select,textarea){font-family:var(--font-sans)}@media (prefers-reduced-motion:reduce){html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(a,button){transition:none!important}}@media (forced-colors:active){html body :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell,.mission-shell,.learning-device-frame,.app-dialog) :is(a,button,input,select){box-shadow:none!important}}@layer mathbutton-yozmedu{:root{--mb-red:#d92840;--mb-red-deep:#b91e33;--mb-red-soft:#fff2f4;--mb-canvas:#f7f7f8;--mb-card:#fff;--mb-ink:#202124;--mb-secondary:#62666f;--mb-border:#e5e5e8;--mb-shadow:0 2px 8px #0000000f}}html body{font-family:var(--font-sans);background:var(--mb-canvas);color:var(--mb-ink)}html .landing-simple{--mb-bg:#f6f7f8;--mb-surface:#fff;--mb-line:#e5e7eb;--mb-text:#1f2937;--mb-muted:#4b5563;--mb-action:#e63946;font-family:var(--font-sans);color:var(--mb-ink);background:radial-gradient(900px 600px at 10% 0,#e639460d,#0000 70%),#f6f7f8;font-weight:600}html .landing-simple>main{max-width:1240px;margin:auto;padding:36px 32px 0}html .landing-simple .simple-intro{border:1px solid var(--mb-border);min-height:0;box-shadow:var(--mb-shadow);background:#fff;border-radius:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;padding:28px 40px}html .landing-simple .hero-button-studio{grid-column:1;min-height:280px}html .landing-simple .simple-intro-copy{text-align:left;grid-column:2}html .landing-simple .hero-logo-button{width:min(100%,360px)}html .landing-simple .hero-math-art{display:none}html .landing-simple .simple-hook{letter-spacing:-.045em;font-size:clamp(32px,3.3vw,46px);line-height:1.28}html .landing-simple .simple-hook>span{color:var(--mb-secondary);font-size:.69em;font-weight:600;line-height:1.5}html .landing-simple .simple-hook>strong{color:var(--mb-ink);font-weight:800}html .landing-simple .simple-hook>strong:first-of-type{margin-top:22px}html .landing-simple .brand-round-lettering{font-family:var(--font-sans);stroke-width:0;font-size:8.2px;font-weight:800}html .landing-simple .simple-start{background:linear-gradient(135deg,var(--mb-red),var(--mb-red-deep));color:#fff;border:0;border-radius:16px;min-height:58px;margin-top:28px;padding:16px 22px;font-size:18px;box-shadow:0 6px 18px #e6394633}html .landing-simple .simple-start:hover{color:#fff;background:linear-gradient(135deg,#ef4955,#d82a36)}html .landing-simple .concept-promise-card{background:var(--mb-red-soft);border:1px solid #f5dce0;border-radius:20px;grid-template-columns:48px minmax(0,1fr) 48px;gap:24px;width:100%;max-width:none;margin:24px 0;padding:24px 32px}html .landing-simple .concept-promise-card p{color:var(--mb-secondary);font-size:17px}html .landing-simple .concept-promise-card strong{color:var(--mb-ink);font-size:30px;font-weight:800}html .landing-simple .concept-trophy{filter:none;opacity:1;width:48px;height:48px}html .landing-simple .simple-experiments{background:0 0;border-radius:0;align-items:stretch;gap:24px;width:100%;max-width:none;margin:0 0 56px;padding:0;overflow:visible}html .landing-simple .simple-experiment{border:1px solid var(--mb-border);box-shadow:var(--mb-shadow);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}html .landing-simple .simple-experiment header{border-bottom:1px solid var(--mb-border);text-align:left;background:#fff;min-height:174px;padding:28px 28px 22px}html .landing-simple .experiment-unit{color:#4b5563;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:15px;display:flex}html .landing-simple .experiment-unit>span{background:var(--mb-red-soft);color:#b91c2c;border-radius:8px;padding:3px 9px}html .landing-simple .simple-experiment h2{letter-spacing:-.035em;color:var(--mb-ink);font-size:30px;font-weight:800}html .landing-simple .simple-experiment header p{color:var(--mb-secondary);margin-top:8px;font-size:17px}html .landing-simple .simple-board{background:#fff;flex:1;padding:24px}html .landing-simple .technology-section{width:100%;max-width:none;color:var(--mb-ink)}html .landing-simple .technology-section>div{padding:0 0 48px}html .landing-simple .technology-eyebrow{display:none}html .landing-simple .technology-section .landing-heading{color:var(--mb-ink);font-size:30px;font-weight:800}html .landing-simple .technology-card{border:1px solid var(--mb-border);box-shadow:var(--mb-shadow);background:#fff;border-radius:18px}html .landing-simple .technology-card h3{color:var(--mb-ink);font-size:22px}html .landing-simple .technology-card p,.landing-simple .technology-patent{color:var(--mb-secondary)}html .landing-simple .technology-diagram{color:var(--mb-red)}html .landing-simple .landing-login{width:100%;max-width:none;padding-bottom:48px}html .landing-simple .landing-login-inner{border:1px solid var(--mb-border);box-shadow:var(--mb-shadow);background:#fff;border-radius:20px;gap:40px}html .landing-simple .landing-login h2{color:var(--mb-ink);font-size:34px;font-weight:800}html .landing-simple .landing-login-form input{border-color:#d1d5db;border-radius:12px}html .landing-simple :is(a,button,input):focus-visible{outline-color:var(--mb-red)}html :is(.btn-go,.btn-cta,.btn-chunky){border-radius:12px;font-weight:700}html .btn-go{background:var(--mb-red);color:#fff;box-shadow:none;border:0}html .btn-go:hover:not(:disabled){background:var(--mb-red-deep)}html .btn-go:disabled{box-shadow:none}@media (width<=700px){html .landing-simple>main{padding:16px 16px 0}html .landing-simple .simple-intro{grid-template-columns:1fr;gap:12px;min-height:0;padding:24px}html .landing-simple .hero-button-studio{grid-area:1/1;min-height:220px}html .landing-simple .hero-logo-button{width:270px}html .landing-simple .simple-intro-copy{grid-area:2/1}html .landing-simple .simple-hook{font-size:30px}html .landing-simple .simple-hook>span{font-size:21px}html .landing-simple .simple-start{width:100%;font-size:16px}html .landing-simple .concept-promise-card{grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;padding:20px 16px}html .landing-simple .concept-trophy{width:28px;height:28px}html .landing-simple .concept-promise-card p{font-size:15px}html .landing-simple .concept-promise-card strong{font-size:23px}html .landing-simple .simple-experiments{grid-template-columns:1fr;gap:20px}html .landing-simple .simple-experiment header{min-height:0;padding:24px}html .landing-simple .simple-experiment h2{font-size:27px}html .landing-simple .simple-board{padding:20px}html .landing-simple .landing-login-inner{padding:24px;display:block}}html .public-header,html .landing-simple .technology-card{border-color:var(--mb-border)}html .btn-key{background:var(--mb-red);color:#fff;box-shadow:none;border-radius:12px;font-weight:700}html .btn-key:hover:not(:disabled){background:var(--mb-red-deep)}html .btn-key:disabled{box-shadow:none}html .public-header{background:#fffffff5}html .public-header a:not(.btn-key){color:var(--mb-ink)}html .public-header a:not(.btn-key):hover{background:#f3f4f6}html input:focus-visible,html select:focus-visible,html textarea:focus-visible{outline-color:var(--mb-red)}html .mathbutton-app-frame :is(h1,h2,h3){letter-spacing:-.03em}html .mathbutton-app-frame h1{font-weight:800}html .landing-simple .technology-card:first-child,html .landing-simple .technology-card:last-child{border:1px solid var(--mb-border);background:#fff;border-radius:18px}@media (prefers-reduced-motion:reduce){html .landing-simple :is(a,button),html .mathbutton-app-frame :is(a,button){transition:none}}html .landing-simple .concept-promise-card{background:linear-gradient(120deg,#fff1f2,#fff8f8);border:1px solid #efb6be;grid-template-columns:64px minmax(0,1fr) 64px;gap:32px;padding:32px 36px;box-shadow:0 4px 16px #e6394612}html .landing-simple .concept-promise-card p{color:#9b2430;font-size:23px;font-weight:700}html .landing-simple .concept-promise-card strong{margin-top:8px;font-size:clamp(34px,3.6vw,46px);font-weight:850;line-height:1.25}html .landing-simple .concept-trophy{width:64px;height:64px}@media (width<=700px){html .landing-simple .concept-promise-card{grid-template-columns:28px minmax(0,1fr) 28px;gap:8px;padding:26px 14px}html .landing-simple .concept-promise-card p{font-size:17px}html .landing-simple .concept-promise-card strong{letter-spacing:-.045em;font-size:27px}html .landing-simple .concept-trophy{width:28px;height:28px}}html,body,#root{min-height:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;word-break:keep-all;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button{touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--color-brand-ink);outline-offset:2px}.on-brand :focus-visible{outline-color:#fff}::selection{background:var(--color-accent-soft)}@keyframes drop-in{0%{opacity:0;transform:translateY(-14px)scale(.9)}to{opacity:1;transform:none}}@keyframes split-pulse{0%{transform:scale(1)}40%{transform:scaleX(1.08)scaleY(.94)}to{transform:scale(1)}}@keyframes focus-ring{0%{box-shadow:0 0 #f2b233b3}to{box-shadow:0 0 0 8px #f2b23300}}@keyframes draw-arrow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes confetti-pop{0%{opacity:0;transform:translate(0)scale(.4)}55%{opacity:1}to{opacity:0;transform:translate(var(--confetti-x,0), var(--confetti-y,-22px)) scale(1)}}.anim-confetti{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) both confetti-pop}@keyframes success-pop{0%{transform:scale(.3)}55%{transform:scale(1.3)}to{transform:scale(1)}}.anim-success{animation:.42s cubic-bezier(.2,.8,.2,1) both success-pop}.anim-drop{animation:.32s cubic-bezier(.2,.8,.2,1) both drop-in}.anim-split{animation:.26s ease-out split-pulse}.anim-focus{animation:.48s ease-out 2 focus-ring}.anim-arrow{stroke-dasharray:1;animation:.38s ease-out both draw-arrow}.anim-sheet{animation:.22s ease-out both sheet-up}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.25}}.anim-ring{animation:.7s ease-in-out 2 ring-pulse}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.anim-rise{animation:.52s cubic-bezier(.2,.8,.2,1) both rise}@supports (animation-timeline:view()){.anim-reveal{animation:linear both rise;animation-timeline:view();animation-range:entry entry 35%}}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:none}}.anim-rise-sheet{animation:.24s cubic-bezier(.2,.8,.2,1) both sheet-rise}@keyframes star-pop{0%{transform:scale(.3)}55%{transform:scale(1.18)}to{transform:scale(1)}}.anim-star{animation:.52s cubic-bezier(.2,.8,.2,1.2) both star-pop}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.anim-nudge{animation:.7s ease-in-out .9s 3 nudge}[data-skip] .anim-drop,[data-skip] .anim-arrow,[data-skip] .anim-split{animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (height<=500px){.mission-shell{height:auto;min-height:100dvh;max-height:none;overflow:hidden auto}.mission-scroll{flex:none;overflow:visible}.lesson-shell{height:auto;min-height:100dvh;overflow-y:auto}.lesson-stage{flex:none;overflow:visible}}[data-page-title]:focus,[data-page-title]:focus-visible{outline:none}.lesson-stage .bench{border-radius:1.35rem;padding:0;box-shadow:none!important;background:0 0!important}.lesson-stage .bench>div{outline:1px solid var(--color-line);outline-offset:-1px}[data-page-title]:has([data-now-task]) [data-own-title]{display:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}h1,h2,h3{letter-spacing:-.035em}:is(.btn-key,.btn-go,.btn-chunky,.btn-cta){background:var(--color-action);box-shadow:none;border-radius:12px;font-weight:650}:is(.btn-key,.btn-go,.btn-chunky,.btn-cta):hover:not(:disabled){background:var(--color-action-hover)}:is(.btn-key,.btn-go,.btn-chunky,.btn-cta):active:not(:disabled){box-shadow:none;transform:translateY(1px)}:is(.btn-key,.btn-go,.btn-chunky,.btn-cta):focus-visible{outline-color:var(--color-action)}:is(.btn-soft,.key-soft){box-shadow:none;border-width:1px;font-weight:650}:is(.btn-soft,.key-soft):active:not(:disabled){box-shadow:none;transform:translateY(1px)}.key-soft.is-on,.key-soft.is-miss{box-shadow:none}.btn-cta:disabled{color:#747b8c;box-shadow:none;background:#e8ebf2}.btn-cta.is-think{background:var(--color-accent);color:var(--color-ink)}.btn-chunky.is-white{color:#191b22;background:#fff}.bench{border-radius:16px;box-shadow:0 0 0 1px var(--color-line)!important;background:#fff!important;padding:0!important}.bench>div{border-radius:16px}.lesson-shell{background:#fff}.lesson-shell>header{border-color:var(--color-line);background:#f8f9fc}.lesson-shell>footer{background:#fff}.public-header{background:#12141c;border-color:#292d3b}.public-header a:not(.btn-key){color:#fff}.public-header a:not(.btn-key):hover{background:#242837}.landing-page{background:#f5f6fa}.landing-page .landing-hero{color:#fff;background:radial-gradient(at 16% 0,#3044a9 0%,#0000 46%),radial-gradient(at 63% 6%,#12394b 0%,#0000 48%),#12141c}.landing-hero-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1120px;margin:auto;padding:80px 24px 88px;display:grid}.landing-hero .hero-copy{text-align:left}.landing-hero .hero-eyebrow{color:#aab6ff;margin-bottom:20px;font-size:14px;font-weight:600}.landing-hero .hero-intro{color:#bfc5d5;max-width:400px;margin-top:24px;font-size:18px;line-height:1.65}.landing-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px;display:flex}.landing-hero .hero-actions .btn-chunky{width:auto;min-width:190px;height:52px;padding:0 24px;font-size:17px}.landing-hero .hero-detail{color:#afb6c8;font-size:13px;line-height:1.6}.landing-hero .hero-detail a{color:#fff}.landing-hero figure{min-width:0;color:var(--color-ink);margin:0}.landing-hero figure>p{color:#c1cbff;font-size:15px;font-weight:600}.landing-hero figcaption{color:#aeb7cc;font-size:13px}.landing-board{box-shadow:none;border:1px solid #e2e5ed;border-radius:16px}.landing-page section:not(.landing-hero){border-bottom:1px solid #e8ebf2}.landing-page .landing-quote{border-bottom:1px solid var(--color-line);text-align:left;padding:20px 0;font-size:17px;line-height:1.6}.landing-page .landing-quote:last-child{border-bottom:0}.landing-page details{border-bottom:1px solid var(--color-line);background:0 0;border-radius:0}.landing-page .closing-panel{background:#171b29;border-radius:20px}@media (width<=767px){.landing-hero-layout{grid-template-columns:1fr;gap:40px;padding:44px 20px 48px}.landing-hero .hero-copy{text-align:left}.landing-hero h1{font-size:clamp(34px,9vw,46px)}.landing-hero .hero-intro{font-size:17px}}@media (prefers-reduced-motion:reduce){:is(.btn-key,.btn-go,.btn-chunky,.btn-cta,.key-soft){transition:none}}.technology-section{color:#fff;background:#141721}.technology-eyebrow{color:#9daeff;letter-spacing:.12em;margin-bottom:18px;font-size:12px;font-weight:600}.technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.technology-card{background:#1c202d;border:1px solid #343a4c;border-radius:16px;padding:28px}.technology-diagram{color:#9dabff;width:80px;height:80px;margin-bottom:32px}.technology-card h3{margin-bottom:12px;font-size:22px;font-weight:650}.technology-card p{color:#bec5d5;font-size:16px;line-height:1.65}.technology-patent{color:#adb5c8;margin-top:28px;font-size:12px;line-height:1.8}.technology-patent span{display:block}@media (width<=767px){.technology-grid{grid-template-columns:1fr;gap:12px}.technology-card{padding:24px}.technology-diagram{width:56px;height:56px;margin-bottom:20px}}.btn-chunky.is-white:hover{color:#191b22;background:#edf0ff}.btn-cta.is-think:hover:not(:disabled){color:#191b22;background:#e9a621}.landing-page{-webkit-font-smoothing:antialiased}.landing-page .landing-section-inner{padding-top:112px;padding-bottom:112px}.landing-heading{letter-spacing:-.035em;font-size:clamp(30px,3.4vw,44px);font-weight:650;line-height:1.3}.landing-description{max-width:420px;margin-top:20px;font-size:17px;font-weight:400;line-height:1.8}.landing-hero-layout{gap:88px;max-width:1200px;padding:116px 48px 124px}.landing-hero h1{letter-spacing:-.04em;font-size:clamp(40px,4.2vw,60px);font-weight:650;line-height:1.22}.landing-hero .hero-eyebrow{margin-bottom:28px;font-size:13px;font-weight:500}.landing-hero .hero-intro{max-width:340px;margin-top:32px;font-size:17px;font-weight:400;line-height:1.85}.landing-hero .hero-actions{gap:18px;margin-top:40px}.landing-hero figure>p{margin-bottom:20px;font-size:14px;font-weight:500}.landing-board{border-radius:20px;padding:28px}.landing-comparison-card{box-shadow:none;border:1px solid #ced5f5;border-radius:28px}.landing-page .font-black{font-weight:650}.landing-page .font-extrabold{font-weight:600}.technology-section>div{padding-top:112px;padding-bottom:112px}.technology-grid{gap:24px;margin-top:48px}.technology-card{background:#191e2a;border-color:#303646;padding:36px 32px}.technology-card h3{letter-spacing:-.025em;font-size:21px;font-weight:600}.technology-card p{font-size:15px;font-weight:400;line-height:1.9}.technology-patent{max-width:680px;margin-top:36px;line-height:2}@media (width<=767px){.landing-hero-layout{gap:56px;padding:64px 28px 76px}.landing-hero h1{font-size:clamp(36px,10vw,48px);line-height:1.28}.landing-hero .hero-eyebrow{max-width:270px;margin-bottom:24px;line-height:1.8}.landing-hero .hero-intro{max-width:290px;margin-top:24px;font-size:16px}.landing-hero .hero-actions{margin-top:32px}.landing-page .landing-section-inner{padding:80px 28px}.landing-heading{font-size:30px;line-height:1.4}.landing-description{max-width:280px;font-size:16px;line-height:1.85}.landing-board{padding:20px}.technology-section>div{padding:80px 28px}.technology-grid{gap:20px;margin-top:36px}.technology-card{padding:32px 28px}.technology-diagram{margin-bottom:28px}}@font-face{font-family:Pretendard;src:url(/landing/fonts/pretendard/Pretendard-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/landing/fonts/pretendard/Pretendard-SemiBold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(/landing/fonts/pretendard/Pretendard-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:MathButton Round;src:url(/landing/fonts/NanumSquareRoundR.woff2)format("woff2");font-style:normal;font-weight:100 599;font-display:swap}@font-face{font-family:MathButton Round;src:url(/landing/fonts/NanumSquareRoundB.woff2)format("woff2");font-style:normal;font-weight:600 900;font-display:swap}.landing-simple{--mb-bg:#151517;--mb-surface:#23252b;--mb-line:#383b43;--mb-text:#f5f6f8;--mb-muted:#bac0ce;--mb-action:#fee500;--mb-board-height:540px;background:var(--mb-bg);color:var(--mb-text);font-family:"MathButton Round",var(--font-sans);font-weight:700}.landing-simple>main{max-width:1280px;margin:auto;padding:0 40px}.landing-simple section:not(.landing-hero){border-bottom:0}.landing-simple .simple-intro{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:56px;min-height:520px;margin:0;padding:58px 24px 44px;display:grid}.hero-logo-button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:min(100%,460px);margin:auto;padding:0;display:block}.hero-logo-button svg{filter:drop-shadow(0 20px 20px #00000059);width:100%;height:auto;overflow:visible}.hero-logo-button .brand-button-face{transform-origin:32px 32px}.hero-logo-button:focus:not(:focus-visible){outline:none}.hero-logo-button:focus-visible{outline:3px solid var(--mb-action);outline-offset:8px;border-radius:20px}.brand-round-lettering{font-family:"MathButton Round",var(--font-sans);letter-spacing:-.2px;stroke:#fff;stroke-width:.2px;paint-order:stroke fill;font-size:8.5px;font-weight:900}.simple-intro-copy{text-align:left;min-width:0}.simple-hook>span,.simple-hook>strong{display:block}.landing-simple .simple-start{background:var(--mb-action);color:#191919;min-height:64px;box-shadow:none;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding:18px 24px;font-size:20px;font-weight:900;display:inline-flex}.concept-promise-card{color:#f2dfa2;text-align:center;background:0 0;border-top:1px solid #5e5537;border-bottom:1px solid #5e5537;border-radius:0;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:24px;margin:0 0 48px;padding:24px 32px;display:grid}.concept-promise-card p{color:#d7c995;font-size:18px;line-height:1.5}.concept-promise-card strong{letter-spacing:-.035em;margin-top:6px;font-size:clamp(28px,3.2vw,38px);font-weight:900;line-height:1.35;display:block}.simple-experiments{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;margin:0;padding:0 0 72px;display:grid}.simple-experiment{color:#20242e;background:#fff;border:0;border-radius:26px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.simple-experiment header{text-align:left;background:#e7edff;min-height:190px;padding:28px 28px 24px}.experiment-unit{color:#405885;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;line-height:1.6;display:flex}.experiment-unit>span{color:#263f71;background:#ccdafa;border-radius:8px;padding:3px 10px}.simple-experiment:nth-child(2) .experiment-unit{color:#32664e}.simple-experiment:nth-child(2) .experiment-unit>span{color:#23533e;background:#bddfcf}.simple-experiment h2{color:#20242e;letter-spacing:-.035em;font-size:32px;font-weight:900;line-height:1.35}.simple-experiment header p{color:#56637b;margin-top:10px;font-size:18px;line-height:1.6}.simple-experiment:nth-child(2) header p{color:#48695a}.simple-board{color:#20242e;background:#fff;border-radius:0;padding:28px}.simple-board>div{height:var(--mb-board-height)}.landing-simple .key-soft{box-shadow:none;border-radius:14px}.landing-simple .simple-board p.text-\[14px\],.landing-simple .simple-board span.text-\[15px\]{font-size:16px}.landing-simple .technology-section{color:var(--mb-text);border-top:1px solid var(--mb-line);background:0 0}.landing-simple .technology-section>div{max-width:none;padding:52px 0 56px}.landing-simple .technology-eyebrow{display:none}.landing-simple .technology-section .landing-heading{color:var(--mb-text);text-align:left;font-size:32px;font-weight:900}.landing-simple .technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.landing-simple .technology-card{box-shadow:none;background:#1c1e22;border:1px solid #30343c;border-radius:18px;padding:24px}.landing-simple .technology-diagram{color:#f2dfa2;width:44px;height:44px;margin-bottom:18px}.landing-simple .technology-card h3{color:var(--mb-text);font-size:22px;font-weight:900}.landing-simple .technology-card p{color:var(--mb-muted);margin-top:10px;font-size:17px;line-height:1.7}.landing-simple .technology-patent{color:#9fa7b8;max-width:70ch;margin-top:28px;font-size:15px;line-height:1.7}.landing-login{padding:16px 0 72px;scroll-margin-top:32px}.landing-login-inner{color:#20242e;background:#fff;border:0;border-radius:24px;max-width:480px;margin:auto;padding:36px}.landing-login h2{text-align:left;color:#20242e;font-size:30px;font-weight:900;line-height:1.4}.landing-login-form{flex-direction:column;gap:24px;margin-top:28px;display:flex}.landing-login-form label{color:#20242e;flex-direction:column;gap:10px;font-size:17px;display:flex}.landing-login-form input{color:#20242e;background:#f7f8fb;border:1px solid #ccd1dc;border-radius:12px;width:100%;height:56px;padding:0 16px;font-size:18px}.landing-login-form input:focus{outline-offset:3px;outline:2px solid #425cff}.landing-login-form>button{color:#fff;min-height:56px;box-shadow:none;background:#20242e;border-radius:12px;font-size:18px}.landing-login-error{color:#9c2727;font-size:16px;line-height:1.7}.landing-signup{color:#56637b;text-underline-offset:4px;justify-content:center;align-items:center;min-height:48px;font-size:16px;text-decoration:underline;display:flex}.math-site-footer{--footer-strong:#f5f6f8;--footer-current:#fee500;color:#bdc3d0;background:#1c1e22;border-top:1px solid #383b43;padding:48px 24px}.math-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:960px;margin:auto;display:flex}.math-footer-business{flex-direction:column;gap:6px;font-size:16px;font-weight:700;line-height:1.7;display:flex}.math-footer-policies{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.math-footer-policies button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:14px;font-weight:700}.math-footer-policies button[aria-expanded=true]{color:var(--footer-current);text-underline-offset:6px;text-decoration:underline}.math-footer-document{text-align:left;width:100%;font-size:13px;line-height:1.8}.math-footer-document[hidden],.math-footer-document .btn-soft{display:none}.math-footer-document h1,.math-footer-document h2{color:var(--footer-strong);font-size:16px}.math-footer-document h3{color:var(--footer-strong);font-size:14px}.math-footer-document p,.math-footer-document div,.math-footer-document li,.math-footer-document dd{color:inherit;font-size:13px}.math-footer-document .text-ink,.math-footer-document b,.math-footer-document dt{color:var(--footer-strong)}.math-footer-close{min-height:48px;color:var(--footer-strong);background:0 0;border:1px solid;border-radius:12px;justify-content:center;align-items:center;margin-top:24px;padding:0 20px;font-size:15px;font-weight:700;display:flex}.math-footer-copy{margin:0;font-size:14px;font-weight:700}.math-footer-document div.mt-8{gap:16px;margin-top:16px}@media (hover:hover) and (pointer:fine){.landing-simple .simple-start:hover{background:#ffe936}.landing-simple .key-soft:hover{border-color:#8492b1}}@media (prefers-reduced-motion:no-preference){html:has(.landing-simple){scroll-behavior:smooth}.landing-simple a,.landing-simple button{transition:background-color .16s,color .16s,border-color .16s}}@media (width<=1000px){.landing-simple>main{padding:0 24px}.landing-simple .simple-intro{gap:32px;min-height:460px;padding:44px 0}.simple-hook{font-size:36px}.simple-experiment header{min-height:208px;padding:26px 22px 22px}.simple-experiment h2{font-size:29px}.simple-board{padding:22px}.landing-simple .simple-start{padding:18px 20px;font-size:18px}}@media (width<=650px){.landing-simple>main{padding:0 16px}.landing-simple .simple-intro{grid-template-columns:1fr;gap:28px;min-height:0;padding:32px 8px 36px}.hero-logo-button{width:min(100%,310px)}.simple-intro-copy{text-align:center}.simple-hook{font-size:32px}.simple-hook>span{font-size:24px}.landing-simple .simple-start{gap:12px;width:100%;margin-top:24px;padding:18px;font-size:17px}.concept-promise-card{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;margin-bottom:28px;padding:22px 0}.concept-trophy{width:36px;height:36px}.concept-promise-card p{font-size:16px}.concept-promise-card strong{font-size:28px;line-height:1.35}.simple-experiments{grid-template-columns:1fr;gap:24px;padding-bottom:44px}.simple-experiment header{min-height:0;padding:24px}.simple-experiment h2{font-size:28px}.simple-experiment header p{font-size:17px}.simple-board{padding:22px}.landing-simple .technology-grid{grid-template-columns:1fr;gap:24px}.landing-simple .technology-card,.landing-simple .technology-card:first-child,.landing-simple .technology-card:last-child{border:1px solid #30343c;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:24px;display:grid}.landing-simple .technology-diagram{grid-row:1/3;margin:0}.landing-simple .technology-card p{grid-column:2}.landing-simple .technology-section .landing-heading{font-size:28px}.landing-simple .technology-section>div{padding:32px 0 36px}.landing-login{padding:0 0 48px}.landing-login-inner{padding:28px 24px}}.landing-simple>main{max-width:none;padding:0}.landing-simple .simple-intro{background:#191b20;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:580px;padding:54px max(32px,50vw - 560px);position:relative;overflow:hidden}.simple-intro-copy{z-index:1;text-align:left;grid-area:1/1;position:relative}.simple-hook{letter-spacing:-.055em;font-size:clamp(38px,4.2vw,58px);line-height:1.19}.simple-hook>span{color:#aeb4c0;font-size:.64em;line-height:1.45}.simple-hook>strong{color:#f6f7fa;font-weight:900}.simple-hook>strong:first-of-type{margin-top:26px}.landing-simple .simple-start{color:#191b20;background:#fee500;border-radius:14px;min-height:66px;margin-top:36px;padding:20px 24px;font-size:19px}.hero-button-studio{grid-area:1/2;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.hero-logo-button{z-index:1;width:min(100%,440px);position:relative}.hero-logo-button svg{filter:drop-shadow(0 24px 26px #00000047)}.hero-logo-button:focus-visible{outline-color:#fee500}.hero-math-art{color:#828997;opacity:.25;width:100%;height:100%;position:absolute;inset:-12px 0}.concept-promise-card{background:0 0;border:0;grid-template-columns:52px minmax(0,1fr) 52px;gap:28px;width:calc(100% - 64px);max-width:1120px;margin:0 auto;padding:30px 4px}.concept-promise-card p{color:#a9b0be;font-size:17px}.concept-promise-card strong{color:#fff;margin-top:4px;font-size:32px}.concept-trophy{width:52px;height:52px}.simple-experiments{background:#fff;border-radius:20px;gap:0;width:calc(100% - 64px);max-width:1184px;margin:0 auto 72px;padding:0;overflow:hidden}.simple-experiment{border-radius:0;overflow:visible}.simple-experiment:nth-child(2){border-left:1px solid #dce2e9}.simple-experiment header{background:#f6f7f9;border-bottom:1px solid #dce2e9;min-height:194px;padding:30px 30px 26px}.simple-experiment:nth-child(2) header{background:#f6f7f9}.experiment-unit{margin-bottom:14px;font-size:16px}.experiment-unit>span{background:0 0;border-radius:0;padding:0}.simple-experiment:nth-child(2) .experiment-unit>span{background:0 0}.simple-experiment h2{font-size:34px}.simple-board{padding:30px}.landing-simple .technology-section{width:calc(100% - 64px);max-width:1120px;margin:auto}.landing-simple .technology-section>div{padding:0 0 56px}.landing-simple .technology-section .landing-heading{font-size:36px}.landing-simple .technology-card{background:#23262d;border:0;border-radius:18px;padding:28px}.landing-simple .technology-card:first-child,.landing-simple .technology-card:last-child{padding:28px}.landing-login{width:calc(100% - 64px);max-width:1120px;margin:auto;padding:0 0 72px}.landing-login-inner{background:#f4f6f9;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;max-width:none;padding:40px;display:grid}.landing-login h2{letter-spacing:-.04em;max-width:6em;font-size:42px}.landing-login-form{margin:0}.landing-login-form input{background:#fff;border-color:#c5ccd8}.landing-login-inner>.simple-start{margin:0}@media (hover:hover) and (pointer:fine){.landing-simple .simple-start:hover{background:#fff078}}@media (width<=1000px){.landing-simple .simple-intro{gap:28px;min-height:520px;padding:44px 32px}.simple-hook{font-size:42px}.hero-button-studio{min-height:380px}.hero-logo-button{width:360px}.simple-experiment header{min-height:208px;padding:28px 24px}.simple-experiment h2{font-size:29px}.simple-board{padding:24px}.landing-login-inner{gap:32px;padding:32px}.landing-login h2{font-size:36px}}@media (width<=650px){.landing-simple .simple-intro{border-radius:0;grid-template-columns:1fr;gap:16px;min-height:0;padding:32px 24px 40px}.simple-intro-copy{text-align:left;grid-area:2/1}.simple-hook{font-size:clamp(30px,8.8vw,37px)}.simple-hook>span{font-size:23px}.simple-hook>strong:first-of-type{margin-top:18px}.hero-button-studio{grid-area:1/1;min-height:245px}.hero-logo-button{width:290px}.hero-math-art{opacity:.16;width:100%;height:100%;inset:0}.landing-simple .simple-start{width:100%;min-height:60px;margin-top:26px;padding:18px;font-size:17px}.concept-promise-card{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;width:calc(100% - 40px);padding:28px 0}.concept-trophy{width:32px;height:32px}.concept-promise-card p{font-size:15px}.concept-promise-card strong{font-size:26px;line-height:1.4}.simple-experiments{border-radius:24px;grid-template-columns:1fr;gap:0;width:calc(100% - 32px);margin-bottom:48px}.simple-experiment:nth-child(2){border-top:1px solid #dce2e9;border-left:0}.simple-experiment header{min-height:0;padding:24px}.simple-experiment h2{font-size:28px}.simple-board{padding:22px}.landing-simple .technology-section{width:calc(100% - 40px)}.landing-simple .technology-section .landing-heading{font-size:29px}.landing-simple .technology-card,.landing-simple .technology-card:first-child,.landing-simple .technology-card:last-child{padding:24px}.landing-login{width:calc(100% - 32px);padding-bottom:48px}.landing-login-inner{padding:28px 24px;display:block}.landing-login h2{max-width:none;font-size:30px}.landing-login-form{margin-top:24px}}.landing-simple .experiment-unit,.landing-simple .experiment-unit>span,.landing-simple .simple-experiment:nth-child(2) .experiment-unit,.landing-simple .simple-experiment:nth-child(2) .experiment-unit>span{color:#5c6472;background:0 0}.landing-simple .simple-experiment header p,.landing-simple .simple-experiment:nth-child(2) header p{color:#5c6472}.landing-simple .simple-hook{letter-spacing:-.045em}.landing-simple .concept-promise-card{border-bottom:1px solid #30343b;margin-bottom:36px}.landing-simple .concept-trophy{filter:grayscale();opacity:.65}.landing-simple .technology-diagram{color:#b9c1ce}@keyframes hidden-tile-arrive{0%{opacity:.25;transform:translateY(-7px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.hidden-tile-enter{animation:.24s ease-out both hidden-tile-arrive}@media (prefers-reduced-motion:reduce){.hidden-tile-enter{animation:none}}.inline-radical{vertical-align:baseline;white-space:nowrap;align-items:baseline;display:inline-flex}.inline-radical-sign{margin-right:-.04em;line-height:1}.inline-radical-value{border-top:1.5px solid;padding:.025em .08em 0 .025em;line-height:1}.inline-radical-tall{vertical-align:middle;align-items:stretch}.inline-radical-svg{flex:none;align-self:stretch;width:.62em;min-height:1.6em;margin-right:-.5px;overflow:visible}.inline-radical-tall .inline-radical-value{padding:.06em .1em 0 .04em}.mathbutton-landing-v3{--mb-ink:#242326;--mb-muted:#747075;--mb-action:#d62e40;--mb-wash:#fbf0f2;--mb-line:#e8e3e4;--mb-demo-height:min(640px, calc(100svh - var(--mb-demo-chrome,180px) - 48px));color:var(--mb-ink);font-family:var(--font-sans);overflow-wrap:break-word;background:#fff;font-weight:500;line-height:1.5}.mathbutton-landing-v3 *,.mathbutton-landing-v3 :before,.mathbutton-landing-v3 :after{box-sizing:border-box}.mathbutton-landing-v3 h1,.mathbutton-landing-v3 h2,.mathbutton-landing-v3 h3,.mathbutton-landing-v3 p{margin:0}.mathbutton-landing-v3 main{width:100%;max-width:none;padding:0}.mathbutton-landing-v3 section:not(.landing-hero){border-bottom:0}.mathbutton-landing-v3 button,.mathbutton-landing-v3 a{-webkit-tap-highlight-color:transparent}.mathbutton-landing-v3 :focus-visible{outline-offset:5px;outline:3px solid #b72135}.mathbutton-landing-v3 .mb-nowrap{white-space:nowrap}.mathbutton-landing-v3 .mb-topbar-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1140px,100% - 64px);min-height:80px;margin:auto;display:flex}.mathbutton-landing-v3 .mb-topbar-inner>a:first-child{align-items:center;min-height:44px;display:flex}.mathbutton-landing-v3 .mb-header-brand{color:var(--mb-ink);gap:18px;text-decoration:none}.mathbutton-landing-v3 .mb-header-brand>span{letter-spacing:-.025em;font-size:16px;font-weight:650}.mathbutton-landing-v3 .mb-header-start{color:#b42439;background:#fbedef;border-radius:100px;align-items:center;gap:16px;min-height:44px;padding:9px 22px;font-size:15px;font-weight:750;text-decoration:none;display:flex}.mathbutton-landing-v3 .mb-hero{color:#fff;background:#16171b;overflow:hidden}.mathbutton-landing-v3 .mb-hero-inner{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;width:min(1140px,100% - 64px);min-height:540px;margin:auto;padding:64px 0;display:grid}.mathbutton-landing-v3 .mb-hero-copy{min-width:0}.mathbutton-landing-v3 .mb-hero-kicker{letter-spacing:-.02em;color:#bdb7bb;margin-bottom:24px;font-size:16px;font-weight:600}.mathbutton-landing-v3 .mb-hero h1{letter-spacing:-.045em;font-size:clamp(34px,3.8vw,49px);font-weight:750;line-height:1.38}.mathbutton-landing-v3 .mb-hero h1>span,.mathbutton-landing-v3 .mb-hero h1>strong{display:block}.mathbutton-landing-v3 .mb-hero h1>strong{color:#f297a4;font-weight:inherit}.mathbutton-landing-v3 .mb-hero-subcopy{color:#c4bec2;letter-spacing:-.025em;margin-top:24px;font-size:18px}.mathbutton-landing-v3 .mb-primary-action{background:var(--mb-action);color:#fff;border-radius:100px;justify-content:center;align-items:center;gap:22px;min-height:60px;margin-top:36px;padding:17px 27px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.mathbutton-landing-v3 .mb-primary-action>span{font-size:22px}.mathbutton-landing-v3 .mb-hero-product{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mathbutton-landing-v3 .mb-hero-product-bar{color:#d7ced2;align-items:center;gap:8px;padding:2px 4px 18px;font-size:12px;font-weight:600;display:flex}.mathbutton-landing-v3 .mb-hero-product-bar>span:last-child{color:#a3939b;font-variant-numeric:tabular-nums;margin-left:auto}.mathbutton-landing-v3 .mb-live-dot{background:#e98091;border-radius:50%;width:7px;height:7px}.mathbutton-landing-v3 .mb-hero-logo{cursor:pointer;filter:none;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;width:100%;max-width:none;height:auto;margin:0;padding:0;display:flex}.mathbutton-landing-v3 .mb-hero-logo>svg{filter:none;width:100%;max-width:480px;height:auto;display:block}.mathbutton-landing-v3 .mb-hero-logo .brand-button-face{transform-box:fill-box;transform-origin:50%}.mathbutton-landing-v3 .mb-hero-tile-example{background:#302c30;border-radius:16px;justify-content:center;align-items:center;gap:22px;min-height:164px;margin-top:14px;padding:14px 12px;display:flex}.mathbutton-landing-v3 .mb-hero-tiles{flex:none;transition:width .22s,height .22s;position:relative}.mathbutton-landing-v3 .mb-hero-tiles>span{background:#ef9daa;border-radius:5px;transition:transform .24s,width .24s,height .24s;position:absolute;top:0;left:0;box-shadow:inset 0 -3px #ca7684}.mathbutton-landing-v3 .mb-hero-tile-example p{color:#c8bdc3;max-width:120px;font-size:12px;line-height:1.55}.mathbutton-landing-v3 .mb-hero-tile-example strong{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:7px;font-size:19px;font-weight:750;display:block}.mathbutton-landing-v3 .mb-promise{text-align:center;margin-bottom:54px;padding:0 24px}.mathbutton-landing-v3 .mb-promise>p{color:var(--mb-muted);font-size:clamp(24px,2.6vw,30px);font-weight:700}.mathbutton-landing-v3 .mb-promise h2{letter-spacing:-.045em;margin-top:12px;font-size:clamp(38px,4.8vw,58px);font-weight:800;line-height:1.35}.mathbutton-landing-v3 .mb-promise em{color:#d62e40;font-style:normal}.mathbutton-landing-v3 .mb-promise>span{color:var(--mb-muted);margin-top:18px;font-size:17px;display:block}.mathbutton-landing-v3 .mb-experiments{background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:min(1140px,100% - 64px);margin:auto;padding:0;display:grid;overflow:visible}.mathbutton-landing-v3 .mb-experiment{background:#fff;border:1px solid #e5dde0;border-radius:28px;min-width:0;overflow:visible;box-shadow:0 12px 40px #38314506}.mathbutton-landing-v3 .mb-experiment:nth-child(2){border:1px solid #e5dde0}.mathbutton-landing-v3 .mb-experiment header{background:#faedef;border-bottom:1px solid #efdee2;min-height:156px;padding:26px 30px 24px}.mathbutton-landing-v3 .mb-experiment:nth-child(2) header{background:#f5eef0}.mathbutton-landing-v3 .mb-experiment-kicker{color:#8d6973;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.mathbutton-landing-v3 .mb-experiment-kicker>span:first-child{font-size:15px}.mathbutton-landing-v3 .mb-experiment header>p{color:#7f7277;margin-top:7px;font-size:15px;line-height:1.5}.mathbutton-landing-v3 .mb-board{color:var(--mb-ink);background:#fff;border-radius:0;padding:26px}.mathbutton-landing-v3 .mb-board>div{height:var(--mb-demo-height)}.mathbutton-landing-v3 .mb-demo-device{height:var(--mb-demo-height);flex-direction:column;gap:12px;display:flex;container-type:inline-size}.mathbutton-landing-v3 .mb-device-equation{letter-spacing:-.04em;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:12px;min-height:48px;font-size:36px;font-weight:800;line-height:1.3;display:flex}.mathbutton-landing-v3 .mb-equation-equals{color:#a79ea3}.mathbutton-landing-v3 .mb-current-product{white-space:nowrap;min-width:0;font-size:clamp(24px,7.5cqw,36px)}.mathbutton-landing-v3 .mb-factor-stage{background:#faf4f5;border-radius:20px;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:24px 12px 12px;display:flex;position:relative;overflow:hidden}.mathbutton-landing-v3 .mb-stage-caption{color:#98868d;font-size:11px;font-weight:600;position:absolute;top:12px;left:16px}.mathbutton-landing-v3 .mb-factor-canvas{flex:none;width:100%;height:276px;position:relative}.mathbutton-landing-v3 .mb-factor-lines{width:100%;height:276px;position:absolute;inset:0;overflow:visible}.mathbutton-landing-v3 .mb-factor-lines line{stroke:#c6adb5;stroke-width:2px;stroke-linecap:round}.mathbutton-landing-v3 .mb-factor-node{color:#4b333d;font-variant-numeric:tabular-nums;background:#fff;border:2px solid #e0c7d0;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;font-weight:750;line-height:1;transition:left .32s,top .32s,background-color .16s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #e0c7d0}.mathbutton-landing-v3 .mb-factor-node[aria-pressed=true]{outline-offset:4px;outline:3px solid #d15b71}.mathbutton-landing-v3 .mb-factor-node:disabled{opacity:1}.mathbutton-landing-v3 .mb-node-parent{box-shadow:none;color:#8d707c;background:#f0e1e6;border-color:#f0e1e6}.mathbutton-landing-v3 .mb-node-prime{color:#745106;background:#fff0c7;border-color:#e7be59;box-shadow:0 3px #e7be59}.mathbutton-landing-v3 .mb-prime-dot{background:#cf9b25;border:2px solid #faf4f5;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;right:-5px}.mathbutton-landing-v3 .mb-prime-tray{color:#927782;border-top:1px solid #eddee3;flex:none;align-items:center;gap:12px;min-height:44px;padding-top:10px;font-size:12px;display:flex}.mathbutton-landing-v3 .mb-prime-tray>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mathbutton-landing-v3 .mb-prime-chip{color:#745106;background:#fff0c7;border:1px solid #e4bd60;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:750;display:inline-flex}.mathbutton-landing-v3 .mb-tray-empty{color:#a4939b;font-size:12px}.mathbutton-landing-v3 .mb-device-message{text-align:center;text-wrap:balance;color:#9a465b;background:#f8e9ed;border-radius:16px;flex:none;justify-content:center;align-items:center;height:64px;min-height:64px;padding:10px 15px;font-size:16px;font-weight:650;line-height:23px;display:flex}.mathbutton-landing-v3 .mb-message-done{color:#075244;background:#dcf1ea}.mathbutton-landing-v3 .mb-message-retry{color:#7a5200;background:#fff3cf}.mathbutton-landing-v3 .mb-factor-controls{flex:none;height:132px}.mathbutton-landing-v3 .mb-factor-pairs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mathbutton-landing-v3 .key-soft{color:#5b3743;font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border:1px solid #e4d2d8;border-radius:12px;min-width:0;height:48px;padding:0 8px;font-size:19px;font-weight:700;line-height:1;box-shadow:0 3px #ead9df}.mathbutton-landing-v3 .key-soft:disabled{opacity:.4;box-shadow:none}.mathbutton-landing-v3 .mb-factor-reset{justify-content:center;align-items:center;gap:16px;width:100%;font-size:16px;display:flex}.mathbutton-landing-v3 .mb-control-note{color:#9a8790;margin-top:12px;font-size:12px}.mathbutton-landing-v3 .mb-rectangle-controls{gap:16px}.mathbutton-landing-v3 .mb-rectangle-stepper{gap:6px}.mathbutton-landing-v3 .mb-rectangle-stepper>span{color:#917a84;font-size:13px}.mathbutton-landing-v3 .mb-rectangle-equation{height:48px;font-size:clamp(25px,8.7cqw,39px);font-weight:800}.mathbutton-landing-v3 .mb-rectangle-stage{background:#faf4f5;border-radius:20px;padding:16px}.mathbutton-landing-v3 .mb-rectangle-summary{border-color:#eddee3}.mathbutton-landing-v3 .mb-rectangle-summary>p:first-child{white-space:normal;text-wrap:balance;height:44px;font-size:13px}.mathbutton-landing-v3 .mb-rectangle-verdict{margin-top:7px;font-size:15px;line-height:22px}.mathbutton-landing-v3 .mb-depth-section{grid-template-columns:.8fr 1.35fr;align-items:center;gap:72px;width:min(1140px,100% - 64px);margin:auto;padding:100px 0;display:grid}.mathbutton-landing-v3 .mb-eyebrow{color:#a9344b;letter-spacing:-.02em;margin-bottom:16px;font-size:15px;font-weight:700}.mathbutton-landing-v3 .mb-section-heading h2{letter-spacing:-.045em;font-size:clamp(30px,3.5vw,42px);font-weight:750;line-height:1.38}.mathbutton-landing-v3 .mb-depth-board{background:#fbf6f7;border:1px solid #eddde2;border-radius:26px;min-width:0;padding:24px}.mathbutton-landing-v3 .mb-depth-tabs{background:#f0e2e7;border-radius:100px;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:5px;display:grid}.mathbutton-landing-v3 .mb-depth-tabs button{color:#947a84;background:0 0;border:0;border-radius:100px;min-height:44px;padding:8px;font-size:16px;font-weight:750}.mathbutton-landing-v3 .mb-depth-tabs button[aria-pressed=true]{color:#aa3049;background:#fff;box-shadow:0 2px 8px #742e4510}.mathbutton-landing-v3 .mb-depth-scene{grid-template-columns:.9fr 1.15fr;align-items:center;gap:20px;min-height:290px;padding:28px 8px;display:grid}.mathbutton-landing-v3 .mb-depth-drawing{flex-direction:column;align-items:center;display:flex}.mathbutton-landing-v3 .mb-depth-number{color:#8a354c;background:#f5dfe5;border:2px solid #e5b5c2;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;font-size:27px;font-weight:750;display:flex}.mathbutton-landing-v3 .mb-depth-drawing>svg{fill:none;stroke:#d6a7b4;stroke-width:2px;width:100%;max-width:220px;height:54px}.mathbutton-landing-v3 .mb-divisor-link{border:2px solid #d6a7b4;border-bottom:0;border-radius:8px 8px 0 0;width:50%;height:46px;margin-top:14px}.mathbutton-landing-v3 .mb-depth-chip-row{justify-content:space-around;gap:24px;width:100%;display:flex}.mathbutton-landing-v3 .mb-depth-chip-row>span{color:#745106;background:#fff1c9;border:1px solid #e6bf60;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:750;display:flex}.mathbutton-landing-v3 .mb-divisor-drawing .mb-depth-chip-row>span{color:#8a354c;background:#fff;border-color:#e5b5c2}.mathbutton-landing-v3 .mb-drawing-caption{color:#9d7b89;margin-top:16px;font-size:12px}.mathbutton-landing-v3 .mb-depth-level{color:#957986;font-size:12px;font-weight:600}.mathbutton-landing-v3 .mb-depth-copy h3{letter-spacing:-.035em;margin-top:9px;font-size:22px;font-weight:750;line-height:1.4}.mathbutton-landing-v3 .mb-depth-copy .mb-depth-equation{color:#d62e40;margin:12px 0;font-size:26px;font-weight:750;line-height:1.5}.mathbutton-landing-v3 .mb-depth-copy>p:last-child{color:#947882;font-size:14px;line-height:1.7}.mathbutton-landing-v3 .mb-learning-flow{color:#8e6979;border-top:1px solid #ecdae1;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:18px 0 0;font-size:12px;font-weight:650;list-style:none;display:flex}.mathbutton-landing-v3 .mb-learning-flow li+li:before{content:"→";color:#cba6b6;margin-right:10px}.mathbutton-landing-v3 .mb-technology-section .mb-eyebrow{color:#e7a4b2}.mathbutton-landing-v3 .mb-technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px;display:grid}.mathbutton-landing-v3 .mb-technology-card{border-top:1px solid #51404b;padding-top:25px}.mathbutton-landing-v3 .mb-technology-card>svg{fill:none;stroke:#e7a4b2;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:56px;height:56px;margin-bottom:24px}.mathbutton-landing-v3 .mb-technology-card h3{letter-spacing:-.03em;font-size:21px;font-weight:700}.mathbutton-landing-v3 .mb-technology-card p{color:#bbb0b8;margin-top:13px;font-size:15px;line-height:1.75}.mathbutton-landing-v3 .mb-patent{border-top:1px solid #42323d;justify-content:space-between;align-items:center;gap:36px;margin-top:52px;padding-top:24px;display:flex}.mathbutton-landing-v3 .mb-patent p{color:#b79eab;max-width:680px;font-size:12px;line-height:1.8}.mathbutton-landing-v3 .mb-patent p>span{display:block}.mathbutton-landing-v3 .mb-patent a{color:#eac4d1;flex:none;align-items:center;gap:12px;min-height:44px;font-size:13px;text-decoration:none;display:inline-flex}.mathbutton-landing-v3 .mb-patent-format{border:1px solid #71505f;border-radius:5px;padding:2px 5px;font-size:10px}.mathbutton-landing-v3 .mb-patent-document{background:#2c282e;border:1px solid #51404b;border-radius:22px;margin-top:48px;padding:32px}.mathbutton-landing-v3 .mb-patent-document-heading{color:#e7a4b2;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:16px;font-weight:650;display:flex}.mathbutton-landing-v3 .mb-patent-document h3{margin:20px 0 10px;font-size:27px;font-weight:750}.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{color:#f2e8ec;margin-bottom:20px;font-weight:650}.mathbutton-landing-v3 .mb-patent-process{border-top:1px solid #51404b;border-bottom:1px solid #51404b;flex-wrap:wrap;gap:10px;margin:20px 0;padding:20px 0;font-size:16px;font-weight:650;list-style:none;display:flex}.mathbutton-landing-v3 .mb-patent-process li+li:before{content:"→";color:#e7a4b2;margin-right:10px}.mathbutton-landing-v3 .mb-patent-document-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.mathbutton-landing-v3 .mb-patent-document-grid h4{margin:0 0 12px;font-size:18px;font-weight:700}.mathbutton-landing-v3 .mb-patent-document-grid p{color:#cdbcc5;font-size:16px;line-height:1.8}@media (width<=760px){.mathbutton-landing-v3 .mb-header-brand{flex-direction:column;gap:5px;align-items:flex-start!important}.mathbutton-landing-v3 .mb-header-brand>span{max-width:150px;font-size:14px;line-height:1.45}.mathbutton-landing-v3 .mb-topbar-inner{gap:12px;min-height:92px;padding-block:12px}.mathbutton-landing-v3 .mb-patent-document{padding:24px 20px}.mathbutton-landing-v3 .mb-patent-document-grid{grid-template-columns:1fr;gap:24px}}.mathbutton-landing-v3 .landing-login{width:min(1000px,100% - 64px);margin:auto;padding:0;scroll-margin-top:24px}.mathbutton-landing-v3 .landing-login-inner{max-width:none;color:var(--mb-ink);background:#fff;border:1px solid #ecd9e0;border-radius:26px;grid-template-columns:1fr 1fr;align-items:start;gap:64px;padding:44px;display:grid}.mathbutton-landing-v3 .landing-login h2{text-align:left;letter-spacing:-.045em;max-width:6em;color:var(--mb-ink);font-size:39px;font-weight:750;line-height:1.42}.mathbutton-landing-v3 .landing-login-form{flex-direction:column;gap:20px;margin-top:0;display:flex}.mathbutton-landing-v3 .landing-login-form label{color:#6d4f5e;gap:9px;font-size:14px;font-weight:600}.mathbutton-landing-v3 .landing-login-form input{color:#422a35;background:#fcf9fa;border:1px solid #e8d3dc;border-radius:12px;height:52px;padding:0 14px;font-size:16px}.mathbutton-landing-v3 .landing-login-form input:focus{outline-color:#c25673}.mathbutton-landing-v3 .landing-login .btn-chunky{color:#fff;background:var(--mb-action);min-height:56px;box-shadow:none;border:0;border-radius:100px;padding:14px 20px;font-size:16px;font-weight:700;line-height:1.5}.mathbutton-landing-v3 .landing-login .btn-chunky:disabled{color:#fff;background:#dfabb7}.mathbutton-landing-v3 .landing-login .simple-start{justify-content:center;align-items:center;margin:0;display:inline-flex}.mathbutton-landing-v3 .landing-signup{color:#d62e40;justify-content:center;align-items:center;min-height:44px;font-size:14px;font-weight:650;display:flex}.mathbutton-landing-v3 .landing-login-error{color:#a13838;font-size:14px;line-height:1.6}.mathbutton-landing-v3 .math-site-footer{color:#79616f;background:#fff;border-top:1px solid #efe3e8}.mathbutton-landing-v3 .math-footer-inner{width:min(1140px,100% - 64px);margin:auto;padding-left:0;padding-right:0}.mathbutton-landing-v3 .math-footer-policies button{min-height:44px}@media (hover:hover) and (pointer:fine){.mathbutton-landing-v3 .mb-primary-action:hover,.mathbutton-landing-v3 .landing-login .btn-chunky:hover:not(:disabled){background:#d02b3d}.mathbutton-landing-v3 .mb-header-start:hover{background:#f5dfe5}.mathbutton-landing-v3 .key-soft:hover:not(:disabled){background:#fcf2f5;border-color:#d79aac}}@media (prefers-reduced-motion:no-preference){html:has(.mathbutton-landing-v3){scroll-behavior:smooth}@media (width<=720px){html:has(.mathbutton-landing-v3){scroll-behavior:auto}}.mathbutton-landing-v3 .mb-node-new{animation:.32s ease-out both mb-branch-in}.mathbutton-landing-v3 .mb-line-new{animation:.32s ease-out both mb-line-in}.mathbutton-landing-v3 .mb-prime-chip{animation:.36s ease-out both mb-chip-in}.mathbutton-landing-v3 .mb-depth-scene{animation:.25s ease-out both mb-scene-in}}@keyframes mb-branch-in{0%{opacity:0;translate:0 -22px;scale:.75}to{opacity:1;translate:0;scale:1}}@keyframes mb-line-in{0%{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}@keyframes mb-chip-in{0%{opacity:0;transform:translateY(-12px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mb-scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1020px){.mathbutton-landing-v3 .mb-hero-inner{grid-template-columns:1.1fr 1fr;gap:36px;min-height:520px}.mathbutton-landing-v3 .mb-hero h1{font-size:36px}.mathbutton-landing-v3 .mb-hero-product{padding:14px}.mathbutton-landing-v3 .mb-hero-tile-example{flex-direction:column;gap:12px;min-height:185px}.mathbutton-landing-v3 .mb-hero-tile-example p{text-align:center;max-width:none}.mathbutton-landing-v3 .mb-hero-tile-example strong{margin-bottom:2px}.mathbutton-landing-v3 .mb-experiments{gap:20px}.mathbutton-landing-v3 .mb-board{padding:22px}.mathbutton-landing-v3 .mb-experiment header{padding:24px}.mathbutton-landing-v3 .mb-depth-section{grid-template-columns:.85fr 1.4fr;gap:36px}.mathbutton-landing-v3 .mb-depth-board{padding:20px}.mathbutton-landing-v3 .mb-depth-scene{gap:14px}.mathbutton-landing-v3 .mb-technology-grid{gap:26px}.mathbutton-landing-v3 .landing-login-inner{gap:40px;padding:36px}}@media (width<=760px){.mathbutton-landing-v3 .mb-topbar-inner{width:calc(100% - 40px);min-height:68px}.mathbutton-landing-v3 .mb-topbar-inner>a:first-child svg{width:auto;height:29px}.mathbutton-landing-v3 .mb-header-start{white-space:nowrap;padding:9px 14px;font-size:14px}.mathbutton-landing-v3 .mb-hero-inner{grid-template-columns:1fr;gap:38px;width:min(560px,100% - 40px);padding:50px 0 44px}.mathbutton-landing-v3 .mb-hero-kicker{margin-bottom:18px;font-size:14px}.mathbutton-landing-v3 .mb-hero h1{font-size:clamp(28px,6.7vw,39px);line-height:1.4}.mathbutton-landing-v3 .mb-hero-subcopy{margin-top:20px;font-size:16px}.mathbutton-landing-v3 .mb-primary-action{gap:14px;width:100%;min-height:56px;margin-top:28px;padding:15px 20px;font-size:16px}.mathbutton-landing-v3 .mb-hero-product{border-radius:24px;padding:15px}.mathbutton-landing-v3 .mb-hero-logo{height:auto}.mathbutton-landing-v3 .mb-hero-logo>svg{width:100%;height:auto}.mathbutton-landing-v3 .mb-hero-tile-example{flex-direction:row;min-height:158px}.mathbutton-landing-v3 .mb-hero-tile-example p{text-align:left;max-width:120px}.mathbutton-landing-v3 .mb-try-section{padding:64px 0 68px}.mathbutton-landing-v3 .mb-promise{margin-bottom:34px}.mathbutton-landing-v3 .mb-promise>p{font-size:24px}.mathbutton-landing-v3 .mb-promise h2{font-size:38px}.mathbutton-landing-v3 .mb-promise>span{margin-top:14px;font-size:15px}.mathbutton-landing-v3 .mb-experiments{grid-template-columns:1fr;gap:24px;width:min(560px,100% - 32px)}.mathbutton-landing-v3 .mb-experiment{border-radius:24px}.mathbutton-landing-v3 .mb-experiment header{min-height:144px;padding:22px 24px}.mathbutton-landing-v3 .mb-experiment h3{font-size:27px}.mathbutton-landing-v3 .mb-board{padding:22px}.mathbutton-landing-v3 .mb-depth-section{grid-template-columns:1fr;gap:28px;width:min(560px,100% - 40px);padding:64px 0}.mathbutton-landing-v3 .mb-section-heading h2{font-size:32px}.mathbutton-landing-v3 .mb-eyebrow{margin-bottom:12px;font-size:14px}.mathbutton-landing-v3 .mb-depth-board{padding:20px}.mathbutton-landing-v3 .mb-depth-scene{min-height:270px}.mathbutton-landing-v3 .mb-technology-inner{width:min(560px,100% - 40px);padding:62px 0 40px}.mathbutton-landing-v3 .mb-technology-grid{grid-template-columns:1fr;gap:26px;margin-top:36px}.mathbutton-landing-v3 .mb-technology-card{grid-template-columns:50px 1fr;column-gap:20px;padding-top:22px;display:grid}.mathbutton-landing-v3 .mb-technology-card>svg{grid-row:1/3;width:50px;height:50px;margin:0}.mathbutton-landing-v3 .mb-technology-card h3{font-size:20px}.mathbutton-landing-v3 .mb-technology-card p{grid-column:2;margin-top:8px;font-size:14px}.mathbutton-landing-v3 .mb-patent{flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px}.mathbutton-landing-v3 .mb-login-wrap{padding:56px 0}.mathbutton-landing-v3 .landing-login{width:min(560px,100% - 32px)}.mathbutton-landing-v3 .landing-login-inner{border-radius:24px;padding:30px 24px;display:block}.mathbutton-landing-v3 .landing-login h2{max-width:none;font-size:30px}.mathbutton-landing-v3 .landing-login-form{margin-top:26px}.mathbutton-landing-v3 .landing-login .simple-start{width:100%;margin-top:24px}.mathbutton-landing-v3 .math-footer-inner{width:calc(100% - 40px)}}@media (width<=420px){.mathbutton-landing-v3 .mb-hero-tile-example{flex-direction:column;gap:12px;min-height:190px}.mathbutton-landing-v3 .mb-hero-tile-example p{text-align:center;max-width:none}.mathbutton-landing-v3 .mb-board{padding:18px}.mathbutton-landing-v3 .mb-experiment header{padding:21px}.mathbutton-landing-v3 .mb-experiment h3{font-size:26px}.mathbutton-landing-v3 .mb-factor-stage{padding-left:8px;padding-right:8px}.mathbutton-landing-v3 .mb-factor-pairs .key-soft{font-size:17px}.mathbutton-landing-v3 .mb-device-equation{gap:8px;font-size:31px}.mathbutton-landing-v3 .mb-depth-scene{grid-template-columns:1fr;gap:22px;min-height:440px;padding:26px 0}.mathbutton-landing-v3 .mb-depth-drawing{width:200px;margin:auto}.mathbutton-landing-v3 .mb-depth-copy{text-align:center}.mathbutton-landing-v3 .mb-depth-copy h3{font-size:21px}.mathbutton-landing-v3 .mb-depth-copy .mb-depth-equation{margin:6px 0}.mathbutton-landing-v3 .mb-learning-flow{gap:3px;font-size:11px}.mathbutton-landing-v3 .mb-learning-flow li+li:before{margin-right:5px}.mathbutton-landing-v3 .mb-promise h2{font-size:27px}.mathbutton-landing-v3 .landing-login-inner{padding:28px 21px}.mathbutton-landing-v3 .landing-login h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 *,.mathbutton-landing-v3 :before,.mathbutton-landing-v3 :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=420px){.mathbutton-landing-v3 .mb-topbar-inner{gap:10px;width:calc(100% - 24px)}.mathbutton-landing-v3 .mb-topbar-inner>a:first-child svg{width:auto;height:24px}.mathbutton-landing-v3 .mb-header-start{padding-inline:12px;font-size:13px}}.mathbutton-landing-v3 .mb-start-cta{background:var(--mb-action);color:#fff;min-height:58px;font:inherit;cursor:pointer;box-shadow:none;border:0;border-radius:100px;justify-content:center;align-items:center;gap:16px;padding:15px 25px;font-size:20px;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex}.mathbutton-landing-v3 .mb-start-cta:active:not(:disabled){transform:translateY(1px)}.mathbutton-landing-v3 .mb-start-cta:disabled{opacity:.55;cursor:default}.mathbutton-landing-v3 .mb-header-brand{flex-direction:row;flex:none;width:350px;padding-block:12px;display:flex;align-items:center!important}.mathbutton-landing-v3 .mb-header-brand .brand-logo{width:100%;height:auto}.mathbutton-landing-v3 .mb-hero-copy{text-align:center}.mathbutton-landing-v3 .mb-hero-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:70px;width:min(880px,100%);margin:auto;display:grid}.mathbutton-landing-v3 .mb-hero-example{min-width:0}.mathbutton-landing-v3 .mb-hero-example>p{letter-spacing:-.035em;font-size:clamp(25px,3vw,38px);font-weight:700;line-height:1.3}.mathbutton-landing-v3 .mb-hero-illustration{width:100%;height:auto;margin-top:16px;display:block}.mathbutton-landing-v3 .mb-book-page{transform-box:view-box;transform-origin:189px 131px}.mathbutton-landing-v3 .mb-lecture-pointer{transform-box:view-box;transform-origin:301px 149px}.mathbutton-landing-v3 .mb-hero-question{color:#f297a4;margin-top:28px;font-size:27px;font-weight:700;line-height:1.4}.mathbutton-landing-v3 .mb-hero-question>span{display:block}.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{font-size:clamp(44px,4.6vw,64px);font-weight:700;line-height:1.3}.mathbutton-landing-v3 .mb-hero-answer{color:#fff;letter-spacing:-.04em;margin-top:24px;font-size:clamp(44px,4.6vw,64px);font-weight:700;line-height:1.3}.mathbutton-landing-v3 .mb-hero-answer>span{isolation:isolate;display:inline-block;position:relative}.mathbutton-landing-v3 .mb-hero-answer>span:before{content:"";z-index:-1;opacity:.72;background:#acd776;border-radius:38% 14% 30% 16%;height:.24em;position:absolute;bottom:.01em;left:-2%;right:-2%;transform:rotate(-1.3deg)}.mathbutton-landing-v3 .mb-hero-product{padding:0}.mathbutton-landing-v3 .mb-hero-inner{flex-direction:column;gap:0;padding-block:58px 72px;display:flex}.mathbutton-landing-v3 .mb-hero-product{width:min(480px,100%);margin:48px auto 0}.mathbutton-landing-v3 .mb-patent-document-heading{flex-direction:column;gap:5px;display:flex}.mathbutton-landing-v3 .mb-patent-document-heading>p{font-size:16px;line-height:1.5}.mathbutton-landing-v3 .mb-promise>p{letter-spacing:-.035em;color:var(--mb-ink);justify-content:center;align-items:center;gap:22px;font-size:clamp(34px,4.8vw,58px);font-weight:800;line-height:1.35;display:flex}.mathbutton-landing-v3 .mb-promise>p>span{white-space:nowrap}.mathbutton-landing-v3 .mb-promise-trophy{flex:none;width:clamp(40px,5vw,64px);height:auto}.mathbutton-landing-v3 .mb-board>.mb-public-depth-demo{height:var(--mb-demo-height)}.mathbutton-landing-v3 .mb-public-depth-demo{flex-direction:column;gap:14px;min-width:0;display:flex}.mathbutton-landing-v3 .mb-preview-depth{background:var(--mb-wash);border-radius:18px;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.mathbutton-landing-v3 .mb-preview-depth button{color:#706169;min-height:54px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mathbutton-landing-v3 .mb-preview-depth button>span{letter-spacing:1px;font-size:12px;line-height:1}.mathbutton-landing-v3 .mb-depth-purpose{color:#71666b;flex:none;font-size:15px;line-height:1.55}.mathbutton-landing-v3 .mb-preview-scene{flex:1;min-width:0;min-height:0;padding:3px}.mathbutton-landing-v3 .mb-preview-scene>.mb-rectangle-device{height:100%;min-height:0}.mathbutton-landing-v3 .mb-preview-reading{flex-direction:column;gap:8px;display:flex}.mathbutton-landing-v3 .mb-preview-reading h4{letter-spacing:-.035em;margin:0;font-size:21px;font-weight:750;line-height:1.4}.mathbutton-landing-v3 .mb-preview-reading p{color:#625c60;word-break:keep-all;font-size:16px;line-height:1.65}.mathbutton-landing-v3 .mb-construction-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.mathbutton-landing-v3 .mb-construction-heading h4{max-width:220px;font-size:18px}.mathbutton-landing-v3 .mb-construction-heading .mb-preview-equation{color:var(--mb-ink);flex:none;font-size:22px;line-height:1.3}.mathbutton-landing-v3 .mb-tile-deep-board{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.mathbutton-landing-v3 .mb-preview-equation{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:30px;font-weight:800;line-height:1.3}.mathbutton-landing-v3 .mb-tile-deep-stage{background:#faf4f5;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 10px;display:flex}.mathbutton-landing-v3 .mb-tile-deep-stage>[role=img]{gap:var(--preview-gap,3px);width:auto;max-width:100%;padding:var(--preview-inset,7px);grid-template-columns:repeat(var(--preview-cols), var(--preview-unit))!important}.mathbutton-landing-v3 .mb-tile-deep-stage>[role=img]>span{width:var(--preview-unit);height:var(--preview-unit);border-radius:min(5px, calc(var(--preview-unit) / 6))}.mathbutton-landing-v3 .mb-tile-equation-row{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.mathbutton-landing-v3 .mb-tile-equation-row .mb-preview-equation{flex:1;min-width:0;font-size:27px}.mathbutton-landing-v3 .mb-tile-equation-row .mb-preview-turn{cursor:pointer;flex:none;width:44px;height:44px;min-height:44px;padding:0;font-size:28px;line-height:1}.mathbutton-landing-v3 .mb-tile-controls{flex:none;gap:4px;display:grid}.mathbutton-landing-v3 .mb-tile-controls.has-number-keys{grid-template-columns:2fr 3fr}.mathbutton-landing-v3 .mb-tile-controls .mb-preview-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.mathbutton-landing-v3 .mb-tile-controls .mb-tile-number-keys{grid-template-columns:repeat(2,minmax(0,1fr))}.mathbutton-landing-v3 .mb-tile-controls .mb-preview-actions .key-soft{min-width:44px;height:44px;min-height:44px;padding:0;font-size:16px}.mathbutton-landing-v3 .mb-tile-controls.has-number-keys .mb-preview-actions .key-soft{font-size:14px}.mathbutton-landing-v3 .mb-tile-deep-board>.mb-preview-reason{flex:none;height:56px;min-height:56px;padding:8px 10px;font-size:15px;line-height:20px}.mathbutton-landing-v3 .mb-preview-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mathbutton-landing-v3 .mb-preview-actions .key-soft{cursor:pointer;flex:1;min-width:64px;min-height:48px;font-size:16px}.mathbutton-landing-v3 .mb-preview-actions .key-soft[aria-pressed=true]{color:#a62940;background:#fbf0f2;border-color:#c35770}.mathbutton-landing-v3 .mb-preview-turn{cursor:pointer;min-height:48px;font-size:16px}.mathbutton-landing-v3 .mb-preview-reason{color:#195749;word-break:keep-all;background:#eef5f2;border-radius:16px;align-items:center;min-height:70px;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.55;display:flex}.mathbutton-landing-v3 .mb-construct-preview,.mathbutton-landing-v3 .mb-locus-preview{flex-direction:column;gap:17px;display:flex}.mathbutton-landing-v3 .mb-construct-preview>div:nth-child(2)>p{min-height:56px}.mathbutton-landing-v3 .mb-construct-preview .key-soft,.mathbutton-landing-v3 .mb-construct-preview button{font-size:15px}.mathbutton-landing-v3 .mb-locus-preview>svg{width:100%}.mathbutton-landing-v3 .mb-construct-preview{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100%;display:grid}.mathbutton-landing-v3 .mb-construct-preview .construct-board{grid-template-rows:auto minmax(0,1fr) 48px;grid-template-areas:"ask""canvas""actions";gap:8px;min-height:0;display:grid}.mathbutton-landing-v3 .mb-construct-preview .construct-board:has(>[role=radiogroup]){grid-template-rows:44px auto minmax(0,1fr) 48px;grid-template-areas:"tools""ask""canvas""actions"}.mathbutton-landing-v3 .mb-construct-preview .construct-board>[role=radiogroup]{grid-area:tools}.mathbutton-landing-v3 .mb-construct-preview .construct-board>p{grid-area:ask;font-size:14px;line-height:1.5;min-height:44px!important}.mathbutton-landing-v3 .mb-construct-preview .construct-canvas{grid-area:canvas;min-height:0}.mathbutton-landing-v3 .mb-construct-preview .construct-canvas>[role=group]{justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.mathbutton-landing-v3 .mb-construct-preview .construct-canvas>[role=group]>svg{width:100%;height:100%;max-height:100%}.mathbutton-landing-v3 .mb-construct-preview .construct-board:has(.construct-canvas[data-compass-phase]){grid-template-rows:minmax(0,1fr) 48px;grid-template-areas:"canvas""actions"}.mathbutton-landing-v3 .mb-construct-preview .construct-board:has(>[role=radiogroup]):has(.construct-canvas[data-compass-phase]){grid-template-rows:44px minmax(0,1fr) 48px;grid-template-areas:"tools""canvas""actions"}.mathbutton-landing-v3 .mb-construct-preview .construct-actions{grid-area:actions}.mathbutton-landing-v3 .mb-construct-preview .construct-actions button{min-height:44px;padding:5px 7px;font-size:14px;line-height:1.3}.mathbutton-landing-v3 .mb-locus-preview{gap:12px;height:100%}.mathbutton-landing-v3 .mb-locus-preview>[role=group]{flex:1;justify-content:center;min-height:0;display:flex}.mathbutton-landing-v3 .mb-locus-preview>[role=group]>svg{width:100%;height:100%}.mathbutton-landing-v3 .mb-try-invitation{min-height:48px;color:var(--mb-action);justify-content:center;align-items:center;gap:14px;margin-top:22px;font-size:19px;font-weight:750;text-decoration:none;display:inline-flex}.mathbutton-landing-v3 .mb-try-invitation>span{background:#fae5e9;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.mathbutton-landing-v3 #try-boards{scroll-margin-top:24px}.mathbutton-landing-v3 .mb-experiments,.mathbutton-landing-v3 .mb-depth-section.salt-depth-preview{grid-template-columns:1fr;gap:28px;width:min(880px,100% - 64px);display:grid}.mathbutton-landing-v3 .mb-experiment header{min-height:0;padding:24px 28px}.mathbutton-landing-v3 .mb-board{padding:18px}.mathbutton-landing-v3 .mb-patent-document h3>span,.mathbutton-landing-v3 .mb-patent-document h4>span,.mathbutton-landing-v3 .mb-patent-document p>span,.mathbutton-landing-v3 .mb-patent-process li>span{display:block}.mathbutton-landing-v3 .mb-patent-document p>span+span,.mathbutton-landing-v3 .mb-patent-document h3>span+span,.mathbutton-landing-v3 .mb-patent-document h4>span+span{margin-top:6px}.mathbutton-landing-v3 .mb-patent-process{counter-reset:patent-step;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0;display:grid}.mathbutton-landing-v3 .mb-patent-process li{counter-increment:patent-step;background:#3d2632;border:1px solid #67404f;border-radius:14px;padding:35px 10px 14px;font-size:14px;line-height:1.5;position:relative}.mathbutton-landing-v3 .mb-patent-process li:after{content:counter(patent-step, decimal-leading-zero);color:#efc5ce;font-size:12px;font-weight:700;position:absolute;top:9px;left:10px}.mathbutton-landing-v3 .mb-patent-process li+li:before{position:absolute;top:50%;left:-15px;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.mathbutton-landing-v3 .mb-start-cta:hover:not(:disabled){color:#fff;background:#bb2335}.mathbutton-landing-v3 .mb-preview-depth button:hover{color:var(--mb-action)}}@media (prefers-reduced-motion:no-preference){.mathbutton-landing-v3 .mb-book-page{animation:7.5s ease-in-out infinite mb-book-turn}.mathbutton-landing-v3 .mb-lecture-pointer{animation:6s ease-in-out infinite mb-lecture-explain}.mathbutton-landing-v3 .mb-chalk-drawing{animation:6s ease-in-out infinite mb-chalk-appear}}@keyframes mb-book-turn{0%,22%,72%,to{transform:scaleX(1)}46%{transform:scaleX(.08)}57%{transform:scaleX(.08)}}@keyframes mb-lecture-explain{0%,to{transform:rotate(0)}40%,65%{transform:rotate(9deg)}}@keyframes mb-chalk-appear{0%,15%,to{opacity:1}45%{opacity:.35}68%{opacity:1}}@media (width<=1020px){.mathbutton-landing-v3 .mb-header-brand{width:320px}.mathbutton-landing-v3 .mb-hero-comparison{gap:40px}}@media (width<=760px){.mathbutton-landing-v3 .mb-topbar-inner{gap:12px;width:calc(100% - 32px);min-height:98px}.mathbutton-landing-v3 .mb-header-brand{width:300px;padding-block:10px}.mathbutton-landing-v3 .mb-topbar-inner>a:first-child svg{width:100%;height:auto}.mathbutton-landing-v3 .mb-header-start{gap:7px;max-width:192px;min-height:48px;padding:11px 14px;font-size:13px}.mathbutton-landing-v3 .mb-header-start>span{flex:none}.mathbutton-landing-v3 .mb-hero-inner{gap:0;padding:34px 0 52px}.mathbutton-landing-v3 .mb-hero-comparison{gap:18px}.mathbutton-landing-v3 .mb-hero-example>p{font-size:clamp(16px,4.7vw,25px)}.mathbutton-landing-v3 .mb-lecture-example{padding-top:45px}.mathbutton-landing-v3 .mb-hero-illustration{margin-top:9px}.mathbutton-landing-v3 .mb-hero-question{margin-top:24px;font-size:22px}.mathbutton-landing-v3 .mb-hero-copy .mb-start-cta{width:fit-content;max-width:100%;min-height:64px;margin-top:22px;padding:18px 23px;font-size:clamp(18px,5vw,22px)}.mathbutton-landing-v3 .mb-hero-product{padding:0 8px}.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{margin-top:18px;font-size:clamp(33px,8.6vw,44px)}.mathbutton-landing-v3 .mb-experiments,.mathbutton-landing-v3 .mb-depth-section.salt-depth-preview{gap:24px;width:min(560px,100% - 32px)}.mathbutton-landing-v3 .mb-experiment header{padding:20px 18px}.mathbutton-landing-v3 .mb-board{padding:22px 18px}.mathbutton-landing-v3 .mb-preview-reading h4{font-size:20px}.mathbutton-landing-v3 .mb-preview-reading p,.mathbutton-landing-v3 .mb-preview-reason{font-size:16px}.mathbutton-landing-v3 .mb-promise>p{gap:12px;font-size:clamp(25px,6.7vw,38px)}.mathbutton-landing-v3 .mb-promise-trophy{width:clamp(30px,8vw,44px)}.mathbutton-landing-v3 .mb-patent-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;padding:0}.mathbutton-landing-v3 .mb-patent-process li{min-height:103px}.mathbutton-landing-v3 .mb-patent-process li:nth-child(3){grid-area:2/2}.mathbutton-landing-v3 .mb-patent-process li:nth-child(4){grid-area:2/1}.mathbutton-landing-v3 .mb-patent-process li:nth-child(5){grid-area:3/1}.mathbutton-landing-v3 .mb-patent-process li+li:before{content:"→";top:50%;left:-19px;transform:translateY(-50%)}.mathbutton-landing-v3 .mb-patent-process li:nth-child(3):before,.mathbutton-landing-v3 .mb-patent-process li:nth-child(5):before{content:"↓";top:-20px;left:50%;transform:translate(-50%)}.mathbutton-landing-v3 .mb-patent-process li:nth-child(4):before{content:"←";left:auto;right:-20px}}@media (width<=380px){.mathbutton-landing-v3 .mb-topbar-inner{gap:10px;width:calc(100% - 24px)}.mathbutton-landing-v3 .mb-header-brand{width:280px}.mathbutton-landing-v3 .mb-header-start{white-space:normal;text-align:center;max-width:172px;padding-inline:10px;font-size:12px}}@media (width<=640px){.mathbutton-landing-v3 .mb-topbar-inner{flex-wrap:wrap;justify-content:center;gap:0;padding-block:10px 14px}.mathbutton-landing-v3 .mb-header-brand{width:min(330px,100%);padding-block:0 10px}.mathbutton-landing-v3 .mb-header-start{white-space:nowrap;max-width:none;min-height:44px;padding:10px 20px;font-size:13px}}.mathbutton-landing-v3 .mb-promise h2>span,.mathbutton-landing-v3 .mb-promise h2>em{display:block}.mathbutton-landing-v3 .mb-experiments>.salt-depth-preview{width:100%;margin:0;padding:0;display:block}.mathbutton-landing-v3 .mb-experiment{border-color:#e7e3d7;border-radius:30px;box-shadow:0 6px #eeeae280}.mathbutton-landing-v3 .mb-experiment header{background:#f4f0e6;border-radius:29px 29px 0 0}.mathbutton-landing-v3 .mb-preview-depth{background:#f4eee7;border-radius:22px}.mathbutton-landing-v3 .mb-preview-depth button{border-radius:17px}.mathbutton-landing-v3 .mb-preview-depth button[aria-pressed=true]{background:#fffdf6;box-shadow:0 3px #e9dfd180}.mathbutton-landing-v3 .mb-rectangle-device{gap:12px}.mathbutton-landing-v3 .mb-rectangle-device .mb-rectangle-equation{text-align:center;height:auto;font-size:30px;line-height:1.3}.mathbutton-landing-v3 .mb-rectangle-stage,.mathbutton-landing-v3 .mb-tile-deep-stage{background:#fcf7e9;border:2px solid #f0e6cd;border-radius:26px;padding:12px}.mathbutton-landing-v3 .mb-rectangle-stage [role=img]>span{border-radius:5px}.mathbutton-landing-v3 .mb-rectangle-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mathbutton-landing-v3 .mb-rectangle-stepper{flex-direction:column;justify-content:center;gap:5px}.mathbutton-landing-v3 .mb-rectangle-stepper>div{gap:4px}.mathbutton-landing-v3 .mb-rectangle-stepper button{width:44px;height:44px;min-height:44px}.mathbutton-landing-v3 .mb-rectangle-stepper output{width:30px}.mathbutton-landing-v3 .mb-preview-reason{background:#e7f0e4;border-radius:20px}.mathbutton-landing-v3 .mb-preview-scene .key-soft,.mathbutton-landing-v3 .construct-actions button{background:#fffdf7;border-color:#dfd9cd;border-radius:17px;box-shadow:0 3px #e9e3d580}.mathbutton-landing-v3 .mb-technology-card{background:#ffffff05;border-radius:24px;padding:24px}.mathbutton-landing-v3 .mb-technology-card>svg{background:#dcb99120;border-radius:20px;padding:10px}@media (height<=760px){.mathbutton-landing-v3 .mb-experiment header{padding-block:14px}.mathbutton-landing-v3 .mb-board{padding-block:12px}}@media (width<=350px){.mathbutton-landing-v3 .mb-rectangle-controls{grid-template-columns:1fr}.mathbutton-landing-v3 .mb-rectangle-stepper{flex-direction:row;justify-content:space-between;min-height:44px}}.mathbutton-landing-v3 .mb-patent-document{background:#2c282e;border-color:#79606e;margin-top:70px;padding:48px 34px 34px;position:relative}.mathbutton-landing-v3 .mb-patent-document h3{color:#fff;text-align:center;background:#2c282e;width:max-content;max-width:calc(100% - 24px);margin:0;padding:0 18px;font-size:30px;font-weight:700;line-height:1.4;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.mathbutton-landing-v3 .mb-patent-document [lang=en]{color:inherit}.mathbutton-landing-v3 .mb-patent-document-heading{color:#b7abb4;margin-bottom:16px}.mathbutton-landing-v3 .mb-patent-document-heading>p{font-size:14px}.mathbutton-landing-v3 .mb-patent-document>p{color:#bbb7bf;font-size:17px;line-height:1.8}.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{color:#fff;margin-bottom:20px;font-size:24px;font-weight:700;line-height:1.5}.mathbutton-landing-v3 .mb-patent-document strong{color:#f1a4b6;font-weight:700}.mathbutton-landing-v3 .mb-patent-process{border:0;margin:28px 0 34px}.mathbutton-landing-v3 .mb-patent-process li{color:#fff;background:#252228;border-color:#574c56;align-items:center;min-height:98px;padding-top:34px;font-size:16px;display:flex}.mathbutton-landing-v3 .mb-patent-document-grid h4{color:#fff;line-height:1.55}.mathbutton-landing-v3 .mb-patent-document-grid p{color:#bbb7bf;line-height:1.8}@media (width<=760px){.mathbutton-landing-v3 .mb-patent-document{padding:44px 20px 26px}.mathbutton-landing-v3 .mb-patent-document h3{padding-inline:12px;font-size:27px}.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{font-size:21px}.mathbutton-landing-v3 .mb-patent-process li{min-height:96px;font-size:16px}}.mathbutton-landing-v3 .mb-header-brand{width:auto;max-width:100%}.mathbutton-landing-v3 .mb-header-brand .brand-logo{width:auto;max-width:100%;height:58px}.mathbutton-landing-v3 .mb-hero-logo>svg{width:auto;max-width:100%;height:min(36vw,220px)}@media (width<=440px){.mathbutton-landing-v3 .mb-header-brand .brand-logo{height:50px}}.mathbutton-landing-v3 .mb-hero-inner{gap:0;width:min(1080px,100% - 64px);padding:48px 0 52px}.mathbutton-landing-v3 .mb-hero-example>p{font-size:clamp(24px,2.7vw,34px)}.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{margin-top:22px;font-size:clamp(44px,5.4vw,68px)}.mathbutton-landing-v3 .mb-hero-subcopy{color:#d4d8ce;margin-top:24px;font-size:19px;line-height:1.7}.mathbutton-landing-v3 .mb-hero-copy .mb-start-cta{min-height:68px;margin-top:28px;font-size:clamp(20px,2.2vw,25px)}.mathbutton-landing-v3 .mb-hero-try{color:#f5e4b9;justify-content:center;align-items:center;gap:18px;width:fit-content;min-height:48px;margin:12px auto 0;font-size:17px;font-weight:700;text-decoration:none;display:flex}.mathbutton-landing-v3 .mb-hero-try>span{font-size:23px}.mathbutton-landing-v3 .mb-start-cta{transition:background-color .15s,transform .15s}.mathbutton-landing-v3 .mb-experience-intro{text-align:center;width:min(1080px,100% - 48px);margin:0 auto 44px}.mathbutton-landing-v3 .mb-experience-intro .mb-eyebrow,.mathbutton-landing-v3 .mb-story-heading .mb-eyebrow{color:#8e6033;margin-bottom:16px;font-size:16px}.mathbutton-landing-v3 .mb-experience-intro h2,.mathbutton-landing-v3 .mb-story-heading h2{color:#254b45;letter-spacing:-.035em;font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.4}.mathbutton-landing-v3 .mb-experience-intro h2 em,.mathbutton-landing-v3 .mb-story-heading h2 em{color:#bb3444;font-style:normal}.mathbutton-landing-v3 .mb-experience-intro>p:last-child{color:#677065;word-break:keep-all;margin-top:18px;font-size:17px;line-height:1.7}.mathbutton-landing-v3 .mb-experiments{gap:36px;width:min(1080px,100% - 64px)}.mathbutton-landing-v3 .mb-experiment{background:#fffdf7;border:1px solid #dedfd1;border-radius:28px;grid-template-columns:minmax(0,.82fr) minmax(0,1.6fr);scroll-margin-top:24px;display:grid;box-shadow:0 5px #eae7d9}.mathbutton-landing-v3 .mb-experiment>header{background:0 0;border:0;border-right:1px solid #e7e4d7;border-radius:27px 0 0 27px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding:32px;display:flex}.mathbutton-landing-v3 .mb-experiment:nth-child(2)>header{background:0 0}.mathbutton-landing-v3 .mb-experiment-kicker{color:#727868;font-size:15px;line-height:1.65;display:block}.mathbutton-landing-v3 .mb-experiment-kicker>span{display:block}.mathbutton-landing-v3 .mb-experiment h3{color:#254b45;word-break:keep-all;margin-top:20px;font-size:clamp(25px,2.5vw,31px)}.mathbutton-landing-v3 .mb-experiment>header>p{color:#657267;word-break:keep-all;margin-top:18px;font-size:18px;line-height:1.65}.mathbutton-landing-v3 .mb-experiment-cue{color:#a73546;align-items:center;gap:9px;margin-top:30px;font-size:14px;font-weight:700;display:flex}.mathbutton-landing-v3 .mb-experiment-cue b{font-size:25px;font-weight:500}.mathbutton-landing-v3 .mb-experiment:has(.mb-preview-depth button:first-child[aria-pressed=false]) .mb-experiment-cue{visibility:hidden}.mathbutton-landing-v3 .mb-board{border-radius:0 27px 27px 0;padding:22px}.mathbutton-landing-v3 .salt-depth-scene{grid-template-rows:100px minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.mathbutton-landing-v3 .salt-depth-copy{grid-template-rows:28px 68px;gap:4px}.mathbutton-landing-v3 .salt-depth-copy h4{align-self:center;font-size:24px}.mathbutton-landing-v3 .salt-math-readout{gap:0;padding:0}.mathbutton-landing-v3 .salt-math-readout strong{font-size:23px;line-height:1.3}.mathbutton-landing-v3 .salt-math-readout span{line-height:1.25}.mathbutton-landing-v3 .salt-depth-scene:has(.salt-seesaw){grid-template-rows:78px minmax(0,1fr)}.mathbutton-landing-v3 .salt-depth-scene:has(.salt-seesaw) .salt-depth-copy{grid-template-rows:28px 46px}.mathbutton-landing-v3 .mb-learning-story{background:#eaf0df;padding:78px 0 60px}.mathbutton-landing-v3 .mb-learning-story-inner{width:min(1080px,100% - 64px);margin:auto}.mathbutton-landing-v3 .mb-story-heading{text-align:center}.mathbutton-landing-v3 .mb-story-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-story-steps li{background:#fffdf6;border:1px solid #d7dec9;border-radius:22px;min-width:0;padding:24px;position:relative}.mathbutton-landing-v3 .mb-story-steps li+li:before{content:"→";color:#617750;text-align:center;background:#eaf0df;width:25px;font-size:24px;position:absolute;top:46%;left:-25px}.mathbutton-landing-v3 .mb-story-step{color:#717a60;font-size:14px;font-weight:700}.mathbutton-landing-v3 .mb-story-arrangement{text-align:center;grid-template-rows:20px 130px 26px;gap:4px;min-width:0;margin:20px 0;display:grid}.mathbutton-landing-v3 .mb-story-arrangement-label{color:#496153;font-size:14px;line-height:20px}.mathbutton-landing-v3 .mb-story-arrangement svg{width:min(260px,100%);height:130px;margin:0 auto;display:block}.mathbutton-landing-v3 .mb-story-arrangement-equation{color:#254b45;white-space:nowrap;font-size:18px;font-weight:700;line-height:26px}.mathbutton-landing-v3 .mb-story-steps h3{color:#254b45;word-break:keep-all;font-size:23px;font-weight:800;line-height:1.4}.mathbutton-landing-v3 .mb-story-steps p{color:#677065;word-break:keep-all;margin-top:12px;font-size:16px;line-height:1.7}.mathbutton-landing-v3 .mb-story-close{text-align:center;color:#3e5c4e;margin-top:32px;font-size:20px;font-weight:700;line-height:1.6}.mathbutton-landing-v3 .mb-mobile-break{display:none}.mathbutton-landing-v3 .landing-login{width:min(1080px,100% - 64px)}.mathbutton-landing-v3 .landing-login-inner{background:#fffdf7;border:1px solid #d6ddcd;border-radius:28px;padding:44px}.mathbutton-landing-v3 .landing-auth-intro>.brand-logo{width:min(340px,100%);margin:0 0 28px}.mathbutton-landing-v3 .landing-login-inline .landing-auth-intro h2{color:#254b45;font-size:clamp(29px,3vw,38px);line-height:1.45}.mathbutton-landing-v3 .landing-auth-intro>p:last-child{color:#657267;font-size:17px;line-height:1.7}.mathbutton-landing-v3 .mb-technology-inner{width:min(1080px,100% - 64px);padding:70px 0 58px}.mathbutton-landing-v3 .mb-patent-document{margin-top:0}@media (hover:hover) and (pointer:fine){.mathbutton-landing-v3 .mb-start-cta:hover:not(:disabled){color:#fff;background:#b92335}.mathbutton-landing-v3 .mb-hero-try:hover{color:#fff;text-underline-offset:6px;text-decoration:underline}}@media (width<=860px){.mathbutton-landing-v3 .mb-experiments{gap:28px;width:min(680px,100% - 40px)}.mathbutton-landing-v3 .mb-experiment{grid-template-columns:minmax(0,1fr)}.mathbutton-landing-v3 .mb-experiment>header{border-bottom:1px solid #e7e4d7;border-right:0;border-radius:27px 27px 0 0;min-height:149px;padding:20px 24px}.mathbutton-landing-v3 .mb-experiment-kicker{flex-wrap:wrap;gap:4px 10px;font-size:14px;display:flex}.mathbutton-landing-v3 .mb-experiment-kicker>span:first-child{font-size:14px}.mathbutton-landing-v3 .mb-experiment h3{margin-top:7px;font-size:25px}.mathbutton-landing-v3 .mb-experiment>header>p{margin-top:6px;font-size:16px}.mathbutton-landing-v3 .mb-experiment-cue,.mathbutton-landing-v3 .mb-desktop-break{display:none}.mathbutton-landing-v3 .mb-board{border-radius:0 0 27px 27px;padding:18px}.mathbutton-landing-v3 .mb-story-steps{grid-template-columns:1fr;gap:24px}.mathbutton-landing-v3 .mb-story-steps li{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(174px,.85fr) minmax(0,1.15fr);gap:8px 18px;padding:20px;display:grid}.mathbutton-landing-v3 .mb-story-step{grid-column:1/-1}.mathbutton-landing-v3 .mb-story-arrangement{grid-area:2/1/4;align-self:center;margin:6px 0 0}.mathbutton-landing-v3 .mb-story-steps h3{grid-column:2;margin-top:26px;font-size:22px}.mathbutton-landing-v3 .mb-story-steps p{grid-column:2;margin:0}.mathbutton-landing-v3 .mb-story-steps li+li:before{content:"↓";width:32px;height:24px;font-size:23px;top:-24px;left:calc(50% - 16px)}}@media (width<=600px){.mathbutton-landing-v3 .mb-hero-inner{width:calc(100% - 32px);padding:36px 0 40px}.mathbutton-landing-v3 .mb-hero-comparison{gap:18px}.mathbutton-landing-v3 .mb-hero-example>p{white-space:nowrap;font-size:clamp(19px,5.2vw,26px)}.mathbutton-landing-v3 .mb-lecture-example{padding-top:44px}.mathbutton-landing-v3 .mb-hero-illustration{margin-top:12px}.mathbutton-landing-v3 .mb-hero-question{margin-top:26px;font-size:clamp(29px,7.8vw,39px)}.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{margin-top:24px;font-size:clamp(32px,8.5vw,48px)}.mathbutton-landing-v3 .mb-hero-subcopy{margin-top:22px;font-size:16px}.mathbutton-landing-v3 .mb-hero-copy .mb-start-cta{gap:12px;min-height:60px;margin-top:24px;padding:17px 22px;font-size:clamp(17px,4.7vw,21px)}.mathbutton-landing-v3 .mb-hero-try{margin-top:10px;font-size:16px}.mathbutton-landing-v3 .mb-hero-product{width:min(250px,78%);margin-top:26px}.mathbutton-landing-v3 .mb-try-section{padding:52px 0}.mathbutton-landing-v3 .mb-experience-intro{margin-bottom:28px}.mathbutton-landing-v3 .mb-experience-intro h2,.mathbutton-landing-v3 .mb-story-heading h2{font-size:clamp(27px,6.9vw,36px)}.mathbutton-landing-v3 .mb-experience-intro>p:last-child{font-size:16px}.mathbutton-landing-v3 .mb-experiments{gap:28px;width:calc(100% - 24px)}.mathbutton-landing-v3 .mb-experiment>header{min-height:106px;padding:14px 18px}.mathbutton-landing-v3 .mb-experiment>header>p{display:none}.mathbutton-landing-v3 .mb-experiment h3{font-size:23px}.mathbutton-landing-v3 .mb-board{padding:12px}.mathbutton-landing-v3 .mb-preview-depth{gap:4px;padding:4px}.mathbutton-landing-v3 .mb-preview-depth button{min-height:44px}.mathbutton-landing-v3 .salt-depth-copy h4{font-size:22px}.mathbutton-landing-v3 .salt-math-readout strong{font-size:20px}.mathbutton-landing-v3 .mb-construct-preview>.mb-preview-reason{height:60px;min-height:60px;padding:8px 10px;font-size:14px;line-height:20px}.mathbutton-landing-v3 .mb-learning-story{padding:52px 0 24px}.mathbutton-landing-v3 .mb-learning-story-inner{width:calc(100% - 36px)}.mathbutton-landing-v3 .mb-story-steps{margin-top:30px}.mathbutton-landing-v3 .mb-story-steps li{padding:20px 16px}.mathbutton-landing-v3 .mb-story-steps h3{font-size:20px}.mathbutton-landing-v3 .mb-story-steps p{font-size:16px}.mathbutton-landing-v3 .mb-story-steps p br{display:none}.mathbutton-landing-v3 .mb-story-close{margin-top:28px;font-size:19px}.mathbutton-landing-v3 .mb-mobile-break{display:block}.mathbutton-landing-v3 .mb-login-wrap{padding:32px 0 52px}.mathbutton-landing-v3 .landing-login{width:calc(100% - 24px)}.mathbutton-landing-v3 .landing-login-inline .landing-login-inner{gap:20px;padding:28px 22px}.mathbutton-landing-v3 .landing-login-inline .landing-auth-intro{text-align:center;margin-bottom:10px}.mathbutton-landing-v3 .landing-auth-intro>.brand-logo{width:min(320px,100%);margin:0 auto 24px}.mathbutton-landing-v3 .landing-login-inline .landing-auth-intro h2{text-align:center;font-size:30px}.mathbutton-landing-v3 .mb-technology-inner{width:calc(100% - 32px);padding:58px 0 40px}}@media (width<=520px){.mathbutton-landing-v3 .mb-story-steps li{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:8px}.mathbutton-landing-v3 .mb-story-arrangement{grid-area:2/1;margin:6px 0}.mathbutton-landing-v3 .mb-story-steps h3{text-align:center;grid-column:1;margin-top:0}.mathbutton-landing-v3 .mb-story-steps p{text-align:center;grid-column:1}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 .mb-start-cta{transition:none}}.mathbutton-landing-v3{--mb-bg:#f2f6fa;--mb-surface:#fff;--mb-ink:#172c40;--mb-muted:#53687b;--mb-line:#dce6ee;--mb-line-strong:#b8c8d5;--mb-teal:#087e8b;--mb-red:#d62e40;--mb-red-hover:#bb2335;--mb-red-shadow:#9f2635;--mb-action:var(--mb-red);--mb-wash:#e5edf3;--mb-star:#ffd56a;--mb-star-line:#a77b12;background:var(--mb-bg) radial-gradient(circle at 85% 0%, #e0f4f6 0, transparent 520px) no-repeat;color:var(--mb-ink);word-break:keep-all;font-weight:600}.mathbutton-landing-v3 .mb-topbar{background:0 0}.mathbutton-landing-v3 .mb-start-cta{border:2px solid var(--mb-red);background:var(--mb-red);color:#fff;box-shadow:0 4px 0 var(--mb-red-shadow);border-radius:18px;font-weight:800;transition:background-color .15s,transform .1s,box-shadow .1s}.mathbutton-landing-v3 .mb-header-start{background:var(--mb-red);color:#fff;box-shadow:0 3px 0 var(--mb-red-shadow);border-radius:14px}.mathbutton-landing-v3 .mb-hero{color:var(--mb-ink);background:0 0}.mathbutton-landing-v3 .mb-hero-example>p{color:var(--mb-muted)}.mathbutton-landing-v3 .mb-hero-illustration>ellipse:first-child{opacity:.1}.mathbutton-landing-v3 .mb-hero-question{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-hero-answer,.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{color:var(--mb-ink);font-weight:800}.mathbutton-landing-v3 .mb-hero-answer>span:before{background:var(--mb-star);opacity:.8}.mathbutton-landing-v3 .mb-hero-copy .mb-store-badges{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-hero-copy .mb-store-badge-note{color:var(--mb-muted)}.mathbutton-landing-v3 .mb-try-section{background:0 0}.mathbutton-landing-v3 .mb-experience-intro .mb-eyebrow{color:var(--mb-teal);font-weight:800}.mathbutton-landing-v3 .mb-experience-intro h2{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-experience-intro h2 em{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-experience-intro>p:last-child{color:var(--mb-muted)}.mathbutton-landing-v3 .mb-experiment{border:1px solid var(--unit-line,var(--mb-line));border-top:4px solid var(--unit-accent,var(--mb-teal));background:var(--mb-surface);border-radius:24px;box-shadow:0 8px 28px #26496010}.mathbutton-landing-v3 .mb-experiment>header,.mathbutton-landing-v3 .mb-experiment:nth-child(2)>header{border-color:var(--mb-line);background:0 0}.mathbutton-landing-v3 .mb-experiment-kicker{color:var(--mb-muted);font-weight:700}.mathbutton-landing-v3 .mb-experiment-kicker>span:first-child{background:var(--unit-soft,#e4f6f8);width:fit-content;color:var(--unit-accent,var(--mb-teal));border-radius:999px;justify-self:start;padding:3px 10px;font-weight:800}.mathbutton-landing-v3 .mb-experiment h3{color:var(--mb-ink);font-weight:800}.mathbutton-landing-v3 .mb-experiment>header>p{color:var(--mb-muted)}.mathbutton-landing-v3 .mb-experiment-cue{color:var(--unit-accent,var(--mb-teal))}.mathbutton-landing-v3 .mb-board{--mb-action:var(--unit-accent,var(--mb-teal));background:0 0}.mathbutton-landing-v3 .mb-preview-depth button{min-height:56px;color:var(--mb-muted);border-radius:12px}.mathbutton-landing-v3 .mb-preview-depth button>span{color:#b9c6d1;font-size:13px}.mathbutton-landing-v3 .mb-preview-depth button[aria-pressed=true]{color:var(--unit-accent,var(--mb-teal));background:#fff;box-shadow:0 2px 8px #183f5514}.mathbutton-landing-v3 .mb-preview-depth button[aria-pressed=true]>span{color:#d9a514}.mathbutton-landing-v3 .mb-preview-reading p{color:var(--mb-muted)}.mathbutton-landing-v3 .key-soft,.mathbutton-landing-v3 .mb-preview-scene .key-soft,.mathbutton-landing-v3 .construct-actions button{border:2px solid var(--mb-line);color:var(--mb-ink);box-shadow:0 3px 0 var(--mb-line);background:#fff;border-radius:14px;font-weight:800;transition:transform .1s,box-shadow .1s}.mathbutton-landing-v3 .key-soft:active:not(:disabled){box-shadow:0 1px 0 var(--mb-line);transform:translateY(2px)}.mathbutton-landing-v3 .key-soft:disabled{box-shadow:none}.mathbutton-landing-v3 .key-soft[aria-pressed=true],.mathbutton-landing-v3 .mb-preview-actions .key-soft[aria-pressed=true]{border-color:var(--unit-accent,var(--mb-teal));background:var(--unit-soft,#e4f6f8);color:var(--unit-accent,var(--mb-teal));box-shadow:0 3px 0 var(--unit-accent,var(--mb-teal))}.mathbutton-landing-v3 :is(.mb-rectangle-stage,.mb-tile-deep-stage){background:var(--unit-soft,#eef4f8);border:0;border-radius:20px}.mathbutton-landing-v3 .mb-rectangle-stage .bg-brand-soft{background:var(--unit-accent,var(--mb-teal));border-color:#0000;box-shadow:inset 0 -3px #0000002e}.mathbutton-landing-v3 .mb-tile-deep-stage .bg-brand{background:var(--unit-accent,var(--mb-teal))}.mathbutton-landing-v3 .mb-rectangle-stepper>span{color:var(--mb-muted)}.mathbutton-landing-v3 .construct-canvas{background:var(--unit-soft,#eef4f8);border:0;border-radius:20px}.mathbutton-landing-v3 .mb-preview-reason{background:var(--unit-soft,#e4f6f8);color:var(--mb-ink);text-align:center;text-wrap:balance;border-radius:16px;justify-content:center;font-weight:700}.mathbutton-landing-v3 .mb-preview-reason.has-remainder{color:#6b5100;background:#fff4d6}.mathbutton-landing-v3 .salt-depth-preview{--salt-action:var(--unit-accent,var(--mb-teal));--salt-wash:#eef4f8;--salt-paper:#fff}.mathbutton-landing-v3 .salt-math-board{background:var(--salt-wash);border-radius:20px}.mathbutton-landing-v3 .geometry-depth-preview .geometry-depth-scene,.mathbutton-landing-v3 .mb-learning-story,.mathbutton-landing-v3 .mb-login-wrap{background:0 0}.mathbutton-landing-v3 .mb-pedagogy{border:1px solid var(--mb-line);border-top:4px solid var(--mb-teal);background:var(--mb-surface);color:var(--mb-ink);border-radius:24px;box-shadow:0 8px 28px #26496010}.mathbutton-landing-v3 .mb-pedagogy-principles li>span{background:var(--mb-star);color:#674b08;border:0;font-weight:900}.mathbutton-landing-v3 .mb-pedagogy-principles p,.mathbutton-landing-v3 .mb-pedagogy-sources p{color:var(--mb-muted)}.mathbutton-landing-v3 .mb-pedagogy-principles strong{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-pedagogy-sources{border-color:var(--mb-line)}.mathbutton-landing-v3 .mb-pedagogy-sources h3,.mathbutton-landing-v3 .mb-pedagogy-sources a{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-pedagogy-sources a:focus-visible{outline-color:var(--mb-teal)}.mathbutton-landing-v3 .semester-landing-offer{color:var(--mb-ink);background:0 0}.mathbutton-landing-v3 .semester-landing-offer h2{color:var(--mb-ink)}.mathbutton-landing-v3 .semester-price-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .semester-price-card{border:1px solid var(--mb-line);background:var(--mb-surface);text-align:center;border-radius:22px;padding:18px 20px}.mathbutton-landing-v3 .semester-price-card-name{color:var(--mb-ink);font-weight:700}.mathbutton-landing-v3 .semester-price-card-price{color:var(--mb-ink);font-variant-numeric:tabular-nums;font-weight:800}.mathbutton-landing-v3 .semester-price-card-status{color:var(--mb-muted)}.mathbutton-landing-v3 .semester-price-card.is-soon{background:var(--mb-wash)}.mathbutton-landing-v3 .semester-price-card.is-soon .semester-price-card-status{color:var(--mb-muted);font-weight:700}.mathbutton-landing-v3 .semester-landing-offer p.semester-purchase-note{color:var(--mb-ink);text-align:center;background:#e4f6f8;border-radius:16px}.mathbutton-landing-v3 .semester-landing-offer .btn-soft{border-radius:18px}.mathbutton-landing-v3 .landing-login-inner{border:1px solid var(--mb-line);background:var(--mb-surface);color:var(--mb-ink);border-radius:24px;box-shadow:0 8px 28px #26496010}.mathbutton-landing-v3 .landing-login-inline .landing-auth-intro h2,.mathbutton-landing-v3 .landing-login h2{color:var(--mb-ink);font-weight:800}.mathbutton-landing-v3 .landing-login-form label{color:var(--mb-muted);font-weight:700}.mathbutton-landing-v3 .landing-login-form input{border:2px solid var(--mb-line);height:56px;color:var(--mb-ink);background:#fff;border-radius:14px;font-size:17px}.mathbutton-landing-v3 .landing-login-form input:focus-visible{outline:3px solid var(--mb-teal);outline-offset:1px}.mathbutton-landing-v3 .landing-login .btn-chunky{border:2px solid var(--mb-red);background:var(--mb-red);box-shadow:0 4px 0 var(--mb-red-shadow);border-radius:18px;font-weight:800}.mathbutton-landing-v3 .landing-login .btn-chunky:disabled{opacity:.55;background:var(--mb-red)}.mathbutton-landing-v3 .landing-signup{color:var(--mb-teal)}.mathbutton-landing-v3 .landing-login-error{color:#a1283b}.mathbutton-landing-v3 .mb-technology-section{color:var(--mb-ink);background:0 0}.mathbutton-landing-v3 .mb-patent-document{border:1px solid var(--mb-line);border-top:4px solid var(--mb-teal);background:var(--mb-surface);border-radius:24px;box-shadow:0 8px 28px #26496010}.mathbutton-landing-v3 .mb-patent-document h3{background:var(--mb-surface);color:var(--mb-ink);border-radius:999px}.mathbutton-landing-v3 .mb-patent-document .mb-patent-brand-title{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-patent-meta{border-color:var(--mb-line);color:var(--mb-muted)}.mathbutton-landing-v3 .mb-patent-meta li:first-child{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-patent-meta b{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-patent-document>p{color:var(--mb-muted)}.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-patent-process li{border:2px solid var(--mb-line);color:var(--mb-ink);box-shadow:0 3px 0 var(--mb-line);background:#fff;border-radius:16px;font-weight:800}.mathbutton-landing-v3 .mb-patent-process li:after{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-patent-process li+li:before{color:var(--mb-line-strong)}.mathbutton-landing-v3 .mb-patent-document-grid h4{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-patent-document-grid p{color:var(--mb-muted)}.mathbutton-landing-v3 .math-site-footer{border-top:1px solid var(--mb-line);background:var(--mb-surface);color:var(--mb-muted)}@media (hover:hover) and (pointer:fine){.mathbutton-landing-v3 .mb-start-cta:hover:not(:disabled),.mathbutton-landing-v3 .landing-login .btn-chunky:hover:not(:disabled){background:var(--mb-red-hover);border-color:var(--mb-red-hover);color:#fff}.mathbutton-landing-v3 .mb-header-start:hover{background:var(--mb-red-hover)}.mathbutton-landing-v3 .mb-preview-depth button:hover{color:var(--mb-ink)}.mathbutton-landing-v3 .key-soft:hover:not(:disabled){border-color:var(--unit-accent,var(--mb-teal));background:#fff}}@media (width<=860px){.mathbutton-landing-v3 .mb-experiment>header{border-color:var(--mb-line)}}@media (forced-colors:active){.mathbutton-landing-v3 :is(a,button){box-shadow:none!important}}.mathbutton-landing-v3{--mb-bg:#fff;--mb-band:#f7f8fa;--mb-ink:#14243a;--mb-muted:#5d6877;--mb-line:#e3e7ec;--mb-line-strong:#c5ced8;--mb-wash:#eceff3;--mb-ease:cubic-bezier(.25, .1, .25, 1);--mb-card-shadow:0 1px 2px #14243a0a, 0 6px 24px #14243a0f;background:var(--mb-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:500}.mathbutton-landing-v3 :focus-visible:not([tabindex="-1"]){outline:2px solid var(--mb-teal);outline-offset:3px}.mathbutton-landing-v3 .mb-topbar{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffd1;border-bottom:1px solid #14243a0f;position:sticky;top:0}.mathbutton-landing-v3 .mb-topbar-inner{flex-wrap:nowrap;gap:16px;width:min(1080px,100% - 48px);min-height:64px;padding-block:8px}.mathbutton-landing-v3 .mb-header-brand{padding-block:0}.mathbutton-landing-v3 .mb-header-brand .brand-logo{width:auto;height:44px;max-height:none}.mathbutton-landing-v3 .mb-header-start{background:var(--mb-red);color:#fff;letter-spacing:-.01em;white-space:nowrap;max-width:none;min-height:44px;box-shadow:none;border:0;border-radius:980px;gap:6px;padding:0 18px;font-size:14px;font-weight:600}.mathbutton-landing-v3{--mb-demo-height:min(640px, calc(100svh - var(--mb-demo-chrome,180px) - 48px - 64px))}.mathbutton-landing-v3 :is(#try-boards,.landing-login,.mb-experiment){scroll-margin-top:84px}.mathbutton-landing-v3 .mb-start-cta{letter-spacing:-.01em;min-height:50px;box-shadow:none;transition:background-color .2s var(--mb-ease), transform .16s var(--mb-ease);border:0;border-radius:980px;gap:8px;padding:0 26px;font-size:17px;font-weight:600}.mathbutton-landing-v3 .mb-start-cta>span{font-size:1em}.mathbutton-landing-v3 .mb-start-cta:active:not(:disabled){box-shadow:none;transform:scale(.97)}.mathbutton-landing-v3 .mb-hero-copy .mb-start-cta{min-height:52px;margin-top:32px;padding:0 30px;font-size:17px}.mathbutton-landing-v3 .landing-login .btn-chunky{min-height:50px;box-shadow:none;transition:background-color .2s var(--mb-ease), transform .16s var(--mb-ease);border:0;border-radius:980px;font-size:17px;font-weight:600}.mathbutton-landing-v3 .landing-login .btn-chunky:active:not(:disabled){transform:scale(.97)}.mathbutton-landing-v3 .mb-hero-inner{width:min(1080px,100% - 48px);min-height:0;padding:72px 0 88px}.mathbutton-landing-v3 .mb-hero-comparison{gap:56px;width:min(620px,100%)}.mathbutton-landing-v3 .mb-hero-example>p{color:var(--mb-muted);letter-spacing:-.015em;font-size:clamp(17px,1.7vw,21px);font-weight:600;line-height:1.35}.mathbutton-landing-v3 .mb-lecture-example{padding-top:40px}.mathbutton-landing-v3 .mb-hero-illustration{margin-top:14px}.mathbutton-landing-v3 .mb-hero-question{color:var(--mb-teal);letter-spacing:-.02em;margin-top:48px;font-size:clamp(20px,2.1vw,26px);font-weight:600;line-height:1.35}.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{color:var(--mb-ink);letter-spacing:-.035em;margin-top:10px;font-size:clamp(34px,4.2vw,52px);font-weight:700;line-height:1.12}.mathbutton-landing-v3 .mb-hero-answer>span:before{opacity:.55;height:.2em;bottom:.02em}.mathbutton-landing-v3 .mb-hero-copy .mb-store-badges{margin-top:32px}.mathbutton-landing-v3 .mb-hero-copy .mb-store-badge-note{font-size:13px;font-weight:500}.mathbutton-landing-v3 .mb-hero-product{width:min(220px,60%);margin-top:48px}.mathbutton-landing-v3 .mb-hero-logo>svg{height:min(30vw,132px)}.mathbutton-landing-v3 .mb-hero-logo{transition:transform .16s var(--mb-ease);border-radius:20px}.mathbutton-landing-v3 .mb-experience-intro{margin-bottom:48px}.mathbutton-landing-v3 .mb-experience-intro .mb-eyebrow{letter-spacing:0;margin-bottom:10px;font-size:14px;font-weight:600}.mathbutton-landing-v3 .mb-experience-intro h2{letter-spacing:-.03em;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.22}.mathbutton-landing-v3 .mb-experience-intro>p:last-child{margin-top:14px;font-size:17px;font-weight:500;line-height:1.55}.mathbutton-landing-v3 .mb-experiments{gap:28px}.mathbutton-landing-v3 .mb-experiment{border:1px solid var(--mb-line);box-shadow:var(--mb-card-shadow);background:#fff;border-radius:22px}.mathbutton-landing-v3 .mb-experiment>header{border-color:var(--mb-line);border-radius:21px 0 0 21px;padding:32px 28px}.mathbutton-landing-v3 .mb-experiment-kicker{font-size:13px;font-weight:500;line-height:1.6}.mathbutton-landing-v3 .mb-experiment-kicker>span:first-child{padding:2px 10px;font-size:13px;font-weight:600}.mathbutton-landing-v3 .mb-experiment h3{letter-spacing:-.025em;margin-top:14px;font-size:clamp(21px,2vw,24px);font-weight:700;line-height:1.25}.mathbutton-landing-v3 .mb-experiment>header>p{color:var(--mb-ink);margin-top:10px;font-size:15px;font-weight:600;line-height:1.5;display:block}.mathbutton-landing-v3 .mb-experiment-cue{margin-top:24px;font-size:13px;font-weight:600}.mathbutton-landing-v3 .mb-experiment-cue b{font-size:17px}.mathbutton-landing-v3 .mb-board{border-radius:0 21px 21px 0}.mathbutton-landing-v3 .mb-preview-depth{background:var(--mb-wash);border-radius:12px;gap:2px;padding:3px}.mathbutton-landing-v3 .mb-preview-depth button{min-height:48px;transition:background-color .2s var(--mb-ease), color .2s var(--mb-ease), box-shadow .2s var(--mb-ease);border-radius:9px;gap:2px;font-weight:500}.mathbutton-landing-v3 .mb-preview-depth button>span{font-size:11px}.mathbutton-landing-v3 .mb-preview-depth button>strong{font-size:15px;font-weight:600}.mathbutton-landing-v3 .mb-preview-depth button[aria-pressed=true]{box-shadow:0 1px 3px #14243a1f,0 0 0 .5px #14243a0a}.mathbutton-landing-v3 .key-soft,.mathbutton-landing-v3 .mb-preview-scene .key-soft,.mathbutton-landing-v3 .construct-actions button{border:1px solid var(--mb-line-strong);transition:background-color .16s var(--mb-ease), border-color .16s var(--mb-ease), transform .12s var(--mb-ease);border-radius:12px;font-weight:600;box-shadow:0 1px 2px #14243a0f}.mathbutton-landing-v3 .key-soft:active:not(:disabled){transform:scale(.96);box-shadow:0 1px 2px #14243a0f}.mathbutton-landing-v3 .key-soft[aria-pressed=true],.mathbutton-landing-v3 .mb-preview-actions .key-soft[aria-pressed=true]{box-shadow:0 0 0 1px var(--unit-accent,var(--mb-teal)) inset}.mathbutton-landing-v3 .mb-preview-reading h4{letter-spacing:-.02em;font-size:18px;font-weight:700}.mathbutton-landing-v3 .mb-preview-reading p{font-size:15px}.mathbutton-landing-v3 .mb-preview-equation{letter-spacing:-.02em;font-size:26px;font-weight:700}.mathbutton-landing-v3 .mb-tile-equation-row .mb-preview-equation{font-size:24px}.mathbutton-landing-v3 .mb-rectangle-device .mb-rectangle-equation{font-size:26px;font-weight:700}.mathbutton-landing-v3 .mb-preview-reason{border-radius:14px;font-size:15px;font-weight:600}.mathbutton-landing-v3 :is(.mb-rectangle-stage,.mb-tile-deep-stage),.mathbutton-landing-v3 .construct-canvas,.mathbutton-landing-v3 .salt-math-board{border-radius:16px}.mathbutton-landing-v3 .salt-depth-copy h4{letter-spacing:-.025em;font-size:clamp(19px,1.8vw,22px);font-weight:700}.mathbutton-landing-v3 .salt-math-readout strong{font-size:20px}.mathbutton-landing-v3 .geometry-depth-preview .geometry-preview-heading h4{font-size:18px;font-weight:700}.mathbutton-landing-v3 .mb-learning-story{padding:96px 0 72px}.mathbutton-landing-v3 .mb-pedagogy{border:1px solid var(--mb-line);box-shadow:var(--mb-card-shadow);border-radius:22px;gap:32px 56px;margin-top:64px;padding:44px 44px 20px}.mathbutton-landing-v3 .mb-pedagogy h2{letter-spacing:-.025em;align-self:start;font-size:clamp(22px,2.3vw,28px);font-weight:700;line-height:1.25}.mathbutton-landing-v3 .mb-pedagogy h2 strong{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-pedagogy-principles{gap:20px}.mathbutton-landing-v3 .mb-pedagogy-principles li>span{width:24px;height:24px;font-size:13px;font-weight:700}.mathbutton-landing-v3 .mb-pedagogy-principles p{font-size:15px;line-height:1.6}.mathbutton-landing-v3 .mb-pedagogy-principles strong{letter-spacing:-.01em;margin-bottom:2px;font-size:16px;font-weight:600}.mathbutton-landing-v3 .mb-pedagogy-sources h3{letter-spacing:-.01em;padding-top:20px;font-size:13px;font-weight:700}.mathbutton-landing-v3 .mb-pedagogy-sources p{font-size:14px;line-height:1.6}.mathbutton-landing-v3 .mb-pedagogy-sources ul{gap:14px}.mathbutton-landing-v3 .mb-pedagogy-sources a{text-indent:-1.5em;min-height:44px;color:var(--mb-ink);padding-top:10px;padding-left:1.5em;font-size:14px;font-weight:500;line-height:1.55;text-decoration:none;display:block}.mathbutton-landing-v3 .mb-pedagogy-sources a cite{font-style:italic}.mathbutton-landing-v3 .mb-pedagogy-sources li>p{padding-left:1.5em;font-size:13px}.mathbutton-landing-v3 .mb-technology-inner{width:min(1080px,100% - 64px);margin:auto;padding:8px 0 96px}.mathbutton-landing-v3 .mb-patent-document{border:1px solid var(--mb-line);box-shadow:var(--mb-card-shadow);border-radius:22px;margin-top:24px;padding:52px 44px 40px}.mathbutton-landing-v3 .mb-patent-document h3{border:1px solid var(--mb-line);letter-spacing:-.01em;padding:6px 18px;font-size:15px;font-weight:600}.mathbutton-landing-v3 .mb-patent-document .mb-patent-brand-title{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1.22}.mathbutton-landing-v3 .mb-patent-meta{gap:6px 20px;margin-bottom:24px;padding:12px 0;font-size:14px}.mathbutton-landing-v3 .mb-patent-meta li:first-child,.mathbutton-landing-v3 .mb-patent-meta b{font-weight:600}.mathbutton-landing-v3 .mb-patent-document>p{font-size:15px;line-height:1.65}.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{letter-spacing:-.015em;margin-bottom:12px;font-size:clamp(17px,1.6vw,20px);font-weight:600;line-height:1.45}.mathbutton-landing-v3 .mb-patent-document strong{font-weight:600}.mathbutton-landing-v3 .mb-patent-process li{border:1px solid var(--mb-line);background:var(--mb-band);min-height:84px;box-shadow:none;border-radius:14px;padding:30px 12px 12px;font-size:14px;font-weight:600}.mathbutton-landing-v3 .mb-patent-process li:after{font-size:11px;font-weight:600;top:10px;left:12px}.mathbutton-landing-v3 .mb-patent-process li+li:before{font-size:12px;left:-11px}.mathbutton-landing-v3 .mb-patent-document-grid h4{font-size:16px;font-weight:600;line-height:1.4}.mathbutton-landing-v3 .semester-landing-offer h2{color:var(--mb-ink);letter-spacing:-.03em;font-size:clamp(26px,3vw,36px);font-weight:700}.mathbutton-landing-v3 .semester-price-cards{gap:14px}.mathbutton-landing-v3 .semester-price-card{box-shadow:var(--mb-card-shadow);background:#fff;border-color:#0000;border-radius:18px;flex-direction:column;gap:10px;padding:26px 18px 22px;display:flex}.mathbutton-landing-v3 .semester-price-card-name{letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.4}.mathbutton-landing-v3 .semester-price-card-price{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,28px);font-weight:700}.mathbutton-landing-v3 .semester-price-card-status{font-size:13px;font-weight:500;line-height:1.5}.mathbutton-landing-v3 .semester-price-card.is-soon{background:var(--mb-band);box-shadow:none;border:1px dashed var(--mb-line-strong)}.mathbutton-landing-v3 .semester-price-card.is-soon .semester-price-card-status{font-weight:600}.mathbutton-landing-v3 .semester-landing-offer .semester-purchase-actions :is(.btn-key,.btn-soft){min-height:50px;box-shadow:none;transition:transform .16s var(--mb-ease);border-radius:980px;padding-inline:26px;font-size:17px;font-weight:600}.mathbutton-landing-v3 .semester-landing-offer .semester-purchase-actions :is(.btn-key,.btn-soft):active{transform:scale(.97)}.mathbutton-landing-v3 .semester-landing-offer p.semester-purchase-note{border-radius:14px;font-size:14px;font-weight:500}.mathbutton-landing-v3 .mb-login-wrap{padding:88px 0 104px}.mathbutton-landing-v3 .landing-login-inner{box-shadow:var(--mb-card-shadow);border-radius:22px;padding:48px}.mathbutton-landing-v3 .landing-auth-intro>.brand-logo{width:min(260px,100%)}.mathbutton-landing-v3 .landing-login-inline .landing-auth-intro h2{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.3}.mathbutton-landing-v3 .landing-auth-intro>p:last-child{font-size:15px;font-weight:500}.mathbutton-landing-v3 .landing-login-inline .landing-login-form label{font-size:14px;font-weight:500}.mathbutton-landing-v3 .landing-login-form input,.mathbutton-landing-v3 .landing-login-inline .landing-login-form input{border:1px solid var(--mb-line-strong);height:50px;transition:border-color .16s var(--mb-ease);border-radius:12px;font-size:17px}.mathbutton-landing-v3 .landing-auth-panel .auth-kakao-button{min-height:50px;box-shadow:none;border-radius:12px;font-size:16px;font-weight:600}.mathbutton-landing-v3 .landing-auth-links>button,.mathbutton-landing-v3 .landing-auth-back{font-size:14px;font-weight:500}@media (hover:hover) and (pointer:fine){.mathbutton-landing-v3 .mb-hero-logo:hover{transform:scale(1.02)}.mathbutton-landing-v3 .mb-pedagogy-sources a:hover{color:var(--mb-teal);text-underline-offset:3px;text-decoration:underline}.mathbutton-landing-v3 .landing-login-form input:hover{border-color:var(--mb-muted)}}@media (width<=860px){.mathbutton-landing-v3 .mb-experiment>header{border-radius:21px 21px 0 0;padding:22px 24px}.mathbutton-landing-v3 .mb-board{border-radius:0 0 21px 21px}.mathbutton-landing-v3 .mb-experiment h3{margin-top:8px;font-size:21px}.mathbutton-landing-v3 .mb-pedagogy{gap:24px;padding:36px 28px 16px}.mathbutton-landing-v3 .mb-patent-document{padding:48px 28px 32px}}@media (width<=760px){.mathbutton-landing-v3 .mb-topbar-inner{justify-content:space-between;width:calc(100% - 32px);min-height:56px}.mathbutton-landing-v3 .mb-header-brand{flex:0 auto;min-width:0}.mathbutton-landing-v3 .mb-header-brand .brand-logo{width:100%;height:auto;max-height:34px}.mathbutton-landing-v3 .mb-header-start{flex:none}.mathbutton-landing-v3 .mb-patent-process li{min-height:76px}}@media (width<=600px){.mathbutton-landing-v3 .mb-hero-inner{width:calc(100% - 32px);padding:44px 0 60px}.mathbutton-landing-v3 .mb-hero-comparison{gap:20px}.mathbutton-landing-v3 .mb-hero-example>p{white-space:nowrap;font-size:15px}.mathbutton-landing-v3 .mb-lecture-example{padding-top:28px}.mathbutton-landing-v3 .mb-hero-question{margin-top:36px;font-size:19px}.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{margin-top:8px;font-size:32px}.mathbutton-landing-v3 .mb-hero-copy .mb-start-cta{width:100%;max-width:340px;min-height:50px;margin-top:28px;padding:0 20px;font-size:16px}.mathbutton-landing-v3 .mb-hero-product{width:min(180px,56%);margin-top:36px}.mathbutton-landing-v3 .mb-try-section{padding:64px 0}.mathbutton-landing-v3 .mb-experience-intro{width:calc(100% - 32px);margin-bottom:32px}.mathbutton-landing-v3 .mb-experience-intro h2{font-size:26px}.mathbutton-landing-v3 .mb-experience-intro>p:last-child{font-size:16px}.mathbutton-landing-v3 .mb-experiments{gap:20px;width:calc(100% - 32px)}.mathbutton-landing-v3 .mb-experiment{border-radius:20px}.mathbutton-landing-v3 .mb-experiment>header{border-radius:19px 19px 0 0;min-height:0;padding:18px 18px 14px}.mathbutton-landing-v3 .mb-experiment h3{font-size:20px}.mathbutton-landing-v3 .mb-board{border-radius:0 0 19px 19px;padding:12px}.mathbutton-landing-v3 .mb-preview-depth button{min-height:44px}.mathbutton-landing-v3 .mb-preview-equation,.mathbutton-landing-v3 .mb-rectangle-device .mb-rectangle-equation,.mathbutton-landing-v3 .mb-tile-equation-row .mb-preview-equation{font-size:22px}.mathbutton-landing-v3 .salt-depth-copy h4,.mathbutton-landing-v3 .salt-math-readout strong{font-size:18px}.mathbutton-landing-v3 .mb-learning-story{padding:64px 0 48px}.mathbutton-landing-v3 .mb-learning-story-inner{width:calc(100% - 32px)}.mathbutton-landing-v3 .mb-pedagogy{border-radius:20px;margin-top:48px;padding:28px 20px 12px}.mathbutton-landing-v3 .mb-pedagogy h2{font-size:22px}.mathbutton-landing-v3 .mb-pedagogy-principles strong{font-size:15px}.mathbutton-landing-v3 .mb-technology-inner{width:calc(100% - 32px);padding:8px 0 64px}.mathbutton-landing-v3 .mb-patent-document{border-radius:20px;padding:44px 20px 26px}.mathbutton-landing-v3 .mb-patent-document h3{font-size:14px}.mathbutton-landing-v3 .mb-patent-document .mb-patent-brand-title{font-size:24px}.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{font-size:17px}.mathbutton-landing-v3 .semester-landing-offer{padding:64px 16px}.mathbutton-landing-v3 .semester-landing-offer h2{font-size:26px}.mathbutton-landing-v3 .semester-price-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mathbutton-landing-v3 .semester-price-card{padding:20px 14px 18px}.mathbutton-landing-v3 .mb-login-wrap{padding:56px 0 72px}.mathbutton-landing-v3 .landing-login{width:calc(100% - 32px)}.mathbutton-landing-v3 .landing-login-inline .landing-login-inner{border-radius:20px;padding:28px 20px}.mathbutton-landing-v3 .landing-auth-intro>.brand-logo{width:min(220px,100%)}.mathbutton-landing-v3 .landing-login-inline .landing-auth-intro h2{font-size:24px}}@media (width<=380px){.mathbutton-landing-v3 .mb-topbar-inner{gap:8px;width:calc(100% - 24px)}.mathbutton-landing-v3 .mb-header-start{padding:0 12px;font-size:13px}.mathbutton-landing-v3 .mb-hero-example>p{font-size:14px}}@media (prefers-reduced-transparency:reduce){.mathbutton-landing-v3 .mb-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 :is(.mb-start-cta,.key-soft,.mb-hero-logo,.btn-chunky):active{transform:none!important}}.mathbutton-landing-v3 .mb-topbar-inner{flex-wrap:nowrap;justify-content:space-between;gap:16px;min-height:64px;padding-block:8px}.mathbutton-landing-v3 .mb-header-brand{flex:0 auto;min-width:0;padding-block:0}.mathbutton-landing-v3 .mb-topbar-inner .mb-header-brand .brand-logo{width:auto;height:44px;max-height:none}.mathbutton-landing-v3 .mb-header-actions{flex:none;align-items:center;gap:12px;display:flex}.mathbutton-landing-v3 .mb-header-actions .learner-menu>button{color:var(--mb-ink);box-shadow:none;background:#fff;border:1px solid #d4d8df;border-radius:12px;min-width:48px;min-height:48px}.mathbutton-landing-v3 .mb-header-actions .learner-menu-panel{color:var(--mb-ink);text-align:left}.mathbutton-landing-v3 .mb-header-actions .learner-menu-panel>a:not([aria-current=page]){color:inherit;box-shadow:none;background:#fff;border:0;text-decoration:none}.mathbutton-landing-v3 .mb-header-actions .learner-menu-panel>a[aria-current=page]{border:0;text-decoration:none}.mathbutton-landing-v3 .mb-header-actions button:focus-visible,.mathbutton-landing-v3 .mb-header-actions a:focus-visible,.mathbutton-landing-v3 .mb-header-brand:focus-visible{outline:3px solid var(--mb-action);outline-offset:4px}@media (width<=560px){.mathbutton-landing-v3 .mb-topbar-inner{min-height:64px;padding-block:8px}.mathbutton-landing-v3 .mb-header-actions .mb-header-start{display:none}.mathbutton-landing-v3 .mb-topbar-inner .mb-header-brand .brand-logo{width:auto;height:44px;max-height:none}}.mathbutton-landing-v3{--ld-spring:cubic-bezier(.34, 1.4, .64, 1);--ld-cookie:#d9a35b;--ld-chip:#6b4421;--ld-candy:#e5566b}.mathbutton-landing-v3 .mb-board>.ld-demo{height:auto}.mathbutton-landing-v3 .ld-demo{flex-direction:column;align-items:center;gap:14px;min-width:0;padding:4px 0;display:flex}.mathbutton-landing-v3 .ld-stage{background:var(--unit-soft,#eef4f8);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:220px;padding:20px 14px;transition:background-color .4s;display:flex;position:relative;overflow:hidden}.mathbutton-landing-v3 .ld-readout{text-align:center;min-height:3em;color:var(--mb-ink);text-wrap:balance;font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;line-height:1.5;display:block}.mathbutton-landing-v3 .ld-readout b{color:var(--unit-accent,var(--mb-teal));font-weight:700}.mathbutton-landing-v3 .ld-action{justify-content:center;width:100%;display:flex;position:relative}.mathbutton-landing-v3 .ld-main-key{background:var(--unit-accent,var(--mb-teal));color:#fff;width:min(100%,320px);min-height:56px;font:inherit;letter-spacing:-.01em;cursor:pointer;touch-action:manipulation;box-shadow:0 6px 18px var(--unit-accent,#087e8b);border:0;border-radius:980px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:17px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.mathbutton-landing-v3 .ld-main-key{box-shadow:0 6px 18px color-mix(in srgb, var(--unit-accent,#087e8b) 28%, transparent)}}.mathbutton-landing-v3 .ld-main-key{transition:transform .18s var(--ld-spring), filter .16s ease}.mathbutton-landing-v3 .ld-main-key>span{font-size:19px;line-height:1}.mathbutton-landing-v3 .ld-main-key:active{filter:brightness(.94);transition-duration:80ms;transform:scale(.95)}.mathbutton-landing-v3 .ld-main-key:focus-visible{outline:3px solid var(--unit-accent,var(--mb-teal));outline-offset:4px}.mathbutton-landing-v3 .ld-aha{color:#4d3a06;text-align:center;text-wrap:balance;background:#fff7dc;border-radius:14px;width:100%;padding:12px 16px;font-size:15px;font-weight:500;line-height:1.55}.mathbutton-landing-v3 .ld-aha b{color:#8a6200;margin-right:4px;font-weight:700}.mathbutton-landing-v3 .ld-hint{pointer-events:none;width:34px;height:42px;position:absolute;top:26px;left:calc(50% + min(36%,120px))}.mathbutton-landing-v3 .ld-hint-hand{filter:drop-shadow(0 2px 3px #14243a40);width:30px;height:38px;position:relative}.mathbutton-landing-v3 .ld-hint-ring{opacity:.7;background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:-6px;left:6px}.mathbutton-landing-v3 .ld-plates{grid-template-columns:repeat(var(--ld-plates), minmax(0, 1fr));gap:8px;width:100%;max-width:560px;display:grid}.mathbutton-landing-v3 .ld-plate{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 4px 10px;display:flex;box-shadow:0 1px 3px #14243a14}.mathbutton-landing-v3 .ld-face{background:radial-gradient(circle at 35% 42%,#14243a 1.6px,#0000 2px),radial-gradient(circle at 65% 42%,#14243a 1.6px,#0000 2px),#ffd9b0;border-radius:50%;width:22px;height:22px}.mathbutton-landing-v3 .ld-plate-cookies{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.mathbutton-landing-v3 .ld-cookie{background:radial-gradient(circle at 30% 35%, var(--ld-chip) 1.4px, transparent 1.8px), radial-gradient(circle at 65% 60%, var(--ld-chip) 1.4px, transparent 1.8px), radial-gradient(circle at 60% 25%, var(--ld-chip) 1.2px, transparent 1.6px), var(--ld-cookie);border-radius:50%;width:16px;height:16px;box-shadow:inset 0 -2px #0000001a}.mathbutton-landing-v3 .ld-leftover{color:var(--mb-muted);background:#fff;border-radius:980px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.mathbutton-landing-v3 .ld-leftover>span:first-child{margin-right:4px}.mathbutton-landing-v3 .ld-found{flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px;display:flex}.mathbutton-landing-v3 .ld-chip{background:var(--unit-soft,#e4f6f8);min-height:30px;color:var(--unit-accent,var(--mb-teal));font-variant-numeric:tabular-nums;border-radius:980px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.mathbutton-landing-v3 .ld-chip:before{content:"✓";margin-right:4px}.mathbutton-landing-v3 .ld-thermo-stage{flex-direction:row;gap:40px}.mathbutton-landing-v3 .ld-thermo-stage.is-cold{background:#e3eefb}.mathbutton-landing-v3 .ld-thermo{grid-template-columns:26px auto;column-gap:12px;display:grid;position:relative}.mathbutton-landing-v3 .ld-thermo-tube{width:18px;height:196px;box-shadow:inset 0 0 0 1px var(--mb-line);background:#fff;border-radius:9px;grid-row:1;margin:0 auto;position:relative;overflow:hidden}.mathbutton-landing-v3 .ld-thermo-fill{transition:height .52s var(--ld-spring), background-color .3s ease;background:#e5566b;border-radius:6px;position:absolute;bottom:0;left:3px;right:3px}.mathbutton-landing-v3 .is-cold .ld-thermo-fill{background:#3d7fd6}.mathbutton-landing-v3 .ld-thermo-bulb{background:#e5566b;border-radius:50%;grid-row:2;width:26px;height:26px;margin-top:-6px;transition:background-color .3s}.mathbutton-landing-v3 .is-cold .ld-thermo-bulb{background:#3d7fd6}.mathbutton-landing-v3 .ld-thermo-scale{height:196px;color:var(--mb-muted);font-variant-numeric:tabular-nums;flex-direction:column;grid-area:1/2;justify-content:space-between;margin:0;padding:0;font-size:13px;font-weight:500;line-height:1;list-style:none;display:flex}.mathbutton-landing-v3 .ld-thermo-scale li{align-items:center;height:28px;display:flex}.mathbutton-landing-v3 .ld-thermo-scale li.is-zero{color:var(--mb-ink);font-weight:700}.mathbutton-landing-v3 .ld-thermo-scale li.is-now{color:var(--unit-accent,var(--mb-teal));font-weight:700}.mathbutton-landing-v3 .ld-weather{flex-direction:column;align-items:center;gap:10px;display:flex}.mathbutton-landing-v3 .ld-weather-icon{border-radius:50%;width:56px;height:56px;display:block}.mathbutton-landing-v3 .ld-weather-icon.is-sun{background:radial-gradient(circle, #ffc93c 0 15px, transparent 16px), repeating-conic-gradient(#ffc93c 0 10deg, transparent 10deg 30deg);-webkit-mask:radial-gradient(circle,#000 0 27px,#0000 28px);mask:radial-gradient(circle,#000 0 27px,#0000 28px)}.mathbutton-landing-v3 .ld-weather-icon.is-cloud{background:#fff;border-radius:30px;width:60px;height:32px;margin:12px 0;box-shadow:14px -10px 0 -2px #fff,-10px -6px 0 -4px #fff}.mathbutton-landing-v3 .ld-weather-icon.is-snow{background:radial-gradient(circle, #fff 0 4px, transparent 5px), conic-gradient(from 0deg, transparent 0 26deg, #fff 26deg 34deg, transparent 34deg 86deg, #fff 86deg 94deg, transparent 94deg 146deg, #fff 146deg 154deg, transparent 154deg 206deg, #fff 206deg 214deg, transparent 214deg 266deg, #fff 266deg 274deg, transparent 274deg 326deg, #fff 326deg 334deg, transparent 334deg);filter:drop-shadow(0 0 1px #3d7fd6)drop-shadow(0 0 1px #3d7fd6);-webkit-mask:radial-gradient(circle,#000 0 26px,#0000 27px);mask:radial-gradient(circle,#000 0 26px,#0000 27px)}.mathbutton-landing-v3 .ld-temp{color:var(--mb-ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.mathbutton-landing-v3 .ld-scale-stage{justify-content:flex-end;gap:0;padding-bottom:18px}.mathbutton-landing-v3 .ld-beam{grid-template-columns:1fr 1fr;column-gap:40px;width:min(100%,420px);display:grid;position:relative}.mathbutton-landing-v3 .ld-beam-bar{background:var(--mb-ink);border-radius:4px;grid-area:2/1/auto/-1;height:8px;margin:0 -10px}.mathbutton-landing-v3 .ld-pan{border-bottom:4px solid var(--mb-line-strong);border-radius:0 0 40px 40px;grid-row:1;justify-content:center;align-items:flex-end;min-height:96px;padding:0 6px 6px;display:flex}.mathbutton-landing-v3 .ld-pan-items{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;display:flex}.mathbutton-landing-v3 .ld-candy{background:radial-gradient(circle at 35% 30%, #fff8 0 3px, transparent 4px), var(--ld-candy);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 -2px #00000024}.mathbutton-landing-v3 .ld-candy:nth-child(3n+2){--ld-candy:#f2a33a}.mathbutton-landing-v3 .ld-candy:nth-child(3n){--ld-candy:#7a63d6}.mathbutton-landing-v3 .ld-box{color:#fff;background:#c9894b;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:56px;height:52px;padding:4px;font-size:24px;font-weight:700;display:inline-flex;box-shadow:inset 0 -4px #00000024}.mathbutton-landing-v3 .ld-box.is-open{background:#f1d3ac}.mathbutton-landing-v3 .ld-box .ld-candy{width:18px;height:18px}.mathbutton-landing-v3 .ld-stand{background:var(--mb-ink);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:12px;height:46px}@media (prefers-reduced-motion:no-preference){.mathbutton-landing-v3 .ld-plate,.mathbutton-landing-v3 .ld-leftover,.mathbutton-landing-v3 .ld-chip,.mathbutton-landing-v3 .ld-aha,.mathbutton-landing-v3 .ld-weather-icon,.mathbutton-landing-v3 .ld-temp,.mathbutton-landing-v3 .ld-box.is-open{animation:ld-pop .42s var(--ld-spring) both}.mathbutton-landing-v3 .ld-beam{animation:ld-wobble .62s var(--ld-spring) both;transform-origin:50% 100%}.mathbutton-landing-v3 .ld-hint-hand{animation:1.6s ease-in-out infinite ld-tap}.mathbutton-landing-v3 .ld-hint-ring{animation:1.6s ease-out infinite ld-ring}}@keyframes ld-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes ld-wobble{0%{transform:rotate(0)}30%{transform:rotate(-3deg)}60%{transform:rotate(1.5deg)}to{transform:rotate(0)}}@keyframes ld-tap{0%,to{transform:translate(6px,8px)}40%,55%{transform:translate(0)scale(.92)}}@keyframes ld-ring{0%,35%{opacity:0;transform:scale(.4)}50%{opacity:.75;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@media (width<=600px){.mathbutton-landing-v3 .ld-stage{min-height:200px;padding:16px 10px}.mathbutton-landing-v3 .ld-plates{gap:6px}.mathbutton-landing-v3 .ld-cookie{width:13px;height:13px}.mathbutton-landing-v3 .ld-thermo-stage{gap:28px}.mathbutton-landing-v3 .ld-beam{column-gap:24px}.mathbutton-landing-v3 .ld-candy{width:18px;height:18px}.mathbutton-landing-v3 .ld-readout{font-size:15px}}.ld-next-step{text-align:left;border-top:1px solid #d6dcce;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;display:flex}.ld-next-step p{width:100%;margin:0;font-size:16px;line-height:1.6}.ld-next-step a{text-align:center;white-space:normal;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-size:15px;display:inline-flex}:root{--theme-a-page:#f7f7f8;--theme-a-surface:#fff;--theme-a-ink:#202124;--theme-a-teal:#d92840;--theme-a-line:#e5e5e8;--theme-a-muted:#62666f}html body #root :is(.mathbutton-app-frame,.learning-welcome,.lesson-shell){background:var(--theme-a-page)}html body #root :is(.mathbutton-app-frame,.learning-welcome){color:var(--theme-a-ink)}html body #root .lesson-shell :is(.lesson-stage,.lesson-page,.lesson-header,.lesson-footer){background:var(--theme-a-surface)}html body #root .mathbutton-app-frame>.learner-top-header{background:var(--theme-a-surface);border-color:var(--theme-a-line)}html body #root :is(.mathbutton-app-frame,.learning-welcome) :is(.sheet,.bg-white,.button-wallet-balance){background:var(--theme-a-surface)}html body #root :is(.mathbutton-app-frame,.learning-welcome) .bg-paper{background:var(--theme-a-page)}html body #root :is(.learning-next-card,.learning-side-card,.learning-course-board,.learning-world-picker){background:var(--theme-a-surface);border-color:var(--theme-a-line);box-shadow:none;border-radius:12px}html body #root .mathbutton-app-frame .sheet{border-color:var(--theme-a-line);border-radius:12px}html body #root .mathbutton-app-frame nav[aria-label=하단\ 탭]>div{background:var(--theme-a-surface);border-color:var(--theme-a-line);box-shadow:none;border-radius:12px}html body #root .mathbutton-app-frame nav[aria-label=하단\ 탭] a[aria-current=page]{color:var(--theme-a-teal);background:#fff2f4}html body #root .button-wallet :is(.button-wallet-balance,.button-wallet-stars li,.button-wallet-pack-list li,.button-wallet-rules li){background:var(--theme-a-surface);border-color:var(--theme-a-line);border-radius:12px}html body #root .button-wallet :is(.button-wallet-aim,.button-wallet-fine,.button-wallet-stars em){color:var(--theme-a-muted)}html body #root .learning-welcome h1{color:var(--theme-a-teal)}html body #root .mathbutton-app-frame .text-ink{color:var(--theme-a-ink)}html body #root .mathbutton-app-frame .text-gray{color:var(--theme-a-muted)}.mathbutton-landing-v3{--mb-bg:var(--theme-a-page);--mb-page:var(--theme-a-page);--mb-surface:var(--theme-a-surface);--mb-band:#f7f7f8;--mb-ink:var(--theme-a-ink);--mb-muted:var(--theme-a-muted);--mb-line:var(--theme-a-line);--mb-line-strong:#d7d9dc;--mb-teal:var(--theme-a-teal);--mb-action:#d92840;background:var(--mb-page);color:var(--mb-ink)}.mathbutton-landing-v3 .mb-topbar{background:var(--mb-surface);border-bottom:1px solid var(--mb-line);-webkit-backdrop-filter:none}.mathbutton-landing-v3 .mb-header-actions .learner-menu-toggle{border-color:var(--mb-line);background:var(--mb-surface);color:var(--mb-ink)}.mathbutton-landing-v3 .mb-header-actions .learner-menu-panel{background:var(--mb-surface);color:var(--mb-ink);border-color:var(--mb-line);border-radius:12px}.mathbutton-landing-v3 .mb-header-actions .learner-menu-panel>a:not([aria-current=page]){background:var(--mb-surface)}.mathbutton-landing-v3 .mb-header-actions .learner-menu-panel>a:hover{background:var(--mb-band)}.mathbutton-landing-v3 .mb-start-cta{box-shadow:none;background:var(--mb-action);color:#fff;border-width:1px;border-radius:12px}.mathbutton-landing-v3 .mb-hero{background:0 0;padding:0}.mathbutton-landing-v3 .mb-hero-inner{border-inline:1px solid var(--mb-line);background:var(--mb-surface);grid-template-columns:52fr 48fr;align-items:center;gap:32px;width:min(1140px,100% - 48px);margin:0 auto;padding:48px;display:grid;position:relative}.mathbutton-landing-v3 .mb-hero-copy{text-align:left;width:100%;max-width:none}.mathbutton-landing-v3 .mb-hero-question{color:var(--mb-ink);letter-spacing:-.03em;word-break:keep-all;margin:0;font-size:clamp(22px,2.3vw,28px);font-weight:700;line-height:1.45}.mathbutton-landing-v3 .mb-hero-question span{display:block}.mathbutton-landing-v3 .mb-hero-empathy{color:var(--mb-muted);word-break:keep-all;max-width:32em;margin:16px 0 0;font-size:16px;line-height:1.75}.mathbutton-landing-v3 .mb-hero h1.mb-hero-answer{color:var(--mb-ink);letter-spacing:-.04em;margin:24px 0 0;font-size:clamp(32px,3.6vw,44px);font-weight:800;line-height:1.25}.mathbutton-landing-v3 .mb-hero-answer>span:before{content:none}.mathbutton-landing-v3 .mb-hero-learning-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:460px;margin:24px 0 0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-hero-learning-path li{flex-direction:column;align-items:center;gap:8px;display:flex}.mathbutton-landing-v3 .mb-hero-learning-path .mb-learning-sketch{aspect-ratio:96/64;width:100%;max-width:84px;height:auto;color:var(--mb-teal)}.mathbutton-landing-v3 .mb-hero-learning-path span{text-align:center;color:var(--mb-ink);word-break:keep-all;font-size:14px;font-weight:700;line-height:1.4}.mathbutton-landing-v3 .mb-hero-copy .mb-hero-app-link{color:var(--mb-teal);text-underline-offset:4px;align-items:center;margin:28px 20px 0 0;font-size:15px;font-weight:700;text-decoration:underline;display:inline-flex}.mathbutton-landing-v3 .mb-hero-copy .mb-start-cta{min-height:52px;margin-top:28px;font-size:17px;display:inline-flex}.mathbutton-landing-v3 .mb-hero-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mathbutton-landing-v3 .mb-hero-panel{border:1px solid var(--mb-line);background:var(--mb-band);border-radius:16px;width:100%;max-width:420px;overflow:hidden}.mathbutton-landing-v3 .mb-hero-panel-bar{border-bottom:1px solid var(--mb-line);background:var(--mb-surface);gap:6px;padding:12px 16px;display:flex}.mathbutton-landing-v3 .mb-hero-panel-bar span{background:var(--mb-line);border-radius:50%;width:8px;height:8px}.mathbutton-landing-v3 .mb-hero-panel-body{flex-direction:column;gap:12px;margin:0;padding:24px 20px;list-style:none;display:flex}.mathbutton-landing-v3 .mb-hero-panel-body li{border:1px solid var(--mb-line);background:var(--mb-surface);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.mathbutton-landing-v3 .mb-hero-panel-body li.mb-hero-panel-current{border-color:var(--mb-action);background:#fff2f4}.mathbutton-landing-v3 .mb-hero-panel-body .mb-learning-sketch{width:40px;height:auto;color:var(--mb-teal);flex:none}.mathbutton-landing-v3 .mb-hero-panel-body li.mb-hero-panel-current .mb-learning-sketch{color:var(--mb-action)}.mathbutton-landing-v3 .mb-hero-panel-body span{color:var(--mb-ink);font-size:15px;font-weight:700}.mathbutton-landing-v3 .mb-try-section{background:0 0;padding:0 0 12px}.mathbutton-landing-v3 .mb-restored-first-lessons{width:min(1140px,100% - 48px);margin:auto}.mathbutton-landing-v3 .mb-first-lessons{border:1px solid var(--mb-line);background:var(--mb-surface);border-top:0;border-radius:0 0 12px 12px;padding:12px 24px 24px}.mathbutton-landing-v3 .mb-first-tabs{flex-wrap:nowrap;align-items:center;gap:0;margin:0;display:flex}.mathbutton-landing-v3 .mb-first-tabs button{min-width:76px;min-height:44px;color:var(--mb-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 16px;font-size:17px}.mathbutton-landing-v3 .mb-first-tabs button[aria-selected=true]{color:var(--mb-teal);border-color:var(--mb-teal);box-shadow:none;background:0 0}.mathbutton-landing-v3 .mb-first-reset{color:var(--mb-teal);background:0 0;border:0;border-radius:8px;min-height:44px;margin:0;padding:8px 12px}.mathbutton-landing-v3 .mb-first-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}html body .mathbutton-landing-v3 .mb-first-runner .lesson-shell{border-color:var(--mb-line);border-radius:12px}.mathbutton-landing-v3 .mb-first-runner .lesson-header{background:var(--mb-surface)}.mathbutton-landing-v3 .mb-first-runner .landing-lesson-brand{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-learning-story-inner,.mathbutton-landing-v3 .mb-technology-inner{width:min(1140px,100% - 48px)}.mathbutton-landing-v3 .mb-pedagogy,.mathbutton-landing-v3 .mb-patent-document{background:var(--mb-surface);border-color:var(--mb-line);box-shadow:none;border-radius:12px}.mathbutton-landing-v3 .mb-pedagogy-sources h2{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-pedagogy-sources :is(p,cite),.mathbutton-landing-v3 .mb-patent-document :is(p,h3,h4,li){color:var(--mb-ink)}.mathbutton-landing-v3 .mb-patent-document{padding:36px}.mathbutton-landing-v3 .mb-patent-process li{background:var(--mb-band);color:var(--mb-teal);border-color:var(--mb-line);border-radius:8px}.mathbutton-landing-v3 .landing-auth-panel{background:var(--mb-surface);border:1px solid var(--mb-line);box-shadow:none;border-radius:12px}.mathbutton-landing-v3 .math-site-footer{--footer-strong:var(--mb-ink);--footer-current:var(--mb-ink);background:var(--mb-band);border-top:1px solid var(--mb-line);color:var(--mb-muted)}@media (width<=760px){.mathbutton-landing-v3 .mb-topbar-inner{width:calc(100% - 24px)}.mathbutton-landing-v3 .mb-hero-inner{border-radius:12px 12px 0 0;grid-template-columns:1fr;gap:24px;width:calc(100% - 16px);padding:24px}.mathbutton-landing-v3 .mb-hero-learning-path{max-width:none}.mathbutton-landing-v3 .mb-hero-panel{max-width:360px}.mathbutton-landing-v3 .mb-restored-first-lessons{width:calc(100% - 16px)}.mathbutton-landing-v3 .mb-first-lessons{padding:8px 0 12px}.mathbutton-landing-v3 .mb-first-controls{flex-wrap:wrap;gap:0;padding-inline:8px}.mathbutton-landing-v3 .mb-first-tabs button{min-width:70px;padding:8px 14px}.mathbutton-landing-v3 .mb-first-reset{margin-left:auto;padding:8px;font-size:14px}.mathbutton-landing-v3 .mb-learning-story-inner,.mathbutton-landing-v3 .mb-technology-inner{width:calc(100% - 32px)}.mathbutton-landing-v3 .mb-patent-document{padding:24px 18px}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 .mb-start-cta{transition:none}}@media (width>=1000px){.cl-board:has(>.cl-direction,>.cl-options){grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);align-items:start;gap:12px 24px;max-width:900px;display:grid}.cl-board:has(>.cl-direction,>.cl-options)>.cl-graph{max-width:480px}.cl-board:has(>.cl-direction,>.cl-options)>.cl-goal{grid-column:1/-1}.cl-board:has(>.cl-direction,>.cl-options)>.cl-graph{grid-area:2/1/6;align-self:center}.cl-board:has(>.cl-direction,>.cl-options)>:is(.cl-values,.cl-expression,.cl-progress,.cl-direction,.cl-options){grid-column:2;min-width:0}}.mathbutton-landing-v3 .mb-topbar{border:1px solid var(--mb-line);border-bottom:0;border-radius:12px 12px 0 0;width:min(1140px,100% - 48px);margin:24px auto 0}.mathbutton-landing-v3 .mb-topbar-inner{width:calc(100% - 64px)}.mathbutton-landing-v3 .mb-pedagogy-sources{display:block}.mathbutton-landing-v3 .mb-pedagogy-sources h2{margin-bottom:16px;font-size:24px;line-height:1.3}.mathbutton-landing-v3 .mb-pedagogy-sources ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-pedagogy-sources li{border:0;border-right:1px solid var(--mb-line);background:0 0;border-radius:0;padding:0 20px 0 0}.mathbutton-landing-v3 .mb-pedagogy-sources li:last-child{border-right:0}.mathbutton-landing-v3 .mb-pedagogy-sources :is(p,cite){font-size:16px;line-height:1.55}@media (width<=760px){.mathbutton-landing-v3 .mb-topbar{width:calc(100% - 16px);margin-top:8px}.mathbutton-landing-v3 .mb-topbar-inner{width:calc(100% - 24px)}.mathbutton-landing-v3 .mb-hero-inner{border-radius:0}.mathbutton-landing-v3 .mb-pedagogy-sources ul{grid-template-columns:1fr;gap:20px}.mathbutton-landing-v3 .mb-pedagogy-sources li{border-right:0;border-bottom:1px solid var(--mb-line);padding:0 0 16px}.mathbutton-landing-v3 .mb-pedagogy-sources li:last-child{border-bottom:0}}.mathbutton-landing-v3 .mb-app-downloads{border-top:1px solid var(--mb-line);width:min(1140px,100% - 48px);margin:0 auto 40px;padding:24px}.mathbutton-landing-v3 .mb-app-downloads .mb-store-badges{justify-content:center;margin:0}@media (width<=760px){.mathbutton-landing-v3 .mb-app-downloads{width:calc(100% - 32px);padding:20px 0}}.mathbutton-landing-v3 .mb-header-menu{display:block}html body .mb-first-runner .dv-cookie-work{gap:8px}html body .mb-first-runner .dv-cookie-work .dv-micro-tiles{align-items:flex-start;gap:8px;min-height:0}html body .mb-first-runner .dv-cookie-work .dv-micro-tiles i{flex:0 0 36px;width:36px;height:36px}html body .mb-first-runner .dv-cookie-work .dv-micro-group,html body .mb-first-runner .dv-cookie-work .dv-micro-loose{min-width:0;padding:6px}html body .mb-first-runner .dv-cookie-work .dv-micro-group span{grid-template-columns:repeat(2,36px);gap:4px;max-width:100%;display:grid}html body .mb-first-runner .dv-cookie-work .dv-micro-loose span{flex-wrap:wrap;gap:4px;max-width:276px;display:flex}html body .mb-first-runner .dv-cookie-work .dv-micro-total{margin:0}html body .mb-first-runner .lesson-feedback-says>.min-w-0,html body .mb-first-runner .lesson-feedback-body,html body .mb-first-runner .ldp-feedback,html body .mb-first-runner .ldp-grouping,html body .mb-first-runner .ldp-packgraphic{min-width:0;max-width:100%}html body .mb-first-runner .ldp-grouping{grid-template-columns:minmax(0,1fr)}html body .mb-first-runner .ldp-loose{grid-template-columns:repeat(auto-fit,20px);width:100%;max-width:100%}html body .mb-first-runner .ldp-group{flex-wrap:wrap;min-width:0;max-width:100%}html body .mb-first-runner .lesson-feedback-body .dv-cookie-groups{min-width:0;max-width:100%}@media (width>=1000px){html body .mb-first-runner .dv-cookie-work .dv-micro-tiles{justify-content:center;gap:12px}html body .mb-first-runner .dv-cookie-work .dv-micro-tiles i{flex-basis:40px;width:40px;height:40px}html body .mb-first-runner .dv-cookie-work .dv-micro-group span{grid-template-columns:repeat(2,40px)}html body .mb-first-runner .dv-cookie-work .dv-micro-loose span{max-width:304px}}html body .mb-first-runner .lesson-stage .ldp-grouping i{width:36px;height:36px}html body .mb-first-runner .lesson-stage .ldp-loose{grid-template-columns:repeat(auto-fit,36px);gap:4px}html body .mb-first-runner .lesson-stage .ldp-group{grid-template-columns:repeat(2,36px);gap:4px;display:grid}html body .mb-first-runner [data-key-page]:has(.dv-cookie-scene){gap:8px;padding-block:0}html body .mb-first-runner [data-key-page]:has(.dv-cookie-scene)>h2{margin-block:0}html body .mb-first-runner .dv-cookie-scene .dv-cookie-row{width:100%;min-height:0;height:100px!important;max-height:100px!important}html body .mb-first-runner .dv-cookie-scene .dv-cookie-box{min-height:0;width:min(100%,180px)!important;height:52px!important;max-height:52px!important}html body .mb-first-runner .dv-cookie-groups .dv-cookie-row{min-height:0;width:80px!important;height:52px!important;max-height:52px!important}@media (width>=1000px){html body .mb-first-runner .lesson-stage .ldp-grouping i{width:40px;height:40px}html body .mb-first-runner .lesson-stage .ldp-loose{grid-template-columns:repeat(auto-fit,40px)}html body .mb-first-runner .lesson-stage .ldp-group{grid-template-columns:repeat(2,40px)}}html body .mb-first-runner .dv-cookie-groups .dv-cookie-box{max-width:100%;width:130px!important}.mathbutton-landing-v3 .mb-pedagogy-references,.mathbutton-landing-v3 .mb-pedagogy-references :is(h2,p,cite){text-align:left}.mathbutton-landing-v3 .mb-pedagogy-sources ul{align-items:stretch;gap:16px}.mathbutton-landing-v3 .mb-pedagogy-sources li.mb-research-card{border:1px solid var(--mb-line);background:var(--mb-band);border-radius:12px;flex-direction:column;gap:20px;padding:20px;display:flex}.mathbutton-landing-v3 .mb-pedagogy-sources .mb-research-citation{color:var(--mb-ink);overflow-wrap:anywhere;font-size:16px;line-height:1.55}.mathbutton-landing-v3 .mb-research-citation cite{color:var(--mb-teal);margin:10px 0;font-size:18px;font-style:normal;font-weight:750;line-height:1.4;display:block}.mathbutton-landing-v3 .mb-research-application{border-top:1px solid var(--mb-line);grid-template-columns:24px minmax(0,1fr);gap:8px;margin-top:auto;padding-top:16px;display:grid}.mathbutton-landing-v3 .mb-research-application>span{color:var(--mb-teal);font-size:22px;line-height:1.4}.mathbutton-landing-v3 .mb-patent-brand-title{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-patent-image{width:100%;display:block}.mathbutton-landing-v3 .mb-patent-image img{border-radius:12px;width:100%;max-width:100%;height:auto;display:block}html body .mb-first-runner [data-key-page]{justify-content:flex-start;gap:12px;padding-block:16px}html body .mb-first-runner [data-key-page]>h2{margin-top:0}.mathbutton-landing-v3 .mb-app-downloads .mb-store-badge-pending{flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.mathbutton-landing-v3 .mb-app-downloads .mb-store-badges ul{flex-wrap:nowrap;justify-content:center}.mathbutton-landing-v3 .mb-app-downloads .mb-store-badges li{align-items:center}@media (width<=380px){.mathbutton-landing-v3 .mb-app-downloads .mb-store-badges ul{gap:10px}.mathbutton-landing-v3 .mb-app-downloads .mb-store-badge-pending{padding:8px}}.mathbutton-landing-v3 .mb-research-document{text-align:left;padding:32px}.mathbutton-landing-v3 .mb-research-document :is(p,cite,h3,h4){text-align:left;color:var(--mb-ink)!important}.mathbutton-landing-v3 .mb-research-document>h2{color:var(--mb-teal);margin:0 0 12px;font-size:30px;line-height:1.35}.mathbutton-landing-v3 .mb-research-document .mb-research-subtitle{margin:0 0 12px;font-size:22px;line-height:1.4}.mathbutton-landing-v3 .mb-research-document>p{max-width:850px;margin:0;font-size:17px;line-height:1.55}.mathbutton-landing-v3 .mb-research-process{margin:24px 0}.mathbutton-landing-v3 .mb-research-details{align-items:start;gap:24px}.mathbutton-landing-v3 .mb-research-details section{background:0 0;min-width:0;padding:0}.mathbutton-landing-v3 .mb-research-details h4{margin:0 0 8px;font-size:20px;line-height:1.4}.mathbutton-landing-v3 .mb-research-details p{margin:8px 0 0;font-size:16px;line-height:1.55}.mathbutton-landing-v3 .mb-research-details .mb-research-affiliation{font-size:15px}.mathbutton-landing-v3 .mb-research-details .mb-research-source-kind{font-size:14px;font-weight:750;color:var(--mb-teal)!important}.mathbutton-landing-v3 .mb-research-details cite{font-style:normal}.mathbutton-landing-v3 .mb-research-details .mb-research-application{border:0;border-top:1px solid var(--mb-line);margin:14px 0 0;padding-top:12px;display:block}@media (width<=700px){.mathbutton-landing-v3 .mb-research-document{padding:24px 20px}.mathbutton-landing-v3 .mb-research-document>h2{font-size:26px}.mathbutton-landing-v3 .mb-research-details{grid-template-columns:1fr;gap:24px}}.mathbutton-landing-v3 .mb-research-document .mb-research-subtitle{text-align:left;background:0 0;border:0;border-radius:0;width:auto;max-width:none;padding:0;position:static;inset:auto;transform:none}.mathbutton-landing-v3 .mb-research-document .mb-research-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:none;display:grid}.mathbutton-landing-v3 .mb-research-details .mb-research-citation cite{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0;display:inline}.mathbutton-landing-v3 .mb-brand-bridge{justify-content:center;align-items:center;padding:12px 16px;display:flex}.mathbutton-landing-v3 .mb-brand-bridge .brand-logo{width:auto;max-width:100%;height:73px}@media (width<=600px){.mathbutton-landing-v3 .mb-brand-bridge{padding:12px}.mathbutton-landing-v3 .mb-brand-bridge .brand-logo{height:64px}}@media (width<=640px){.mathbutton-landing-v3 .mb-header-start{display:none}}@media (width<=700px){.mathbutton-landing-v3 .mb-header-start{display:none}}.mathbutton-landing-v3 .mb-learning-story{padding-top:20px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-shell{height:var(--landing-guest-height,calc(100svh - 108px))}@media (width>=761px){html body .mathbutton-landing-v3 .mb-first-runner .lesson-shell{height:min(var(--landing-guest-height,632px),632px)}}.mathbutton-landing-v3 .mb-topbar-inner{min-height:76px}.mathbutton-landing-v3 .mb-topbar .brand-logo{width:200px;max-width:none;height:auto}.mathbutton-landing-v3 .mb-learning-story{padding-bottom:0}.mathbutton-landing-v3 .mb-research-document,.mathbutton-landing-v3 .mb-technology-inner>.mb-patent-document{margin-top:0;padding:36px}.mathbutton-landing-v3 .mb-technology-section{background:var(--mb-page);color:var(--mb-ink)}.mathbutton-landing-v3 .mb-technology-inner{padding:28px 0 0}.mathbutton-landing-v3 :is(.mb-research-document>h2,.mb-patent-brand-title){letter-spacing:-.035em;margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.35}.mathbutton-landing-v3 .mb-patent-brand-title br{display:none}.mathbutton-landing-v3 .mb-patent-document .mb-patent-brand-title strong{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-research-subtitle{margin:0 0 12px;font-size:23px;line-height:1.4}.mathbutton-landing-v3 .mb-patent-document>p{max-width:75ch;font-size:17px;line-height:1.65}.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{max-width:65ch;color:var(--mb-ink);font-size:23px;line-height:1.45}.mathbutton-landing-v3 .mb-patent-meta{color:var(--mb-muted);flex-wrap:wrap;gap:8px 20px;margin:0 0 24px;padding:0;font-size:14px;list-style:none;display:flex}.mathbutton-landing-v3 .mb-patent-process{gap:16px;margin:24px 0 28px}.mathbutton-landing-v3 .mb-patent-process li{min-height:88px;font-size:15px;line-height:1.45}.mathbutton-landing-v3 .mb-patent-process li:after,.mathbutton-landing-v3 .mb-patent-process li+li:before{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-patent-document-grid{gap:28px}.mathbutton-landing-v3 .mb-patent-document-grid section+section{border-left:1px solid var(--mb-line);padding-left:24px}.mathbutton-landing-v3 .mb-patent-document-grid h4{font-size:19px;line-height:1.45}.mathbutton-landing-v3 .mb-patent-document-grid p{font-size:16px;line-height:1.65}.mathbutton-landing-v3 .mb-patent-document strong{color:var(--mb-teal)}.mathbutton-landing-v3 .semester-landing-offer{background:var(--mb-page);padding:32px 24px}.mathbutton-landing-v3 .semester-landing-offer-inner{max-width:1140px}.mathbutton-landing-v3 .semester-landing-offer h2{color:var(--mb-teal);font-size:32px}.mathbutton-landing-v3 .semester-landing-offer>div>p{color:var(--mb-muted);max-width:64ch;margin:14px auto 20px;font-size:16px;line-height:1.65}.mathbutton-landing-v3 .semester-purchase-actions a{border:1px solid var(--mb-line-strong);background:var(--mb-surface);color:var(--mb-ink);box-shadow:none;border-radius:12px}.mathbutton-landing-v3 .pricing-plans{gap:18px;margin-top:28px}.mathbutton-landing-v3 .pricing-plan{border-color:var(--mb-line);background:var(--mb-surface);color:var(--mb-ink);border-radius:12px;gap:14px;padding:26px 24px}.mathbutton-landing-v3 .pricing-plan-year{border-color:var(--mb-action);background:#fff2f4}.mathbutton-landing-v3 .pricing-reason{color:var(--mb-muted);font-weight:600}.mathbutton-landing-v3 .pricing-total{letter-spacing:-.025em;font-size:32px;line-height:1.3}.mathbutton-landing-v3 .pricing-status{color:var(--mb-muted);font-weight:500}.mathbutton-landing-v3 .mb-login-wrap{background:var(--mb-band);padding:32px 0}.mathbutton-landing-v3 .landing-login-inner{width:min(1060px,100% - 48px);box-shadow:none;background:0 0;border:0;border-radius:0;gap:48px;padding:0}.mathbutton-landing-v3 .landing-auth-intro{text-align:left}.mathbutton-landing-v3 .landing-auth-intro .brand-logo{width:240px;margin:0 0 24px}.mathbutton-landing-v3 .landing-login-inline h2{color:var(--mb-teal);font-size:36px}.mathbutton-landing-v3 .landing-auth-intro>p:last-child{color:var(--mb-muted)}.mathbutton-landing-v3 .landing-auth-panel{padding:28px}.mathbutton-landing-v3 .landing-auth-divider{color:var(--mb-muted);margin:12px 0 20px}.mathbutton-landing-v3 .landing-auth-divider:before,.mathbutton-landing-v3 .landing-auth-divider:after{background:var(--mb-line)}.mathbutton-landing-v3 .landing-login-inline .landing-login-form label{color:var(--mb-ink)}.mathbutton-landing-v3 .landing-login-inline .landing-login-form input{background:var(--mb-surface);border-color:var(--mb-line-strong);color:var(--mb-ink);border-radius:10px}.mathbutton-landing-v3 .landing-auth-links{flex-wrap:wrap;gap:8px 16px}.mathbutton-landing-v3 .landing-auth-links>button{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-app-downloads{margin-bottom:0;padding:28px 0}.mathbutton-landing-v3 .math-footer-inner{width:min(1140px,100% - 48px);padding-block:28px}.mathbutton-landing-v3 .math-footer-business{line-height:1.7}.mathbutton-landing-v3 :is(.mb-first-reset,.semester-purchase-actions a,.landing-login-form input):focus-visible{outline:3px solid var(--mb-teal);outline-offset:3px}@media (width<=760px){.mathbutton-landing-v3 .mb-topbar-inner{min-height:68px}.mathbutton-landing-v3 .mb-topbar .brand-logo{width:180px;height:auto}.mathbutton-landing-v3 .mb-research-document,.mathbutton-landing-v3 .mb-technology-inner>.mb-patent-document{padding:24px 20px}.mathbutton-landing-v3 :is(.mb-research-document>h2,.mb-patent-brand-title,.semester-landing-offer h2){font-size:26px}.mathbutton-landing-v3 .mb-patent-document-grid{grid-template-columns:1fr;gap:24px}.mathbutton-landing-v3 .mb-patent-document-grid section+section{border-left:0;border-top:1px solid var(--mb-line);padding:24px 0 0}.mathbutton-landing-v3 .mb-research-subtitle,.mathbutton-landing-v3 .mb-patent-document .mb-patent-name{font-size:20px}.mathbutton-landing-v3 .mb-research-document .mb-research-process{gap:12px}.mathbutton-landing-v3 .semester-landing-offer{padding:36px 16px}.mathbutton-landing-v3 .pricing-plan{padding:24px}.mathbutton-landing-v3 .mb-login-wrap{padding:32px 0}.mathbutton-landing-v3 .landing-login-inline .landing-login-inner{gap:24px;width:calc(100% - 32px);padding:0}.mathbutton-landing-v3 .landing-login-inline .landing-auth-intro{margin-bottom:0}.mathbutton-landing-v3 .landing-login-inline h2{font-size:28px}.mathbutton-landing-v3 .landing-auth-panel{padding:24px 20px}.mathbutton-landing-v3 .math-footer-inner{width:calc(100% - 32px)}}@media (width<=480px){.mathbutton-landing-v3 .mb-research-document .mb-research-process{grid-template-columns:1fr;gap:12px}.mathbutton-landing-v3 .mb-research-process li{min-height:64px;padding:20px 16px 16px 48px}.mathbutton-landing-v3 .mb-research-process li:after{top:22px;left:16px}.mathbutton-landing-v3 .mb-research-process li+li:before{content:"↓";top:-11px;left:50%}}.mathbutton-landing-v3 .mb-patent-document .mb-patent-brand-title{color:var(--mb-teal);margin:0 0 16px;font-size:32px}@media (width<=760px){.mathbutton-landing-v3 .mb-patent-document .mb-patent-brand-title{font-size:26px}}.mathbutton-landing-v3 .home-lifetime-notice{border:1px solid var(--mb-action);background:var(--mb-surface);text-align:left;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;margin-top:28px;padding:24px;display:grid}.mathbutton-landing-v3 .home-lifetime-notice h3{color:var(--mb-teal);margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.4}.mathbutton-landing-v3 .home-lifetime-notice p{color:var(--mb-muted);margin:0;font-size:15px;line-height:1.6}.mathbutton-landing-v3 .home-lifetime-price{font-variant-numeric:tabular-nums;gap:4px;display:grid}.mathbutton-landing-v3 .home-lifetime-price>span{color:var(--mb-muted);font-size:14px}.mathbutton-landing-v3 .home-lifetime-price>strong{color:var(--mb-action);font-size:32px;font-weight:800;line-height:1.25}.mathbutton-landing-v3 .home-lifetime-count{border-left:1px solid var(--mb-line);gap:4px;padding-left:24px;display:grid}.mathbutton-landing-v3 .home-lifetime-count>strong{color:var(--mb-ink);font-size:18px}@media (width<=700px){.mathbutton-landing-v3 .home-lifetime-notice{grid-template-columns:minmax(0,1fr) auto;gap:20px 12px}.mathbutton-landing-v3 .home-lifetime-notice>div:first-child{grid-column:1/-1}.mathbutton-landing-v3 .home-lifetime-count{padding-left:16px}}.mathbutton-landing-v3 .mb-research-document .mb-research-process>li:nth-child(n){grid-area:auto}.mathbutton-landing-v3 .landing-login-inline .landing-auth-panel{border:1px solid var(--mb-line);box-shadow:none;border-radius:12px}.mathbutton-landing-v3 :is(#try-boards,#available-learning,#lifetime-offer,#lifetime-application){scroll-margin-top:96px}.mathbutton-landing-v3 .mb-hero-copy .mb-start-cta{white-space:normal}.mathbutton-landing-v3 .mb-home-section-inner{width:min(1140px,100% - 48px);margin:auto}.mathbutton-landing-v3 :is(.mb-home-guide,.mb-home-availability,.mb-home-faq){padding:32px 0}.mathbutton-landing-v3 :is(.mb-home-guide,.mb-home-availability,.mb-home-faq) h2{color:var(--mb-teal);letter-spacing:-.035em;margin:0 0 20px;font-size:32px;font-weight:800;line-height:1.35}.mathbutton-landing-v3 .mb-home-section-lead{max-width:65ch;color:var(--mb-muted);margin:0 0 24px;font-size:17px;line-height:1.7}.mathbutton-landing-v3 .mb-home-learning-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-home-learning-flow li{border-top:1px solid var(--mb-line);padding-top:20px}.mathbutton-landing-v3 .mb-home-learning-flow li>span{color:var(--mb-teal);margin-bottom:12px;font-size:14px;font-weight:800;display:block}.mathbutton-landing-v3 .mb-home-learning-flow h3{margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.4}.mathbutton-landing-v3 .mb-home-learning-flow p{color:var(--mb-muted);margin:0;font-size:16px;line-height:1.65}.mathbutton-landing-v3 .mb-home-learning-flow .mb-learning-sketch{width:120px;height:80px;color:var(--mb-teal);margin-bottom:12px}.mathbutton-landing-v3 .mb-home-available-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-home-available-list li{border:1px solid var(--mb-line);background:var(--mb-surface);border-radius:12px;flex-direction:column;min-width:0;padding:24px;display:flex}.mathbutton-landing-v3 .mb-home-level{color:var(--mb-teal);margin-bottom:12px;font-size:14px;font-weight:800;display:block}.mathbutton-landing-v3 .mb-home-available-list h3{margin:0 0 20px;font-size:20px;font-weight:800;line-height:1.5}.mathbutton-landing-v3 .mb-home-available-list a{min-height:44px;color:var(--mb-teal);justify-content:space-between;align-items:center;margin-top:auto;font-size:16px;font-weight:700;display:flex}.mathbutton-landing-v3 .mb-home-publication-note{background:var(--mb-band);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;padding:24px;display:grid}.mathbutton-landing-v3 .mb-home-publication-note h3{margin:0 0 8px;font-size:20px;font-weight:800}.mathbutton-landing-v3 .mb-home-publication-note p{max-width:68ch;color:var(--mb-muted);margin:0;font-size:16px;line-height:1.65}.mathbutton-landing-v3 .mb-home-publication-note a{min-height:44px;color:var(--mb-teal);text-underline-offset:5px;align-items:center;gap:8px;font-size:15px;text-decoration:underline;display:flex}.mathbutton-landing-v3 .mb-patent-details{border-top:1px solid var(--mb-line);margin-top:20px}.mathbutton-landing-v3 .mb-patent-details summary{cursor:pointer;min-height:56px;color:var(--mb-teal);padding:16px 0;font-size:17px;font-weight:800}.mathbutton-landing-v3 .mb-patent-detail-body{padding-top:16px}.mathbutton-landing-v3 .mb-patent-detail-body>p{max-width:75ch;font-size:17px;line-height:1.65}.mathbutton-landing-v3 .mb-patent-korean-name{margin:0 0 16px;font-weight:800}.mathbutton-landing-v3 .mb-home-pricing-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;margin-top:20px;display:grid}.mathbutton-landing-v3 :is(.mb-home-free-card,.mb-home-lifetime-card){background:var(--mb-surface);border:1px solid var(--mb-line);text-align:left;border-radius:12px;flex-direction:column;align-items:start;padding:24px;display:flex}.mathbutton-landing-v3 .mb-home-lifetime-card{border:2px solid var(--mb-action)}.mathbutton-landing-v3 .mb-home-pricing-grid h3{margin:0 0 20px;font-size:25px;font-weight:800;line-height:1.4}.mathbutton-landing-v3 .mb-home-pricing-grid p{margin:0 0 16px;font-size:16px;line-height:1.65}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-home-free-price{color:var(--mb-teal);font-size:38px;font-weight:800}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-home-regular-price{color:var(--mb-muted);margin-bottom:4px}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-home-offer-price{letter-spacing:-.035em;color:var(--mb-action);font-size:44px;font-weight:800;line-height:1.3}.mathbutton-landing-v3 .mb-home-offer-price span{letter-spacing:0;margin-top:6px;font-size:15px;display:block}.mathbutton-landing-v3 .mb-home-manual-count{flex-wrap:wrap;gap:6px 16px;display:flex}.mathbutton-landing-v3 .mb-home-manual-count strong{color:var(--mb-teal)}.mathbutton-landing-v3 .mb-home-offer-includes{color:var(--mb-muted);margin:0 0 16px;padding-left:20px;font-size:16px;line-height:1.7}.mathbutton-landing-v3 .mb-home-pricing-grid :is(.mb-start-cta,.mb-home-soft-action){width:100%;margin-top:auto}.mathbutton-landing-v3 .mb-home-soft-action{border:1px solid var(--mb-line-strong);background:var(--mb-surface);min-height:48px;color:var(--mb-teal);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:16px;font-weight:800;line-height:1.4;display:inline-flex}.mathbutton-landing-v3 .mb-home-application{border:1px solid var(--mb-line);text-align:left;border-radius:12px;margin-top:24px;padding:24px}.mathbutton-landing-v3 .mb-home-application h3{margin:0 0 16px;font-size:22px;font-weight:800}.mathbutton-landing-v3 .mb-home-application ol{color:var(--mb-muted);flex-wrap:wrap;gap:12px 28px;margin:0 0 20px;padding:0 0 0 20px;font-size:16px;line-height:1.6;list-style:decimal;display:flex}.mathbutton-landing-v3 .mb-home-catalog-state{border-top:1px solid var(--mb-line);padding-top:20px}.mathbutton-landing-v3 .mb-home-catalog-state p{margin:0 0 16px;font-size:16px;line-height:1.7}.mathbutton-landing-v3 .mb-home-catalog-state .mb-start-cta{min-height:48px;font-size:16px}.mathbutton-landing-v3 .mb-home-faq-list{border-top:1px solid var(--mb-line)}.mathbutton-landing-v3 .mb-home-faq-list details{border-bottom:1px solid var(--mb-line)}.mathbutton-landing-v3 .mb-home-faq-list summary{min-height:56px;color:var(--mb-ink);cursor:pointer;padding:20px 0;font-size:18px;font-weight:800;line-height:1.5}.mathbutton-landing-v3 .mb-home-faq-list p{max-width:76ch;color:var(--mb-muted);margin:0 0 20px;font-size:16px;line-height:1.75}.mathbutton-landing-v3 .mb-home-faq-list a{color:var(--mb-teal);text-underline-offset:4px;text-decoration:underline}.mathbutton-landing-v3 .mb-home-final-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.mathbutton-landing-v3 .mb-home-final-actions .mb-start-cta{min-height:48px;font-size:16px}.mathbutton-landing-v3 :is(.mb-patent-details summary,.mb-home-faq-list summary,.mb-home-available-list a,.mb-home-soft-action):focus-visible{outline:3px solid var(--mb-teal);outline-offset:3px;border-radius:4px}.mathbutton-landing-v3 .mb-first-finished{flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.mathbutton-landing-v3 .mb-first-finished p{margin:0}.mathbutton-landing-v3 .mb-first-finished button{border:1px solid var(--mb-line);min-height:44px;color:var(--mb-teal);background:var(--mb-surface);cursor:pointer;border-radius:8px;padding:8px 12px}@media (width<=760px){.mathbutton-landing-v3 :is(.mb-home-guide,.mb-home-availability,.mb-home-faq){padding:24px 0}.mathbutton-landing-v3 .mb-home-section-inner{width:calc(100% - 32px)}.mathbutton-landing-v3 :is(.mb-home-guide,.mb-home-availability,.mb-home-faq) h2{font-size:26px}.mathbutton-landing-v3 :is(.mb-home-learning-flow,.mb-home-available-list,.mb-home-pricing-grid,.mb-home-publication-note){grid-template-columns:1fr}.mathbutton-landing-v3 .mb-home-pricing-grid{gap:16px}.mathbutton-landing-v3 :is(.mb-home-free-card,.mb-home-lifetime-card){padding:24px}.mathbutton-landing-v3 .mb-home-offer-price{font-size:38px}.mathbutton-landing-v3 .mb-home-publication-note{gap:16px;padding:24px 20px}.mathbutton-landing-v3 .mb-home-final-actions>a{width:100%}}.mathbutton-landing-v3 .mb-patent-details:not([open])>.mb-patent-detail-body,.mathbutton-landing-v3 .mb-home-faq details:not([open])>p{display:none}@media (width<=640px){.mathbutton-landing-v3 .mb-home-pricing-grid .mb-home-offer-price{font-size:38px}.mathbutton-landing-v3 .mb-home-application ol{display:block}.mathbutton-landing-v3 .mb-home-application li+li{margin-top:8px}}.mathbutton-landing-v3 .mb-home-manual-count{color:var(--mb-ink);background:#fff2f4;border-radius:8px;padding:14px 16px;font-size:18px;line-height:1.6;display:block}.mathbutton-landing-v3 .mb-home-manual-count strong{font-weight:800;display:block}.mathbutton-landing-v3 .mb-home-manual-count em{color:var(--mb-action);white-space:nowrap;font-size:22px;font-style:normal}.mathbutton-landing-v3 .mb-home-regular-price strong{color:var(--mb-ink);margin-top:4px;font-size:20px;font-weight:800;display:block}.mathbutton-landing-v3 .mb-home-offer-price span strong{color:var(--mb-action);font-size:18px;font-weight:800;display:inline-block}.mathbutton-landing-v3 .mb-home-guide .mb-home-section-lead{max-width:46em;margin-bottom:24px}.mathbutton-landing-v3 .mb-home-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.4fr);align-items:stretch}.mathbutton-landing-v3 .mb-home-free-card{grid-column:1/-1;grid-template-columns:1fr 1.6fr auto;align-items:center;gap:8px 24px;padding:20px 28px;display:grid}.mathbutton-landing-v3 .mb-home-free-card .mb-home-level{grid-column:1;margin:0}.mathbutton-landing-v3 .mb-home-free-card h3{grid-column:1;margin:0;font-size:20px}.mathbutton-landing-v3 .mb-home-free-card .mb-home-free-price{display:none}.mathbutton-landing-v3 .mb-home-free-card>p:not(.mb-home-free-price){grid-area:1/2/3;margin:0}.mathbutton-landing-v3 .mb-home-free-card>a{grid-area:1/3/3;margin:0}.mathbutton-landing-v3 .mb-home-locked-card{border:1px solid var(--mb-line);color:#62666f;background:#f7f7f8;border-radius:12px;flex-direction:column;align-items:start;padding:28px;display:flex}.mathbutton-landing-v3 .mb-plan-lock{color:#62666f;margin:8px 0 16px}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-plan-price{letter-spacing:-.04em;color:var(--mb-ink);font-size:30px;font-weight:800}.mathbutton-landing-v3 .mb-plan-price span{letter-spacing:0;font-size:14px;font-weight:500;display:block}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-plan-saving{color:var(--mb-teal);font-size:20px;font-weight:800}.mathbutton-landing-v3 .mb-plan-saving small{font-size:12px;font-weight:500;display:block}.mathbutton-landing-v3 .mb-home-locked-card button:disabled{opacity:1;color:#9a9da3;box-shadow:none;cursor:not-allowed;background:#e8e8ea;border-color:#d7d9dc}.mathbutton-landing-v3 .mb-home-regular-price strong{letter-spacing:-.035em;font-size:clamp(26px,3vw,38px)}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-home-offer-price{margin:8px 0 16px;font-size:52px}.mathbutton-landing-v3 .mb-home-lifetime-card{box-shadow:0 10px 28px #d928400a}.mathbutton-landing-v3 .mb-home-urgency{background:#fff2f4;border-radius:10px;width:100%;margin-bottom:16px;padding:14px}.mathbutton-landing-v3 .mb-home-urgency .mb-home-manual-count{background:0 0;margin:0 0 12px;padding:0;font-size:16px}.mathbutton-landing-v3 .mb-home-capacity{background:#f7c9d0;border-radius:8px;height:8px;overflow:hidden}.mathbutton-landing-v3 .mb-home-capacity span{background:var(--mb-action);border-radius:8px;width:62%;height:100%;display:block}.mathbutton-landing-v3 .mb-home-regular-price del{text-decoration-thickness:2px;-webkit-text-decoration-color:var(--mb-muted);-webkit-text-decoration-color:var(--mb-muted);-webkit-text-decoration-color:var(--mb-muted);text-decoration-color:var(--mb-muted)}.mathbutton-landing-v3 .mb-home-lifetime-card .mb-start-cta:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}@media (width<=900px){.mathbutton-landing-v3 .mb-home-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mathbutton-landing-v3 .mb-home-lifetime-card{grid-column:1/-1}.mathbutton-landing-v3 .mb-home-free-card{gap:12px;padding:24px;display:flex}.mathbutton-landing-v3 .mb-home-free-card>a{width:auto}}@media (width<=640px){.mathbutton-landing-v3 .mb-home-pricing-grid{gap:12px}.mathbutton-landing-v3 .mb-home-locked-card{padding:20px 14px}.mathbutton-landing-v3 .mb-home-locked-card h3{font-size:20px}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-plan-price{font-size:25px}.mathbutton-landing-v3 .mb-home-locked-card>p:not(.mb-plan-price):not(.mb-plan-saving){font-size:13px}.mathbutton-landing-v3 .mb-home-locked-card .mb-home-soft-action{padding:10px;font-size:14px}.mathbutton-landing-v3 .mb-home-pricing-grid .mb-home-offer-price{font-size:48px}}.mathbutton-landing-v3 .mb-first-lessons{background:#f7f7f8;border:1px solid #e5e5e8;border-radius:20px;padding:20px}.mathbutton-landing-v3 .mb-first-controls{gap:12px;margin-bottom:18px;padding:0}.mathbutton-landing-v3 .mb-first-tabs{background:#fff;border:1px solid #e5e5e8;border-radius:12px;gap:4px;padding:4px}.mathbutton-landing-v3 .mb-first-tabs button{border:0;border-radius:8px;min-width:86px;font-weight:700}.mathbutton-landing-v3 .mb-first-tabs button[aria-selected=true]{color:#fff;background:var(--mb-teal)}.mathbutton-landing-v3 .mb-first-tabs button:hover:not([aria-selected=true]){background:#f7f7f8}.mathbutton-landing-v3 .mb-first-reset{background:#fff;border:1px solid #e5e5e8;border-radius:10px;padding:8px 14px;font-size:14px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-shell{background:#fff;border:1px solid #e5e5e8;border-radius:16px;box-shadow:0 6px 20px #0000000f}html body .mathbutton-landing-v3 .mb-first-runner .lesson-header{background:#fff;border-bottom:1px solid #e5e5e8}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-numbers{flex-wrap:nowrap;flex-shrink:0;gap:8px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-numbers li:not(:has(.lesson-method-progress)){width:32px;min-width:32px;height:32px;box-shadow:none;background:#f7f7f8;border:1px solid #e5e5e8;border-radius:50%;grid-template-columns:1fr;place-items:center;display:grid}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-numbers li:not(:has(.lesson-method-progress))>span{place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:grid}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-numbers li[data-state=current]:not(:has(.lesson-method-progress)){border-color:var(--mb-teal);background:var(--mb-teal);color:#fff}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-title{color:var(--mb-teal);font-size:16px;font-weight:700;line-height:1.4}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-detail{color:var(--mb-muted);margin:2px 0 0;font-size:13px;font-weight:500;display:block}html body .mathbutton-landing-v3 .mb-first-runner .lesson-stage{background:#fff}@media (width<=640px){.mathbutton-landing-v3 .mb-first-lessons{border-radius:16px;padding:12px}.mathbutton-landing-v3 .mb-first-controls{flex-wrap:nowrap;gap:8px;margin-bottom:12px}.mathbutton-landing-v3 .mb-first-tabs{gap:2px;padding:3px}.mathbutton-landing-v3 .mb-first-tabs button{min-width:52px;padding:8px;font-size:15px}.mathbutton-landing-v3 .mb-first-reset{white-space:nowrap;padding:6px 8px;font-size:12px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-sequence{gap:12px;padding:10px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-numbers{gap:5px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-title{font-size:14px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-detail{font-size:12px}}html body .mathbutton-landing-v3 .mb-first-runner .lesson-sequence{flex-direction:column;align-items:flex-start;gap:2px;padding:2px 10px}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-title{flex:none;width:100%}html body .mathbutton-landing-v3 .mb-first-runner .lesson-step-detail{margin-left:8px;display:inline}.mathbutton-landing-v3 #first-lesson-panel>p[role=status]{min-height:var(--landing-guest-height,calc(100svh - 108px));color:var(--mb-muted);place-items:center;margin:0;font-size:16px;display:grid}.mathbutton-landing-v3 .mb-promise{margin:0;padding:0}.mathbutton-landing-v3 .mb-promise-inner{color:#202124;background:linear-gradient(135deg,#fff,#fff2f4);border-radius:20px;grid-template-columns:1.05fr 1fr;align-items:center;gap:4px;width:min(1140px,100% - 48px);margin:auto;padding:48px 40px;display:grid;overflow:hidden}.mathbutton-landing-v3 .mb-promise h2{color:inherit;letter-spacing:-.045em;margin:0;font-weight:700}.mathbutton-landing-v3 .mb-promise-before{color:#62666f;font-size:clamp(19px,2.1vw,25px);font-weight:500;line-height:1.6;display:block}.mathbutton-landing-v3 .mb-promise h2 strong{margin-top:18px;font-size:clamp(32px,3.7vw,48px);font-weight:800;line-height:1.45;display:block}.mathbutton-landing-v3 .mb-promise h2 strong span{word-break:keep-all;display:block}.mathbutton-landing-v3 .mb-promise-visual{color:#f7c9d0;min-width:0;overflow:hidden}.mathbutton-landing-v3 .mb-promise-picture{aspect-ratio:16/9;width:100%;height:auto;display:block}.mathbutton-landing-v3 .mb-promise-piece{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.mathbutton-landing-v3 [data-landing-motion=hero][data-landing-entered=true] .mb-hero-question{animation:.65s ease-out both mb-copy-arrive}.mathbutton-landing-v3 [data-landing-motion=hero][data-landing-entered=true] .mb-hero-answer{animation:.75s ease-out .1s both mb-copy-arrive}.mathbutton-landing-v3 [data-landing-motion=hero][data-landing-entered=true] .mb-learning-sketch{animation:.85s cubic-bezier(.22,.7,.25,1) .2s both mb-sketch-arrive}.mathbutton-landing-v3 [data-landing-motion=hero][data-landing-entered=true] li:nth-child(2) .mb-learning-sketch{animation-delay:.31s}.mathbutton-landing-v3 [data-landing-motion=hero][data-landing-entered=true] li:nth-child(3) .mb-learning-sketch{animation-delay:.42s}.mathbutton-landing-v3 [data-landing-motion=technology][data-landing-entered=true] .mb-patent-brand-title{animation:.7s ease-out both mb-copy-arrive}.mathbutton-landing-v3 [data-landing-motion=technology][data-landing-entered=true] .mb-patent-process li{animation:.65s ease-out both mb-process-arrive}.mathbutton-landing-v3 [data-landing-motion=technology][data-landing-entered=true] .mb-patent-process li:nth-child(2){animation-delay:.11s}.mathbutton-landing-v3 [data-landing-motion=technology][data-landing-entered=true] .mb-patent-process li:nth-child(3){animation-delay:.22s}.mathbutton-landing-v3 [data-landing-motion=technology][data-landing-entered=true] .mb-patent-process li:nth-child(4){animation-delay:.33s}.mathbutton-landing-v3 [data-landing-motion=technology][data-landing-entered=true] .mb-patent-process li:nth-child(5){animation-delay:.44s}.mathbutton-landing-v3 [data-landing-motion=offer][data-landing-entered=true] #semester-offer-title,.mathbutton-landing-v3 [data-landing-motion=login][data-landing-entered=true] .landing-auth-intro,.mathbutton-landing-v3 [data-landing-motion=downloads][data-landing-entered=true] .store-badges{animation:.7s ease-out both mb-copy-arrive}}@keyframes mb-copy-arrive{0%{opacity:.45;translate:0 12px}to{opacity:1;translate:0}}@keyframes mb-sketch-arrive{0%{opacity:.25;translate:0 10px}to{opacity:1;translate:0}}@keyframes mb-process-arrive{0%{opacity:.35;translate:-9px}to{opacity:1;translate:0}}@media (width<=900px){.mathbutton-landing-v3 .mb-promise-inner{padding:36px 28px}.mathbutton-landing-v3 .mb-promise h2 strong{font-size:34px}}@media (width<=700px){.mathbutton-landing-v3 .mb-promise{padding:0}.mathbutton-landing-v3 .mb-promise-inner{text-align:center;border-radius:16px;grid-template-columns:1fr;gap:12px;width:calc(100% - 32px);padding:32px 20px 14px}.mathbutton-landing-v3 .mb-promise-before{font-size:clamp(17px,4.5vw,23px)}.mathbutton-landing-v3 .mb-promise h2 strong{margin-top:14px;font-size:clamp(28px,7.4vw,40px);line-height:1.45}.mathbutton-landing-v3 .mb-promise-visual{width:min(100%,500px);margin:auto}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 [data-landing-motion] *,.mathbutton-landing-v3 [data-landing-motion] :before,.mathbutton-landing-v3 [data-landing-motion] :after{animation:none!important}}.mathbutton-landing-v3 .mb-promise-piece{animation:10s ease-in-out infinite both paused mb-word-heart}.mathbutton-landing-v3 .mb-promise[data-promise-playing=true] .mb-promise-piece{animation-play-state:running}@keyframes mb-word-heart{0%,24%,82%,to{transform:translate(var(--word-x),var(--word-y))}42%,64%{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 .mb-promise .mb-promise-piece{animation:16s ease-in-out infinite both paused mb-word-heart!important}.mathbutton-landing-v3 .mb-promise[data-promise-playing=true] .mb-promise-piece{animation-play-state:running!important}}.mathbutton-landing-v3 .mb-beta-download{box-sizing:border-box;background:var(--mb-surface);border:1px solid var(--mb-line);width:min(1140px,100% - 48px);color:var(--mb-ink);border-radius:12px;margin:32px auto;padding:48px 40px;scroll-margin-top:100px}.mb-beta-download h2{letter-spacing:-.04em;color:var(--mb-teal);word-break:keep-all;margin:0 0 12px;font-size:clamp(28px,3.3vw,40px);font-weight:750;line-height:1.3}.mb-beta-download p{word-break:keep-all;margin:12px 0;font-size:16px;line-height:1.65}.mb-beta-download-copy>p:first-of-type{letter-spacing:-.025em;margin-bottom:18px;font-size:20px}.mb-beta-period{color:var(--mb-muted)}.mb-beta-download a:focus-visible,.mb-beta-download summary:focus-visible,.mb-hero-app-link:focus-visible{outline-offset:3px;outline:3px solid #f2b233}.mb-beta-download-feedback{max-width:76ch;color:var(--mb-muted);border-top:1px solid var(--mb-line);padding-top:20px}.mathbutton-landing-v3 .mb-dl-groups{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px 40px;margin:28px 0 24px;display:grid}.mathbutton-landing-v3 .mb-dl-groups h3{letter-spacing:-.02em;color:var(--mb-muted);margin:0 0 12px;font-size:16px;font-weight:750;line-height:1.5}.mathbutton-landing-v3 .mb-dl-groups ul{margin:0;padding:0;list-style:none}.mathbutton-landing-v3 .mb-store-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mathbutton-landing-v3 .mb-store-card{box-sizing:border-box;border:1px solid var(--mb-line-strong,#d4d8df);background:var(--mb-band);min-height:104px;color:var(--mb-ink);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 12px;text-decoration:none;transition:border-color .15s,background-color .15s,transform .1s;display:flex}.mathbutton-landing-v3 .mb-store-card:hover{border-color:var(--mb-ink);background:#fff}.mathbutton-landing-v3 .mb-store-card:active{transform:scale(.98)}.mathbutton-landing-v3 .mb-store-card img{width:auto;max-width:none;height:40px;display:block}.mathbutton-landing-v3 .mb-store-card[data-store=googlePlay] img{height:52px;margin:-6px 0}.mathbutton-landing-v3 .mb-store-card span{color:var(--mb-muted);font-size:14px;font-weight:700;line-height:1.4}.mathbutton-landing-v3 .mb-dl-more{margin-top:8px}.mathbutton-landing-v3 .mb-dl-more summary{box-sizing:border-box;min-height:44px;color:var(--mb-muted);cursor:pointer;align-items:center;padding:0 4px;font-size:14px;font-weight:600;display:flex}.mathbutton-landing-v3 .mb-dl-more p{margin:0;padding:0 4px 8px}.mathbutton-landing-v3 .mb-dl-more a{min-height:44px;color:var(--mb-ink);text-underline-offset:4px;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.mathbutton-landing-v3 .mb-hero-app-link{box-sizing:border-box;border:1px solid var(--mb-teal);background:var(--mb-surface);min-height:48px;color:var(--mb-teal);border-radius:12px;align-items:center;margin:12px 12px 0 0;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=860px){.mathbutton-landing-v3 .mb-dl-groups{grid-template-columns:minmax(0,1fr);gap:28px}}@media (width<=600px){.mathbutton-landing-v3 .mb-beta-download{width:calc(100% - 32px);margin:24px auto;padding:28px 20px}.mb-beta-download-copy>p:first-of-type{font-size:18px}.mathbutton-landing-v3 .mb-dl-groups{margin:22px 0 20px}.mathbutton-landing-v3 .mb-store-cards{grid-template-columns:minmax(0,1fr)}.mathbutton-landing-v3 .mb-store-card{min-height:88px}}.mb-beta-clock{background:var(--mb-band);box-sizing:border-box;border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px 28px;max-width:800px;margin:28px 0;padding:22px 24px;display:flex}.mb-beta-clock-label{color:var(--mb-teal);font-size:15px;font-weight:700;line-height:1.5}.mb-beta-clock-digits{align-items:baseline;gap:22px;display:flex}.mb-beta-clock-unit{align-items:baseline;gap:6px;display:flex}.mb-beta-clock-unit strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;min-width:2ch;color:var(--mb-teal);font-size:34px;font-weight:750;line-height:1.15}.mb-beta-clock-unit span{color:var(--mb-muted);font-size:13px}.mb-beta-clock-date{color:var(--mb-muted);font-size:13px;line-height:1.5}@media (width<=600px){.mb-beta-clock{gap:16px;margin:24px 0;padding:20px}.mb-beta-clock-label,.mb-beta-clock-date{flex-basis:100%}.mb-beta-clock-digits{justify-content:space-between;gap:8px;width:100%}.mb-beta-clock-unit{gap:4px}.mb-beta-clock-unit strong{font-size:28px}.mb-beta-clock-unit span{font-size:12px}}.mb-beta-benefit{border-top:1px solid var(--mb-line);border-bottom:1px solid var(--mb-line);margin:32px 0;padding:28px 0}.mb-beta-benefit h3{letter-spacing:-.035em;color:var(--mb-teal);word-break:keep-all;margin:0 0 14px;font-size:clamp(20px,2.3vw,26px);font-weight:750;line-height:1.4}.mb-beta-benefit p{margin:10px 0}.mb-beta-benefit .mb-beta-selection-note{color:var(--mb-muted);max-width:70ch;font-size:14px}.mb-beta-benefit .mb-beta-clock{margin:24px 0 16px}.mb-beta-benefit+.mb-beta-platforms{margin-top:28px}@media (width<=600px){.mb-beta-desktop-break{display:none}.mb-beta-benefit{padding:24px 0}}.mathbutton-landing-v3 .mb-dl-web{flex-direction:column;align-items:flex-start;display:flex}.mathbutton-landing-v3 .mb-dl-web .mb-dl-web-start{min-height:58px;margin:0;font-size:18px}.mathbutton-landing-v3 .mb-dl-web .mb-dl-web-note{color:var(--mb-muted);margin:12px 0 0;font-size:15px}.mathbutton-landing-v3 .mb-dl-web-start:focus-visible{outline-offset:3px;outline:3px solid #f2b233}.mathbutton-landing-v3 .mb-dl-groups .mb-store-card[data-dl-match]{border-color:var(--mb-teal);background:#eaf5f6;background:var(--mb-teal)}@supports (color:color-mix(in lab, red, red)){.mathbutton-landing-v3 .mb-dl-groups .mb-store-card[data-dl-match]{background:color-mix(in srgb,var(--mb-teal) 9%,#fff)}}.mathbutton-landing-v3 .mb-dl-groups .mb-store-card[data-dl-match]{box-shadow:0 0 0 1px var(--mb-teal)}.mathbutton-landing-v3 .mb-dl-groups .mb-store-card[data-dl-match]:hover{border-color:var(--mb-teal);background:#dcedef;background:var(--mb-teal)}@supports (color:color-mix(in lab, red, red)){.mathbutton-landing-v3 .mb-dl-groups .mb-store-card[data-dl-match]:hover{background:color-mix(in srgb,var(--mb-teal) 14%,#fff)}}.mathbutton-landing-v3 .mb-dl-groups .mb-store-card[data-dl-match] span{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-dl-groups [data-dl-disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}@media (width<=600px){.mathbutton-landing-v3 .mb-dl-web .mb-dl-web-start{box-sizing:border-box;width:100%}}.mathbutton-landing-v3 :is(.mb-steps,.mb-faq){box-sizing:border-box;width:min(1140px,100% - 48px);color:var(--mb-ink);margin:48px auto}.mathbutton-landing-v3 .mb-steps{background:var(--mb-surface);border:1px solid var(--mb-line);border-radius:12px;padding:56px 48px}.mathbutton-landing-v3 :is(.mb-steps,.mb-faq) h2{letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.3}.mathbutton-landing-v3 .mb-steps h3{letter-spacing:-.025em;word-break:keep-all;margin:0;font-size:20px;font-weight:700;line-height:1.4}.mathbutton-landing-v3 :is(.mb-steps,.mb-faq) p{word-break:keep-all;overflow-wrap:anywhere}.mathbutton-landing-v3 .mb-lt-head{margin-bottom:32px}.mathbutton-landing-v3 .mb-lt-head h2{letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.3}.mathbutton-landing-v3 .mb-lt-head>p{color:var(--mb-muted);word-break:keep-all;margin:12px 0 0;font-size:17px;line-height:1.65}.mathbutton-landing-v3 .mb-lt-link,.mathbutton-landing-v3 .mb-lt-cta{box-sizing:border-box;text-underline-offset:4px;align-items:center;gap:6px;min-height:44px;font-weight:700;display:inline-flex}.mathbutton-landing-v3 .mb-lt-link{color:var(--mb-action)}.mathbutton-landing-v3 .mb-lt-cta{background:var(--mb-action);color:#fff;border-radius:12px;padding:10px 22px;font-size:17px;text-decoration:none}.mathbutton-landing-v3 .mb-lt-cta:hover{background:#b91e33}.mathbutton-landing-v3 :is(.mb-lt-link,.mb-lt-cta,.mb-faq summary):focus-visible{outline-offset:3px;outline:3px solid #f2b233}.mathbutton-landing-v3 .mb-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0 0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-steps ol li{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;display:grid}.mathbutton-landing-v3 .mb-steps ol li>span{background:var(--mb-ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.mathbutton-landing-v3 .mb-steps ol p{color:var(--mb-muted);margin:4px 0 0;font-size:16px;line-height:1.6}.mathbutton-landing-v3 .mb-faq{max-width:820px}.mathbutton-landing-v3 .mb-faq h2{margin-bottom:20px}.mathbutton-landing-v3 .mb-faq details{border-top:1px solid var(--mb-line)}.mathbutton-landing-v3 .mb-faq details:last-of-type{border-bottom:1px solid var(--mb-line)}.mathbutton-landing-v3 .mb-faq summary{cursor:pointer;word-break:keep-all;align-items:center;min-height:56px;padding:8px 4px;font-size:17px;font-weight:700;display:flex}.mathbutton-landing-v3 .mb-faq details p{color:var(--mb-muted);margin:0 0 18px;padding:0 4px;font-size:16px;line-height:1.7}@media (width<=860px){.mathbutton-landing-v3 .mb-steps ol{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.mathbutton-landing-v3 :is(.mb-steps,.mb-faq){width:calc(100% - 32px);margin:32px auto}.mathbutton-landing-v3 .mb-steps{padding:32px 20px}}.mathbutton-landing-v3 :is(#top,#try,#how,#beta-download){scroll-margin-top:80px}.mathbutton-landing-v3 .mb-public-nav ul,.mathbutton-landing-v3 .mb-public-menu ul{margin:0;padding:0;list-style:none}.mathbutton-landing-v3 .mb-public-nav ul{align-items:center;gap:4px;display:flex}.mathbutton-landing-v3 .mb-public-nav{margin-left:auto}.mathbutton-landing-v3 .mb-public-nav a{min-height:44px;color:var(--mb-ink);border-radius:12px;align-items:center;padding:0 16px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.mathbutton-landing-v3 .mb-public-nav a:hover{background:#fbedef}.mathbutton-landing-v3 .mb-public-menu{display:none;position:relative}.mathbutton-landing-v3 .mb-public-menu summary{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d4d8df;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;list-style:none;display:flex}.mathbutton-landing-v3 .mb-public-menu summary::-webkit-details-marker{display:none}.mathbutton-landing-v3 .mb-public-menu summary span{background:var(--mb-ink);width:20px;height:2px;box-shadow:0 -6px 0 var(--mb-ink), 0 6px 0 var(--mb-ink);display:block}.mathbutton-landing-v3 .mb-public-menu ul{z-index:30;border:1px solid var(--mb-line);background:#fff;border-radius:12px;min-width:180px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #20212424}.mathbutton-landing-v3 .mb-public-menu li a{min-height:48px;color:var(--mb-ink);border-radius:8px;align-items:center;padding:0 14px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.mathbutton-landing-v3 .mb-public-menu li a:hover{background:#fbedef}.mathbutton-landing-v3 :is(.mb-public-nav a,.mb-public-menu summary,.mb-public-menu li a):focus-visible{outline:3px solid var(--mb-action);outline-offset:3px}.mathbutton-landing-v3 .math-footer-legal{color:var(--mb-muted);flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:-12px 0 0;font-size:11px;font-weight:500;line-height:1.6;display:flex}@media (width<=720px){.mathbutton-landing-v3 .mb-public-nav{display:none}.mathbutton-landing-v3 .mb-public-menu{margin-left:auto;display:block}}.mb-patent-title-line{color:var(--mb-muted,#6b6670);overflow-wrap:anywhere;margin-top:8px;font-size:14px;line-height:1.6}.mathbutton-landing-v3 :is(.mb-solution,.mb-live){box-sizing:border-box;background:var(--mb-surface);border:1px solid var(--mb-line);width:min(1140px,100% - 48px);color:var(--mb-ink);border-radius:12px;margin:48px auto;padding:56px 48px}.mathbutton-landing-v3 :is(#try,#how,.mb-live-card){scroll-margin-top:88px}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-slogan{color:var(--mb-muted);letter-spacing:-.02em;word-break:keep-all;margin:0;font-size:clamp(16px,1.6vw,18px);font-weight:700;line-height:1.5}.mathbutton-landing-v3 .mb-hero .mb-hero-copy h1.mb-hero-answer{margin:14px 0 0}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-empathy{text-wrap:balance;max-width:26em;margin:20px 0 0}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions>a{margin:0}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions .mb-hero-app-link{min-height:52px;font-size:16px}.mathbutton-landing-v3 .mb-hero-try{border:1px solid var(--mb-line);background:var(--mb-band);border-radius:16px;width:100%;max-width:440px;padding:20px}.mathbutton-landing-v3 .mb-hero-try>p{margin:0 0 12px;font-size:15px;font-weight:800}.mathbutton-landing-v3 .mb-hero-try ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-hero-try a{box-sizing:border-box;border:1px solid var(--mb-line);background:var(--mb-surface);min-height:56px;color:var(--mb-ink);word-break:keep-all;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;display:grid}.mathbutton-landing-v3 .mb-hero-try a:hover{border-color:var(--mb-action)}.mathbutton-landing-v3 .mb-hero-try-level{background:var(--mb-ink);color:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.mathbutton-landing-v3 .mb-hero-try a:focus-visible,.mathbutton-landing-v3 .mb-hero-app-link:focus-visible{outline-offset:3px;outline:3px solid #f2b233}.mathbutton-landing-v3 nav.mb-hero-try{box-sizing:border-box;width:100%;min-width:0;max-width:440px;color:var(--mb-ink);text-align:left;margin:20px 0 0;padding:20px;font-size:15px;font-weight:700;text-decoration:none;display:block}.mathbutton-landing-v3 nav.mb-hero-try:hover{color:var(--mb-ink);text-decoration:none}.mathbutton-landing-v3 nav.mb-hero-try>p{width:100%;color:var(--mb-ink);word-break:keep-all;margin:0 0 12px;font-size:15px;font-weight:800;line-height:1.5;display:block}.mathbutton-landing-v3 nav.mb-hero-try>ul{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}.mathbutton-landing-v3 nav.mb-hero-try li{min-width:0}.mathbutton-landing-v3 nav.mb-hero-try a>span:nth-child(2){overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:700}@media (width<=860px){.mathbutton-landing-v3 nav.mb-hero-try{max-width:none;margin-top:20px;font-size:15px}}@media (width<=600px){.mathbutton-landing-v3 nav.mb-hero-try{padding:16px 14px}.mathbutton-landing-v3 nav.mb-hero-try a{gap:10px;padding:8px 12px}.mathbutton-landing-v3 nav.mb-hero-try a>span:nth-child(2){font-size:14px;line-height:1.35}}.mathbutton-landing-v3 .mb-solution-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.mathbutton-landing-v3 .mb-solution-list li{align-items:center;gap:16px;display:flex}.mathbutton-landing-v3 .mb-solution-list .mb-learning-sketch{aspect-ratio:96/64;width:84px;height:auto;color:var(--mb-action);flex:0 0 84px}.mathbutton-landing-v3 .mb-solution-list h3{letter-spacing:-.025em;word-break:keep-all;margin:0;font-size:20px;font-weight:800}.mathbutton-landing-v3 .mb-solution-list p{color:var(--mb-muted);word-break:keep-all;margin:6px 0 0;font-size:16px;line-height:1.6}.mathbutton-landing-v3 .mb-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.mathbutton-landing-v3 .mb-live-card{box-sizing:border-box;border:1px solid var(--mb-line);background:var(--mb-band);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:24px;display:flex}.mathbutton-landing-v3 .mb-live-card h3{letter-spacing:-.03em;word-break:keep-all;margin:0;font-size:22px;font-weight:800;line-height:1.4}.mathbutton-landing-v3 .mb-live-tag{color:var(--mb-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;display:flex}.mathbutton-landing-v3 .mb-live-tag span{color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.mathbutton-landing-v3 .mb-live-tag .is-elem{background:var(--mb-action)}.mathbutton-landing-v3 .mb-live-tag .is-mid{background:var(--mb-ink)}.mathbutton-landing-v3 .mb-live-hint{color:var(--mb-muted);word-break:keep-all;margin:6px 0 0;font-size:16px;line-height:1.6}.mathbutton-landing-v3 .mb-live-mount{min-height:560px}.mathbutton-landing-v3 .mb-live-mount[data-live-ready=true]{min-height:0}.mathbutton-landing-v3 .mb-live-loading{color:var(--mb-muted);margin:0;padding:24px 0;font-size:15px}.mathbutton-landing-v3 .mb-live-next{flex-wrap:wrap;align-items:center;gap:4px 16px;margin:28px 0 0;font-size:17px;font-weight:700;display:flex}.mathbutton-landing-v3 .mb-live-body{flex-direction:column;gap:14px;display:flex}.mathbutton-landing-v3 .mb-live-stage{border:1px solid var(--mb-line);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.mathbutton-landing-v3 .mb-live-stage.is-square{max-width:420px}.mathbutton-landing-v3 .mb-live-controls{flex-direction:column;gap:10px;display:flex}.mathbutton-landing-v3 .mb-live-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mathbutton-landing-v3 .mb-live-btn,.mathbutton-landing-v3 .mb-live-chip,.mathbutton-landing-v3 .mb-live-reset{box-sizing:border-box;border:1px solid var(--mb-line-strong);min-height:48px;color:var(--mb-ink);font:inherit;cursor:pointer;word-break:keep-all;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:700;line-height:1.3;display:inline-flex}.mathbutton-landing-v3 .mb-live-chip{border-radius:999px;min-width:44px;min-height:44px;padding:0 14px;font-size:15px}.mathbutton-landing-v3 .mb-live-chip.is-face{padding:0;font-size:18px}.mathbutton-landing-v3 .mb-live-row[aria-label=색칠할\ 면]{grid-template-columns:repeat(3,minmax(44px,1fr));display:grid}@media (width>=480px){.mathbutton-landing-v3 .mb-live-row[aria-label=색칠할\ 면]{grid-template-columns:repeat(6,minmax(44px,1fr));max-width:420px}}.mathbutton-landing-v3 .mb-live-reset{color:var(--mb-muted);text-underline-offset:4px;background:0 0;border-color:#0000;margin-left:auto;text-decoration:underline}.mathbutton-landing-v3 .mb-live-btn.is-primary{background:var(--mb-action);border-color:var(--mb-action);color:#fff}.mathbutton-landing-v3 .mb-live-btn.is-primary:hover:not(:disabled){background:#b91e33}.mathbutton-landing-v3 :is(.mb-live-btn,.mb-live-chip)[aria-pressed=true]{border-color:var(--mb-action);box-shadow:inset 0 0 0 1px var(--mb-action);background:#fff2f4}.mathbutton-landing-v3 .mb-live-btn:disabled{opacity:.45;cursor:default}.mathbutton-landing-v3 .mb-live-dot{border:1px solid var(--mb-line-strong);border-radius:50%;flex:none;width:14px;height:14px}.mathbutton-landing-v3 :is(.mb-live-btn,.mb-live-chip,.mb-live-reset,.mb-live-slider input):focus-visible{outline-offset:2px;outline:3px solid #f2b233}.mathbutton-landing-v3 .mb-live-slider{flex-direction:column;gap:2px;font-size:15px;font-weight:700;display:flex}.mathbutton-landing-v3 .mb-live-slider input{width:100%;height:44px;accent-color:var(--mb-action);touch-action:pan-y;cursor:pointer;margin:0}.mathbutton-landing-v3 .mb-live-readout{box-sizing:border-box;border:1px solid var(--mb-line);word-break:keep-all;overflow-wrap:anywhere;background:#fff;border-radius:12px;min-height:5.2em;margin:0;padding:12px 14px;font-size:16px;line-height:1.6}.mathbutton-landing-v3 .mb-live-readout.is-done{border-color:var(--mb-action);background:#fff2f4}.mathbutton-landing-v3 .mb-angle-tri{fill:#f7f7f8;stroke:var(--mb-ink);stroke-width:2.5px;stroke-linejoin:round}.mathbutton-landing-v3 .mb-angle-line{stroke:var(--mb-ink);stroke-width:3px;stroke-linecap:round}.mathbutton-landing-v3 .mb-angle-goal{fill:none;stroke:#d7d9dc;stroke-width:2px;stroke-dasharray:5 5;transition:stroke .3s}.mathbutton-landing-v3 .mb-angle-goal.is-on{stroke:var(--mb-action)}.mathbutton-landing-v3 :is(.mb-angle-wedge,.mb-angle-ghost,.mb-angle-label){transform-box:view-box;transform-origin:0 0}.mathbutton-landing-v3 .mb-angle-wedge{cursor:pointer;outline:none;transition:transform .75s cubic-bezier(.3,.7,.2,1)}.mathbutton-landing-v3 .mb-angle-wedge:focus-visible path{stroke:#f2b233;stroke-width:4px}.mathbutton-landing-v3 .mb-angle-ghost{fill:none;stroke:#d7d9dc;stroke-width:1.5px;stroke-dasharray:3 3}.mathbutton-landing-v3 .mb-angle-label{fill:var(--mb-ink);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:16px;font-weight:800;transition:transform .75s cubic-bezier(.3,.7,.2,1)}.mathbutton-landing-v3 .mb-angle-total{fill:var(--mb-action);opacity:0;font-size:20px;font-weight:800;transition:opacity .4s}.mathbutton-landing-v3 .mb-angle-total.is-on{opacity:1}.mathbutton-landing-v3 .mb-frac-eq{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:0;font-size:28px;font-weight:800;display:flex}.mathbutton-landing-v3 .mb-frac-eq small{text-align:center;color:var(--mb-action);flex-basis:100%;font-size:15px;font-weight:800}.mathbutton-landing-v3 .mb-frac{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;min-width:1.4em;line-height:1.15;display:inline-flex}.mathbutton-landing-v3 .mb-frac>span:first-child{border-bottom:3px solid var(--mb-ink);padding:0 4px 2px}.mathbutton-landing-v3 .mb-frac>span:last-child{padding-top:2px}.mathbutton-landing-v3 .mb-frac.is-small{vertical-align:middle;font-size:1em;font-weight:800}.mathbutton-landing-v3 .mb-frac.is-small>span:first-child{border-bottom-width:2px}.mathbutton-landing-v3 .mb-frac-chain{align-items:center;gap:.4em;margin-right:.4em;display:inline-flex}.mathbutton-landing-v3 .mb-live-chip.is-frac{min-height:56px;padding:0 18px;font-size:17px}.mathbutton-landing-v3 .mb-frac-fill{fill:#f2a3ae}.mathbutton-landing-v3 .mb-frac-frame{fill:none;stroke:var(--mb-ink);stroke-width:2.5px}.mathbutton-landing-v3 .mb-frac-cut{stroke:var(--mb-ink);stroke-width:1.5px}.mathbutton-landing-v3 .mb-frac-cut.is-new{stroke:var(--mb-action);transform-box:fill-box;transform-origin:50%;animation:.45s ease-out both mb-live-cut}.mathbutton-landing-v3 .mb-frac-guide{stroke:var(--mb-action);stroke-width:2px;stroke-dasharray:5 4}.mathbutton-landing-v3 .mb-frac-guide-text{fill:var(--mb-action);font-size:15px;font-weight:800}@keyframes mb-live-cut{0%{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:scaleY(1)}}.mathbutton-landing-v3 .mb-box-face{cursor:pointer;outline:none}.mathbutton-landing-v3 .mb-box-face polygon{fill:#fff;stroke:var(--mb-ink);stroke-width:2px;stroke-linejoin:round;transition:fill .2s}.mathbutton-landing-v3 .mb-box-face.is-painted polygon{fill:#f2a3ae}.mathbutton-landing-v3 .mb-box-face:focus-visible polygon{stroke:#f2b233;stroke-width:4px}.mathbutton-landing-v3 .mb-box-face text{fill:var(--mb-ink);pointer-events:none;font-size:20px;font-weight:800}.mathbutton-landing-v3 .mb-pyth-board{fill:#fff;stroke:var(--mb-ink);stroke-width:2px}.mathbutton-landing-v3 .mb-pyth-hole{fill:#fbd3d9}.mathbutton-landing-v3 .mb-pyth-hole.is-a{fill:#e5e5e8}.mathbutton-landing-v3 .mb-pyth-hole.is-b{fill:#f2a3ae}.mathbutton-landing-v3 .mb-pyth-tri{stroke:#fff;stroke-width:1.5px;stroke-linejoin:round}.mathbutton-landing-v3 .mb-pyth-label{fill:var(--mb-ink);pointer-events:none;font-size:22px;font-weight:800}.mathbutton-landing-v3 .mb-pyth-tri.is-rep{stroke:var(--mb-ink);stroke-width:3px}.mathbutton-landing-v3 .mb-pyth-side{pointer-events:none}.mathbutton-landing-v3 .mb-pyth-side rect{fill:#fff;stroke:var(--mb-ink);stroke-width:2px}.mathbutton-landing-v3 .mb-pyth-side text{fill:var(--mb-ink);font-size:24px;font-weight:800}.mathbutton-landing-v3 .mb-pyth-sides{color:var(--mb-muted);word-break:keep-all;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:-4px 0 0;font-size:16px;line-height:1.5;display:flex}.mathbutton-landing-v3 .mb-pyth-sides b{color:var(--mb-ink)}.mathbutton-landing-v3 .mb-pyth-sides span{color:var(--mb-ink);font-variant-numeric:tabular-nums;font-weight:800}.mathbutton-landing-v3 .mb-kcia{text-align:center;width:min(1140px,100% - 48px);margin:48px auto 20px}.mathbutton-landing-v3 .mb-beta-download{margin-block:48px}.mathbutton-landing-v3 .mb-kcia img{border:1px solid var(--mb-line);background:#fff;border-radius:8px;width:min(760px,100%);height:auto;margin:0 auto;display:block}.mathbutton-landing-v3 .mb-patent-image{display:block}.mathbutton-landing-v3 .mb-patent-image img{width:100%;height:auto;display:block}@media (width<=900px){.mathbutton-landing-v3 .mb-live-grid,.mathbutton-landing-v3 .mb-solution-list{grid-template-columns:minmax(0,1fr)}.mathbutton-landing-v3 .mb-live-mount{min-height:520px}}@media (width<=600px){.mathbutton-landing-v3 :is(.mb-solution,.mb-live){width:calc(100% - 32px);margin:32px auto;padding:32px 16px}.mathbutton-landing-v3 .mb-beta-download{margin-block:32px}.mathbutton-landing-v3 .mb-live-card{padding:16px}.mathbutton-landing-v3 .mb-kcia{width:calc(100% - 32px);margin:32px auto 8px}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions{gap:4px 20px;margin-top:28px}.mathbutton-landing-v3 .mb-live-reset{margin-left:0}.mathbutton-landing-v3 .mb-live-mount{min-height:480px}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 .mb-live *,.mathbutton-landing-v3 :is(.mb-angle-wedge,.mb-angle-label,.mb-frac-cut,.mb-box-face polygon,.mb-angle-total,.mb-angle-goal){transition:none!important;animation:none!important}}.mathbutton-landing-v3 .mb-orbit{width:100%;max-width:520px;margin:0 auto}.mathbutton-landing-v3 .mb-orbit .mb-live-stage{touch-action:none}.mathbutton-landing-v3 .mb-orbit+.orbit-bar{max-width:520px;margin:0 auto}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions{flex-wrap:wrap;align-items:stretch;gap:12px 16px;margin:32px 0 0;display:flex}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions>a{box-sizing:border-box;min-height:54px;margin:0}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions .mb-hero-app-link{border:1.5px solid var(--mb-ink);background:var(--mb-surface);color:var(--mb-ink);letter-spacing:-.01em;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:17px;font-weight:700;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions .mb-hero-app-link:hover{background:var(--mb-band)}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions .mb-hero-app-link:active{transform:scale(.98)}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions .mb-hero-app-link svg{flex:none}.mathbutton-landing-v3 .mb-hero-app-link :is(.mb-cta-ios,.mb-cta-android),.mathbutton-landing-v3 .mb-hero-app-link[data-store-target=ios] .mb-cta-default,.mathbutton-landing-v3 .mb-hero-app-link[data-store-target=android] .mb-cta-default{display:none}.mathbutton-landing-v3 .mb-hero-app-link[data-store-target=ios] .mb-cta-ios,.mathbutton-landing-v3 .mb-hero-app-link[data-store-target=android] .mb-cta-android{display:inline}.mathbutton-landing-v3 :is(.mb-hero-try-level,.mb-live-tag span){font-size:13px}.mathbutton-landing-v3 .mb-kcia img{aspect-ratio:990/1400;background:var(--mb-band)}.mathbutton-landing-v3 .mb-patent-zoom{display:none}@media (width<=720px){.mathbutton-landing-v3 .mb-technology-inner>.mb-patent-document{padding:10px 6px}.mathbutton-landing-v3 .mb-patent-image img{border-radius:8px}.mathbutton-landing-v3 .mb-patent-zoom{box-sizing:border-box;border:1px solid var(--mb-line-strong,#d4d8df);min-height:48px;color:var(--mb-ink);border-radius:12px;justify-content:center;align-items:center;margin:8px 6px 4px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.mathbutton-landing-v3 .mb-patent-zoom:hover{background:var(--mb-band)}.mathbutton-landing-v3 .mb-patent-zoom:focus-visible{outline-offset:3px;outline:3px solid #f2b233}}@media (width<=600px){.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions{flex-direction:column;gap:12px;margin-top:28px}.mathbutton-landing-v3 .mb-hero .mb-hero-copy .mb-hero-actions>a{justify-content:center;width:100%;max-width:none}.mathbutton-landing-v3 .mb-live-next{gap:0 16px;margin-top:20px}}@media (prefers-reduced-motion:reduce){.mathbutton-landing-v3 .mb-hero-app-link,.mathbutton-landing-v3 .mb-store-card{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}.orbit-stage{width:100%;min-width:0}.orbit-surface{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;border-radius:12px}.orbit-surface.is-dragging{cursor:grabbing}.orbit-surface.is-off{touch-action:auto;cursor:default}.orbit-surface:focus-visible{outline-offset:3px;outline:3px solid #f2b233}.orbit-bar{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.orbit-hint{color:inherit;opacity:.8;font-size:16px;font-weight:700;line-height:1.3}.orbit-reset{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid;border-radius:12px;padding:0 14px;font-size:16px;font-weight:700}.orbit-reset:disabled{opacity:.45;cursor:default}
/*$vite$:1*/