.sd{max-width:var(--max-w);padding:64px var(--pad-x);margin:0 auto}.sd__header{opacity:0;margin-bottom:48px;transition:opacity .7s,transform .7s;transform:translateY(1.5rem)}.sd--visible .sd__header{opacity:1;transform:translateY(0)}.sd__machine{flex-direction:column;gap:0;padding:0;display:flex;position:relative}.sd__spine{z-index:0;pointer-events:none;width:0;position:absolute;top:78px;bottom:80px;left:50%;transform:translate(-50%)}.sd__spine-line{background:var(--sage-pale,var(--sage-light));transform-origin:top;width:1px;margin:0 auto;transition:transform 1.2s .1s;position:absolute;inset:0;transform:scaleY(0)}.sd--visible .sd__spine-line{transform:scaleY(1)}.sd__flow{background:var(--sage);opacity:0;pointer-events:none;filter:blur(.5px);border-radius:50%;width:5px;height:5px;position:absolute;left:50%;transform:translate(-50%)}.sd--visible .sd__flow--down{animation:4s ease-in-out infinite sd-flow-down}.sd--visible .sd__flow--up{animation:4.5s ease-in-out infinite sd-flow-up}.sd__flow--1{animation-delay:0s!important}.sd__flow--2{animation-delay:2s!important}.sd__flow--3{animation-delay:1s!important}.sd__flow--4{animation-delay:3s!important}@keyframes sd-flow-down{0%{opacity:0;top:0%}5%{opacity:.7}90%{opacity:.5}to{opacity:0;top:100%}}@keyframes sd-flow-up{0%{opacity:0;top:auto;bottom:0%}5%{opacity:.6}90%{opacity:.4}to{opacity:0;top:auto;bottom:100%}}.sd--visible .sd__card-connector--right:before,.sd--visible .sd__card-connector--left:before{content:"";background:var(--sage);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;top:-1.5px}.sd--visible .sd__card-connector--right:before{animation:3s ease-in-out 2.5s infinite sd-flow-right}.sd--visible .sd__card-connector--left:before{animation:3.5s ease-in-out 3s infinite sd-flow-left}@keyframes sd-flow-right{0%,15%{opacity:0;left:0}25%{opacity:.6}75%{opacity:.6}85%,to{opacity:0;left:calc(100% - 4px)}}@keyframes sd-flow-left{0%,15%{opacity:0;left:auto;right:0}25%{opacity:.5}75%{opacity:.5}85%,to{opacity:0;left:auto;right:calc(100% - 4px)}}.sd__row{z-index:1;opacity:0;transition:opacity .5s ease var(--row-delay,0s),transform .5s ease var(--row-delay,0s);grid-template-columns:1fr 72px 1fr;align-items:center;gap:0;display:grid;position:relative;transform:translateY(12px)}.sd--visible .sd__row{opacity:1;transform:translateY(0)}.sd__row--labels{margin-bottom:12px;padding-bottom:8px}.sd__label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--sage);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.sd__label--admin{text-align:right;justify-content:flex-end;padding-right:16px}.sd__label--public{text-align:left;justify-content:flex-start;padding-left:16px}.sd__label-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--sage);font-size:11px;font-weight:500;display:block}.sd__card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffbf;padding:12px 16px;transition:box-shadow .2s;position:relative}.sd__card:hover{box-shadow:var(--shadow-md)}.sd__card--admin{border-left:3px solid var(--sage);text-align:left;width:100%;max-width:340px;margin-left:auto;margin-right:0}.sd__card--public{border-right:3px solid var(--sage-light,var(--sage-pale));text-align:left;width:100%;max-width:280px;margin-left:0;margin-right:auto}.sd__card-title{font-family:var(--font-body);color:var(--text);align-items:center;gap:6px;margin-bottom:4px;font-size:14px;font-weight:500;display:flex}.sd__bot-icon{color:var(--sage);flex-shrink:0}.sd__card-caps{flex-wrap:wrap;gap:4px;display:flex}.sd__card-caps span{color:var(--text-tertiary);background:var(--sage-subtle);white-space:nowrap;border-radius:3px;padding:1px 7px;font-size:11px}.sd__card-connector{background:var(--sage-pale,var(--sage-light));pointer-events:none;height:1px;transition:width .4s ease var(--row-delay,0s);position:absolute;top:50%}.sd__card-connector--right{width:0;right:-37px}.sd__card-connector--left{width:0;left:-37px}.sd--visible .sd__card-connector--right,.sd--visible .sd__card-connector--left{width:36px}.sd__junction{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.sd__dot{background:var(--sage);border:2px solid var(--bg,#fafaf8);width:8px;height:8px;box-shadow:0 0 0 1px var(--sage-pale,var(--sage-light));transition:transform .3s cubic-bezier(.34,1.56,.64,1)calc(var(--row-delay,0s) + .2s);border-radius:50%;transform:scale(0)}.sd--visible .sd__dot{animation:3s ease-in-out 2s infinite sd-dot-pulse;transform:scale(1)}@keyframes sd-dot-pulse{0%,to{box-shadow:0 0 0 1px var(--sage-pale,var(--sage-light))}50%{box-shadow:0 0 0 4px var(--sage-glow)}}.sd__junction--ai{z-index:3}.sd__ai{transition:transform .5s cubic-bezier(.34,1.56,.64,1)calc(var(--row-delay,0s) + .1s);justify-content:center;align-items:center;display:flex;position:relative;transform:scale(0)}.sd--visible .sd__ai{transform:scale(1)}.sd__ai-core{background:linear-gradient(135deg,var(--sage)0%,var(--sage-deep,#5a6b52)100%);color:#fff;width:52px;height:52px;font-family:var(--font-body);letter-spacing:.06em;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:relative}.sd__ai-ring{border:1.5px solid var(--sage-glow);pointer-events:none;border-radius:50%;width:60px;height:60px;animation:3s ease-in-out infinite sd-ai-pulse;position:absolute}@keyframes sd-ai-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.sd__cta{font-family:var(--font-body);color:#fff;background:var(--sage);border-radius:var(--radius-sm);cursor:pointer;justify-self:start;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;position:relative}.sd__cta:hover{background:var(--sage-hover);color:#fff;transform:scale(1.05)}.sd__cta-glow{border-radius:calc(var(--radius-sm) + 4px);background:var(--sage-glow);pointer-events:none;z-index:-1;animation:2.5s ease-in-out infinite sd-cta-glow;position:absolute;inset:-4px}@keyframes sd-cta-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.sd__cta .sd__card-connector--left{left:-37px}.sd__graph{z-index:1;opacity:0;transition:opacity .5s ease var(--row-delay,0s),transform .5s ease var(--row-delay,0s);margin-top:24px;position:relative;transform:translateY(10px)}.sd--visible .sd__graph{opacity:1;transform:translateY(0)}.sd__graph-connector{background:var(--sage-pale,var(--sage-light));transform-origin:top;width:1px;height:24px;transition:transform .4s ease var(--row-delay,0s);margin:0 auto;transform:scaleY(0)}.sd--visible .sd__graph-connector{transform:scaleY(1)}.sd__graph-branches{opacity:0;width:80%;max-width:520px;height:32px;transition:opacity .6s ease var(--row-delay,0s);margin:0 auto -2px;display:block}.sd--visible .sd__graph-branches{opacity:1}.sd__graph-title{font-family:var(--font-body);color:var(--text);text-align:center;margin-bottom:8px;font-size:14px;font-weight:500}.sd__graph-body{background:var(--surface);border:1px solid var(--sage-glow);border-radius:var(--radius-md);z-index:2;max-width:640px;margin:0 auto;padding:12px 16px;position:relative;overflow:hidden}.sd__graph-network{width:100%;height:auto;max-height:130px}.sd__graph-edge{stroke:var(--sage-pale,var(--sage-light));stroke-width:1px;opacity:.5}.sd__graph-edge--wall{stroke-dasharray:4 3;opacity:.4}.sd__graph-node{fill:var(--sage-subtle);stroke:var(--sage);stroke-width:1.5px}.sd__graph-node-label{font-family:var(--font-body);fill:var(--text-tertiary);text-anchor:middle;font-size:10px}.sd__graph-flow{fill:var(--sage);opacity:0}.sd--visible .sd__graph-flow{opacity:.7}.sd__graph-modes{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;display:flex}.sd__graph-mode{text-transform:uppercase;letter-spacing:.04em;color:var(--sage);background:var(--sage-glow);border-radius:3px;padding:2px 8px;font-size:10px;font-weight:500}.sd__card--featured{border-right:3px solid var(--copper,#b87333);cursor:pointer;text-decoration:none;transition:box-shadow .2s,transform .2s;position:relative;overflow:visible}.sd__card--featured:hover{transform:translateY(-1px);box-shadow:0 4px 16px #b8733326}.sd__featured-glow{border-radius:calc(var(--radius-sm) + 5px);border:1.5px solid var(--copper,#b87333);opacity:0;pointer-events:none;animation:2.5s ease-in-out infinite sd-featured-pulse;position:absolute;inset:-5px}@keyframes sd-featured-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.04)}}.sd__card-try{color:var(--copper,#b87333);margin-top:6px;font-size:11px;font-weight:500}.sd__top{opacity:0;transition:opacity .5s ease var(--row-delay,0s),transform .5s ease var(--row-delay,0s);transform:translateY(-10px)}.sd--visible .sd__top{opacity:1;transform:translateY(0)}.sd__top-labels{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;display:flex}.sd__top-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.sd__top-label--admin svg{color:var(--sage)}.sd__top-label--visitors svg{color:var(--text-tertiary);opacity:.6}.sd__top-label--channels{color:var(--sage)}.sd__channel-chips{gap:10px;width:fit-content;margin:0 auto;padding-bottom:20px;display:flex;position:relative}.sd__channel{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff9;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:flex;position:relative}.sd__channel svg{color:var(--sage)}.sd__channel:after{content:"";background:var(--sage-pale,var(--sage-light));width:1px;height:20px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.sd__channel-chips:after{content:"";background:var(--sage-pale,var(--sage-light));height:1px;position:absolute;bottom:0;left:36px;right:25px}.sd__branch-line{stroke:var(--sage-pale,var(--sage-light));stroke-width:1px}.sd__branch-flow{fill:var(--sage);opacity:0}.sd--visible .sd__branch-flow{opacity:.6}.sd__branch-junction{fill:var(--sage);opacity:.4}.sd__label-ringfence{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-left:2px;font-size:9px;font-weight:500}.sd__row+.sd__row{margin-top:10px}.sd__row--endpoint{margin-top:6px}@media (max-width:768px){.sd__row{grid-template-columns:1fr 40px 1fr}.sd__card--admin,.sd__card--public{max-width:none}.sd__card{padding:10px 12px}.sd__card-title{font-size:13px}.sd__card-caps span{padding:1px 5px;font-size:10px}.sd__card-connector--right{right:-21px}.sd__card-connector--left{left:-21px}.sd--visible .sd__card-connector--right,.sd--visible .sd__card-connector--left{width:20px}.sd__ai-core{width:36px;height:36px;font-size:11px}.sd__ai-ring{width:44px;height:44px}.sd__graph-body{text-align:center;flex-direction:column;padding:14px 16px}.sd__channel-chips{gap:6px}.sd__channel{gap:4px;padding:4px 8px;font-size:10px}.sd__channel svg{flex-shrink:0;width:14px;height:14px}.sd__top-labels{padding:0}.sd__top-label{gap:4px;font-size:9px}.sd__top-label svg{width:14px;height:14px}}@media (max-width:480px){.sd{padding:48px var(--pad-x)}.sd__row{grid-template-columns:1fr 32px 1fr}.sd__card{padding:8px 10px}.sd__card-caps span{font-size:9px}.sd__label{font-size:10px}.sd__card-connector--right{right:-17px}.sd__card-connector--left{left:-17px}.sd--visible .sd__card-connector--right,.sd--visible .sd__card-connector--left{width:16px}.sd__channel-chips{gap:4px}.sd__channel{gap:3px;padding:3px 6px;font-size:9px}.sd__channel svg{width:12px;height:12px}.sd__top-label{letter-spacing:.06em;font-size:8px}}