:root{color-scheme:dark;--bg:#070a0e;--surface:#0d1218;--surface2:#121922;--line:#ffffff12;--line2:#ffffff22;--ink:#eef3f8;--muted:#a0acb9;--quiet:#708091;--lime:#c7ff5b;--cyan:#6be1ff;--violet:#b4a0ff;--accent:var(--lime);--accent-rgb:199,255,91;--radius:18px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,a,summary{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{color:#142008;background:var(--lime)}[hidden]{display:none!important}.shell{width:min(1300px,calc(100% - 80px));margin-inline:auto}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.09em}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:650;color:var(--quiet);text-transform:uppercase}.green{color:var(--lime)}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);border-radius:5px;padding:4px 8px;font-size:9px;color:var(--muted);white-space:nowrap}.dot{width:5px;height:5px;border-radius:50%;background:var(--lime);display:inline-block}.btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:11px 17px;line-height:1.4;font-size:12px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}.btn .ico{width:16px;height:16px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--lime);color:#17210b}.btn-primary:hover{background:#d7ff89}.btn-outline{color:var(--ink);background:#ffffff04;border:1px solid var(--line2)}.btn-outline:hover{background:#ffffff0b;border-color:#ffffff45}.btn-small{min-height:35px;padding:8px 12px;font-size:11px}.text-btn{color:var(--muted);background:none;display:inline-flex;gap:7px;align-items:center;padding:6px 0;font-size:11px}.text-btn:hover{color:var(--ink)}.text-btn .ico{width:13px;height:13px}
/* Compact navigation: this is an explainer, not a second home page. */
.topbar{border-bottom:1px solid var(--line);background:#080c11}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:30px;letter-spacing:-1.9px;font-weight:800;line-height:1}.brand span{color:var(--lime)}.nav-left{display:flex;align-items:center;gap:28px}.nav-divider{height:19px;width:1px;background:var(--line2)}.nav-path{font-size:11px;color:var(--muted)}.nav-path strong{font-weight:500;color:var(--ink)}.nav-right{display:flex;align-items:center;gap:20px}.nav-right>a:not(.btn){font-size:11px;color:var(--muted)}.nav-right .btn{min-height:37px;font-size:11px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:38px 0 26px}.intro h1{font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.05em;line-height:1.18;margin:8px 0 10px}.intro p{color:var(--muted);font-size:13px;line-height:1.8;max-width:650px}.intro .eyebrow{color:var(--lime)}.intro-actions{display:flex;gap:10px;align-items:center;margin-bottom:2px;flex:none}.tour-btn{font-size:11px;min-width:161px}.motion-btn{height:40px;width:40px;display:grid;place-items:center;background:var(--surface2);color:var(--muted);border:1px solid var(--line2);border-radius:9px}.motion-btn .ico{height:16px;width:16px}.motion-btn[aria-pressed="true"]{color:var(--lime);border-color:#c7ff5b55}
/* The teaching console */
.lab{border:1px solid #29333f;border-radius:var(--radius);overflow:hidden;background:#0b1016;box-shadow:0 25px 80px #0004;position:relative}.lab:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#c7ff5b77,transparent);z-index:8}.lab-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 24px;border-bottom:1px solid var(--line);background:#0f151d}.lab-label{font-size:10px;letter-spacing:.08em;display:flex;gap:9px;align-items:center}.lab-label .ico{height:13px;width:13px;color:var(--lime)}.lab-meta{display:flex;align-items:center;gap:20px;color:var(--quiet);font-size:9px}.lab-meta span{display:inline-flex;align-items:center;gap:6px}.lab-meta .dot{background:var(--cyan);box-shadow:0 0 10px #6be1ff55}.stepnav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:0 14px;background:#0b1118}.stepbutton{position:relative;display:flex;align-items:center;gap:12px;padding:20px 13px;color:var(--quiet);background:transparent;text-align:left;min-width:0}.stepbutton:not(:last-child):after{content:"";position:absolute;right:0;top:23px;height:20px;width:1px;background:var(--line)}.stepbutton[aria-selected="true"]{color:var(--ink)}.stepnumber{border:1px solid #2a3441;border-radius:8px;display:grid;place-items:center;width:32px;height:32px;flex:none;font-size:10px;font-family:ui-monospace,monospace}.stepbutton[aria-selected="true"] .stepnumber{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.07);box-shadow:0 0 20px rgba(var(--accent-rgb),.05)}.stepbutton strong{display:block;font-size:12px;font-weight:600;line-height:1.6}.stepbutton small{font-size:9px;color:var(--quiet);line-height:1.4}.stepbutton[aria-selected="true"]:before{content:"";position:absolute;height:2px;bottom:0;left:13px;right:13px;background:var(--accent);box-shadow:0 0 13px rgba(var(--accent-rgb),.4)}.stepbutton.done .stepnumber{color:var(--lime);border-color:#c7ff5b30}
.workbench{display:grid;grid-template-columns:370px minmax(0,1fr);min-height:550px}.controls{padding:27px 26px 23px;border-right:1px solid var(--line);background:linear-gradient(120deg,#111923,#0e141c);position:relative;z-index:3;display:flex;flex-direction:column}.control-panel{flex:1;display:flex;flex-direction:column;animation:panelIn .4s var(--ease)}.control-panel h2{font-size:25px;font-weight:560;letter-spacing:-.035em;line-height:1.3;margin:9px 0 10px;max-width:290px}.control-panel>p{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:19px}.control-label{font-size:10px;letter-spacing:.03em;color:var(--muted);margin-bottom:9px;display:flex;justify-content:space-between;gap:10px}.control-label .count{color:var(--accent)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.object-choice{background:#121b26;color:var(--muted);border:1px solid #273340;border-radius:9px;min-height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:9px}.object-choice .ico{height:22px;width:22px}.object-choice[aria-pressed="true"]{border-color:var(--lime);color:var(--lime);background:#c7ff5b08}.input-demo{border:1px solid #26313c;background:#090f15;border-radius:8px;padding:10px 12px;display:flex;gap:12px;align-items:center;margin:7px 0}.input-demo>div{flex:1}.input-demo small{display:block;color:var(--quiet);font-size:9px}.input-demo strong{display:block;font-size:12px;font-weight:500}.input-demo>.ico{color:var(--quiet);height:16px;width:16px}.demo-field-note{font-size:9px;color:var(--quiet);margin:9px 0 16px;line-height:1.6}.panel-foot{margin-top:auto;padding-top:18px}.panel-foot>.btn{width:100%;justify-content:space-between}.panel-foot .tiny{font-size:9px;color:var(--quiet);display:flex;align-items:flex-start;gap:6px;line-height:1.7;margin-top:10px}.panel-foot .tiny .ico{width:12px;height:12px;margin-top:2px}.upload-demo{display:flex;align-items:center;gap:13px;text-align:left;padding:16px 12px;border:1px dashed #527287;border-radius:10px;background:#6be1ff05;color:var(--ink);width:100%;transition:.3s}.upload-demo>.ico{color:var(--cyan);width:24px;height:24px}.upload-demo span{flex:1}.upload-demo strong{display:block;font-size:12px;font-weight:550}.upload-demo small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.upload-demo .stateico{height:16px;width:16px}.upload-demo[aria-pressed="true"]{border-style:solid;border-color:#6be1ff55;background:#6be1ff0a}.upgrade-demo{margin-top:12px;width:100%;text-align:left;padding:13px 12px;background:#151e29;border:1px solid #2b3845;border-radius:9px;color:var(--muted);display:flex;gap:12px;align-items:center}.upgrade-demo>span{flex:1}.upgrade-demo strong{font-size:11px;display:block;font-weight:500;color:var(--ink)}.upgrade-demo small{font-size:9px;display:block;margin-top:1px}.upgrade-demo[aria-pressed="true"]{border-color:#c7ff5b44;color:var(--lime)}.tip{background:#6be1ff07;border:1px solid #6be1ff20;border-radius:8px;padding:12px;color:#b4d8e2;font-size:10px;line-height:1.7;display:flex;gap:9px;margin-top:15px}.tip .ico{width:15px;height:15px;margin-top:2px;color:var(--cyan)}.tip-violet{background:#b4a0ff07;border-color:#b4a0ff23;color:#c6bedc}.tip-violet .ico{color:var(--violet)}.attribute-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.attribute{background:#121b26;border:1px solid #293541;border-radius:8px;padding:11px;text-align:left;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.attribute small{display:block;font-size:9px;color:var(--quiet);line-height:1.3}.attribute strong{font-size:11px;font-weight:500;line-height:1.5;display:block;overflow-wrap:anywhere}.attribute .square{height:15px;width:15px;border:1px solid #3c4857;border-radius:4px;display:grid;place-items:center;flex:none}.attribute .square .ico{height:11px;width:11px;opacity:0}.attribute[aria-pressed="true"]{background:#b4a0ff0b;border-color:#b4a0ff66;color:#e3dbff}.attribute[aria-pressed="true"] .square{background:var(--violet);color:#171025;border-color:var(--violet)}.attribute[aria-pressed="true"] .square .ico{opacity:1}.attribute[aria-pressed="true"] small{color:#a99bc9}.face-buttons{display:flex;gap:6px;margin:15px 0 0}.face-buttons button{border:1px solid var(--line2);background:none;color:var(--muted);padding:7px 13px;border-radius:6px;font-size:10px;display:flex;gap:7px;align-items:center}.face-buttons button .ico{width:13px;height:13px}.face-buttons button[aria-pressed="true"]{background:#b4a0ff12;border-color:#b4a0ff55;color:#e3daff}.segment{display:flex;background:#090f15;border:1px solid #293541;border-radius:8px;padding:4px;gap:4px;margin-bottom:17px}.segment button{flex:1;border-radius:5px;padding:8px 6px;color:var(--muted);background:transparent;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.segment button .ico{height:13px;width:13px}.segment button[aria-pressed="true"]{background:#243322;color:var(--lime);box-shadow:0 2px 10px #0003}.platforms{display:flex;gap:6px;margin-bottom:15px}.platforms button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;background:#111923;border:1px solid #2b3542;border-radius:7px;padding:9px 8px;color:var(--muted);flex:1}.platforms button[aria-pressed="true"]{border-color:#d1ff5266;color:var(--ink);background:#c7ff5b08}.format-buttons{display:flex;gap:6px}.format-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border:1px solid #2a3542;background:#111923;color:var(--muted);border-radius:7px;padding:10px 5px;font-size:10px}.format-buttons button[aria-pressed="true"]{color:var(--lime);border-color:#c7ff5b77}.format-symbol{height:19px;width:11px;border:1px solid currentColor;border-radius:2px}.format-symbol.portrait{width:15px}.format-symbol.square{width:19px}.loop-btn{display:flex;align-items:center;gap:8px;background:none;color:var(--muted);font-size:10px;padding:13px 0 0}.loop-btn .ico{width:13px;height:13px}.loop-btn[aria-pressed="true"]{color:var(--lime)}.sale-info{border-left:2px solid var(--cyan);padding-left:13px;margin:8px 0 16px;font-size:12px;color:var(--ink);line-height:1.8}.sale-info small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.sale-list{display:grid;gap:9px;font-size:11px;color:var(--muted)}.sale-list span{display:flex;gap:8px;align-items:center}.sale-list .ico{width:14px;height:14px;color:var(--cyan)}
/* Persistent animated visual stage */
.visual-stage{position:relative;overflow:hidden;min-height:550px;background:#070d14;isolation:isolate;perspective:1200px;--stage-glow:rgba(var(--accent-rgb),.08)}.stage-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(#8dbaeb08 1px,transparent 1px),linear-gradient(90deg,#8dbaeb08 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at 50% 55%,#000,transparent 80%)}.stage-glow{position:absolute;left:15%;right:15%;top:8%;bottom:2%;z-index:-2;background:radial-gradient(ellipse,var(--stage-glow),transparent 70%);transition:background .6s}.stage-orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.12);height:455px;width:455px;transform:translate(-50%,-50%) rotateX(68deg);z-index:-1}.stage-orbit:after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.22);animation:orbit 65s linear infinite}.stage-orbit.two{width:560px;height:560px;transform:translate(-50%,-50%) rotateX(68deg) rotate(25deg);opacity:.5}.orbiter{position:absolute;inset:-1px;border-radius:50%;animation:orbit 14s linear infinite}.orbiter:after{content:"";position:absolute;top:49%;left:-3px;height:5px;width:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.stage-label{position:absolute;top:22px;left:25px;display:flex;align-items:center;gap:7px;color:#8b9ba9;font-size:9px;letter-spacing:.09em;z-index:6}.stage-label .dot{background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 3s ease-in-out infinite}.stage-id{position:absolute;top:22px;right:24px;color:#647889;font-size:9px;z-index:6}.stage-bottom{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;color:#8394a3;z-index:6}.stage-bottom>span{display:flex;align-items:center;gap:7px}.stage-bottom .ico{width:12px;height:12px;color:var(--accent)}.stage-caption{position:absolute;top:53px;left:24px;right:24px;text-align:center;font-size:11px;color:#a9bac5;z-index:5}.corner{position:absolute;width:16px;height:16px;border-color:#a7c1d147;border-style:solid;z-index:5;pointer-events:none}.corner.tl{top:14px;left:14px;border-width:1px 0 0 1px}.corner.tr{top:14px;right:14px;border-width:1px 1px 0 0}.corner.bl{bottom:12px;left:14px;border-width:0 0 1px 1px}.corner.br{bottom:12px;right:14px;border-width:0 1px 1px 0}.v-scene{position:absolute;inset:70px 18px 45px;display:flex;align-items:center;justify-content:center;animation:sceneIn .65s var(--ease)}.source-visual{position:absolute;left:50%;top:50%;height:410px;width:330px;transform:translate(-50%,-50%);z-index:2}.source-image{width:100%;height:100%;object-fit:contain;animation:levitate 7s ease-in-out infinite;filter:drop-shadow(0 16px 40px #0004);opacity:0;transition:opacity .4s}.source-visual.loaded .source-image{opacity:1}.source-visual.loaded .source-fallback{display:none}.source-fallback{position:absolute;inset:12px 32px;display:flex;align-items:center;justify-content:center}.fallback-card{position:absolute;width:239px;height:330px;border:1px solid #b8fa6455;border-radius:17px;transform:rotate(-8deg);background:linear-gradient(145deg,#1d2e24,#0c151a 60%,#243322);box-shadow:0 16px 65px #0008;padding:19px;display:flex;flex-direction:column;animation:levitate 7s ease-in-out infinite}.fallback-card:before{content:"";position:absolute;inset:5px;border:1px solid #b8fa641d;border-radius:12px;pointer-events:none}.fallback-card.back{transform:rotate(8deg) translateX(27px);background:#15212a;z-index:-1;border-color:#63d4f333;animation:none;opacity:.6}.fallback-mark{font-size:24px;font-weight:750;letter-spacing:-1px}.fallback-small{font-size:8px;color:#91a99a;letter-spacing:.13em}.fallback-object{height:115px;display:grid;place-items:center;margin:17px 0}.fallback-object .ico{width:100px;height:100px;stroke-width:.7;color:#badf98;filter:drop-shadow(0 0 20px #c7ff5b44)}.fallback-card h3{font-size:20px;letter-spacing:-.04em;line-height:1.3}.fallback-line{height:3px;background:#b8fa6430;margin-top:13px;width:70%;border-radius:3px}.source-note{position:absolute;bottom:-7px;left:-10px;right:-10px;font-size:8px;text-align:center;color:#708091;line-height:1.4}.source-visual.loaded .source-note{color:#5e7163}.float-node{position:absolute;z-index:4;background:#101a23e8;border:1px solid #344252;border-radius:10px;padding:12px 15px;min-width:150px;box-shadow:0 8px 25px #0003;backdrop-filter:blur(8px);animation:nodeFloat 6s ease-in-out infinite}.float-node .node-top{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:9px}.float-node .ico{width:14px;height:14px;color:var(--accent)}.float-node strong{display:block;font-size:12px;font-weight:500;margin-top:4px;letter-spacing:-.01em}.node-identity{left:4%;top:18%;animation-delay:-2s}.node-data{right:2%;bottom:20%;animation-delay:-4s}.node-badge{right:7%;top:13%;font-size:9px;background:#c7ff5b10;border-color:#c7ff5b33;color:var(--lime);padding:8px 10px;min-width:auto}.signal-line{position:absolute;height:1px;width:110px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4;left:19%;top:41%;transform:rotate(25deg)}.signal-line:after{content:"";position:absolute;height:3px;width:18px;background:var(--accent);top:-1px;left:0;filter:blur(1px);animation:signal 3s ease-in-out infinite}.pulse-ring{position:absolute;left:50%;top:50%;height:280px;width:280px;transform:translate(-50%,-50%);border:1px solid rgba(var(--accent-rgb),.14);border-radius:50%;animation:expand 6s ease-out infinite;z-index:0}.pulse-ring.second{animation-delay:3s}.scan-line{position:absolute;left:20%;right:20%;height:1px;top:19%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan);opacity:.35;animation:scan 6s ease-in-out infinite;pointer-events:none;z-index:5}
/* Proof flow */
.vault-scene{flex-direction:column;gap:22px;padding-top:10px}.passport-mini{display:flex;align-items:center;gap:14px;background:#101b25;border:1px solid #385064;border-radius:12px;padding:16px 22px;min-width:320px;position:relative;box-shadow:0 20px 40px #0003}.passport-mini .ico{height:27px;width:27px;color:var(--cyan)}.passport-mini strong{display:block;font-size:14px;font-weight:500}.passport-mini small{display:block;font-size:9px;color:var(--muted)}.passport-mini>.chip{margin-left:auto;color:var(--cyan);border-color:#6be1ff30;font-size:8px}.data-path{height:32px;width:1px;background:linear-gradient(transparent,#6be1ff80);position:relative;margin-top:-14px;margin-bottom:-17px}.data-path:after{content:"";position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:dropData 2.7s ease-in-out infinite}.vault-box{position:relative;width:354px;max-width:95%;border-radius:14px;border:1px solid #315062;background:linear-gradient(145deg,#13242e,#0e1a24);padding:20px;box-shadow:0 30px 60px #0004;transition:box-shadow .4s}.vault-box.lit{box-shadow:0 0 50px #6be1ff15;border-color:#6be1ff66}.vault-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:18px}.vault-head .ico{width:15px;height:15px;color:var(--cyan)}.vault-head>span{display:flex;align-items:center;gap:7px}.vault-head small{font-size:8px;letter-spacing:.1em;color:#7098ab}.vault-record{border:1px solid #39515f;background:#101c25;border-radius:9px;padding:12px;display:flex;align-items:center;gap:12px;transition:.35s;opacity:.4}.vault-record .ico{color:var(--cyan);height:23px;width:23px}.vault-record strong{display:block;font-size:12px;font-weight:500}.vault-record small{display:block;color:var(--quiet);font-size:9px}.vault-record>span:last-child{margin-left:auto}.vault-record.active{opacity:1;border-color:#6be1ff55}.vault-record.active .record-check{color:var(--cyan)}.record-check .ico{width:16px;height:16px}.history-record{margin-top:11px;padding:12px;border-radius:9px;background:#c7ff5b05;border:1px solid #c7ff5b22;display:flex;align-items:center;gap:10px;opacity:.38;transition:.35s}.history-record.active{opacity:1}.history-record>.ico{color:var(--lime);width:17px;height:17px}.history-record small{display:block;font-size:8px;color:var(--quiet)}.history-record strong{display:block;font-size:11px;font-weight:500}.vault-lock-msg{display:flex;gap:7px;align-items:center;justify-content:center;font-size:9px;color:#97bbca;margin-top:16px}.vault-lock-msg .ico{width:12px;height:12px}.vault-floating{position:absolute;right:0;top:15%;transform:rotate(7deg);background:#101f29;border:1px solid #6be1ff3a;padding:12px;border-radius:9px;color:var(--cyan);font-size:9px;display:flex;gap:6px;align-items:center;animation:nodeFloat 5s ease-in-out infinite}.vault-floating .ico{width:13px;height:13px}.burst{animation:arrive .6s var(--ease)!important}
/* Card, rendered rather than a fake screenshot. */
.card-dock{position:relative;width:274px;height:386px;perspective:1100px;z-index:3;transition:width .5s,height .5s,transform .5s}.card-float{height:100%;width:100%;animation:cardFloat 7s ease-in-out infinite;transform-style:preserve-3d}.card-rotation{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .8s var(--ease)}.card-rotation.flipped{transform:rotateY(180deg)}.passport-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #b4a0ff8c;border-radius:16px;padding:17px;background:linear-gradient(150deg,#26303b,#141822 45%,#19251b);overflow:hidden;box-shadow:0 0 0 4px #b4a0ff08,0 20px 70px #0007}.passport-face:before{content:"";position:absolute;inset:5px;border:1px solid #c1badc24;border-radius:11px;pointer-events:none;z-index:3}.passport-face:after{content:"";position:absolute;inset:-80% -30%;transform:rotate(-25deg);background:linear-gradient(90deg,transparent 43%,#e3f6ff06 47%,#e3f6ff12 50%,transparent 54%);animation:shine 9s ease-in-out infinite;pointer-events:none;z-index:4}.passport-face.back{transform:rotateY(180deg);background:linear-gradient(150deg,#20272f,#111722 55%,#1d261c)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-logo{font-size:22px;font-weight:760;letter-spacing:-1.3px}.card-tier{font-size:8px;letter-spacing:.12em;color:#d0c5f8;border:1px solid #c4b6f73b;border-radius:4px;padding:4px 5px}.card-kicker{font-size:7px;letter-spacing:.16em;color:#91a09f;margin-top:7px}.card-illustration{position:relative;height:153px;margin:12px -5px 8px;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 50% 80%,#32593a3b,transparent 70%),#0a1018}.card-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .3s}.card-illustration.photo-loaded .card-photo{opacity:1}.card-illustration.photo-loaded .object-svg{opacity:0}.object-svg{width:100%;height:100%;display:block;color:#8ba6b5;transition:opacity .3s}.card-name{font-size:20px;line-height:1.25;letter-spacing:-.035em;font-weight:600}.card-sub{font-size:8px;color:#9caba8;margin-top:3px}.card-facts{display:flex;gap:7px;padding-top:11px;margin-top:12px;border-top:1px solid #d4e2da25;min-height:43px}.card-fact{flex:1;min-width:0;animation:factIn .35s var(--ease)}.card-fact strong{font-size:10px;display:block;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-fact small{font-size:7px;color:#98a9ac;display:block;margin-top:2px}.card-footer{position:absolute;left:18px;right:18px;bottom:13px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.12em;color:#80958b}.card-back-title{font-size:19px;letter-spacing:-.04em;line-height:1.35;margin:20px 0 14px}.back-doc{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:9px;border-bottom:1px solid #bac1dc17;gap:10px}.back-doc span:last-child{color:var(--lime);font-size:8px;text-align:right}.back-doc .none{color:#8c9aab!important}.card-back-label{font-size:7px;letter-spacing:.13em;color:#9b9db7;margin:19px 0 7px}.card-upgrade{font-size:11px;font-weight:500;color:#e1e6ef;line-height:1.6}.card-note{margin-top:17px;color:#8899a2;font-size:8px;line-height:1.65;padding-top:12px;border-top:1px solid #bec9d91a}.card-note .ico{width:10px;height:10px;vertical-align:-1px;margin-right:4px;color:var(--cyan)}.card-floor{position:absolute;bottom:-16px;left:50%;width:340px;height:26px;transform:translateX(-50%);border-radius:50%;border:1px solid #b4a0ff30;background:radial-gradient(ellipse,#b4a0ff17,transparent 65%);box-shadow:0 -9px 45px #b4a0ff0c;z-index:-1}.card-label-side{position:absolute;left:calc(50% + 152px);top:22%;display:flex;align-items:center;gap:8px;color:#ac9dd9;font-size:8px;white-space:nowrap}.card-label-side:before{content:"";height:1px;width:22px;background:#ac9dd944}.card-label-other{position:absolute;right:calc(50% + 152px);bottom:24%;font-size:8px;color:#90a6b6;white-space:nowrap}.card-label-other:after{content:"";display:inline-block;margin-left:8px;width:20px;height:1px;background:#90a6b644;vertical-align:middle}.flip-hint{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);font-size:8px;color:#7c8e9b;white-space:nowrap}.stage-card-action{position:absolute;right:20px;bottom:60px;z-index:8;background:#151d28;color:var(--muted);border:1px solid #344052;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.stage-card-action .ico{height:16px;width:16px}.stage-card-action:hover{color:var(--violet);border-color:var(--violet)}
/* Final use: the same object, in a social canvas or property presentation. */
.delivery-scene{gap:0}.social-canvas{position:relative;width:243px;height:432px;border-radius:12px;border:1px solid #36503a;background:radial-gradient(ellipse at 50% 54%,#243b23,#0a1218 75%);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 80px #0005;transition:width .5s,height .5s;overflow:hidden}.social-canvas[data-format="portrait"]{width:325px;height:406px}.social-canvas[data-format="square"]{width:369px;height:369px}.social-canvas .card-dock{transform:scale(.69);flex:none}.social-canvas[data-format="portrait"] .card-dock{transform:scale(.74)}.social-canvas[data-format="square"] .card-dock{transform:scale(.68)}.social-canvas .passport-face{border-color:#a6cb7480}.social-canvas .canvas-orbit{position:absolute;left:50%;top:50%;width:310px;height:310px;border:1px dashed #badf6b25;border-radius:50%;transform:translate(-50%,-50%);animation:canvasSpin 80s linear infinite}.canvas-brand{position:absolute;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#b7cfa0}.canvas-brand b{font-size:13px;letter-spacing:-.6px;color:white}.canvas-bottom{position:absolute;left:15px;right:15px;bottom:13px;text-align:center;font-size:7px;letter-spacing:.12em;color:#97ab8b}.output-tag{position:absolute;right:6%;top:12%;border:1px solid #c7ff5b33;background:#122018;padding:10px 13px;border-radius:9px;color:#c3e9a0;font-size:9px;display:flex;gap:7px;align-items:center;animation:nodeFloat 6s ease-in-out infinite;z-index:5}.output-tag .ico{width:13px;height:13px}.format-tag{position:absolute;left:6%;bottom:15%;font-size:9px;color:#9fbaac;display:flex;flex-direction:column;border-left:1px solid #c7ff5b55;padding-left:10px}.format-tag strong{font-size:19px;color:#c7ff5b;font-weight:400;letter-spacing:-.03em}.sale-browser{width:430px;max-width:95%;border:1px solid #355164;border-radius:12px;overflow:hidden;background:#0e1720;box-shadow:0 25px 70px #0006;transform:perspective(1200px) rotateY(-5deg);animation:saleFloat 8s ease-in-out infinite}.browser-bar{height:30px;background:#15212c;border-bottom:1px solid #284050;display:flex;align-items:center;gap:4px;padding:0 12px;font-size:7px;color:#73909f}.browser-bar i{height:4px;width:4px;background:#4d6878;border-radius:50%;display:block}.browser-bar span{margin-left:15px}.property-image{height:150px;position:relative;overflow:hidden;background:linear-gradient(145deg,#273e48,#11202b);display:grid;place-items:center}.property-image .object-svg{height:150px}.property-badge{position:absolute;left:14px;top:12px;background:#0a1217bd;border:1px solid #6be1ff33;color:var(--cyan);font-size:7px;letter-spacing:.08em;padding:4px 7px;border-radius:4px}.sale-content{padding:17px 20px}.sale-content small{font-size:8px;letter-spacing:.08em;color:#87a8b7}.sale-content h3{font-size:18px;font-weight:550;letter-spacing:-.03em;margin:4px 0 8px}.sale-facts{display:flex;gap:18px;font-size:9px;color:#a0b5c1;margin-bottom:13px}.sale-history{border-top:1px solid #2a3d4c;padding-top:12px;display:flex;justify-content:space-between;gap:15px}.sale-history h4{font-size:9px;font-weight:500;color:#aac2cb}.sale-history p{font-size:8px;color:#7f99a6;margin:4px 0}.sale-cta{display:flex;align-items:center;justify-content:space-between;background:#6be1ff14;border:1px solid #6be1ff44;border-radius:6px;color:#bdebf7;padding:8px 10px;font-size:9px;margin-top:12px;width:100%}.sale-cta .ico{width:12px;height:12px}.sale-caption{font-size:8px;color:#7f99a6;text-align:center;margin-top:8px}.property-scene>.float-node{left:0;bottom:0;min-width:0;padding:9px 12px}.property-scene>.float-node strong{font-size:9px}.property-scene>.float-node .node-top{font-size:8px}
/* One-line outcome under the demo */
.lab-bottom{border-top:1px solid var(--line);padding:15px 24px;background:#10161d;display:flex;align-items:center;justify-content:space-between;gap:20px}.takeaway{font-size:11px;display:flex;align-items:center;gap:10px;color:#b2bfcb;line-height:1.6}.takeaway .ico{height:15px;width:15px;color:var(--accent)}.takeaway strong{font-weight:550;color:var(--ink)}.progress-dots{display:flex;gap:5px;flex:none}.progress-dots i{width:18px;height:3px;border-radius:3px;background:#2c3744;transition:background .3s}.progress-dots i.active{background:var(--accent)}.tour-progress{height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;position:absolute;left:0;right:0;bottom:0;z-index:10}.tour-active .tour-progress{animation:tourProgress var(--duration,10s) linear forwards}
/* Below the hands-on demo: useful answers, no repeated sales hero. */
.below{padding:28px 0 44px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.explain-block{border:1px solid #222c37;border-radius:13px;background:#0e141c;padding:23px 25px;position:relative}.explain-block h2{font-size:18px;font-weight:550;letter-spacing:-.025em;margin:5px 0 8px}.explain-block>p{color:var(--muted);font-size:11px;line-height:1.8}.privacy-flow{display:flex;align-items:center;gap:13px;margin:19px 0 16px}.privacy-node{flex:1;border:1px solid #2a3948;border-radius:8px;padding:12px;background:#101b25;min-width:0}.privacy-node header{font-size:10px;display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#d0dbe5}.privacy-node header .ico{width:13px;height:13px;color:var(--cyan)}.privacy-node p{font-size:9px;color:var(--quiet);line-height:1.8}.privacy-node.output{border-color:#c7ff5b2a;background:#c7ff5b04}.privacy-node.output header .ico{color:var(--lime)}.privacy-flow>.ico{width:18px;height:18px;color:#728999}.privacy-result{font-size:10px;display:flex;gap:7px;align-items:center;color:#bbd0db}.privacy-result .ico{height:13px;width:13px;color:var(--cyan)}.mini-faq{margin-top:12px}.mini-faq details{border-bottom:1px solid #26313c}.mini-faq details:last-child{border:0}.mini-faq summary{font-size:11px;font-weight:500;cursor:pointer;padding:12px 22px 12px 0;list-style:none;position:relative;line-height:1.6}.mini-faq summary::-webkit-details-marker{display:none}.mini-faq summary:after{content:"+";position:absolute;right:2px;top:10px;color:var(--quiet);font-size:16px}.mini-faq details[open] summary:after{content:"−";color:var(--lime)}.mini-faq details p{font-size:10px;line-height:1.9;color:var(--muted);padding:0 18px 14px 0}.mini-faq details a{text-decoration:underline;text-underline-offset:3px}.next-step{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 27px}.next-step h3{font-size:17px;font-weight:550;letter-spacing:-.025em}.next-step p{font-size:11px;color:var(--muted);margin-top:4px}.next-step .btn{font-size:11px}.footer{border-top:1px solid var(--line);padding:22px 0 25px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--quiet)}.footer-inner nav{display:flex;gap:18px}.footer-inner a:hover{color:var(--muted)}.footer-status{display:flex;align-items:center;gap:7px;font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100% - 30px);background:#1b2531;border:1px solid #62778c;border-radius:10px;box-shadow:0 15px 50px #0006;padding:12px 18px;z-index:100;font-size:12px;color:#e2eef6;transition:.25s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sceneIn{from{opacity:0;transform:translateY(13px) scale(.98)}to{opacity:1;transform:none}}@keyframes levitate{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -9px;rotate:1deg}}@keyframes nodeFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes cardFloat{0%,100%{transform:translateY(0) rotateX(2deg) rotateZ(-2deg)}50%{transform:translateY(-6px) rotateX(-1deg) rotateZ(1deg)}}@keyframes orbit{to{rotate:360deg}}@keyframes canvasSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}@keyframes expand{0%{transform:translate(-50%,-50%) scale(.75);opacity:0}30%{opacity:.4}100%{transform:translate(-50%,-50%) scale(1.65);opacity:0}}@keyframes signal{0%,15%{left:0;opacity:0}30%{opacity:1}75%,100%{left:100%;opacity:0}}@keyframes scan{0%,100%{top:18%;opacity:0}20%,80%{opacity:.3}90%{top:85%;opacity:0}}@keyframes shine{0%,45%{translate:-90% 0}80%,100%{translate:100% 0}}@keyframes dropData{0%{top:0;opacity:0}20%{opacity:1}90%{top:100%;opacity:1}100%{top:100%;opacity:0}}@keyframes arrive{0%{translate:0 13px;opacity:.1;scale:.96}100%{translate:0 0;opacity:1;scale:1}}@keyframes factIn{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@keyframes saleFloat{0%,100%{transform:perspective(1200px) rotateY(-5deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-2deg) translateY(-5px)}}@keyframes tourProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation:none!important}html.motion-paused .card-rotation{transition-duration:.01ms}html.motion-paused .tour-progress{animation-play-state:running!important}
@media(min-width:1600px){.shell{max-width:1370px}.workbench{min-height:590px;grid-template-columns:390px 1fr}.visual-stage{min-height:590px}.source-visual{height:445px;width:355px}.controls{padding:32px}.v-scene{inset:80px 26px 50px}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.workbench{grid-template-columns:330px minmax(0,1fr)}.controls{padding:24px 22px}.intro{gap:20px}.intro p{max-width:570px;font-size:12px}.stepbutton{padding:17px 9px;gap:9px}.stepbutton strong{font-size:11px}.stepbutton small{font-size:8px}.node-identity{left:0%;top:8%;min-width:125px;padding:9px 11px}.node-data{right:0;bottom:10%;min-width:140px;padding:9px 11px}.node-badge{right:3%;top:0}.card-label-side,.card-label-other{display:none}.vault-floating{right:-10px;top:4%}.output-tag{right:-6px;top:1%;font-size:8px}.format-tag{left:0;bottom:1%}.source-visual{width:300px;height:390px}.sale-browser{width:365px}.property-scene>.float-node{left:0;bottom:-10px}.social-canvas[data-format="square"]{width:328px;height:328px}.social-canvas[data-format="square"] .card-dock{transform:scale(.64)}.intro-actions{gap:7px}.below{gap:15px}.explain-block{padding:21px}}
@media(max-width:850px){.nav-right>a:not(.btn){display:none}.nav-path{font-size:10px}.intro{display:block;padding-top:28px}.intro h1{font-size:34px}.intro-actions{margin-top:17px}.workbench{grid-template-columns:300px minmax(0,1fr)}.controls{padding:23px 19px}.control-panel h2{font-size:23px}.control-panel>p{font-size:11px}.object-choice{font-size:8px;min-height:67px}.stepbutton strong{font-size:10px}.stepbutton small{display:none}.stepbutton{padding-block:16px;gap:7px}.stepnumber{width:26px;height:26px;font-size:9px;border-radius:6px}.lab-meta>span:first-child{display:none}.lab-top{padding-inline:20px}.stage-label{font-size:8px;left:20px}.stage-id{font-size:8px;right:20px}.source-visual{width:280px;height:365px}.float-node{min-width:0}.node-identity{top:2%;left:0}.node-data{bottom:1%;right:0}.node-badge{display:none}.card-dock{width:250px;height:360px}.passport-face{padding:15px}.card-illustration{height:140px}.card-name{font-size:18px}.card-back-title{font-size:18px;margin-top:18px}.card-note{margin-top:10px}.card-footer{font-size:5.5px}.passport-mini{min-width:265px;padding:13px}.passport-mini strong{font-size:12px}.passport-mini>.chip{display:none}.vault-box{padding:15px;max-width:100%}.vault-floating{display:none}.vault-record{padding:10px}.vault-record strong{font-size:10px}.history-record strong{font-size:10px}.social-canvas{width:215px;height:382px}.social-canvas[data-format="portrait"]{width:260px;height:325px}.social-canvas[data-format="square"]{width:278px;height:278px}.social-canvas .card-dock{transform:scale(.70)}.social-canvas[data-format="portrait"] .card-dock{transform:scale(.67)}.social-canvas[data-format="square"] .card-dock{transform:scale(.58)}.sale-browser{max-width:100%;width:290px}.sale-content{padding:13px}.sale-content h3{font-size:15px}.sale-facts{font-size:8px;gap:10px}.property-image{height:120px}.property-image .object-svg{height:130px}.sale-history{gap:8px}.sale-history h4{font-size:8px}.sale-history p{font-size:7px}.stage-caption{font-size:10px}.stage-bottom{font-size:8px;gap:7px}.stage-bottom>span:last-child{display:none}.below{grid-template-columns:1fr 1fr}.privacy-flow{gap:8px;flex-direction:column;align-items:stretch}.privacy-flow>.ico{transform:rotate(90deg);align-self:center}.privacy-node{padding:10px}.explain-block h2{font-size:16px}.footer-inner{font-size:9px}}
@media(max-width:680px){.shell{width:calc(100% - 30px)}.nav{height:61px;gap:15px}.nav-left{gap:14px}.brand{font-size:27px}.nav-divider{height:17px}.nav-path{font-size:9px}.nav-path span{display:none}.nav-right .btn{font-size:9px;padding:8px 10px;min-height:34px;gap:5px}.nav-right .btn .ico{height:13px;width:13px}.intro{padding:24px 2px 20px}.intro h1{font-size:31px;margin:8px 0 11px;letter-spacing:-.055em}.intro p{font-size:12px;line-height:1.85;max-width:470px}.intro .eyebrow{font-size:9px}.intro-actions{margin-top:16px}.tour-btn{font-size:10px;min-height:36px;padding:9px 13px;min-width:150px}.motion-btn{width:36px;height:36px}.lab{border-radius:13px}.lab-top{padding:12px 14px;gap:10px}.lab-label{font-size:8px;letter-spacing:.06em;gap:5px}.lab-meta{font-size:8px;gap:5px}.lab-meta span{gap:4px}.stepnav{padding:0 6px}.stepbutton{flex-direction:column;align-items:center;text-align:center;padding:13px 3px 14px;gap:7px}.stepbutton:not(:last-child):after{top:23px;height:18px}.stepbutton strong{font-size:8px;font-weight:500;line-height:1.4;white-space:nowrap}.stepbutton .stepnumber{width:26px;height:26px}.stepbutton[aria-selected="true"]:before{left:8px;right:8px}.workbench{display:flex;flex-direction:column;min-height:0}.controls{padding:23px 20px;border-right:0;border-bottom:1px solid var(--line)}.control-panel h2{font-size:25px;max-width:none;margin:6px 0 8px}.control-panel>p{font-size:11px;margin-bottom:16px;max-width:480px}.control-label{font-size:10px}.object-choice{font-size:10px;min-height:67px}.choice-grid{margin-bottom:12px}.input-demo{padding:9px 11px}.input-demo strong{font-size:12px}.input-demo small{font-size:9px}.demo-field-note{font-size:9px;margin:6px 0 0}.panel-foot{padding-top:14px}.panel-foot>.btn{font-size:11px;min-height:41px}.panel-foot .tiny{font-size:9px;margin-top:8px}.tip{font-size:10px;padding:10px;margin-top:12px}.attribute{padding:10px 12px}.attribute strong{font-size:11px}.attribute small{font-size:9px}.face-buttons{margin-top:12px}.segment{margin-bottom:14px}.visual-stage{min-height:450px}.v-scene{inset:64px 14px 40px}.source-visual{height:333px;width:265px}.source-fallback{inset:5px 32px}.fallback-card{height:280px;width:205px;padding:17px}.fallback-object{height:85px;margin:12px 0}.fallback-object .ico{width:80px;height:80px}.fallback-card h3{font-size:18px}.source-note{bottom:-13px;font-size:7px}.float-node .node-top{font-size:8px}.float-node strong{font-size:10px}.node-identity{top:5%;padding:8px 10px;min-width:0;left:0}.node-data{right:0;bottom:6%;padding:8px 10px;min-width:0}.node-badge{display:none}.stage-caption{top:47px;font-size:9px;left:15px;right:15px}.stage-label{top:19px;font-size:7px;left:19px}.stage-id{font-size:7px;top:19px;right:19px}.stage-bottom{bottom:16px;left:19px;font-size:8px}.stage-orbit{width:355px;height:355px}.stage-orbit.two{width:420px;height:420px}.lab-bottom{padding:13px 15px;gap:10px}.takeaway{font-size:9px;gap:7px}.takeaway .ico{height:13px;width:13px}.progress-dots i{width:9px;height:3px}.card-dock{width:236px;height:334px}.passport-face{padding:14px;border-radius:13px}.card-top .card-logo{font-size:20px}.card-kicker{font-size:6px}.card-illustration{height:120px;margin-block:10px 8px}.card-name{font-size:17px}.card-facts{margin-top:10px;padding-top:9px}.card-fact strong{font-size:9px}.card-fact small{font-size:6.5px}.card-back-title{font-size:16px;margin:17px 0 10px}.back-doc{font-size:8px;padding:10px 0}.back-doc span:last-child{font-size:7px}.card-back-label{font-size:6px;margin-top:14px}.card-upgrade{font-size:10px}.card-note{font-size:7px;margin-top:12px;padding-top:10px}.card-floor{width:290px}.stage-card-action{right:15px;bottom:45px;height:31px;width:31px}.flip-hint{bottom:0;font-size:7px}.vault-scene{gap:17px;padding-top:5px}.passport-mini{min-width:260px;padding:12px 15px}.passport-mini strong{font-size:12px}.passport-mini small{font-size:8px}.passport-mini .ico{height:23px;width:23px}.vault-box{width:290px;max-width:100%;padding:16px}.vault-head{font-size:9px;margin-bottom:12px}.vault-record strong{font-size:11px}.history-record strong{font-size:10px}.vault-lock-msg{font-size:8px;margin-top:12px}.social-canvas{height:333px;width:188px}.social-canvas .card-dock{transform:scale(.65)}.social-canvas[data-format="portrait"]{width:250px;height:312px}.social-canvas[data-format="portrait"] .card-dock{transform:scale(.67)}.social-canvas[data-format="square"]{width:286px;height:286px}.social-canvas[data-format="square"] .card-dock{transform:scale(.62)}.canvas-brand{font-size:6px;left:12px;right:12px;top:11px}.canvas-brand b{font-size:11px}.canvas-bottom{font-size:6px;bottom:11px}.output-tag{font-size:7px;padding:7px 9px;top:0;right:0}.output-tag .ico{height:10px;width:10px}.format-tag{font-size:7px;bottom:0;left:0}.format-tag strong{font-size:14px}.sale-browser{width:318px;max-width:95%}.property-image{height:120px}.sale-content h3{font-size:16px}.sale-content small{font-size:7px}.sale-content{padding:14px 15px}.sale-facts{font-size:8px;margin-bottom:10px}.sale-history{padding-top:9px}.sale-cta{font-size:9px;margin-top:9px}.sale-caption{font-size:7px}.property-scene>.float-node{display:none}.below{grid-template-columns:1fr;padding:20px 0 26px;gap:13px}.explain-block{padding:21px 20px}.explain-block h2{font-size:19px}.explain-block>p{font-size:11px}.privacy-flow{flex-direction:row;gap:10px}.privacy-flow>.ico{transform:none;width:16px;height:16px}.privacy-node{padding:10px;min-width:0}.privacy-node header{font-size:9px;gap:4px}.privacy-node header .ico{width:11px;height:11px}.privacy-node p{font-size:8px}.privacy-result{font-size:9px}.next-step{display:block;padding-top:23px}.next-step h3{font-size:17px}.next-step p{font-size:11px}.next-step>.btn{margin-top:16px;width:100%;justify-content:space-between}.footer-inner{flex-direction:column;align-items:flex-start;gap:14px}.footer-inner nav{gap:15px;flex-wrap:wrap}.toast{font-size:11px;bottom:18px;padding:10px 14px}.motion-paused .source-image,.motion-paused .card-float{animation:none}}
@media(max-width:370px){.nav-path{display:none}.nav-divider{display:none}.shell{width:calc(100% - 22px)}.stepbutton strong{font-size:7px}.controls{padding:20px 16px}.privacy-flow{gap:6px}.privacy-node header{font-size:8px}.privacy-node p{font-size:7.5px}.social-canvas[data-format="square"]{width:258px;height:258px}.social-canvas[data-format="square"] .card-dock{transform:scale(.54)}}

@media(max-width:680px){
 .lab{overflow:clip}.workbench{position:relative}.visual-stage{order:-1;position:sticky;top:0;z-index:7;min-height:310px;height:310px;flex:none;border-bottom:1px solid #263845;background:#080f17}.controls{border-bottom:0}.v-scene{inset:43px 13px 26px}.stage-caption{display:none}.stage-label,.stage-id{top:16px;font-size:7px}.stage-bottom{bottom:12px;font-size:7px}.corner.bl,.corner.br{bottom:8px}.source-visual{height:236px;width:184px}.source-fallback{inset:0 8px}.fallback-card{height:210px;width:155px;padding:13px}.fallback-mark{font-size:20px}.fallback-small{font-size:6px;letter-spacing:.1em}.fallback-object{height:63px;margin:8px 0}.fallback-object .ico{width:57px;height:57px}.fallback-card h3{font-size:14px}.fallback-line{margin-top:10px}.fallback-card.back{transform:rotate(8deg) translateX(16px)}.source-note{font-size:6px;bottom:-2px}.node-identity{left:0;top:6%;padding:7px 9px;max-width:117px}.node-data{right:0;bottom:12%;padding:7px 9px;max-width:128px}.float-node .node-top{font-size:6px;gap:4px}.float-node .node-top .ico{width:11px;height:11px}.float-node strong{font-size:8px;line-height:1.5}.stage-orbit{height:280px;width:280px}.stage-orbit.two{height:350px;width:350px}.pulse-ring{height:185px;width:185px}.scan-line{left:28%;right:28%}.signal-line{width:60px}.vault-scene{gap:10px;padding-top:0}.passport-mini{min-width:220px;padding:8px 12px;gap:8px}.passport-mini .ico{width:19px;height:19px}.passport-mini strong{font-size:10px}.passport-mini small{font-size:7px}.data-path{height:20px;margin-top:-5px;margin-bottom:-4px}.vault-box{padding:11px 13px;width:265px}.vault-head{font-size:8px;margin-bottom:8px}.vault-head small{font-size:6px}.vault-head .ico{width:12px;height:12px}.vault-record{padding:7px 9px;gap:8px}.vault-record .ico{width:16px;height:16px}.vault-record strong{font-size:9px}.vault-record small{font-size:6.5px}.history-record{margin-top:7px;padding:7px 9px}.history-record small{font-size:6px}.history-record strong{font-size:8px}.vault-lock-msg{font-size:6px;margin-top:7px}.vault-lock-msg .ico{width:10px;height:10px}#selection-card-slot{transform:scale(.66)}.flip-hint{bottom:0;font-size:6px}.stage-card-action{bottom:35px;right:16px;width:28px;height:28px}.stage-card-action .ico{width:14px;height:14px}.social-canvas{transform:scale(.67);flex-shrink:0}.output-tag{top:10px;right:1px;font-size:6.5px}.format-tag{bottom:8px;left:0;font-size:6.5px}.format-tag strong{font-size:13px}.property-scene{inset:37px 5px 20px}.sale-browser{width:315px;max-width:none;flex:none;zoom:.72}.lab-bottom{align-items:center;gap:12px}.lab-bottom .text-btn{white-space:nowrap;flex:none;font-size:8px}.lab-bottom .text-btn .ico{width:11px;height:11px}.lab-bottom .progress-dots{display:none}.takeaway{font-size:9px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.source-image,.card-float{transform:none!important}.lab.tour-active .tour-progress{display:none}}