:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#edf3ff;background:#090f1d;--bg:#090f1d;--panel:#111d33;--panel2:#172641;--line:#2a3c60;--muted:#9badd0;--mint:#79e3bf;--gold:#f4c86b;--violet:#9b86e9;--danger:#ff8d9b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#1e3b68 0,transparent 36rem),#090f1d}a{color:inherit}.shell{max-width:1240px;margin:auto;padding:22px 28px 50px}.nav{display:flex;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid #ffffff18}.brand{text-decoration:none;font-weight:900;letter-spacing:.16em}.journey{display:flex;gap:7px;align-items:center;flex:1;justify-content:center}.journey a,.journey span{font-size:.72rem;text-decoration:none;color:#7f92b9}.journey a.active{color:var(--mint);font-weight:800}.local{color:var(--gold);font-size:.65rem;border:1px solid #af81394d;border-radius:99px;padding:7px 10px}.page-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:52px 0 28px}.eyebrow{color:var(--mint);font-weight:900;font-size:.68rem;letter-spacing:.16em;margin:0 0 12px}.page-head h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em;margin:0 0 16px}.page-head p{color:var(--muted);line-height:1.55;max-width:720px}.progress-card{min-width:260px;background:#111d33;border:1px solid var(--line);padding:17px;border-radius:13px}.progress-card b{display:block;margin-bottom:10px}.progress{height:5px;background:#263754;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:var(--mint)}.progress-25{width:25%}.progress-33{width:33%}.progress-50{width:50%}.progress-75{width:75%}.progress-100{width:100%}.grid{display:grid;grid-template-columns:330px 1fr;gap:16px}.panel{background:#111d33de;border:1px solid var(--line);border-radius:15px;padding:20px}.panel h2{margin:5px 0 12px}.muted{color:var(--muted);line-height:1.5}.formats{display:grid;gap:8px}.format{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:#15233c;border:1px solid transparent;color:#eaf1ff;padding:13px;border-radius:10px;cursor:pointer}.format.selected{border-color:var(--mint);background:#172d3c}.format b{display:block}.format small{display:block;color:var(--muted);margin-top:3px}.format-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#233553;color:var(--mint);font-weight:900}.button,.button-link{border:0;border-radius:9px;padding:12px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;background:var(--mint);color:#071914}.button.secondary,.button-link.secondary{background:#223353;color:#edf3ff;border:1px solid #34496f}.button:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.panel-gap-top{margin-top:15px}.panel-gap-bottom{margin-bottom:15px}.callout-gap{margin-top:18px}.badge-gap{margin-top:15px}.field-tight{margin:0}.editor-device{min-height:540px}.next-card-gap{margin-top:16px}.control-bar{width:72%;background:#7185a9}.full-bar{width:100%}.callout{border-left:3px solid var(--gold);padding:12px 14px;background:#231f20;color:#e9d7ad;border-radius:5px}.device-wrap{display:grid;grid-template-columns:1fr 300px;gap:16px}.device{width:min(390px,100%);min-height:670px;margin:auto;background:#f4f7fb;color:#172139;border:9px solid #121b2c;border-radius:42px;overflow:hidden;box-shadow:0 30px 80px #0008}.device-top{height:32px;background:#121b2c;color:white;display:flex;justify-content:center;font-size:.7rem;padding-top:6px}.product-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:white;border-bottom:1px solid #dbe3ef}.product-body{padding:18px}.product-card{background:white;border:1px solid #dce4ef;border-radius:14px;padding:17px;margin-bottom:13px}.product-card h3{margin:5px 0}.fake-row{height:9px;background:#dce5f0;border-radius:9px;margin:9px 0}.fake-row.short{width:62%}.experience{position:relative;margin:12px 0;border-radius:12px;padding:15px;background:#182b4c;color:white;box-shadow:0 10px 30px #1d33554a}.experience.banner{border-left:5px solid #65ddb7}.experience.hint{background:#fff;color:#18213a;border:2px solid #79e3bf}.experience.modal{margin-top:90px;text-align:center;padding:25px}.experience.compact{max-width:220px}.experience.wide{width:100%}.placement-marker{font-size:.7rem;color:#55709a;border:1px dashed #9bb0c9;padding:7px 10px;border-radius:7px;text-align:center;margin:7px 0}.placement-marker.center{margin-top:80px}.placement-marker.target{margin-left:35px;text-align:left}.placement-marker.bottom{margin-top:95px}.experience.hotspot:before{content:'+';position:absolute;right:-8px;top:-8px;width:24px;height:24px;border-radius:50%;background:#ff6d7c;display:grid;place-items:center}.experience h3{margin:0 0 7px}.experience p{font-size:.85rem;line-height:1.45;margin:0 0 12px;opacity:.82}.experience button{border:0;border-radius:7px;background:#79e3bf;padding:9px 12px;font-weight:800}.logic-step{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff12}.logic-step span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#243656;color:#aebde0;font-size:.72rem}.logic-step.done span,.logic-step.active span{background:var(--mint);color:#071914}.logic-step small{display:block;color:var(--muted);margin-top:3px}.form-layout{display:grid;grid-template-columns:1fr 430px;gap:16px}.field{display:block;margin-bottom:15px}.field span{display:block;font-size:.76rem;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#0d1729;border:1px solid #314568;border-radius:9px;color:white;padding:12px;font:inherit}.field textarea{min-height:105px;resize:vertical}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.validation{min-height:22px;color:var(--gold);font-size:.83rem}.preview-stage{position:sticky;top:15px}.badge{display:inline-block;font-size:.67rem;font-weight:900;padding:6px 8px;border-radius:99px;background:#253657;color:#b8c7e4}.badge.good{background:#173a34;color:var(--mint)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric strong{font-size:2.4rem;display:block;margin:8px 0}.dashboard{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:15px}.funnel-row{display:grid;grid-template-columns:130px 1fr 40px;gap:10px;align-items:center;margin:15px 0}.bar{height:10px;background:#263754;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--mint))}.trace{list-style:none;padding:0}.trace li{border-left:2px solid var(--line);padding:4px 0 18px 15px}.trace b{display:block}.trace small{color:var(--muted)}.next-card{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#16383b,#13213a);border:1px solid #438274;border-radius:15px;padding:22px}.next-card h2{margin:0 0 7px}.toast{position:fixed;right:22px;bottom:22px;background:#162640;border:1px solid var(--mint);padding:14px 18px;border-radius:10px;box-shadow:0 15px 40px #0008;z-index:20}.toast[hidden]{display:none}.lesson-panel{margin:0 0 16px}.lesson-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.lesson-heading h2{margin:5px 0 0}.lesson-progress{height:6px;background:#263754;border-radius:9px;overflow:hidden;margin:15px 0}.lesson-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--mint));transition:width .2s ease}.lesson-stage{min-height:76px;display:flex;align-items:center}.lesson-visual{width:100%;display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #438274;background:#16383b;border-radius:10px;padding:14px 16px}.lesson-visual span{color:#b8c7e4;font-size:.86rem}.lesson-visual.select{border-color:var(--gold)}.lesson-visual.context{border-color:var(--violet)}.lesson-visual.hotspot{border-color:#ff8d9b}.lesson-visual.checklist{border-color:var(--mint)}.lesson-visual.interaction{border-color:var(--gold)}.disabled-link{opacity:.45;pointer-events:none}.button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.journey{display:none}.grid,.form-layout,.device-wrap,.dashboard{grid-template-columns:1fr}.preview-stage{position:static}.metric-grid{grid-template-columns:1fr 1fr}.page-head{display:block}.progress-card{margin-top:20px}.device-wrap>.panel{order:-1}}@media(max-width:560px){.shell{padding:17px 14px 35px}.local{display:none}.split,.metric-grid{grid-template-columns:1fr}.page-head{padding-top:35px}.page-head h1{font-size:2.65rem}.next-card{display:block}.next-card .button-link{margin-top:15px}}