@font-face{font-family:NumiraDemoNunito;src:url(/numira-multiply-3/demo/fonts/Nunito-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:NumiraDemoNunito;src:url(/numira-multiply-3/demo/fonts/Nunito-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}.nm3 .nmd-section{background:#f4f0e5;scroll-margin-top:4rem;position:relative}.nm3 .nmd-sticky{grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:center;gap:100px;max-width:1152px;margin:auto;padding:16px 48px;display:grid}.nm3 .nmd-intro h2{letter-spacing:-.03em;margin-bottom:28px;font-family:Outfit,sans-serif;font-size:clamp(36px,4vw,54px);font-weight:800;line-height:1.1}.nm3 .nmd-intro p{color:#625a4a;margin-top:12px;font-size:18px;line-height:1.6}.nm3 .nmd-intro .nmd-sample{color:#6b624f;margin-top:32px;font-size:15px}.nm3 .nmd-phone{background:#11121c;border:2px solid #434453;border-radius:48px;justify-self:center;width:clamp(260px,50svh - 48px,390px);height:clamp(520px,100svh - 96px,780px);padding:10px;position:relative;box-shadow:0 24px 64px #10132735,0 5px 14px #10132720}.nm3 .nmd-screen{color:#f8f1ff;background:#0d142b;border-radius:36px;flex-direction:column;height:100%;font-family:NumiraDemoNunito,sans-serif;font-weight:600;display:flex;position:relative;overflow:hidden;container-type:size}.nm3 .nmd-screen button,.nm3 .nmd-screen input{font-family:inherit}.nm3 .nmd-screen button{cursor:pointer;-webkit-tap-highlight-color:transparent}.nm3 .nmd-screen button:disabled{cursor:default}.nm3 .nmd-screen :focus-visible{outline-offset:3px;outline:3px solid #f6d58b}.nm3 .nmd-screen ::selection{color:#0d142b;background:#f6d58b}.nm3 .nmd-stage{background:#0d142b;min-height:0;position:absolute;inset:0 0 calc(40% - 38px)}.nm3 .nmd-artwork{width:100%;height:100%;display:block}.nm3 .nmd-header{z-index:4;background:linear-gradient(#0d142b99,#0d142b00);grid-template-columns:48px 1fr 48px;align-items:start;gap:10px;padding:16px 14px 12px;display:grid;position:absolute;inset:0 0 auto}.nm3 .nmd-icon{color:#f8f1ff;background:#211c3df2;border:1px solid #897ba5;border-radius:16px;place-items:center;width:44px;height:44px;display:grid}.nm3 .nmd-icon:hover{background:#493569;border-color:#cca9ff}.nm3 .nmd-header-space{width:44px;height:44px;display:block}.nm3 .nmd-progress-wrap{text-align:center;padding-top:8px}.nm3 .nmd-progress{background:#0d142be6;border-radius:7px;width:100%;height:14px;padding:3px;overflow:hidden}.nm3 .nmd-progress>div{background:linear-gradient(165deg,#f5b84d,#e68271);border-radius:4px;min-width:8%;height:100%;transition:width .2s ease-out}.nm3 .nmd-progress-wrap>span{color:#f8f1ff;background:#0d142bcc;border-radius:6px;margin-top:3px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.nm3 .nmd-panel{z-index:2;background:radial-gradient(at 0 0,#53386470,#0000 65%),radial-gradient(at 100% 80%,#174d5b40,#0000 70%),linear-gradient(155deg,#251f43,#111a33 78%);border-radius:38px 38px 0 0;flex-direction:column;align-items:stretch;height:40%;min-height:0;margin:0;padding:14px 16px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.nm3 .nmd-prompt{color:#f8f1ff;text-align:center;outline:none;flex-shrink:0;max-width:100%;min-height:28px;margin:0;font-size:clamp(16px,4.8cqw,20px);font-weight:800;line-height:1.25}.nm3 .nmd-middle{scrollbar-width:thin;scrollbar-color:#897ba5 transparent;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:0;padding:8px 0;display:flex;overflow-y:auto}.nm3 .nmd-audio{flex-direction:column;align-items:center;gap:12px;width:min(100%,240px);display:flex}.nm3 .nmd-audio-play{color:#f8f1ff;background:linear-gradient(145deg,#327f8d,#75548e 60%,#a64d8c);border:1px solid #9a8db6;border-radius:29px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 6px 18px #080f2833}.nm3 .nmd-story-progress{width:min(160px,100%);height:10px;padding:2px}.nm3 .nmd-story-progress>div{min-width:0}.nm3 .nmd-audio-play:hover{border-color:#cca9ff}.nm3 .nmd-audio-error{color:#ffa29f;text-align:center;font-size:13px;line-height:1.4}.nm3 .nmd-number-editor,.nm3 .nmd-equation-editor{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.nm3 .nmd-choice-wrap,.nm3 .nmd-answer-slot-wrap{min-width:0;position:relative}.nm3 .nmd-choice-wrap>.nmd-choice{width:100%}.nm3 .nmd-answer-remove{z-index:3;color:#f8f1ff;background:#393456;border:2px solid #9a8db6;border-radius:50%;place-items:center;width:24px;height:24px;padding:3px;display:grid;position:absolute;top:-7px;right:-7px}.nm3 .nmd-answer-remove svg{width:14px;height:14px}.nm3 .nmd-answer-remove:hover{background:#493569;border-color:#cca9ff}.nm3 .nmd-choices{grid-template-columns:repeat(3,1fr);gap:10px 8px;width:100%;padding:8px 5px 0 0;display:grid}.nm3 .nmd-choice{color:#f8f1ff;background:#2c2c4d;border:1px solid #897ba5;border-radius:16px;min-width:0;min-height:48px;padding:6px;font-size:22px;font-weight:800;line-height:1}.nm3 .nmd-choice:not(:disabled):hover{background:#493569;border-color:#cca9ff}.nm3 .nmd-choice.nmd-selected{background:linear-gradient(135deg,#63408a,#3b3766);border-color:#cca9ff}.nm3 .nmd-choice.nmd-selected.correct{color:#7ddcc3;background:#193d42;border-color:#7ddcc3}.nm3 .nmd-choice.nmd-selected.incorrect{color:#ffa29f;background:#4c2d43;border-color:#ffa29f}.nm3 .nmd-equation-slots{justify-content:center;align-items:center;gap:8px;width:100%;padding-top:8px;font-size:26px;display:flex}.nm3 .nmd-slot{color:#f8f1ff;background:0 0;border:0;border-bottom:2px solid #9a8db6;border-radius:0;flex-direction:column;justify-content:flex-end;align-items:center;min-width:clamp(48px,14cqw,58px);height:40px;padding:0 0 2px;font-size:24px;font-weight:800;display:flex}.nm3 .nmd-slot.nmd-slot-active{color:#cca9ff;border-bottom-width:3px;border-bottom-color:#cca9ff}.nm3 .nmd-slot.correct{color:#7ddcc3;border-bottom-color:#7ddcc3}.nm3 .nmd-slot.incorrect{color:#ffa29f;border-bottom-color:#ffa29f}.nm3 .nmd-keypad{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.nm3 .nmd-keypad .nmd-choice{border-radius:12px;min-height:42px;font-size:21px}.nm3 .nmd-equation-editor{gap:9px}.nm3 .nmd-actions{flex-shrink:0}.nm3 .nmd-feedback{justify-content:center;align-items:center;gap:7px;min-height:27px;margin-bottom:5px;font-size:14px;font-weight:800;display:flex}.nm3 .nmd-feedback:empty{display:none}.nm3 .nmd-middle>*{flex-shrink:0;margin-block:auto}.nm3 .nmd-feedback.correct{color:#7ddcc3}.nm3 .nmd-feedback.incorrect{color:#ffa29f}.nm3 .nmd-feedback svg{width:18px;height:18px}.nm3 .nmd-primary{color:#fff;background:linear-gradient(110deg,#8139da,#a632b2 58%,#bd508f);border:1px solid #8139da;border-radius:22px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 16px;font-size:17px;font-weight:800;line-height:1.2;display:flex;box-shadow:0 5px 16px #080f2833}.nm3 .nmd-primary:not(:disabled):hover{background:#692dbb}.nm3 .nmd-primary:disabled{color:#b1adc5;box-shadow:none;background:#24283f;border-color:#575773}.nm3 .nmd-restart{color:#ddd1ed;text-underline-offset:4px;background:0 0;border:0;margin:10px auto 0;padding:6px;font-size:14px;text-decoration:underline;display:block}.nm3 .nmd-finished .nmd-feedback{display:none}.nm3 .nmd-finished .nmd-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.nm3 .nmd-finished .nmd-primary{gap:6px;min-height:44px;padding:8px;font-size:14px}.nm3 .nmd-finished .nmd-restart{max-width:58px;margin:0;padding:4px 0;font-size:12px;line-height:1.3}.nm3 .nmd-success{text-align:center;color:#ddd1ed;justify-items:center;gap:8px;font-size:14px;line-height:1.4;display:grid}.nm3 .nmd-success-mark{color:#7ddcc3;background:#193d42;border:1px solid #7ddcc3;border-radius:32px;place-items:center;width:48px;height:48px;display:grid}.nm3 .nmd-success-mark svg{width:26px;height:26px}.nm3 #gallery{scroll-margin-top:4rem}@container (max-height:680px){.nm3 .nmd-panel{padding:12px 16px 10px}.nm3 .nmd-middle{padding:4px 0}.nm3 .nmd-prompt{min-height:20px;font-size:16px}.nm3 .nmd-audio{gap:8px}.nm3 .nmd-audio-play{width:48px;height:48px}.nm3 .nmd-choice{min-height:42px}.nm3 .nmd-number-editor{gap:9px}.nm3 .nmd-primary{min-height:48px}.nm3 .nmd-equation-step .nmd-prompt{min-height:18px;font-size:14px;line-height:1.2}.nm3 .nmd-equation-step .nmd-equation-editor{gap:4px}.nm3 .nmd-equation-step .nmd-equation-slots{gap:6px}.nm3 .nmd-equation-step .nmd-slot{height:28px;font-size:22px}.nm3 .nmd-equation-step .nmd-keypad{gap:4px}.nm3 .nmd-equation-step .nmd-keypad .nmd-choice{min-height:30px;font-size:18px}.nm3 .nmd-feedback{min-height:22px;margin-bottom:3px}}@container (max-height:560px){.nm3 .nmd-success-mark{display:none}}@media (max-width:767px){.nm3 .nmd-section{z-index:60;min-height:180svh;scroll-margin-top:0}.nm3 .nmd-sticky{width:100%;max-width:none;height:100dvh;padding:0;display:block;position:sticky;top:0}.nm3 .nmd-intro{display:none}.nm3 .nmd-phone{width:100%;height:100%;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;padding:0}.nm3 .nmd-screen{border-radius:0}.nm3 .nmd-header{padding-top:max(12px, env(safe-area-inset-top))}.nm3 .nmd-panel{padding-bottom:max(14px, env(safe-area-inset-bottom))}}@media (min-width:768px) and (max-width:1000px){.nm3 .nmd-sticky{grid-template-columns:1fr 350px;gap:40px;padding:16px 32px}.nm3 .nmd-phone{width:clamp(260px,50svh - 48px,350px)}}@media (max-height:520px) and (max-width:767px){.nm3 .nmd-panel{padding-top:10px}.nm3 .nmd-prompt{min-height:20px;font-size:16px}.nm3 .nmd-middle{padding:6px 0;overflow-y:auto}.nm3 .nmd-feedback{min-height:18px;font-size:12px}.nm3 .nmd-primary{min-height:40px;padding:7px 12px}.nm3 .nmd-choice{min-height:36px}}@media (prefers-reduced-motion:reduce){.nm3 .nmd-section{min-height:0}.nm3 .nmd-progress>div{transition:none}}
