:root{--night: #0b1e33;--night-2: #112a45;--night-3: #1a3a5c;--cyan: #0e9fb5;--cyan-strong: #0a788a;--cyan-light: #22b8cf;--turq: #14b8a6;--aqua: #5eead4;--aqua-soft: #ccfbf1;--bg: #f5f8fb;--surface: #ffffff;--surface-2: #eef4f8;--ink: #0f1f30;--ink-2: #344a61;--muted: #5b6b7c;--line: #d7e1ea;--warn: #b45309;--warn-bg: #fff7ed;--ok: #047857;--ok-bg: #ecfdf5;--bad: #b91c1c;--bad-bg: #fef2f2;--focus: #f59e0b;--radius: 14px;--radius-s: 9px;--shadow: 0 1px 2px rgba(11, 30, 51, .06), 0 8px 24px rgba(11, 30, 51, .07);--font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);font-size:17px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(1.8rem,3.2vw,2.6rem)}h2{font-size:clamp(1.35rem,2.2vw,1.75rem)}h3{font-size:1.15rem}p{margin:0 0 .9em}a{color:var(--cyan-strong)}img{max-width:100%}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:-999px;top:8px;background:var(--night);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;background:#0b1e33f7;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar-inner{max-width:1240px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.01em;white-space:nowrap}.brand-mark{width:30px;height:30px;flex:none}.brand small{display:block;font-weight:500;font-size:.72rem;color:var(--aqua);letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.nav a{color:#dbe7f1;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:.92rem;font-weight:600;min-height:40px;display:inline-flex;align-items:center;gap:6px}.nav a:hover{background:#ffffff14;color:#fff}.nav a[aria-current=page]{background:#22b8cf38;color:#fff}.lang{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;overflow:hidden;flex:none}.lang button{background:transparent;border:0;color:#cfe0ee;padding:6px 10px;min-width:40px;min-height:36px;cursor:pointer;font-weight:700;font-size:.82rem}.lang button[aria-pressed=true]{background:var(--cyan-light);color:var(--night)}.lang.light{border-color:var(--line)}.lang.light button{color:var(--ink-2)}.menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;min-height:40px;min-width:44px;cursor:pointer}main{flex:1}.container{max-width:1240px;margin:0 auto;padding:28px 20px 56px}.narrow{max-width:860px}.footer{background:var(--night);color:#b9cadb;font-size:.86rem}.footer-inner{max-width:1240px;margin:0 auto;padding:22px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.footer a{color:var(--aqua)}.footer .logo-plate{background:#fff;border-radius:8px;padding:6px 10px;display:inline-flex}.footer .logo-plate img{height:18px;width:auto;display:block}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin-bottom:.35em}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack>*+*{margin-top:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.88rem}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--cyan-strong);margin-bottom:.4em}.lead{font-size:1.12rem;color:var(--ink-2)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.pill.fatto{background:var(--ok-bg);color:var(--ok);border-color:#a7f3d0}.pill.simulato{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.pill.ipotesi{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.pill.da-validare{background:var(--warn-bg);color:var(--warn);border-color:#fed7aa}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 16px;min-height:44px;font-weight:650;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--cyan);background:#f2fbfd}.btn.primary{background:var(--cyan-strong);border-color:var(--cyan-strong);color:#fff}.btn.primary:hover{background:#096d7d}.btn.dark{background:var(--night);color:#fff;border-color:var(--night)}.btn.ghost{background:transparent}.btn.danger{color:var(--bad);border-color:#fecaca}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{min-height:36px;padding:6px 12px;font-size:.88rem}.notice{border-radius:var(--radius-s);padding:12px 14px;background:var(--surface-2);border-left:4px solid var(--cyan);font-size:.94rem}.notice.warn{background:var(--warn-bg);border-left-color:var(--warn)}.notice.ok{background:var(--ok-bg);border-left-color:var(--ok)}.notice.bad{background:var(--bad-bg);border-left-color:var(--bad)}.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:12px}.breadcrumbs a{color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list a,.tag{font-size:.84rem;padding:4px 10px;border-radius:999px;background:var(--aqua-soft);color:#115e59;text-decoration:none;font-weight:600}input[type=search],input[type=text],textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;min-height:44px}textarea{min-height:96px;resize:vertical}label.field{display:block;font-weight:650;margin-bottom:4px}.choice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer;min-height:44px}.choice:hover{border-color:var(--cyan)}.choice input{margin-top:4px;accent-color:var(--cyan-strong);width:18px;height:18px;flex:none}.choice.selected{border-color:var(--cyan-strong);background:#f0fbfd}.choice.good{border-color:var(--ok);background:var(--ok-bg)}.choice.bad{border-color:#fca5a5;background:var(--bad-bg)}.choices{display:grid;gap:8px}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--turq))}.meter{display:grid;grid-template-columns:minmax(140px,1.3fr) 2fr auto;gap:12px;align-items:center}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th,table.data td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}table.data th{background:var(--surface-2);font-weight:700}.section-title{display:flex;align-items:center;gap:10px;margin:28px 0 14px}.icon-badge{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--aqua-soft);color:#0f766e;flex:none}.hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(34,184,207,.25),transparent 60%),linear-gradient(160deg,var(--night) 0%,var(--night-2) 60%,#0f3550 100%);color:#fff}.hero-inner{max-width:1240px;margin:0 auto;padding:48px 20px 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.2em}.hero .tagline{color:var(--aqua);font-weight:700;font-size:1.25rem;letter-spacing:.02em}.hero .claim{font-size:1.15rem;color:#d7e6f2;max-width:40ch}.edition-box{border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:18px;background:#ffffff0d;font-size:.95rem}.edition-box strong{color:#fff}.edition-box .muted{color:#a9bfd3}.edition-teacher{margin-top:8px;color:#a9bfd3}.edition-teacher a{color:var(--aqua);font-weight:700;text-decoration:underline;text-decoration-color:#5eead473;text-underline-offset:3px}.edition-teacher a:hover{text-decoration-color:var(--aqua)}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:-26px}.mode{position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s;min-height:200px}.mode:hover{transform:translateY(-2px);border-color:var(--cyan)}.mode .mode-name{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:.06em;color:var(--night)}.mode .icon-badge{width:48px;height:48px}.mode .go{margin-top:auto;font-weight:700;color:var(--cyan-strong);display:inline-flex;gap:6px;align-items:center}.logo-discreet{height:22px;width:auto;opacity:.9}.present-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#06121f;color:#fff;display:flex;flex-direction:column;z-index:50}.present-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#081829;border-bottom:1px solid #16324f;font-size:.88rem;flex-wrap:wrap}.present-bar .btn{background:#0f2a45;color:#e2eef8;border-color:#1f4366;min-height:38px;padding:6px 11px;font-size:.86rem}.present-bar .btn:hover{background:#163a5e}.present-bar .btn[aria-pressed=true]{background:var(--cyan-strong);border-color:var(--cyan-strong)}.present-bar .title{color:#9fb6cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:80px;display:flex;gap:6px}.present-bar .title-main{overflow:hidden;text-overflow:ellipsis;min-width:0}.present-bar .title-time{flex:none;color:var(--aqua)}.present-bar .title-time:before{content:"· ";color:#9fb6cc}.present-body{flex:1;display:flex;min-height:0}.stage-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:14px;min-width:0}.stage{aspect-ratio:16 / 9;width:min(100%,calc((100vh - 120px) * 16 / 9));background:linear-gradient(160deg,var(--night) 0%,#0d2440 100%);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006;container-type:inline-size;--u: 1cqw}.stage-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:calc(4.2 * var(--u)) calc(5 * var(--u)) calc(5.2 * var(--u));display:grid;grid-template-rows:auto 1fr;gap:calc(2 * var(--u))}.stage .s-kicker{color:var(--aqua);font-size:calc(1.15 * var(--u));letter-spacing:.14em;text-transform:uppercase;font-weight:700}.stage h1,.stage h2{font-size:calc(3.1 * var(--u));margin:calc(.2 * var(--u)) 0 calc(.6 * var(--u));color:#fff}.stage .s-lead{font-size:calc(1.65 * var(--u));color:#cfe0ee;max-width:80ch;margin:0}.stage-content{display:grid;grid-template-columns:1fr 1.15fr;gap:calc(3 * var(--u));min-height:0}.stage-content.full{grid-template-columns:1fr}.s-points{list-style:none;margin:0;padding:0;display:grid;gap:calc(1.1 * var(--u));align-content:start}.s-points li{font-size:calc(1.7 * var(--u));line-height:1.35;padding-left:calc(2.2 * var(--u));position:relative;color:#eaf3fa;transition:opacity .35s,transform .35s}.s-points li:before{content:"";position:absolute;left:0;top:.55em;width:calc(.9 * var(--u));height:calc(.9 * var(--u));border-radius:50%;background:var(--turq)}.s-points li.hidden{opacity:0;transform:translateY(6px)}.s-points li.dim{color:#9fb6cc}.stage-footer{position:absolute;left:calc(5 * var(--u));right:calc(5 * var(--u));bottom:calc(1.6 * var(--u));display:flex;justify-content:space-between;align-items:center;font-size:calc(1 * var(--u));color:#7f9ab3}.stage-progress{position:absolute;left:0;right:0;bottom:0;height:calc(.45 * var(--u));background:#ffffff14}.stage-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan-light),var(--aqua))}.stage .visual{min-height:0;display:flex;flex-direction:column;justify-content:center}.stage .q-box{margin-top:calc(1.2 * var(--u));border-left:calc(.35 * var(--u)) solid var(--aqua);padding:calc(.6 * var(--u)) calc(1.2 * var(--u));font-size:calc(1.45 * var(--u));color:#e8f6f4;background:#5eead414;border-radius:0 calc(.8 * var(--u)) calc(.8 * var(--u)) 0}.notes-panel{width:360px;background:#0b1d31;border-left:1px solid #16324f;padding:16px;overflow-y:auto;font-size:.95rem}.notes-panel h3{color:var(--aqua);font-size:1rem}.notes-panel li{margin-bottom:8px;color:#dbe7f1}.notes-panel .muted{color:#8fa8bf}.timer{font-variant-numeric:tabular-nums;font-weight:800;color:#fff;background:#0f2a45;border:1px solid #1f4366;border-radius:8px;padding:4px 10px;min-width:64px;text-align:center}.timer.done{background:var(--warn);border-color:var(--warn)}.present-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#040c16d1;display:flex;align-items:center;justify-content:center;z-index:5;padding:20px}.present-overlay .panel{background:#fff;color:var(--ink);border-radius:16px;padding:24px;max-width:560px;width:100%;max-height:90%;overflow:auto}.v-cards{display:grid;gap:calc(1.1 * var(--u))}.v-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:calc(1 * var(--u));padding:calc(1.2 * var(--u)) calc(1.3 * var(--u))}.v-card h4{font-size:calc(1.45 * var(--u));margin:0 0 calc(.3 * var(--u));color:#fff;display:flex;gap:calc(.6 * var(--u));align-items:center}.v-card p{font-size:calc(1.2 * var(--u));margin:0;color:#c6d8e7;line-height:1.35}.v-card.accent{border-color:#22b8cf99}.v-card.warn{border-color:#fbbf2499}.v-card.ok{border-color:#5eead499}.v-card svg{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));color:var(--aqua);flex:none}.v-flow{display:flex;align-items:stretch;gap:calc(.5 * var(--u));flex-wrap:nowrap}.v-flow .node{flex:1;background:#ffffff0f;border:1px solid rgba(34,184,207,.5);border-radius:calc(1 * var(--u));padding:calc(1 * var(--u)) calc(.7 * var(--u));text-align:center;min-width:0}.v-flow .node svg{width:calc(2.2 * var(--u));height:calc(2.2 * var(--u));color:var(--aqua)}.v-flow .node strong{display:block;font-size:calc(1.25 * var(--u));color:#fff;margin-top:calc(.3 * var(--u))}.v-flow .node span{display:block;font-size:calc(1 * var(--u));color:#a9bfd3}.v-flow .arrow{align-self:center;color:var(--cyan-light);font-size:calc(1.6 * var(--u))}.v-caption{font-size:calc(1.1 * var(--u));color:#9fb6cc;margin-top:calc(.8 * var(--u))}.v-compare{display:grid;grid-template-columns:1fr 1fr;gap:calc(1.2 * var(--u))}.v-compare ul{margin:0;padding-left:calc(1.4 * var(--u))}.v-compare li{font-size:calc(1.25 * var(--u));color:#dbe7f1;margin-bottom:calc(.4 * var(--u))}.v-table{width:100%;border-collapse:separate;border-spacing:calc(.3 * var(--u));font-size:calc(1.1 * var(--u))}.v-table th{color:var(--aqua);text-align:left;padding:calc(.4 * var(--u)) calc(.6 * var(--u));font-size:calc(1.15 * var(--u))}.v-table td{background:#ffffff0f;padding:calc(.6 * var(--u)) calc(.7 * var(--u));color:#dbe7f1;border-radius:calc(.5 * var(--u));vertical-align:top}.v-table td.rowlabel{background:transparent;color:#fff;font-weight:700}.v-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(1 * var(--u))}.v-level{border-radius:calc(1 * var(--u));padding:calc(1.2 * var(--u));background:#ffffff0f;border-top:calc(.5 * var(--u)) solid var(--turq)}.v-level.B{border-top-color:var(--cyan-light)}.v-level.C{border-top-color:#f59e0b}.v-level .big{font-size:calc(3 * var(--u));font-weight:800;color:#fff;line-height:1}.v-level h4{font-size:calc(1.35 * var(--u));color:#fff;margin:calc(.4 * var(--u)) 0}.v-level p{font-size:calc(1.1 * var(--u));color:#c6d8e7;margin:0}.v-note{font-size:calc(1.1 * var(--u));color:#fcd34d;margin-top:calc(1 * var(--u))}.v-triad{position:relative;height:100%;min-height:calc(20 * var(--u))}.v-triad .v-card{position:absolute;width:42%}.v-triad .t0{top:0;left:29%}.v-triad .t1{bottom:0;left:0}.v-triad .t2{bottom:0;right:0}.v-triad .center{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;width:46%;font-size:calc(1.3 * var(--u));color:var(--aqua);font-weight:700}.v-poll{display:grid;gap:calc(.7 * var(--u))}.v-poll button{display:grid;grid-template-columns:1fr auto;gap:calc(1 * var(--u));align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:calc(.8 * var(--u));padding:calc(.7 * var(--u)) calc(1 * var(--u));font-size:calc(1.25 * var(--u));cursor:pointer;text-align:left;position:relative;overflow:hidden}.v-poll button .fill{position:absolute;inset:0 auto 0 0;background:#22b8cf40;z-index:0;transition:width .3s}.v-poll button span{position:relative;z-index:1}.v-check{list-style:none;padding:0;margin:0;display:grid;gap:calc(.6 * var(--u))}.v-check li{font-size:calc(1.3 * var(--u));color:#e6f0f7;display:flex;gap:calc(.8 * var(--u));align-items:flex-start}.v-check li svg{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));color:var(--aqua);flex:none;margin-top:calc(.15 * var(--u))}.v-steps{display:grid;gap:calc(.8 * var(--u));grid-auto-flow:column;grid-auto-columns:1fr;counter-reset:step}.v-step{background:#ffffff0f;border-radius:calc(1 * var(--u));padding:calc(1 * var(--u));border-top:calc(.4 * var(--u)) solid var(--cyan-light)}.v-step strong{display:block;color:#fff;font-size:calc(1.3 * var(--u));margin-bottom:calc(.3 * var(--u))}.v-step span{font-size:calc(1.1 * var(--u));color:#c6d8e7}.v-spectrum{display:grid;gap:calc(.7 * var(--u))}.v-band{display:grid;grid-template-columns:30% 1fr;gap:calc(1 * var(--u));align-items:center;border-radius:calc(.8 * var(--u));padding:calc(.8 * var(--u)) calc(1 * var(--u));background:#ffffff0d;border-left:calc(.5 * var(--u)) solid var(--turq)}.v-band.accent{border-left-color:var(--cyan-light)}.v-band.warn{border-left-color:#f59e0b}.v-band strong{font-size:calc(1.3 * var(--u));color:#fff}.v-band span{font-size:calc(1.15 * var(--u));color:#c6d8e7}.v-quote{font-size:calc(2.2 * var(--u));color:#fff;font-weight:600;line-height:1.3;border-left:calc(.5 * var(--u)) solid var(--aqua);padding-left:calc(2 * var(--u))}.v-mock{background:#f8fafc;color:var(--ink);border-radius:calc(1 * var(--u));padding:calc(1.2 * var(--u));font-size:calc(1.12 * var(--u))}.v-mock .prompt{background:#e0f2fe;border-radius:calc(.7 * var(--u));padding:calc(.6 * var(--u)) calc(.9 * var(--u));margin-bottom:calc(.8 * var(--u));font-weight:600}.v-mock p{margin:0 0 calc(.5 * var(--u))}.v-flags{display:grid;grid-template-columns:1fr 1fr;gap:calc(.6 * var(--u));margin-top:calc(.8 * var(--u))}.v-flags div{background:#fbbf2426;border:1px solid rgba(251,191,36,.5);border-radius:calc(.6 * var(--u));padding:calc(.5 * var(--u)) calc(.7 * var(--u));font-size:calc(1 * var(--u));color:#fde68a}.v-flags strong{color:#fff;display:block}.stage .chart-svg{width:100%;height:auto;max-height:100%}.hero-scene{display:flex;flex-direction:column;justify-content:center;height:100%;gap:calc(1.4 * var(--u))}.hero-scene h1{font-size:calc(5.4 * var(--u));color:#fff;margin:0}.hero-scene .sub{font-size:calc(2 * var(--u));color:var(--aqua);font-weight:600;max-width:60ch}.hero-scene .edition{font-size:calc(1.15 * var(--u));color:#a9bfd3;border-top:1px solid rgba(255,255,255,.15);padding-top:calc(1.2 * var(--u));max-width:80ch}.hero-scene .edition strong{color:#fff}.logo-plate{background:#fff;border-radius:calc(.8 * var(--u));padding:calc(.8 * var(--u)) calc(1.2 * var(--u));display:inline-flex;align-self:flex-start}.logo-plate img{height:calc(2.2 * var(--u));width:auto;display:block}.qr-box{background:#fff;padding:calc(.8 * var(--u));border-radius:calc(.8 * var(--u));display:inline-flex}.qr-box img{width:calc(9 * var(--u));height:calc(9 * var(--u));display:block}.interaction-box{display:flex;gap:calc(1.4 * var(--u));align-items:center;background:#22b8cf1f;border:1px solid rgba(34,184,207,.45);border-radius:calc(1 * var(--u));padding:calc(1 * var(--u)) calc(1.4 * var(--u));margin-top:calc(1 * var(--u))}.interaction-box .lbl{font-size:calc(1.35 * var(--u));color:#fff;font-weight:700}.interaction-box .hint{font-size:calc(1.05 * var(--u));color:#a9bfd3}.interaction-box .btn{font-size:calc(1.15 * var(--u));min-height:auto;padding:calc(.6 * var(--u)) calc(1.2 * var(--u))}.light-visual{background:linear-gradient(160deg,var(--night) 0%,#0d2440 100%);border-radius:var(--radius);padding:20px;container-type:inline-size;--u: clamp(11px, 1.4cqw, 13px);color:#fff;overflow-x:auto}.light-visual .visual-scale{font-size:1rem}.lab-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.return-bar{background:var(--night);color:#fff;padding:8px 20px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:.92rem}.return-bar a{color:var(--aqua);font-weight:700}.scenario-nav{display:flex;gap:6px;flex-wrap:wrap}.scenario-nav button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700}.scenario-nav button[aria-current=true]{border-color:var(--cyan-strong);background:var(--cyan-strong);color:#fff}.scenario-nav button.done{background:var(--aqua-soft);border-color:#5eead4}.scenario-nav button.done[aria-current=true]{background:var(--cyan-strong);color:#fff}.feedback{border-radius:var(--radius);padding:16px;background:#f0fbfd;border:1px solid #bae6fd}.feedback h4{margin:0 0 6px}.check-row{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px dashed var(--line)}.check-row:last-child{border-bottom:0}.status-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}.status-dot.ok{background:var(--ok-bg);color:var(--ok)}.status-dot.no{background:var(--warn-bg);color:var(--warn)}.workflow{display:flex;gap:8px;align-items:stretch;overflow-x:auto;padding-bottom:6px}.workflow button.node{flex:1;min-width:118px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:14px;border:2px solid var(--line);background:#fff;cursor:pointer;font-weight:700}.workflow button.node[aria-pressed=true]{border-color:var(--cyan-strong);background:#f0fbfd}.workflow button.node .count{font-size:.78rem;color:var(--muted);font-weight:600}.workflow .arrow{align-self:center;color:var(--cyan)}.chart-card svg{width:100%;height:auto}.canvas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.level-result{border-radius:var(--radius);padding:18px;color:#fff}.level-result.A{background:linear-gradient(135deg,#0f766e,#14b8a6)}.level-result.B{background:linear-gradient(135deg,#0b7f91,#22b8cf)}.level-result.C{background:linear-gradient(135deg,#92400e,#d97706)}.level-result .big{font-size:2.6rem;font-weight:800;line-height:1}.dims{display:grid;gap:12px}.compare-bars{display:grid;gap:4px}.compare-bars .b{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.compare-bars .b span{display:block;height:100%}.compare-bars .b.i span{background:#94a3b8}.compare-bars .b.f span{background:var(--turq)}.glossary-item{scroll-margin-top:80px}.glossary-item dt{font-weight:800;font-size:1.1rem}.mark-hit{background:#fef08a;padding:0 2px;border-radius:3px}.drawer{position:fixed;inset:0 0 0 auto;width:min(460px,100%);background:#fff;color:var(--ink);z-index:80;box-shadow:-10px 0 40px #0000004d;display:flex;flex-direction:column}.drawer header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.drawer .body{overflow-y:auto;padding:16px;flex:1}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c1680;z-index:79}@media (max-width: 1000px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:1fr}.notes-panel{position:absolute;right:0;top:52px;bottom:0;z-index:6;width:min(360px,90vw)}}@media (max-width: 760px){body{font-size:16px}.grid-2,.grid-3,.grid-4,.canvas-grid{grid-template-columns:1fr}.modes{grid-template-columns:1fr;margin-top:16px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--night);flex-direction:column;padding:8px 12px 14px}.nav.open{display:flex}.topbar-inner{position:relative;flex-wrap:wrap}.footer-inner{grid-template-columns:1fr}.meter{grid-template-columns:1fr;gap:4px}.container{padding:20px 14px 48px}.present-bar .title{display:none}.stage-content{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{.topbar,.footer,.no-print,.return-bar{display:none!important}body{background:#fff}}.hero-points{margin-top:calc(1.6 * var(--u));grid-template-columns:1fr 1fr;column-gap:calc(3 * var(--u))}.hero-points li{font-size:calc(1.45 * var(--u))}.stage-content>div{min-width:0}.s-points{gap:calc(.8 * var(--u))}.s-points li{font-size:calc(1.55 * var(--u))}.stage .q-box{font-size:calc(1.3 * var(--u));margin-top:calc(.9 * var(--u))}.interaction-box{padding:calc(.7 * var(--u)) calc(1.1 * var(--u));margin-top:calc(.8 * var(--u));gap:calc(1.1 * var(--u))}.interaction-box .qr-box{padding:calc(.4 * var(--u))}.interaction-box .qr-box img{width:calc(6.5 * var(--u));height:calc(6.5 * var(--u))}.interaction-box .lbl{font-size:calc(1.25 * var(--u))}.stage-inner{padding:calc(3.6 * var(--u)) calc(4.6 * var(--u)) calc(4.6 * var(--u));gap:calc(1.6 * var(--u))}.v-triad .triad-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.modes[data-paths] .mode-name{font-size:1.3rem;letter-spacing:.04em}.mode .mode-who{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan-strong)}.always{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}.pill.ok{background:var(--ok-bg);color:var(--ok);border-color:#a7f3d0}.agenda-module{padding:0}.agenda-module>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}.agenda-module>summary::-webkit-details-marker{display:none}.agenda-module>summary:before{content:"▸";color:var(--cyan-strong);font-weight:700}.agenda-module[open]>summary:before{content:"▾"}.agenda-module>:not(summary){margin-left:18px;margin-right:18px}.agenda-head{display:flex;flex-direction:column;flex:1;min-width:0}.agenda-scenes{padding-left:22px;margin:0 18px 16px}.agenda-scenes>li{padding:10px 0;border-top:1px solid var(--line)}.agenda-scenes details summary{cursor:pointer;color:var(--cyan-strong);font-weight:600;margin-top:4px}kbd{font-family:ui-monospace,Consolas,monospace;font-size:.85em;background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;white-space:nowrap}.resume-card{border-left:4px solid var(--cyan)}.path-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.path-item{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:56px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.path-item:hover{border-color:var(--cyan)}.path-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--night);color:#fff;font-weight:700;font-size:.85rem}.path-text{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.status-tag{font-size:.75rem;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.status-tag.inProgress{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.status-tag.completed{background:var(--ok-bg);color:var(--ok);border-color:#a7f3d0}.module-jump{display:grid;gap:8px}.module-jump .btn{justify-content:flex-start;text-align:left}.demo-steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.demo-steps a{flex:1 0 auto;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-s);text-decoration:none;color:var(--muted);border:1px solid var(--line);background:var(--surface);font-size:.85rem}.demo-steps a .dot{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:700}.demo-steps a.done .dot{background:var(--aqua-soft);color:var(--cyan-strong)}.demo-steps a[aria-current=step]{border-color:var(--cyan);color:var(--ink);font-weight:700}.demo-steps a[aria-current=step] .dot{background:var(--cyan-strong);color:#fff}.demo-card{min-height:340px}.demo-points{padding-left:20px}.demo-points li{margin:8px 0}.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.demo-stats>div{background:var(--night);color:#fff;border-radius:var(--radius);padding:16px;text-align:center}.demo-stats strong{display:block;font-family:var(--font-display);font-size:2rem;color:var(--aqua)}.demo-facilitator .logo-plate{display:inline-flex;margin-bottom:12px;padding:8px 12px;border-radius:8px;border:1px solid var(--line)}.demo-credits{margin-top:28px;border-top:1px solid var(--line);padding-top:14px}@media (max-width: 760px){.demo-steps a .label{display:none}.demo-steps a[aria-current=step] .label{display:inline}.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-module>summary{flex-wrap:wrap}}.journey{position:relative;margin-top:28px;padding:22px 22px 20px;border-radius:20px;border:1px solid #c9e9ee;background:radial-gradient(120% 140% at 85% 0%,#5eead438,#22b8cf1a 38%,#fff0 70%),linear-gradient(180deg,#eaf7fa,#f4fbfc);box-shadow:var(--shadow)}.journey-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.journey-mark{flex:none;width:48px;height:48px;display:grid;place-items:center;color:var(--night-3)}.journey-titles{flex:1;min-width:0}.journey-titles h1,.journey-titles h2{margin:0;font-family:var(--font-display);font-size:1.55rem;color:var(--night);line-height:1.2}.journey-titles p{margin:4px 0 0;color:var(--ink-2)}.journey-titles .journey-facilitator{font-size:.88rem;color:var(--muted)}.journey-facilitator a{color:var(--cyan-strong);font-weight:700}.journey-total{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:600;color:var(--night);box-shadow:0 1px 2px #0b1e330f;white-space:nowrap}.journey-track{position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;padding-top:2px}.journey-track:before{content:"";position:absolute;left:4%;right:4%;top:20px;height:2px;background:linear-gradient(90deg,var(--turq),var(--cyan));opacity:.7}.journey-stage{position:relative;display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:10px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:center;min-width:0;border-radius:16px}.journey-stage:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.journey-dot{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--cyan);color:var(--night);font-weight:800;font-size:.9rem}.journey-card{position:relative;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;min-height:128px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0b1e330d,0 6px 16px #0b1e330f;transition:transform .15s,border-color .15s}.journey-stage:hover .journey-card{border-color:var(--cyan);transform:translateY(-2px)}.journey-keyword{font-size:.66rem;font-weight:800;letter-spacing:.1em;color:var(--muted)}.journey-icon{color:var(--cyan-strong)}.journey-short{font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1.2;color:var(--night)}.journey-meta{margin-top:auto;font-size:.74rem;color:var(--muted);white-space:nowrap}.journey-stage.is-selected .journey-dot{background:var(--night-2);border-color:var(--night-2);color:#fff;box-shadow:0 0 0 4px #5eead473}.journey-stage.is-selected .journey-card{background:linear-gradient(160deg,var(--cyan-strong),#0a5f6c);border-color:#0a5f6c;transform:translateY(-3px)}.journey-stage.is-selected .journey-card:after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;background:#0a5f6c;transform:translate(-50%) rotate(45deg);border-radius:2px}.journey-stage.is-selected .journey-keyword{color:var(--aqua-soft)}.journey-stage.is-selected .journey-icon,.journey-stage.is-selected .journey-short{color:#fff}.journey-stage.is-selected .journey-meta{color:#d4f3f6}.journey-detail{margin-top:18px;display:grid;grid-template-columns:170px minmax(0,1.5fr) repeat(3,minmax(0,1fr)) auto;gap:18px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 1px 2px #0b1e330d}.journey-detail:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.journey-visual{position:relative;height:112px;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:var(--aqua);background:radial-gradient(90% 90% at 80% 20%,#5eead459,#5eead400 60%),linear-gradient(140deg,var(--night-3),var(--night))}.journey-visual-n{position:absolute;left:10px;top:8px;font-weight:800;font-size:.8rem;color:#9fd8e2}.journey-visual-k{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-weight:800;letter-spacing:.12em;font-size:.72rem;color:#fff}.journey-main h3{margin:0 0 6px;font-family:var(--font-display);font-size:1.3rem;color:var(--night)}.journey-main p{margin:0;font-size:.92rem;color:var(--ink-2)}.journey-facts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;font-size:.85rem}.journey-facts div{display:flex;gap:6px}.journey-facts dt{color:var(--muted)}.journey-facts dt:after{content:":"}.journey-facts dd{margin:0;font-weight:600;color:var(--night)}.journey-col{border-left:1px solid var(--line);padding-left:14px;font-size:.88rem;color:var(--ink-2);min-width:0}.journey-col h4{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:.95rem;color:var(--cyan-strong)}.journey-col p{margin:0}.journey-col ul{margin:0;padding-left:16px}.journey-col li+li{margin-top:3px}.journey-actions{display:flex;flex-direction:column;gap:8px;min-width:190px}.journey-actions .btn{justify-content:center}.journey-page .journey{margin-top:0}@media (max-width: 1560px){.journey-detail{grid-template-columns:150px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.journey-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;min-width:0}}@media (max-width: 1000px){.journey-detail{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 1100px){.journey-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;row-gap:18px}.journey-track:before{display:none}}@media (max-width: 760px){.journey{padding:16px 12px}.journey-head{flex-wrap:wrap;gap:10px}.journey-mark{display:none}.journey-titles h1,.journey-titles h2{font-size:1.25rem}.journey-total{white-space:normal}.journey-detail{grid-template-columns:minmax(0,1fr)}.journey-visual{display:none}.journey-col{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}.journey-actions{flex-direction:column}}@media (max-width: 640px){.journey-track{grid-template-columns:minmax(0,1fr);row-gap:8px}.journey-track:before{display:block;left:19px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(180deg,var(--turq),var(--cyan))}.journey-stage{flex-direction:row;align-items:center;text-align:left;gap:12px}.journey-card{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-areas:"icon short" "icon meta";align-items:center;column-gap:10px;row-gap:2px;min-height:0;padding:10px 12px}.journey-keyword{display:none}.journey-icon{grid-area:icon}.journey-short{grid-area:short}.journey-meta{grid-area:meta;margin-top:0}.journey-stage.is-selected .journey-card{transform:none}.journey-stage.is-selected .journey-card:after{left:-9px;bottom:auto;top:50%;transform:translateY(-50%) rotate(45deg)}}@media (prefers-reduced-motion: reduce){.journey-card{transition:none}.journey-stage:hover .journey-card,.journey-stage.is-selected .journey-card{transform:none}}@media print{.journey{box-shadow:none}}.me-card{margin-bottom:18px}.me-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.me-row input{flex:1 1 260px;min-width:0;max-width:520px}