:root{--navy:#082f49;--deep:#061f33;--teal:#0f766e;--mint:#2dd4bf;--sky:#38bdf8;--ink:#142536;--muted:#5a6976;--paper:#f3f7f9;--line:#d9e5e9;--white:#fff;--good:#087f5b;--warn:#b45309}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Droid Sans",Arial,sans-serif;line-height:1.6}button,textarea{font:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.demo-header{background:var(--deep);color:#fff}.demo-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-nav img{display:block;width:132px;height:42px;object-fit:contain;background:#fff;border-radius:7px;padding:3px 8px}.demo-nav a{color:#d9edf0;text-decoration:none;font-size:.8rem;font-weight:700}.demo-nav a:hover{text-decoration:underline}.demo-hero{padding:72px 0 64px;background:linear-gradient(125deg,#061f33,#08445d 65%,#0f766e);color:#fff}.eyebrow{margin:0 0 8px;color:#62e6d5;text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;font-weight:800}.demo-hero h1{max-width:820px;margin:0;font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.045em}.demo-hero p:last-child{max-width:760px;color:#cfe2e7;font-size:1.02rem}.notice{display:flex;gap:12px;align-items:flex-start;margin:26px 0 0;padding:15px 18px;border:1px solid rgba(255,255,255,.19);border-radius:12px;background:rgba(255,255,255,.07);color:#d7e9ed;font-size:.78rem}.notice b{color:#7ce8db}.demo-main{padding:55px 0 85px}.stage-layout{display:grid;grid-template-columns:310px 1fr;gap:24px}.stage-nav{position:sticky;top:20px;align-self:start;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(8,47,73,.07)}.stage-button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;border:0;background:transparent;text-align:left;padding:10px;border-radius:10px;color:#425460;cursor:pointer}.stage-button span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e6f1f2;color:#0a6863;font-weight:800;font-size:.72rem}.stage-button strong{font-size:.83rem}.stage-button.active{background:#0a665f;color:#fff}.stage-button.active span{background:#69e6d6;color:#073e3a}.stage-panel{min-height:560px;padding:42px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(8,47,73,.07)}.stage-kicker{color:var(--teal);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.stage-panel h2{margin:8px 0 5px;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12}.stage-panel .lead{margin:0 0 30px;color:var(--muted)}.activity{padding:26px;border-radius:15px;background:#f4f8f9;border:1px solid #e0e9ec}.activity h3{margin-top:0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid #cbdcdf;background:#fff;padding:14px;border-radius:10px;text-align:center;cursor:pointer;font-weight:700}.choice:hover,.choice.selected{border-color:var(--teal);background:#e0f5f2;color:#075d58}.concept-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.concept-map div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center}.example{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.example div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px}.example b{display:block;color:var(--teal);font-size:.72rem;text-transform:uppercase}.explorer-row{display:flex;gap:12px;align-items:center}.explorer-row input{flex:1;accent-color:var(--teal)}.number-display{min-width:70px;text-align:center;font-size:1.7rem;font-weight:800;color:var(--teal)}.factor-output{margin-top:18px;padding:16px;background:#fff;border-radius:10px;font-weight:700}.progress-line{margin-top:28px;height:7px;background:#dce8eb;border-radius:10px;overflow:hidden}.progress-line i{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,var(--teal),var(--mint));transition:width .25s}.stage-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.btn{border:0;border-radius:9px;padding:11px 17px;background:#0b625e;color:#fff;font-weight:800;cursor:pointer;text-decoration:none;font-size:.8rem}.btn.secondary{background:#e6eff1;color:#274450}.btn:disabled{opacity:.45;cursor:not-allowed}.assessment-shell{max-width:850px;margin:auto}.question-card{padding:36px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 50px rgba(8,47,73,.08)}.question-meta{display:flex;justify-content:space-between;gap:12px;color:var(--teal);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.question-card h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.25;margin:22px 0 10px}.prompt-context{color:var(--muted);margin-bottom:20px}.question-card label{font-weight:800;font-size:.83rem}.question-card textarea{display:block;width:100%;min-height:145px;margin:8px 0 15px;padding:14px;border:1px solid #b8cdd2;border-radius:10px;resize:vertical;color:var(--ink)}.question-card textarea:focus{outline:3px solid rgba(45,212,191,.25);border-color:var(--teal)}.char-count{text-align:right;color:#71808b;font-size:.7rem}.assessment-actions{display:flex;gap:10px;margin-top:18px}.feedback{display:none;margin-top:25px;border-radius:15px;overflow:hidden;border:1px solid var(--line)}.feedback.visible{display:block}.feedback-head{padding:16px 20px;background:#e8f6f2;color:#07664f;font-weight:800}.feedback.partial .feedback-head{background:#fff3df;color:#9a4d08}.feedback-body{padding:20px}.feedback-body h3{margin:15px 0 5px;font-size:.9rem}.feedback-body p{margin:0;color:#4c5f6c}.feedback-body ul{margin:8px 0}.feedback-body .model{padding:14px;border-left:4px solid var(--teal);background:#f1f7f7}.privacy{margin-top:26px;color:#65747e;font-size:.76rem;text-align:center}.geo-shell{height:calc(100vh - 76px);min-height:620px;background:#fff}.geo-shell iframe{display:block;width:100%;height:100%;border:0}.geo-fallback{padding:15px;background:#e9f5f3;text-align:center;font-size:.78rem}.demo-footer{padding:25px 0;background:#061f33;color:#b9cfd5;font-size:.75rem}.demo-footer .wrap{display:flex;justify-content:space-between;gap:20px}.demo-footer a{color:#77e3d5}@media(max-width:760px){.wrap{width:min(100% - 28px,1120px)}.demo-nav{min-height:66px}.demo-nav img{width:114px}.demo-hero{padding:52px 0}.stage-layout{grid-template-columns:1fr}.stage-nav{position:static;display:flex;overflow:auto;padding:8px}.stage-button{min-width:155px;grid-template-columns:30px 1fr}.stage-panel{min-height:0;padding:25px 19px}.choice-grid,.concept-map,.example{grid-template-columns:1fr}.stage-actions{flex-wrap:wrap}.question-card{padding:25px 19px}.assessment-actions{flex-wrap:wrap}.demo-footer .wrap{display:block}.geo-shell{height:calc(100vh - 66px);min-height:550px}}
.geo-shell.geo-fixed{display:flex;align-items:center;justify-content:center;overflow:hidden}.geo-scale{width:1920px;height:970px;flex-shrink:0;transform-origin:center center}.geo-scale iframe{display:block;width:1920px;height:970px;border:0}