.mdg-drive{min-width:0;color:var(--ivory,#f6f4ee);background:linear-gradient(150deg,#18383c,#0e272c 58%,#10292f);border:1px solid #507377;box-shadow:0 30px 90px #0005}.mdg-drive button{cursor:pointer}.mdg-drive__topline{color:#c4d9d4;letter-spacing:.14em;border-bottom:1px solid #48676a;align-items:center;gap:10px;height:42px;padding:0 22px;font-size:10px;font-weight:750;display:flex}.mdg-drive__live{background:var(--coral,#ff6f61);border-radius:50%;width:7px;height:7px}.mdg-drive__heading{justify-content:space-between;align-items:start;padding:22px 24px 17px;display:flex}.mdg-drive__heading p,.mdg-drive__panel-label{color:#a8d8cc;letter-spacing:.17em;margin:0 0 7px;font-size:10px;font-weight:750}.mdg-drive__heading h2{color:var(--ivory,#f6f4ee);letter-spacing:-.035em;margin:0;font-size:24px;font-weight:650}.mdg-drive__heading>span{color:var(--coral,#ff6f61);font-size:22px}.mdg-drive__stage{background:radial-gradient(at 50% 45%,#24545a 0,#102c31 62%,#0b2328 100%);border:1px solid #3e6266;height:clamp(255px,26vw,330px);margin:0 22px;position:relative;overflow:hidden}.mdg-drive__grid{background-image:linear-gradient(#71949017 1px,#0000 1px),linear-gradient(90deg,#71949017 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.mdg-drive__fallback{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.mdg-drive__stage.has-webgl .mdg-drive__fallback{opacity:0}.mdg-drive__scene{position:absolute;inset:0}.mdg-drive__scene canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.mdg-drive__scene canvas:active{cursor:grabbing}.mdg-drive__stage-label,.mdg-drive__scene-hint{color:#c7e3d7;letter-spacing:.12em;pointer-events:none;font-size:9px;font-weight:750;position:absolute}.mdg-drive__stage-label{top:12px;left:14px}.mdg-drive__scene-hint{bottom:11px;right:13px}.mdg-drive__toolbar{border-bottom:1px solid #48676a;justify-content:space-between;align-items:center;gap:1rem;padding:16px 22px 14px;display:flex}.mdg-drive__toolbar p{color:#c6ddd2;max-width:320px;margin:0;font-size:12px;line-height:1.45}.mdg-drive__toolbar>div{flex:none;gap:7px;display:flex}.mdg-drive__toolbar button{color:#eff7f1;background:#204f50;border:1px solid #6d9790;min-height:40px;padding:8px 11px;font-size:11px;font-weight:700}.mdg-drive__toolbar button:first-child{border-color:var(--coral,#ff6f61)}.mdg-drive__toolbar button:hover{background:#2d6965}.mdg-drive__panels{grid-template-columns:1.1fr .9fr;gap:0;display:grid}.mdg-drive__controls{border-right:1px solid #48676a;grid-template-columns:1fr;align-content:start;padding:19px 22px 20px;display:grid}.mdg-drive__controls label{color:#d4e5dd;justify-content:space-between;gap:8px;margin:10px 0 3px;font-size:11px;line-height:1.4;display:flex}.mdg-drive__controls output{color:#ffad9a;white-space:nowrap;font-weight:750}.mdg-drive__controls input{width:100%;height:23px;accent-color:var(--coral,#ff6f61);margin:0}.mdg-drive__telemetry{grid-template-columns:1fr 1fr;align-content:start;gap:9px;padding:19px 18px 20px;display:grid}.mdg-drive__telemetry .mdg-drive__panel-label{grid-column:1/-1;justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.mdg-drive__panel-label span{color:var(--coral,#ff6f61)}.mdg-drive__telemetry>div{background:#1a4244;border:1px solid #4b7472;min-height:67px;padding:10px 9px}.mdg-drive__telemetry>div span{color:#a9ccc0;letter-spacing:.09em;font-size:8px;font-weight:750;line-height:1.3;display:block}.mdg-drive__telemetry strong{color:#f6f4ee;white-space:nowrap;margin-top:5px;font-size:17px;font-weight:700;display:block}.mdg-drive__notice{color:#b6d0c5;border-top:1px solid #48676a;margin:0;padding:11px 22px;font-size:10px;line-height:1.5}.mdg-drive__method{color:#bfd4cb;border-top:1px solid #48676a;padding:0 22px;font-size:12px;line-height:1.5}.mdg-drive__method summary{cursor:pointer;color:#dbebe3;min-height:42px;padding:11px 0;font-weight:650}.mdg-drive__method p{max-width:65ch;margin:0;padding-bottom:16px}@media (width<=980px){.home-hero-grid>.mdg-drive{margin-bottom:3rem}}@media (width<=640px){.mdg-drive__topline{padding-inline:15px}.mdg-drive__heading{padding:17px 18px 13px}.mdg-drive__heading h2{font-size:21px}.mdg-drive__stage{height:250px;margin-inline:12px}.mdg-drive__toolbar{flex-direction:column;align-items:start;padding-inline:16px}.mdg-drive__panels{grid-template-columns:1fr}.mdg-drive__controls{border-bottom:1px solid #48676a;border-right:0;padding-inline:16px}.mdg-drive__telemetry,.mdg-drive__notice,.mdg-drive__method{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.mdg-drive__scene canvas{cursor:default}}.concept-diagram{perspective:900px;gap:.65rem}.concept-diagram .concept-step{opacity:.55;width:33%;min-height:265px;transition:transform .55s var(--ease),opacity .55s var(--ease),border-color .35s ease,box-shadow .35s ease;background:linear-gradient(155deg,#24524f,#142e34 80%);border:1px solid #588d86;flex-direction:column;padding:1.15rem;display:flex;position:relative;transform:rotateY(-7deg)translateY(14px);box-shadow:8px 11px #091b20}.concept-section.is-visible .concept-step{opacity:1;transform:rotateY(-7deg)translateY(0)}.concept-section.is-visible .concept-step:nth-of-type(2){transition-delay:.16s}.concept-section.is-visible .concept-step:nth-of-type(3){transition-delay:.32s}.concept-diagram .concept-step:hover{border-color:#a5d8c9;transform:rotateY(0)translateY(-8px);box-shadow:10px 17px #091b20}.concept-diagram .concept-step>span:first-child{letter-spacing:.12em;white-space:nowrap;font-size:.62rem}.concept-diagram .concept-step strong{margin-top:auto;font-size:clamp(1.05rem,1.35vw,1.35rem)}.concept-diagram .concept-step small{margin-top:.35rem;font-size:.72rem}.concept-diagram>.concept-link{background:#ff917d;width:20px;height:1px;position:relative;box-shadow:0 0 12px #ff796870}.concept-diagram>.concept-link:after{content:"";border-top:1px solid #ff917d;border-right:1px solid #ff917d;width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.concept-diagram .concept-glyph{width:100%;height:100px;transform-style:preserve-3d;margin:1rem 0;display:block;position:relative}.concept-glyph i{display:block;position:absolute}.concept-glyph-explore i{background:#73b8ad;border:1px solid #b9e7d9;width:46px;height:46px;top:21px;left:calc(50% - 23px);transform:rotateX(55deg)rotate(45deg);box-shadow:7px 7px #215a58}.concept-glyph-explore i:first-child{background:#a5d8ca;top:5px}.concept-glyph-explore i:nth-child(2){background:#5b9f98;top:24px}.concept-glyph-explore i:nth-child(3){background:#245f5e;top:43px}.concept-section.is-visible .concept-glyph-explore i:first-child{animation:3s ease-in-out infinite explore-layer}.concept-section.is-visible .concept-glyph-explore i:nth-child(3){animation:3s ease-in-out -1.5s infinite reverse explore-layer}.concept-step-visual{width:100%;height:100px;margin:1rem 0;display:block}.concept-step-visual svg{width:100%;height:100%;display:block;overflow:visible}.concept-step-visual .sim-result,.concept-step-visual .practice-choice{transform-box:fill-box;transform-origin:50%}.concept-section.is-visible .sim-input{animation:3.4s ease-in-out infinite sim-input-change}.concept-section.is-visible .sim-response{stroke-dasharray:65;animation:3.4s ease-in-out infinite sim-response-draw}.concept-section.is-visible .sim-result{animation:3.4s ease-in-out infinite sim-result-pulse}.concept-section.is-visible .practice-token{animation:3.8s ease-in-out infinite practice-decision}.concept-section.is-visible .practice-choice{animation:3.8s ease-in-out infinite practice-choice-feedback}.concept-section.is-visible .practice-check{animation:3.8s ease-in-out infinite practice-check-feedback}@keyframes explore-layer{50%{translate:0 -9px}}@keyframes sim-input-change{0%,12%{transform:translate(0)}48%,68%{transform:translate(48px)}90%,to{transform:translate(0)}}@keyframes sim-response-draw{0%,18%{stroke-dashoffset:65px;opacity:.25}58%,76%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:65px;opacity:.25}}@keyframes sim-result-pulse{0%,48%,to{opacity:.4;transform:scale(1)}66%{opacity:1;transform:scale(1.4)}}@keyframes practice-decision{0%,12%{transform:translate(0)}38%{transform:translateY(30px)}72%,82%{transform:translate(42px,67px)}to{transform:translate(0)}}@keyframes practice-choice-feedback{0%,64%,to{fill:#2b766c;filter:none}78%{fill:#ff826f;filter:drop-shadow(0 0 8px #ff826f)}}@keyframes practice-check-feedback{0%,63%,to{opacity:0}75%,88%{opacity:1}}@media (width<=1000px){.concept-grid{gap:2rem}.concept-diagram .concept-step{min-height:225px;padding:.7rem}.concept-diagram .concept-step>span:first-child{font-size:.52rem}.concept-diagram .concept-step strong{font-size:1rem}.concept-diagram .concept-step small{font-size:.63rem}}@media (width<=700px){.concept-diagram .concept-step{min-height:230px;padding:1rem}.concept-diagram .concept-step strong{font-size:1.05rem}}@media (width<=440px){.concept-diagram{gap:.28rem}.concept-diagram .concept-step{min-height:194px;padding:.48rem}.concept-diagram .concept-glyph{margin:.2rem 0;transform:scale(.72)}.concept-step-visual{height:80px;margin:.3rem 0}.concept-diagram .concept-step>span:first-child{letter-spacing:.03em;font-size:.45rem}.concept-diagram .concept-step strong{font-size:.9rem}.concept-diagram .concept-step small{font-size:.58rem}.concept-diagram>.concept-link{width:7px}}@media (prefers-reduced-motion:reduce){.concept-section.is-visible .concept-glyph i,.concept-section.is-visible .concept-step-visual *{animation:none}.concept-diagram .concept-step{opacity:1;transition:none;transform:none}}
