.mdemo-actI{--arr:clamp(0, calc(var(--p) / .05), 1);width:min(900px,94vw);height:clamp(320px,46vh,460px);position:relative}.mdemo-actI .mdemo-doc{transform:translate(calc(-50% - 236px), -50%) scale(calc(.94 + var(--arr) * .06));opacity:1;position:absolute;top:50%;left:50%}.mdemo-actI .mdemo-case{--flash:clamp(0, min(calc((var(--p) - .4) / .03), calc((.48 - var(--p)) / .03)), 1);--tick:clamp(0, calc((var(--p) - .75) / .2), 1);transform:translate(calc(-50% + 230px), -50%) scale(calc(.94 + var(--arr) * .06 + var(--flash) * .01 + var(--tick) * .012));opacity:1;box-shadow:0 50px 110px #0f172a3d, 0 0 0 calc(var(--flash) * 2.5px) color-mix(in srgb, var(--ui-primary-bg) 55%, transparent);position:absolute;top:50%;left:50%}.mdemo-actI .mdemo-slot{--rv:clamp(0, calc((var(--p) - (.225 + var(--i) * .07)) / .05), 1)}.mdemo-actI .mdemo-slot-v{transform:translateX(calc((1 - var(--rv)) * -14px))}.mdemo-actI .mdemo-scan{top:calc((.05 + clamp(0, calc((var(--p) - .09) / .29), 1) * .45) * 100%);opacity:clamp(0, min(calc((var(--p) - .09) / .03), calc((.4 - var(--p)) / .04)), 1)}.mdemo-read{flex-direction:column;gap:clamp(10px,1.3vw,16px);margin-top:clamp(8px,1vw,14px);display:flex}.mdemo-readrow{--rz:clamp(0, calc((var(--p) - (.19 + var(--i) * .07)) / .05), 1);align-items:center;gap:10px;display:flex}.mdemo-readrow-label{color:var(--ui-muted-text);flex:0 0 34%;font-size:clamp(11px,.95vw,14px)}.mdemo-readzone{background:color-mix(in srgb, var(--cue-extracted) calc(var(--rz) * 12%), transparent);box-shadow:inset 0 0 0 calc(.5px + var(--rz) * 1px) color-mix(in srgb, var(--cue-extracted) calc(28% + var(--rz) * 42%), transparent);border-radius:5px;flex:1;align-items:center;gap:6px;padding:3px 8px;display:flex;position:relative}.mdemo-readrow-val{color:var(--app-text);white-space:nowrap;font-size:clamp(12px,1vw,15px);font-weight:600}.mdemo-divider{border-top:1px dashed color-mix(in srgb, var(--app-text) 22%, transparent);margin:clamp(13px,1.7vw,22px) 0 clamp(11px,1.4vw,16px);position:relative}.mdemo-divider span{background:var(--ui-surface);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted-text);padding-right:9px;font-size:clamp(9px,.76vw,12px);font-weight:700;position:absolute;top:0;left:0;transform:translateY(-50%)}.mdemo-write{flex-direction:column;gap:clamp(10px,1.3vw,16px);display:flex}.mdemo-writerow{--wv:clamp(0, calc((var(--p) - (.5 + var(--i) * .1)) / .06), 1);align-items:center;gap:10px;display:flex}.mdemo-write-passthrough{--cue:var(--cue-extracted)}.mdemo-write-static{--cue:var(--cue-static)}.mdemo-writerow-label{color:var(--ui-muted-text);flex:0 0 34%;font-size:clamp(11px,.95vw,14px)}.mdemo-writebox{outline:1.5px dashed color-mix(in srgb, var(--ui-primary-bg) 42%, transparent);outline-offset:-1.5px;border-left:calc(1px + var(--wv) * 2px) solid color-mix(in srgb, var(--cue) calc(30% + var(--wv) * 55%), transparent);background:color-mix(in srgb, var(--cue) calc(var(--wv) * 8%), transparent);border-radius:5px;flex:1;align-items:center;gap:6px;min-height:1.75em;padding:3px 8px 3px 10px;display:flex;position:relative}
.mdemo-bind{opacity:clamp(0, calc((.68 - var(--p)) / .04), 1);flex-wrap:wrap}.mdemo-actII .mdemo-case2{--cv:clamp(0, calc(var(--p) / .1), 1);opacity:var(--cv);transform:translateX(calc((1 - var(--cv)) * 64px))}.mdemo-case2 .mdemo-slot{--rv:1}.mdemo-newdoc .mdemo-doc-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mdemo-agree{flex-direction:column;gap:clamp(11px,1.5vw,18px);margin-top:clamp(8px,1vw,14px);display:flex}.mdemo-agreerow{--fill:clamp(0, calc((var(--p) - (.12 + var(--i) * .055)) / .05), 1);align-items:baseline;gap:10px;display:flex}.mdemo-agreerow-label{color:var(--ui-muted-text);flex:0 0 32%;font-size:clamp(11px,.95vw,14px)}.mdemo-agreerow-fill{border-bottom:1.5px solid color-mix(in srgb, var(--app-text) 18%, transparent);flex:1;align-items:baseline;gap:8px;padding-bottom:3px;display:flex}.mdemo-bindsrc{color:var(--cue-static);background:color-mix(in srgb, var(--cue-static) 12%, transparent);opacity:var(--fill);border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:1px 8px 1px 5px;font-size:clamp(9px,.74vw,11px);font-weight:600;display:inline-flex}.mdemo-bindsrc .mdemo-cue{width:clamp(11px,.9vw,13px);height:clamp(11px,.9vw,13px);margin:0}.mdemo-countdown{--cd:clamp(0, calc((var(--p) - .36) / .05), 1);color:var(--cue-computed);background:color-mix(in srgb, var(--cue-computed) 12%, transparent);opacity:var(--cd);transform:translateY(calc((1 - var(--cd)) * 6px));border-radius:999px;align-items:center;gap:6px;margin-top:clamp(10px,1.3vw,16px);padding:4px 11px;font-size:clamp(11px,.95vw,14px);font-weight:600;display:inline-flex}.mdemo-countdown b{font-weight:800}.mdemo-genbadge{--gv:clamp(0, calc((var(--p) - .5) / .05), 1);letter-spacing:.04em;color:var(--ui-primary-bg);background:color-mix(in srgb, var(--ui-primary-bg) 12%, transparent);opacity:var(--gv);transform:scale(calc(.7 + var(--gv) * .3));border-radius:999px;align-items:center;gap:4px;padding:2px 9px 2px 6px;font-size:clamp(9px,.74vw,11px);font-weight:700;display:inline-flex}.mdemo-genbadge .mdemo-cue{width:clamp(11px,.9vw,13px);height:clamp(11px,.9vw,13px);margin:0}.mdemo-savefile{--sv:clamp(0, calc((var(--p) - .54) / .06), 1);opacity:clamp(0, calc(var(--sv) / .3), 1);align-items:center;gap:9px;margin-top:clamp(14px,1.8vw,22px);display:flex}.mdemo-savename{white-space:nowrap;max-width:calc(var(--sv) * 32ch);font-family:var(--font-mono,ui-monospace, "SFMono-Regular", monospace);color:var(--app-text);font-size:clamp(10px,.82vw,12px);font-weight:600;overflow:hidden}.mdemo-savechip{color:var(--ui-primary-bg);background:color-mix(in srgb, var(--ui-primary-bg) 14%, transparent);border-radius:999px;flex:none;padding:1px 8px;font-size:clamp(9px,.72vw,11px);font-weight:700}
.mdemo-dossier{flex-direction:column;gap:clamp(5px,.6vw,9px);height:100%;display:flex}.mdemo-dossier-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ui-primary-bg);font-size:clamp(6.5px,.62vw,10px);font-weight:600}.mdemo-dossier-head{flex-direction:column;gap:2px;display:flex}.mdemo-dossier-id{font-family:var(--font-display,inherit);letter-spacing:-.02em;color:var(--app-text);font-size:clamp(15px,1.75vw,30px);font-weight:800;line-height:1.05}.mdemo-dossier-sub{color:color-mix(in srgb, var(--app-text) 70%, transparent);font-size:clamp(8px,.8vw,13px)}.mdemo-dossier-stats{border-bottom:1px solid var(--app-border);gap:clamp(12px,1.8vw,30px);padding-bottom:clamp(5px,.6vw,9px);display:flex}.mdemo-dossier-stats b{font-family:var(--font-display,inherit);letter-spacing:-.01em;color:var(--app-text);font-size:clamp(11px,1.15vw,19px);font-weight:700;line-height:1;display:block}.mdemo-dossier-stats i{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted-text);margin-top:3px;font-size:clamp(5.5px,.54vw,9px);font-style:normal;font-weight:600;display:block}.mdemo-dossier-card{border:1px solid var(--app-border);background:var(--ui-surface);border-radius:10px;flex:1;min-height:0;padding:clamp(8px,.95vw,15px)}.mdemo-dossier-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:clamp(7px,.95vw,15px) clamp(8px,1.3vw,22px);display:grid}.mdemo-dossier-field{--fv:clamp(0, calc((var(--rv) - var(--i) * .07) / .4), 1);min-width:0;opacity:var(--fv);transform:translateY(calc((1 - var(--fv)) * 9px))}.mdemo-dossier-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;white-space:nowrap;color:color-mix(in srgb, var(--ui-muted-text) 65%, transparent);align-items:center;gap:clamp(3px,.35vw,6px);margin-bottom:3px;font-size:clamp(5.5px,.55vw,9px);font-weight:600;display:flex}.mdemo-prov{background:color-mix(in srgb, var(--cue) 15%, transparent);width:clamp(9px,.92vw,15px);height:clamp(9px,.92vw,15px);color:var(--cue);border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mdemo-prov svg{width:62%;height:62%}.mdemo-prov.is-extracted{--cue:var(--cue-extracted)}.mdemo-prov.is-static{--cue:var(--cue-static)}.mdemo-prov.is-computed{--cue:var(--cue-computed)}.mdemo-dossier-type{width:clamp(7px,.72vw,12px);height:clamp(7px,.72vw,12px);color:color-mix(in srgb, var(--ui-muted-text) 50%, transparent);flex:none}.mdemo-dossier-val{letter-spacing:-.005em;color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8.5px,.92vw,15px);font-weight:600;display:block;overflow:hidden}.mdemo-dossier-file{--dfv:clamp(0, calc((var(--rv) - .5) / .3), 1);border-top:1px solid var(--app-border);color:var(--app-text);opacity:var(--dfv);align-items:center;gap:7px;margin-top:auto;padding-top:clamp(6px,.7vw,10px);font-size:clamp(8px,.8vw,13px);display:flex}.mdemo-dossier-file .mdemo-cue{flex:none;margin-left:0}
.mdemo-map-body{background:var(--map-land);border-radius:11px;height:100%;position:relative;overflow:hidden}.mdemo-map-plate{width:100%;height:100%;position:absolute;inset:0}.mdemo-map-body{--map-land:color-mix(in srgb, var(--ui-surface-muted) 55%, var(--app-bg))}.mdemo-map-land{fill:var(--map-land)}.mdemo-map-green{fill:color-mix(in srgb, var(--ui-success-bg) 26%, var(--ui-surface-muted))}.mdemo-road{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.mdemo-road-casing{stroke:color-mix(in srgb, var(--app-border) 55%, transparent);stroke-width:clamp(4px,.62vw,7px)}.mdemo-road-fill{stroke:var(--ui-surface);stroke-width:clamp(2.5px,.42vw,5px)}.mdemo-road-casing.is-main{stroke-width:clamp(6px,.92vw,11px)}.mdemo-road-fill.is-main{stroke:color-mix(in srgb, var(--ui-warning-bg) 18%, var(--ui-surface));stroke-width:clamp(4.5px,.7vw,8.5px)}.mdemo-map-street{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%, -50%) rotate(calc(var(--r) * 1deg));letter-spacing:.04em;white-space:nowrap;color:color-mix(in srgb, var(--app-text) 55%, transparent);pointer-events:none;z-index:1;font-size:clamp(6.5px,.62vw,10px);font-weight:600;position:absolute}.mdemo-pin{--pv:clamp(0, calc((var(--rv) - var(--i) * .1) / .42), 1);left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);background:var(--pin,var(--ui-primary-bg));border:1.5px solid var(--ui-surface);width:15px;height:15px;transform:translate(-50%, calc(-100% - (1 - var(--pv)) * 16px)) rotate(-45deg) scale(calc(.4 + var(--pv) * .6));opacity:var(--pv);z-index:2;border-radius:50% 50% 50% 0;position:absolute;box-shadow:0 6px 14px #0f172a4d}.mdemo-pin:after{content:"";background:var(--ui-surface);border-radius:50%;position:absolute;inset:3.5px}.mdemo-pin.is-primary{z-index:3;width:21px;height:21px;box-shadow:0 8px 18px #2d5bd673}.mdemo-pin.is-primary:after{inset:5px}.mdemo-pin-due{--pin:var(--ui-primary-bg)}.mdemo-pin-a{--pin:var(--ui-warning-bg)}.mdemo-pin-b{--pin:var(--ui-accent-warm-bg)}.mdemo-pin-c{--pin:var(--ui-success-bg)}.mdemo-map-label{--lv:clamp(0, calc((var(--rv) - .55) / .3), 1);opacity:var(--lv);transform:translate(-50%, calc(-100% + (1 - var(--lv)) * 7px));background:var(--app-bg);border:1px solid var(--app-border);color:var(--app-text);white-space:nowrap;z-index:4;border-radius:6px;padding:3px 8px;font-size:clamp(8px,.78vw,12px);font-weight:700;position:absolute;top:calc(51.9% - 30px);left:49.6%}
.mdemo-cal{flex-direction:column;gap:9px;height:100%;display:flex}.mdemo-cal-days{flex:1;grid-auto-rows:1fr}.mdemo-cal-month{color:var(--app-text);font-size:clamp(13px,1.25vw,21px);font-weight:700}.mdemo-cal-dow{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mdemo-cal-dow span{text-align:center;color:var(--ui-muted-text);font-size:clamp(8px,.78vw,12px);font-weight:700}.mdemo-cal-days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mdemo-cal-day{color:var(--app-text);background:color-mix(in srgb, var(--app-text) 3%, transparent);border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding-top:4px;font-size:clamp(9px,.86vw,14px);display:flex}.mdemo-cal-day b{font-weight:500;line-height:1}.mdemo-cal-day.is-due{--dv:clamp(0, calc((var(--rv) - .45) / .32), 1);background:color-mix(in srgb, var(--ui-primary-bg) calc(var(--dv) * 100%), color-mix(in srgb, var(--app-text) 3%, transparent));color:color-mix(in srgb, #fff calc(var(--dv) * 100%), var(--app-text));box-shadow:0 5px 12px rgba(45, 91, 214, calc(.35 * var(--dv)))}.mdemo-cal-day.is-due b{font-weight:700}.mdemo-cal-ev{--cv:clamp(0, calc((var(--rv) - .3 - var(--i) * .011) / .3), 1);background:var(--ev,var(--ui-primary-bg));width:62%;height:3px;transform:scaleX(var(--cv));transform-origin:0;border-radius:2px;display:block}.mdemo-cal-ev.is-a{--ev:var(--ui-warning-bg)}.mdemo-cal-ev.is-b{--ev:var(--ui-accent-warm-bg)}.mdemo-cal-ev.is-c{--ev:var(--ui-success-bg)}.mdemo-cal-ev.is-due{--ev:#fff}
.mdemo-charts{grid-template-rows:1fr 1fr;grid-template-columns:1.35fr 1fr;gap:clamp(7px,.8vw,11px);height:100%;display:grid}.mdemo-chart{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-text) 2.5%, transparent);border-radius:10px;flex-direction:column;gap:4px;padding:clamp(7px,.8vw,11px);display:flex;overflow:hidden}.mdemo-chart-wide{grid-row:span 2}.mdemo-chart-cap{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted-text);font-size:clamp(8px,.76vw,12px);font-weight:700}.mdemo-chart-val{color:var(--app-text);opacity:var(--rv);font-size:clamp(13px,1.5vw,26px);font-weight:800}.mdemo-bars{flex:1;align-items:flex-end;gap:clamp(4px,.5vw,7px);display:flex}.mdemo-bars i{background:linear-gradient(var(--ui-primary-bg), color-mix(in srgb, var(--ui-primary-bg) 45%, transparent));height:calc(clamp(0, calc((var(--rv) - var(--i) * .12) / .4), 1) * var(--h) * 1%);border-radius:3px 3px 0 0;flex:1}.mdemo-spark{flex:1;width:100%;overflow:visible}.mdemo-spark polyline{fill:none;stroke:var(--ui-success-bg);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:200;stroke-dashoffset:calc((1 - var(--rv)) * 200)}.mdemo-donut{aspect-ratio:1;background:conic-gradient(var(--ui-primary-bg) 0 calc(var(--s1) * var(--rv) * 1%), var(--ui-warning-bg) 0 calc(var(--s2) * var(--rv) * 1%), var(--ui-accent-warm-bg) 0 calc(100% * var(--rv)), transparent 0);border-radius:50%;align-self:center;width:clamp(38px,5.4vw,84px);-webkit-mask:radial-gradient(circle,#0000 52%,#000 53%);mask:radial-gradient(circle,#0000 52%,#000 53%)}
.mdemo-views{opacity:clamp(0, calc((var(--p) - .68) / .04), 1)}.mdemo-vtabs{pointer-events:none;align-items:flex-end;display:flex}.mdemo-vtabs[data-live="1"]{pointer-events:auto}.mdemo-vtab{--rv:clamp(0, min(calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), calc(((var(--vt0) + var(--i) * var(--vt) + var(--vt) + .03) - var(--p)) / .03)), 1);height:calc(clamp(34px, 3.4vw, 48px) - (1 - var(--rv)) * 5px);border:1px solid var(--app-border);--vt-tint:color-mix(in srgb, var(--vt-bg) calc(var(--rv) * 100%), transparent);background-color:var(--app-bg);background-image:linear-gradient(var(--vt-tint), var(--vt-tint)), linear-gradient(var(--ui-surface-muted), var(--ui-surface-muted));color:color-mix(in srgb, var(--vt-text) calc(var(--rv) * 100%), var(--ui-muted-text));letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;z-index:calc((30 - var(--i)) * 10 + var(--rv) * 25);border-bottom:none;border-radius:10px 10px 0 0;flex:none;align-items:center;gap:8px;margin-left:calc(-1*clamp(12px,1.9vw,30px));padding:0 clamp(16px,2.1vw,34px) 0 clamp(19px,2.4vw,38px);font-family:inherit;font-size:clamp(9.5px,.92vw,14px);font-weight:700;display:inline-flex;position:relative}.mdemo-vtab:hover{color:var(--app-text)}.mdemo-vtab:focus-visible{outline:2px solid var(--ui-primary-bg);outline-offset:2px}.mdemo-vtab:first-child{margin-left:0;padding-left:clamp(14px,1.5vw,18px)}.mdemo-vtab:last-child{--rv:clamp(0, calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), 1)}.mdemo-vtab svg{flex:none;width:clamp(12px,1.15vw,18px);height:clamp(12px,1.15vw,18px)}.mdemo-vtab:after{content:"";background-color:var(--app-bg);background-image:linear-gradient(var(--vt-tint), var(--vt-tint)), linear-gradient(var(--ui-surface-muted), var(--ui-surface-muted));height:3px;opacity:var(--rv);position:absolute;bottom:-1px;left:0;right:0}.mdemo-vsheet{background:var(--ui-surface);border:1px solid var(--app-border);border-radius:0 16px 16px;width:min(900px,92vw);height:clamp(276px,40vh,430px);padding:clamp(14px,1.4vw,20px);position:relative;overflow:hidden;box-shadow:0 30px 70px #0f172a2e}.mdemo-view{--rv:clamp(0, min(calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), calc(((var(--vt0) + var(--i) * var(--vt) + var(--vt) + .03) - var(--p)) / .03)), 1);opacity:var(--rv);transform:translateY(calc((1 - var(--rv)) * 12px));flex-direction:column;justify-content:center;display:flex;position:absolute;inset:clamp(14px,1.4vw,20px)}.mdemo-view:last-child{--rv:clamp(0, calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), 1)}@property --rvo{syntax:"<number>";inherits:false;initial-value:0}.mdemo-stage[data-click="1"] .mdemo-vtab,.mdemo-stage[data-click="1"] .mdemo-view{--rv:var(--rvo)}.mdemo-stage[data-click="1"] .mdemo-line2-3{transition:transform var(--duration-slow) var(--ease-standard)}@media (max-width:430px){.mdemo-vsheet{width:min(560px,88vw)}.mdemo-vtab-label{max-width:calc(var(--rv) * 90px);display:inline-block;overflow:hidden}}
.mdemo-wrap{height:100svh;position:relative}.mdemo-stage{--p:1;--cue-extracted:#7f22fe;--cue-static:#155dfc;--cue-computed:#009588;background-color:var(--app-bg);perspective:1600px;height:100svh;position:sticky;top:0;overflow:hidden}@supports (color:lab(0% 0 0)){.mdemo-stage{--cue-extracted:lab(41.088% 68.9966 -91.995);--cue-static:lab(44.0605% 29.0279 -86.0352);--cue-computed:lab(55.0223% -41.0774 -3.90277)}}.mdemo-actII .mdemo-stage{--p:.735}.mdemo-glow{filter:blur(10px);width:108vmin;height:108vmin;transform:translate3d(-50%, calc(-50% + var(--p) * -90px), 0) scale(calc(1 + var(--p) * .4));opacity:calc(.7 - var(--p) * .2);pointer-events:none;background:radial-gradient(circle,#2d5bd638 0%,#2d5bd612 40%,#0000 68%);border-radius:50%;position:absolute;top:44%;left:50%}.mdemo-grid{background-image:linear-gradient(color-mix(in srgb, var(--app-text) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--app-text) 6%, transparent) 1px, transparent 1px);transform:perspective(1000px) rotateX(58deg) translateY(calc(var(--p) * -80px)) scale(1.7);transform-origin:50% 80%;opacity:calc(.48 - var(--p) * .16);pointer-events:none;background-size:58px 58px;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(72% 62% at 50% 46%,#000 30%,#0000 82%);mask-image:radial-gradient(72% 62% at 50% 46%,#000 30%,#0000 82%)}.mdemo-eyebrow{z-index:6;justify-content:center;display:flex;position:absolute;top:clamp(22px,5.5vh,52px);left:0;right:0}.mdemo-camera{--fit:1;transform:scale(calc((.97 + var(--p) * .05) * var(--fit)));place-items:center;display:grid;position:absolute;inset:0}@media (min-width:1340px) and (min-height:760px){.mdemo-camera{--fit:1.14}}@media (min-width:1560px) and (min-height:820px){.mdemo-camera{--fit:1.26}}@media (min-width:1800px) and (min-height:1000px){.mdemo-camera{--fit:1.4}}.mdemo-card-head{letter-spacing:.01em;color:var(--app-text);align-items:center;gap:10px;margin-bottom:clamp(16px,1.8vw,24px);font-size:clamp(14px,1.15vw,19px);font-weight:700;display:flex}.mdemo-folder{background:var(--ui-primary-bg);border-radius:2px 4px 4px;width:18px;height:14px;position:relative}.mdemo-folder:before{content:"";background:var(--ui-primary-bg);border-radius:2px 2px 0 0;width:8px;height:4px;position:absolute;top:-4px;left:0}.mdemo-doc{background:var(--ui-surface);border:1px solid var(--app-border);--pa:clamp(0, calc(var(--p) / .1), 1);transform:translate(calc((1 - var(--pa)) * -150px), 0) scale(calc(.94 + var(--pa) * .06));opacity:clamp(0, calc(var(--p) / .05), 1);border-radius:16px;padding:clamp(22px,2.4vw,34px);position:relative;overflow:hidden;box-shadow:0 50px 110px #0f172a3d}.mdemo-doc-head{margin-bottom:clamp(14px,1.6vw,22px)}.mdemo-doc-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--ui-muted-text);font-size:clamp(10px,.85vw,13px);font-weight:700}.mdemo-scan{background:var(--ui-primary-bg);height:2px;left:0;right:0;top:calc(clamp(0, calc((var(--p) - .1) / .3), 1) * 100%);opacity:clamp(0, min(calc((var(--p) - .1) / .02), calc((.42 - var(--p)) / .04)), 1);position:absolute;box-shadow:0 0 20px 4px #2d5bd680}.mdemo-writerow-val{color:var(--app-text);white-space:nowrap;--d:var(--wv);transform:translateY(calc((1 - var(--wv)) * -14px));font-size:clamp(12px,1vw,15px);font-weight:600}.mdemo-slot-v,.mdemo-agreerow-val,.mdemo-writerow-val,.mdemo-line{--d:1;--dot:calc(var(--d) * 150%);opacity:clamp(0, calc(var(--d) * 3), 1);-webkit-mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%)), radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%));-webkit-mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%)), radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%));mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%)), radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%));-webkit-mask-position:0 0,2px 3px;mask-position:0 0,2px 3px;-webkit-mask-size:4px 4px,7px 7px;mask-size:4px 4px,7px 7px}@media (prefers-reduced-motion:reduce){.mdemo-slot-v,.mdemo-agreerow-val,.mdemo-writerow-val,.mdemo-line{opacity:clamp(0, calc(var(--d) * 3), 1);-webkit-mask-image:none;mask-image:none}}.mdemo-cue{flex:none;width:clamp(13px,1.1vw,16px);height:clamp(13px,1.1vw,16px);margin-left:auto}.mdemo-cue-eye{color:var(--cue-extracted)}.mdemo-cue-stamp,.mdemo-cue-link{color:var(--cue-static)}.mdemo-readrow .mdemo-cue-eye{opacity:var(--rz)}.mdemo-writerow .mdemo-cue-eye{opacity:var(--wv)}.mdemo-writerow .mdemo-cue-stamp{opacity:var(--wv);transform:scale(calc(.55 + var(--wv) * .45))}.mdemo-page{--app-text:#222630;--ui-muted-text:#6a707c;--app-border:#0f172a1f;--ui-border-strong:#0f172a33;--ui-surface:#fcfbf9;--ui-surface-muted:#f0eee9;aspect-ratio:8.5/11;background:#fcfbf9;border:1px solid #0f172a1a;border-radius:2px;width:auto;height:clamp(320px,46vh,460px);padding:clamp(20px,2.1vw,30px);position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a1a,0 40px 90px #0f172a42}.mdemo-case{background:var(--ui-surface);border:1px solid var(--app-border);width:min(408px,36vw);opacity:calc(.45 + clamp(0, calc((var(--p) - .08) / .28), 1) * .55);border-radius:16px;padding:clamp(22px,2.4vw,34px);box-shadow:0 50px 110px #0f172a3d}.mdemo-slot{border-bottom:1px solid color-mix(in srgb, var(--app-border) 55%, transparent);--rv:clamp(0, calc((var(--p) - (.16 + var(--i) * .07)) / .05), 1);align-items:center;gap:12px;padding:clamp(9px,1vw,13px) 0;display:flex}.mdemo-slot-label{color:var(--ui-muted-text);flex:0 0 34%;font-size:clamp(12px,1vw,15px)}.mdemo-slot-box{background:color-mix(in srgb, var(--ui-primary-bg) calc(var(--rv) * 12%), var(--ui-surface-muted));border-left:calc(var(--rv) * 2px) solid var(--ui-primary-bg);border-radius:6px;flex:1;align-items:center;min-height:24px;padding:3px 11px;display:flex;position:relative}.mdemo-slot-v{color:var(--app-text);white-space:nowrap;--d:var(--rv);font-size:clamp(12px,1vw,15px);font-weight:600}.mdemo-copy{text-align:center;z-index:5;width:min(900px,90vw);position:absolute;bottom:clamp(40px,9vh,92px);left:50%;transform:translate(-50%)}.mdemo-line{font-family:var(--font-display,inherit);letter-spacing:-.02em;color:var(--app-text);text-wrap:balance;will-change:opacity, transform;margin:0;padding-bottom:.38em;font-size:clamp(28px,3.7vw,54px);font-weight:700;line-height:1.04;position:absolute;bottom:-.38em;left:0;right:0}.mdemo-line em{color:var(--ui-primary-bg);font-style:normal}.mdemo-line-1{--d:clamp(0, calc(var(--p) / .05), 1);transform:translateY(calc(clamp(0, calc((.12 - var(--p)) / .12), 1) * 14px))}.mdemo-scene2{will-change:opacity;pointer-events:none;place-content:center;align-items:center;gap:clamp(20px,4vw,60px);padding:0 clamp(16px,4vw,48px);display:flex;position:absolute;inset:0}.mdemo-cue-fn{color:var(--cue-computed)}.mdemo-cue-gen{color:var(--ui-primary-bg)}.mdemo-agreerow-val{color:var(--app-text);white-space:nowrap;--d:var(--fill);transform:translateX(calc((1 - var(--fill)) * -12px));font-size:clamp(12px,1vw,15px);font-weight:600}.mdemo-line2-1{--d:clamp(0, min(calc(var(--p) / .05), calc((.71 - var(--p)) / .05)), 1);transform:translateY(calc(clamp(0, calc((.12 - var(--p)) / .12), 1) * 14px))}.mdemo-line2-3{--d:clamp(0, calc((var(--p) - .68) / .05), 1);transform:translateY(calc(clamp(0, calc((.84 - var(--p)) / .12), 1) * 14px))}.mdemo-dots{z-index:6;gap:8px;display:flex;position:absolute;bottom:clamp(48px,12vh,128px);right:clamp(18px,4vw,44px)}.mdemo-dot{background:color-mix(in srgb, var(--app-text) 18%, transparent);border-radius:50%;width:7px;height:7px;transition:background .3s}.mdemo-dot.is-on{background:var(--ui-primary-bg)}.mdemo-hint{width:22px;height:22px;color:var(--ui-muted-text);z-index:6;margin-left:-11px;transition:opacity .4s;animation:1.6s ease-in-out infinite mdemo-hint-bob;position:absolute;bottom:14px;left:50%}.mdemo-stage[data-hinted="1"] .mdemo-hint{opacity:0}@keyframes mdemo-hint-bob{50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.mdemo-dots,.mdemo-hint{display:none}}@media (max-width:830px){.mdemo-page{aspect-ratio:auto;width:min(90vw,560px);height:auto}.mdemo-actI{flex-direction:column;align-items:center;gap:14px;width:92vw;height:auto;display:flex}.mdemo-actI .mdemo-doc,.mdemo-actI .mdemo-case{opacity:1;position:static;top:auto;left:auto;transform:none}.mdemo-case,.mdemo-case2{width:min(90vw,560px)}.mdemo-bind{flex-direction:column;gap:14px}.mdemo-copy{width:auto;bottom:clamp(36px,8vh,72px);left:clamp(18px,5vw,32px);right:clamp(18px,5vw,32px);transform:none}.mdemo-line{font-size:clamp(22px,7vw,32px)}}@media (max-height:620px){.mdemo-page,.mdemo-actI{height:clamp(230px,44vh,460px)}.mdemo-eyebrow{top:clamp(8px,2.5vh,22px)}.mdemo-copy{bottom:clamp(12px,4vh,40px)}.mdemo-line{font-size:clamp(18px,3.2vw,34px)}}@media (prefers-reduced-motion:reduce){.mdemo-camera{transform:none}.mdemo-glow{transform:translate(-50%,-50%)}.mdemo-grid{transform:perspective(1000px)rotateX(58deg)scale(1.7)}}