.demo-layout{display:grid;grid-template-columns:130px 1fr;gap:40px}.demo-margin{display:flex;flex-direction:column;padding-top:64px;color:#526781;font-size:11px;letter-spacing:.17em;line-height:2.5}.demo-margin span:nth-child(2){color:#8398b6}.demo-margin span:nth-child(3){color:#c5d4e6}.margin-orbit{font-size:29px;color:#8d95c3;margin-top:46px}.demo-container{min-width:0}#demo{border:1px solid #3b506b;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#29426120,transparent 70%),#101b2e;box-shadow:0 20px 100px #0002}.demo-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:63px;padding:10px 29px;border-bottom:1px solid #2b3d57;background:#0b142490;font-size:10px;color:#a9bedb;letter-spacing:.05em}.demo-topbar>span{display:flex;align-items:center;gap:9px}.demo-topbar>div{display:flex;align-items:center;gap:4px}.live-dot{width:5px;height:5px;background:#8abccb;display:inline-block;border-radius:50%}.utility-button{min-height:44px;padding:8px 10px;background:transparent;color:#bfd3ed;font-size:11px;border-radius:5px}.utility-button:hover{background:#ffffff09}.demo-switcher{display:flex;justify-content:center;gap:4px;margin:25px 20px 0}.switch-button{min-height:40px;padding:8px 15px;background:transparent;font-size:11px;border-radius:20px;color:#a3b5ce;border:1px solid transparent}.switch-button.active{border-color:#49718b;background:#243e5350;color:#d6f4ff}.switch-button:hover{color:#fff;background:#2d425480}.demo-stage{padding:29px 46px 38px;min-height:462px}.demo-stage.step-entry{padding-top:34px;min-height:510px}.demo-title{font-size:32px;line-height:1.18;letter-spacing:-.035em}.demo-lead{font-size:14px;color:#b7c9e1;margin-top:13px;line-height:1.75}.demo-entry{text-align:center}.demo-entry h3{max-width:440px;margin:0 auto}.demo-entry>p{font-size:14px;color:#a9bfdc;margin-top:14px}.demo-spark{display:inline-block;font-size:25px;color:#9adee1;margin-bottom:15px}.main-equation{font-family:var(--display);font-size:54px;line-height:1.25;letter-spacing:-.045em;text-align:center;padding:34px 0;color:#e8f4ff}.math-bracket{color:#87cdf2}.entry-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px auto 20px}.path-choice{display:grid;grid-template-columns:1fr;gap:7px;text-align:left;border:1px solid #3e5b76;background:linear-gradient(120deg,#172e43,#17233d);border-radius:9px;padding:18px 22px;transition:background .2s,transform .2s,border-color .2s}.path-choice:nth-child(2){background:linear-gradient(120deg,#1d2941,#21223e);border-color:#535776}.path-choice:hover{border-color:#75d8e8;background:#234354;transform:translateY(-3px)}.path-choice:nth-child(2):hover{background:#302e50;border-color:#aa94f5}.path-icon{color:#89e7f2;font-size:23px;line-height:1.3}.path-choice:nth-child(2) .path-icon{color:#baa1ff}.path-choice strong{font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.path-choice strong>span{font-weight:400;color:#a0c9db}.path-choice>span:last-child{font-size:11px;color:#aac0d9;line-height:1.7}.demo-entry>.small{font-size:10px;margin-top:15px}.demo-bottom{padding:15px 29px;border-top:1px solid #293c55;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ca5c4}.demo-bottom .small{font-size:9px}.demo-bottom>span:last-child{font-size:9px;letter-spacing:.13em;color:#778eae;white-space:nowrap}.demo-disclosure{font-size:10px;line-height:1.8;color:#9cafc9;margin-top:17px;max-width:770px;display:flex;gap:8px}.demo-disclosure>span{font-size:13px;flex-shrink:0}.prediction-equations{display:flex;justify-content:center;align-items:center;gap:36px;padding:44px 0}.prediction-equations>div{display:flex;flex-direction:column;gap:15px;text-align:center}.prediction-equations>div>span{font-size:9px;letter-spacing:.08em;color:#97aecb}.prediction-equations strong{font-family:var(--display);font-size:35px;letter-spacing:-.04em;font-weight:550}.prediction-equations>div:last-child strong{color:#c6b1ff}.prediction-equations>b{font-size:25px;color:#7793b1;font-weight:400}.prediction-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.prediction-choices .button{font-size:12px;min-height:47px;padding-inline:20px}.step-predict>.small{font-size:11px;margin-top:22px}.comparison{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:14px;margin-top:30px}.comparison-half{text-align:center;border:1px solid #35627b;background:#112a3b66;border-radius:10px;padding:22px 20px 19px}.comparison-half.proposed{border-color:#60597e;background:#29244288}.comparison-half>span{display:block;font-size:9px;letter-spacing:.065em;color:#a3c3dc}.comparison-half>strong{display:block;font-size:26px;font-family:var(--display);letter-spacing:-.035em;margin-top:11px;font-weight:500}.computed-value{display:block;font-family:var(--display);font-size:65px;line-height:1.2;letter-spacing:-.055em;color:#83edf4;margin-top:13px;font-weight:550;font-variant-numeric:tabular-nums}.proposed .computed-value{color:#bba5f9}.value-bar{height:4px;background:#44527055;border-radius:3px;margin-top:18px;overflow:hidden}.value-bar i{display:block;height:100%;background:#74e8ed;transition:width .15s}.proposed .value-bar i{background:#aa8af0}.not-equal{font-family:var(--display);font-size:33px;color:#748cab;text-align:center}.x-control{margin:25px 0}.x-control>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.x-control label{font-size:12px;color:#b3c9e0}.x-control>div>span{font-size:16px;color:#d9edff}.range-row{display:flex;align-items:center;gap:15px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;accent-color:#5dddE6;min-width:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#415674}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#415674}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:4px solid #c9ffff;border-radius:50%;background:#44cddd;box-shadow:0 0 15px #4bdddd33;margin-top:-9px}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:4px solid #c9ffff;border-radius:50%;background:#44cddd;box-shadow:0 0 15px #4bdddd33}.stepper{width:44px;height:44px;min-width:44px;border:1px solid #3a5470;border-radius:6px;background:#12243a;color:#cbe9fa;font-size:23px;line-height:1}.demo-insight{font-size:12px;color:#bad4e6;border-left:2px solid #51a5b6;background:#16324266;padding:13px 16px;margin-top:15px}.demo-next{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}.demo-next .button{font-size:12px;min-height:47px;padding-inline:20px}.unpack-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:31px}.unpack-group{background:linear-gradient(145deg,#142c42,#171f3c);border:1px solid #476983;border-radius:11px;min-height:166px;padding:15px 12px;display:flex;align-items:center;flex-direction:column;gap:19px;position:relative;transition:background .3s,border-color .3s,transform .3s}.unpack-group:hover{border-color:#8be5f1;transform:translateY(-3px)}.group-number{font-size:9px;letter-spacing:.1em;color:#7daac9;align-self:flex-start}.closed-group{font-family:var(--display);font-size:27px;letter-spacing:-.04em;line-height:1.55}.group-label{font-size:8px;letter-spacing:.09em;color:#a7c0d9}.tokens{display:flex;align-items:center;gap:7px;min-height:42px}.tokens b{width:34px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #54c8e3;background:#214359;border-radius:4px;font-size:26px;font-family:var(--display);font-weight:450;color:#95eef2}.tokens .unit{display:grid;place-items:center;width:22px;height:25px;border:1px solid #aa95e3;background:#49426b;border-radius:3px;font-size:12px;color:#e3dcff}.unpack-group.opened{border-color:#6aadc0;background:#18364888}.just-opened .tokens{animation:tokenReveal .35s ease-out}.assembly{margin-top:29px;text-align:center}.assembly>strong{font-family:var(--display);font-size:35px;letter-spacing:-.045em;font-weight:500}.assembly p{font-size:12px;color:#a3bad3;margin-top:12px;max-width:450px;margin-inline:auto}.assembly.complete>strong{font-size:44px;color:#94eee8}.discovery-insight{display:flex;align-items:center;gap:11px;background:#203c3844;border:1px solid #416c6555;border-radius:7px;font-size:14px;color:#c8ece0;padding:13px 17px;line-height:1.5}.discovery-insight>span{color:#ffd775;font-size:20px}.reflection-comparison{display:flex;justify-content:center;align-items:center;gap:30px;padding:36px 0;font-family:var(--display);font-size:32px;letter-spacing:-.04em}.reflection-comparison>span:first-child{color:#9a91b4;text-decoration:line-through;text-decoration-color:#927fbd;text-decoration-thickness:1px}.reflection-comparison>span:nth-child(2){color:#759bb1;font-size:21px}.reflection-comparison strong{color:#8febe5;font-weight:500}.reflection-field textarea{margin-top:6px;background:#0b1729;font-size:15px;line-height:1.8}.reflection-field .small{font-size:10px;margin-top:10px}.explanation-rows{margin-top:24px;border-top:1px solid #34435d}.explanation-rows>div{display:flex;align-items:center;gap:30px;border-bottom:1px solid #34435d;padding:25px 0}.explanation-rows strong{min-width:150px;font-family:var(--display);font-size:33px;letter-spacing:-.04em;font-weight:500;color:#8ddcea}.explanation-rows span{font-size:13px;color:#b6cbe3;max-width:340px}.explanation-solve{margin-top:26px;border-left:2px solid #67639e;padding-left:19px}.explanation-solve h4{font-size:19px;letter-spacing:-.025em}.explanation-solve p{font-size:13px;line-height:1.8;color:#b9cbe1;margin-top:9px}.step-check .main-equation{font-size:49px;padding:34px 0}.step-check label{display:block;font-size:12px;color:#b3c7e0;margin-bottom:9px}.answer-row{display:flex;align-items:center;gap:14px}.answer-row>span{font-size:22px;white-space:nowrap;color:#9dbad6}.answer-row input{width:100%!important;min-width:0;background:#0a1528!important;border-color:#456982!important}.answer-row .button{white-space:nowrap;font-size:12px;min-height:49px;padding-inline:18px;gap:13px}.answer-feedback{font-size:13px;color:#f2caae;line-height:1.75;margin-top:14px}.answer-feedback>span{display:block;font-size:11px;color:#c0cee0}.hint-row{display:flex;align-items:center;gap:8px;margin-top:7px}.hint-row .button{padding-inline:0;font-size:12px;min-height:44px}.hint-row .button:hover{background:transparent;color:#91e6ef}.hint-row .small{font-size:10px}.hint-box{border-left:2px solid #9581c9;padding:11px 15px;background:#2c25424d;font-size:13px;color:#e0d9f0;margin-top:5px}.evidence-note{font-size:10px;color:#aac0d7;margin-top:14px}.result-view{text-align:center}.result-spark{display:block;color:#ffce60;font-size:37px;margin-bottom:15px;animation:discovery .5s ease-out}.result-type{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#c6b1ff;margin-bottom:16px}.result-type.independent{color:#8ddfbe}.result-view h3{font-size:51px;letter-spacing:-.05em}.result-view .demo-lead{max-width:480px;margin:16px auto}.result-equation{color:#a1d8e6;font-family:var(--display);font-size:19px;margin-top:22px}.result-evidence{font-size:13px;color:#bdcfe3;max-width:490px;margin:23px auto 14px}.result-view .small{font-size:11px}.result-view .demo-next{justify-content:center;margin-top:27px}.result-view .demo-next .ghost{font-size:11px}
@keyframes tokenReveal{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes discovery{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:1199px){.demo-layout{grid-template-columns:100px 1fr;gap:30px}.demo-stage{padding-inline:35px}.path-choice{padding-inline:17px}.unpack-groups{gap:12px}.tokens{gap:5px}}
@media(max-width:1059px){.demo-layout{grid-template-columns:1fr}.demo-margin{display:none}.demo-stage{padding-inline:40px}.demo-stage.step-entry{min-height:485px}.demo-topbar{padding-inline:27px}}
@media(max-width:767px){#demo{border-radius:12px}.demo-topbar{padding:9px 13px;min-height:59px;gap:8px;font-size:8px;letter-spacing:0}.demo-topbar>span{gap:6px}.demo-topbar .live-dot{display:none}.utility-button{padding-inline:7px;font-size:10px}.demo-stage{padding:25px 20px 28px;min-height:440px}.demo-stage.step-entry{padding-top:27px;min-height:0}.demo-title{font-size:27px;line-height:1.2}.demo-entry h3{max-width:300px}.demo-entry>p{font-size:12px;line-height:1.8;margin-top:13px}.demo-spark{font-size:23px;margin-bottom:15px}.main-equation{font-size:48px;padding:26px 0}.entry-choices{gap:11px;margin-top:0}.path-choice{padding:15px 12px;gap:8px}.path-choice strong{font-size:12px;gap:4px;line-height:1.5}.path-choice strong>span{display:none}.path-choice>span:last-child{font-size:10px;line-height:1.7}.path-icon{font-size:23px}.demo-entry>.small{font-size:9px;margin-top:10px}.demo-bottom{padding:14px 17px;gap:8px}.demo-bottom .small{font-size:8px;max-width:250px}.demo-bottom>span:last-child{font-size:8px}.demo-disclosure{font-size:10px;margin-top:15px;line-height:1.8}.demo-switcher{margin:18px 12px 0}.switch-button{font-size:10px;min-height:44px;padding:8px 12px}.demo-lead{font-size:13px;margin-top:12px}.prediction-equations{gap:19px;padding:33px 0}.prediction-equations strong{font-size:26px}.prediction-equations>div>span{font-size:9px;letter-spacing:0;min-height:28px}.prediction-equations>div{gap:12px}.prediction-equations>b{font-size:20px}.prediction-choices{gap:8px;flex-wrap:wrap}.prediction-choices .button{padding:10px 12px;font-size:11px;min-height:45px;flex:1 0 auto}.step-predict>.small{font-size:10px}.comparison{gap:7px;grid-template-columns:1fr 24px 1fr;margin-top:23px}.comparison-half{padding:16px 9px;border-radius:7px}.comparison-half>span{font-size:9px;letter-spacing:.01em;min-height:28px}.comparison-half>strong{font-size:23px;margin-top:11px}.computed-value{font-size:53px;margin-top:12px}.not-equal{font-size:25px}.value-bar{margin-top:15px}.x-control{margin:19px 0}.x-control label{font-size:10px}.x-control>div>span{font-size:14px}.range-row{gap:11px}.x-control>div:first-child{margin-bottom:7px}.demo-insight{font-size:11px;line-height:1.85;padding:10px 12px}.demo-next{gap:9px;margin-top:23px}.demo-next .button{font-size:11px;min-height:47px;padding-inline:14px;gap:10px}.unpack-groups{gap:7px;margin-top:25px}.unpack-group{min-height:133px;padding:10px 5px;gap:16px;border-radius:7px}.group-number{font-size:7px;padding-left:3px}.closed-group{font-size:20px}.group-label{font-size:8px;letter-spacing:0}.tokens{gap:3px;min-height:31px}.tokens b{width:24px;height:32px;font-size:20px}.tokens .unit{width:16px;height:19px;font-size:9px}.assembly{margin-top:25px}.assembly>strong{font-size:27px}.assembly p{font-size:10px;line-height:1.8}.assembly.complete>strong{font-size:39px}.discovery-insight{font-size:12px;line-height:1.7;padding:11px;gap:9px}.discovery-insight>span{font-size:16px}.reflection-comparison{gap:24px;font-size:30px;padding:27px 0}.reflection-field label{font-size:12px}.reflection-field textarea{font-size:16px}.explanation-rows>div{display:block;padding:21px 0}.explanation-rows strong{display:block;font-size:31px;margin-bottom:10px}.explanation-rows span{font-size:12px}.explanation-solve h4{font-size:18px}.explanation-solve p{font-size:12px}.step-check .main-equation{font-size:38px;padding:30px 0}.answer-row{flex-wrap:wrap;gap:10px}.answer-row input{flex:1;width:calc(100% - 40px)!important}.answer-row>span{font-size:21px}.answer-row .button{width:100%;font-size:12px;margin-top:3px}.answer-feedback{font-size:12px}.answer-feedback>span{font-size:10px}.hint-box{font-size:12px}.evidence-note{font-size:10px}.result-view h3{font-size:44px}.result-spark{font-size:33px}.result-type{font-size:8px}.result-equation{font-size:16px}.result-evidence{font-size:12px}.result-view .small{font-size:10px}.result-view .demo-next{flex-direction:column;gap:3px}.result-view .demo-next .primary{width:100%}}
@media(max-width:389px){.demo-stage{padding-inline:15px}.demo-title{font-size:25px}.path-choice{padding-inline:10px}.path-choice strong{font-size:11px}.comparison-half>strong{font-size:21px}.comparison-half>span{font-size:9px}.computed-value{font-size:48px}.demo-topbar{font-size:7px}.utility-button{font-size:9px;padding-inline:6px}.closed-group{font-size:19px}.tokens{gap:2px}.tokens b{width:22px}.tokens .unit{width:15px}.step-check .main-equation{font-size:35px}}
@media(prefers-reduced-motion:reduce){.opened .tokens,.result-spark{animation:none}.value-bar i,.unpack-group,.path-choice{transition:none}.path-choice:hover,.unpack-group:hover{transform:none}}
#demo{scroll-margin-top:108px}
@media(max-width:767px){.demo-topbar{font-size:10px;flex-wrap:wrap}.utility-button{font-size:11px}.demo-bottom .small{font-size:10px}.group-label{font-size:9px}.comparison-half>span,.prediction-equations>div>span{font-size:10px;line-height:1.5;min-height:30px}.demo-entry>.small{font-size:11px}.path-choice>span:last-child{font-size:12px}.path-choice strong{font-size:14px}.entry-choices{grid-template-columns:1fr}.path-choice{grid-template-columns:26px 1fr;gap:4px 12px}.path-icon{grid-row:1/3;align-self:center}.path-choice>span:last-child{grid-column:2}.path-choice strong>span{display:inline}.demo-entry .main-equation{padding-block:22px}.demo-bottom>span:last-child{display:none}.demo-disclosure{font-size:11px}.assembly p{font-size:12px}.result-type{font-size:10px}.result-view .small,.evidence-note{font-size:12px}.hint-row .small{font-size:11px}.reflection-field .small{font-size:11px}}