.animated-demo{--demo-path:#8daaba;isolation:isolate}.demo-visual{position:absolute;inset:0;overflow:hidden}.demo-connections{pointer-events:none;position:absolute;inset:0}.demo-links{fill:none;width:100%;height:100%;stroke:var(--demo-path);stroke-width:1.35px;position:absolute;inset:0}.demo-links path{vector-effect:non-scaling-stroke}.demo-path-bed{opacity:.2}.demo-trace{opacity:.8}.demo-object{transform-origin:50%}.features-grid .feature-card.dt-surface{background:linear-gradient(155deg,#1d2024,#17191d 68%);border-color:#ffffff12;border-radius:28px;padding:10px;box-shadow:inset 0 1px #ffffff05,0 16px 40px #00000014}.features-grid .feature-copy{padding:25px 18px 24px}.feature-scene.animated-demo{--demo-path:#bacce3;--stage-glass:linear-gradient(145deg, #ffffff17, #ffffff07);--stage-border:#e3ecff45;--stage-shadow:inset 0 1px 0 #ffffff16, 0 12px 28px #09132626;background:radial-gradient(at 10% 100%,#1a4e6899,#0000 65%),radial-gradient(at 95% 0,#92a9cb66,#0000 72%),linear-gradient(145deg,#253b57,#344a69 55%,#263b55);border:1px solid #dae6ff26;border-radius:20px;box-shadow:inset 0 1px #ffffff12}.feature-scene.developer-scene{background:radial-gradient(at 85% 100%,#a3819270,#0000 65%),radial-gradient(at 0 10%,#809eb65e,#0000 70%),linear-gradient(155deg,#304765,#414e6a 55%,#635565)}.feature-scene.platform-scene{background:radial-gradient(at 15% 100%,#294965aa,#0000 68%),radial-gradient(at 100% 0,#a59cad70,#0000 72%),linear-gradient(145deg,#3a4b68,#465775 55%,#565069)}.feature-scene .demo-visual{width:min(100%,400px);inset:0 auto 0 50%;translate:-50%}.feature-caption{color:#edf4ff;white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute}.privacy-heading{background:#c5e0f011;border:1px solid #ffffff26;border-radius:30px;padding:7px 12px;top:10%;left:50%;translate:-50%}.privacy-session,.session-sheet{border:1px solid var(--stage-border);border-radius:26px;width:148px;height:172px;position:absolute;top:50%;left:50%;translate:-50% -50%}.session-sheet{background:#bed6ef0a;box-shadow:inset 0 1px #ffffff0d}.session-sheet-back{top:calc(50% - 4px);left:calc(50% - 8px);rotate:-9deg}.session-sheet-middle{top:calc(50% - 1px);left:calc(50% + 7px);rotate:6deg}.privacy-session{z-index:2;background:linear-gradient(145deg,#7896af8c,#314f6be8);flex-direction:column;align-items:center;padding:18px;display:flex;box-shadow:inset 0 1px #fff3,0 16px 30px #071a2e38}.session-seal{flex:none;width:62px;height:62px}.privacy-count{color:#e1edf9;align-items:baseline;gap:6px;margin-top:9px;display:flex}.privacy-count>strong{color:#f4fbff;letter-spacing:-.055em;font-size:44px;font-weight:430;line-height:1}.privacy-count>span{font-size:11px}.privacy-record{z-index:3;color:#f0f6ff;opacity:0;background:linear-gradient(145deg,#829cb8f2,#435f7af5);border:1px solid #d9eaff55;border-radius:13px;grid-template-columns:14px 1fr;align-items:center;gap:5px 7px;width:92px;padding:11px 10px;font-size:10px;display:grid;position:absolute;box-shadow:0 8px 20px #071a2e20}.privacy-record>i{background:#d7e8fa70;border-radius:4px;height:2px}.privacy-record>i:last-child{width:70%}.privacy-record-0{top:32%;left:9%;rotate:-9deg}.privacy-record-1{top:43%;right:7%;rotate:8deg}.privacy-record-2{top:63%;left:15%;rotate:-5deg}.feature-status{color:#d5f8e9;background:#acd7ca12;border:1px solid #b7e5d747;border-radius:30px;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:11px;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0c}.privacy-result{top:85%;left:50%;translate:-50%}.feature-window-bar{color:#edf4ff;border-bottom:1px solid #e0ecff1c;align-items:center;gap:6px;height:25px;padding-inline:9px;font-size:10px;display:flex}.window-dots{align-items:center;gap:3px;margin-right:auto;display:flex}.window-dots>i{background:#e7f0ff70;border-radius:50%;width:3px;height:3px}.api-input{border:1px solid var(--stage-border);width:44%;max-width:142px;height:92px;box-shadow:var(--stage-shadow);background:linear-gradient(145deg,#a4bfdf28,#374e6dc9);border-radius:16px;position:absolute;top:22%;left:33%;overflow:hidden;translate:-50% -50%}.api-input .feature-window-bar>svg{margin-left:auto}.code-composition{justify-content:center;align-items:center;gap:9px;height:65px;display:flex}.code-bracket{color:#e2d6fa;font-size:28px;font-weight:300}.code-lines{gap:7px;width:43%;display:grid}.code-lines>i{background:#badcec;border-radius:4px;width:85%;height:3px;display:block}.code-lines>i:nth-child(2){background:#d1bce2;width:60%;margin-left:8px}.code-lines>i:last-child{background:#d4dbf0;width:71%}.api-core{z-index:2;background:linear-gradient(145deg,#9bb3ce66,#40536de8);border:1px solid #e3ecff66;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:98px;height:98px;display:flex;position:absolute;top:47%;left:61%;translate:-50% -50%;box-shadow:inset 0 1px #ffffff35,0 16px 28px #12203e33}.api-chip-mark{width:70px;height:70px}.api-core>span{color:#f3f7ff;letter-spacing:.12em;margin:-3px 0 9px;font-size:10px;line-height:1}.api-output{border:1px solid var(--stage-border);color:#edf4ff;width:36%;max-width:124px;height:74px;box-shadow:var(--stage-shadow);background:linear-gradient(145deg,#dae5fc21,#ffffff09);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:83%;translate:-50% -50%}.api-output>span:not(.api-destination-art,.destination-connected){white-space:nowrap;font-size:11px}.output-product{left:25%}.output-agent{left:79%}.feature-agent-mark{width:32px;height:32px}.api-destination-art{place-items:center;height:32px;display:grid;position:relative}.mini-app-lines{gap:3px;display:grid;position:absolute;top:14px;left:9px}.mini-app-lines>i{background:#d9e9ff80;width:9px;height:1px}.mini-app-lines>i:last-child{width:5px}.destination-connected{color:#153d35;background:#b2e8d6;border:3px solid #59667f;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:-4px;right:-4px}.api-packet{z-index:1;opacity:0;pointer-events:none;position:absolute;inset:0}.api-packet>i{background:#e4f3ff;border-radius:2px;width:6px;height:6px;display:block;translate:-50% -50%;box-shadow:0 0 9px #d5ecff70}.platform-token{z-index:2;width:57px;height:57px;box-shadow:var(--stage-shadow);background:linear-gradient(145deg,#bfcee935,#ffffff09);border:1px solid #e3ecff55;border-radius:18px;place-items:center;display:grid;position:absolute;translate:-50% -50%}.platform-origin{top:22%;left:25.5%}.platform-x{top:85%;left:21.5%}.platform-reddit{top:85%;left:82%}.platform-observed{color:#dbf8ed;top:20%;left:51%}.platform-webpage{z-index:2;background:linear-gradient(145deg,#7e90afe8,#4d6382e6);border:1px solid #e3ecff60;border-radius:16px;width:54%;max-width:194px;height:108px;position:absolute;top:47%;left:59%;translate:-50% -50%;box-shadow:inset 0 1px #ffffff25,0 12px 28px #14203a33}.platform-webpage .feature-window-bar{gap:4px;font-size:9px}.platform-webpage .window-dots{gap:2px}.platform-webpage .window-dots>i{width:2px;height:2px}.webpage-body{align-items:center;gap:11px;padding:16px 13px;display:flex}.webpage-art{background:#c3d6eb24;border-radius:11px;flex:none;width:36px;height:36px;position:relative;overflow:hidden}.webpage-art>span{border:1px solid #e1eaff70;border-radius:50%;width:24px;height:24px;position:absolute}.webpage-art>span:first-child{top:5px;left:-3px}.webpage-art>span:nth-child(2){top:14px;left:11px}.webpage-art>span:last-child{top:-10px;left:17px}.webpage-lines{flex:1;gap:6px;display:grid}.webpage-lines>i{background:#dce8ff70;border-radius:2px;width:84%;height:2px;display:block}.webpage-lines>i:first-child{background:#ecf2ffb3;width:65%;height:4px}.webpage-lines>i:last-child{width:40%}.webpage-source-mark{color:#dcfff0;background:#617f83;border:1px solid #c6e5db70;border-radius:8px;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:-9px;right:14px}.platform-inference{color:#ffe0b7;font-size:10px;top:85%;left:50%;translate:-50%}.inference-dash{border-top:1px dashed;width:12px}.inferred-path{stroke:#f2c990;stroke-dasharray:4 5;opacity:.9}@media (prefers-reduced-motion:no-preference){.feature-scene[data-demo-motion=true] [data-enter=first]{animation:3.2s cubic-bezier(.22,1,.36,1) both feature-arrive-first}.feature-scene[data-demo-motion=true] [data-enter=middle]{animation:3.2s cubic-bezier(.22,1,.36,1) both feature-arrive-middle}.feature-scene[data-demo-motion=true] [data-enter=last]{animation:3.2s cubic-bezier(.22,1,.36,1) both feature-arrive-last}.feature-scene[data-demo-motion=true] .demo-connections{animation:3.2s ease-in-out both feature-route-first}.feature-scene[data-demo-motion=true] :is(.api-response-routes,.platform-inferred-routes){animation-name:feature-route-last}.feature-scene[data-demo-motion=true] .privacy-session{animation:3.2s cubic-bezier(.22,1,.36,1) both feature-seal-settle}.feature-scene[data-demo-motion=true] .session-sheet{animation:3.2s cubic-bezier(.22,1,.36,1) both feature-layers}.feature-scene[data-demo-motion=true] .privacy-record{animation:3.2s cubic-bezier(.4,0,.2,1) both feature-fold-input}.feature-scene[data-demo-motion=true] .privacy-record-1{animation-name:feature-fold-sources}.feature-scene[data-demo-motion=true] .privacy-record-2{animation-name:feature-fold-results}.feature-scene[data-demo-motion=true] .seal-check,.feature-scene[data-demo-motion=true] .privacy-count{animation:3.2s ease-in-out both feature-seal-check}.feature-scene[data-demo-motion=true] .privacy-result{animation-name:feature-seal-check}.feature-scene[data-demo-motion=true] .api-packet{animation:3.2s linear both feature-packet-request}.feature-scene[data-demo-motion=true] .packet-product{animation-name:feature-packet-product}.feature-scene[data-demo-motion=true] .packet-agent{animation-name:feature-packet-agent}.feature-scene[data-demo-motion=true] .destination-connected{animation:3.2s cubic-bezier(.22,1,.36,1) both feature-connected}.feature-scene[data-demo-motion=true][data-demo-state=paused] .demo-visual *{animation-play-state:paused}}@keyframes feature-arrive-first{0%{opacity:0;transform:translateY(12px)scale(.94)}20%,to{opacity:1;transform:none}}@keyframes feature-arrive-middle{0%,23%{opacity:0;transform:translateY(10px)scale(.94)}43%,to{opacity:1;transform:none}}@keyframes feature-arrive-last{0%,51%{opacity:0;transform:translateY(12px)scale(.94)}73%,to{opacity:1;transform:none}}@keyframes feature-route-first{0%,20%{opacity:0}36%,to{opacity:1}}@keyframes feature-route-last{0%,48%{opacity:0}64%,to{opacity:1}}@keyframes feature-seal-settle{0%{opacity:0;transform:translateY(12px)rotate(-4deg)scale(.94)}28%,to{opacity:1;transform:none}}@keyframes feature-layers{0%,10%{opacity:0;transform:translateY(10px)scale(.9)}48%,to{opacity:1;transform:none}}@keyframes feature-fold-input{0%{opacity:0;transform:translate(-8px,10px)}16%,27%{opacity:1;transform:none}48%,to{opacity:0;transform:translate(50px,18px)scale(.5)}}@keyframes feature-fold-sources{0%,6%{opacity:0;transform:translate(8px,10px)}24%,35%{opacity:1;transform:none}57%,to{opacity:0;transform:translate(-45px,-2px)scale(.5)}}@keyframes feature-fold-results{0%,12%{opacity:0;transform:translate(-8px,10px)}30%,42%{opacity:1;transform:none}65%,to{opacity:0;transform:translate(30px,-40px)scale(.5)}}@keyframes feature-seal-check{0%,65%{opacity:0}84%,to{opacity:1}}@keyframes feature-connected{0%,72%{opacity:0;transform:scale(.65)}89%,to{opacity:1;transform:none}}@keyframes feature-packet-request{0%,20%{opacity:0;transform:translate(33%,35%)}23%{opacity:1;transform:translate(33%,35%)}28%{opacity:1;transform:translate(33%,44%)}38%{opacity:1;transform:translate(48%,44%)}42%,to{opacity:0;transform:translate(53%,44%)}}@keyframes feature-packet-product{0%,47%{opacity:0;transform:translate(61%,59%)}50%{opacity:1;transform:translate(61%,59%)}55%{opacity:1;transform:translate(61%,67%)}67%{opacity:1;transform:translate(25%,67%)}74%{opacity:1;transform:translate(25%,74%)}78%,to{opacity:0;transform:translate(25%,74%)}}@keyframes feature-packet-agent{0%,52%{opacity:0;transform:translate(61%,59%)}55%{opacity:1;transform:translate(61%,59%)}60%{opacity:1;transform:translate(61%,67%)}70%{opacity:1;transform:translate(79%,67%)}77%{opacity:1;transform:translate(79%,74%)}81%,to{opacity:0;transform:translate(79%,74%)}}@media (max-width:360px){.platform-webpage .feature-window-bar{padding-inline:6px}.platform-webpage .window-dots{display:none}}